feat: 重构网站UI设计并优化布局结构
重构整体UI设计,采用红色主题配色方案 优化页面布局结构,将Header和Footer移至page组件 更新按钮样式和交互效果,增强视觉反馈 调整全局字体配置,使用思源黑体作为中文字体 改进各区块卡片样式,增加悬停动画效果 优化响应式设计,提升移动端体验
This commit is contained in:
@@ -1,6 +1,3 @@
|
||||
import { Header } from '@/components/layout/header';
|
||||
import { Footer } from '@/components/layout/footer';
|
||||
|
||||
export default function MarketingLayout({
|
||||
children,
|
||||
}: {
|
||||
@@ -8,9 +5,7 @@ export default function MarketingLayout({
|
||||
}) {
|
||||
return (
|
||||
<div className="min-h-screen flex flex-col">
|
||||
<Header />
|
||||
<main className="flex-1">{children}</main>
|
||||
<Footer />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,25 +1,25 @@
|
||||
import { HeroSection } from '@/components/sections/hero-section';
|
||||
import { AboutSection } from '@/components/sections/about-section';
|
||||
import { ServicesSection } from '@/components/sections/services-section';
|
||||
import { ProductsSection } from '@/components/sections/products-section';
|
||||
import { NewsSection } from '@/components/sections/news-section';
|
||||
import { ContactSection } from '@/components/sections/contact-section';
|
||||
import { COMPANY_INFO } from '@/lib/constants';
|
||||
"use client";
|
||||
|
||||
export const metadata = {
|
||||
title: `${COMPANY_INFO.name} - 专业科技服务提供商`,
|
||||
description: COMPANY_INFO.description,
|
||||
};
|
||||
import { Header } from "@/components/layout/header";
|
||||
import { Footer } from "@/components/layout/footer";
|
||||
import { HeroSection } from "@/components/sections/hero-section";
|
||||
import { AboutSection } from "@/components/sections/about-section";
|
||||
import { ServicesSection } from "@/components/sections/services-section";
|
||||
import { ProductsSection } from "@/components/sections/products-section";
|
||||
import { NewsSection } from "@/components/sections/news-section";
|
||||
import { ContactSection } from "@/components/sections/contact-section";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<main className="min-h-screen">
|
||||
<Header />
|
||||
<HeroSection />
|
||||
<AboutSection />
|
||||
<ServicesSection />
|
||||
<ProductsSection />
|
||||
<NewsSection />
|
||||
<ContactSection />
|
||||
</>
|
||||
<Footer />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user