59 lines
2.4 KiB
TypeScript
59 lines
2.4 KiB
TypeScript
import { Hero } from '@/components/home/Hero'
|
|
import { ProductPreview } from '@/components/home/ProductPreview'
|
|
import { MissionVisionEN } from '@/components/home/MissionVisionEN'
|
|
import { HonorSection } from '@/components/home/HonorSection'
|
|
import { Infrastructure } from '@/components/home/Infrastructure'
|
|
import { Button } from '@/components/ui/button'
|
|
import Link from 'next/link'
|
|
|
|
export default function Home() {
|
|
return (
|
|
<div className="flex flex-col w-full overflow-x-hidden">
|
|
{/* 1. Brand Positioning & Hero */}
|
|
<Hero />
|
|
|
|
{/* 2. Core Product Matrix */}
|
|
<div id="products" className="scroll-mt-20">
|
|
<ProductPreview />
|
|
</div>
|
|
|
|
{/* 3. Mission, Vision & Values */}
|
|
<MissionVisionEN />
|
|
|
|
{/* 4. Authority Certifications & Technical Strength */}
|
|
<HonorSection />
|
|
|
|
{/* 5. Ecological Infrastructure */}
|
|
<Infrastructure />
|
|
|
|
{/* 7. Call to Action & Contact */}
|
|
<section id="contact" className="py-24 bg-gradient-to-br from-[#0A1931] to-[#185ADB] text-white text-center scroll-mt-20">
|
|
<div className="container mx-auto px-4">
|
|
<h2 className="text-3xl md:text-5xl font-black mb-8 leading-tight">
|
|
Connect with 120,000+ Merchants<br/>Create a New Business Ecosystem
|
|
</h2>
|
|
<p className="text-lg md:text-xl text-gray-300 max-w-3xl mx-auto mb-12 leading-relaxed">
|
|
Whether you're a brick-and-mortar business seeking transformation or an individual aspiring to entrepreneurship,
|
|
Baima Home provides a broad platform. Our ecosystem is fully open to the public -
|
|
click the button below to get in touch with us.
|
|
</p>
|
|
<div className="flex flex-col sm:flex-row gap-6 justify-center">
|
|
<Link
|
|
href="/contact#form"
|
|
className="inline-flex h-14 items-center justify-center rounded-full bg-[#FF6600] px-10 text-xl font-black shadow-2xl shadow-[#FF6600]/40 transition-all hover:bg-[#FF8C00] hover:scale-105"
|
|
>
|
|
Join Baima Alliance
|
|
</Link>
|
|
<Link
|
|
href="/contact"
|
|
className="inline-flex h-14 items-center justify-center rounded-full border-2 border-white/30 px-10 text-lg font-bold transition-all hover:bg-white/10"
|
|
>
|
|
Learn More
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
)
|
|
}
|