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>
  )
}