区块组件

import { Hero } from "@/components/sections/hero";
 
<Hero
  dict={dict}
  params={params}
  showTrustBar={true}
/>

import { Features } from "@/components/sections/features";
 
<Features
  dict={dict}
  variant="grid"
  columns={3}
/>

import { ContentSection } from "@/components/sections/content-section";
 
<ContentSection
  title="区块标题"
  description="区块描述"
  image="/path/to/image.jpg"
  imagePosition="right"
/>

import { CTASection } from "@/components/sections/cta-section";
 
<CTASection
  dict={dict}
  variant="primary"
  showBackground={true}
/>

import { FAQ } from "@/components/sections/faq";
 
<FAQ
  dict={dict}
  columns={2}
  expandFirst={true}
/>

import { Testimonials } from "@/components/sections/testimonials";
 
<Testimonials
  dict={dict}
  variant="grid"
  autoplay={true}
/>

export default function HomePage({ params }) {
  const dict = await getDictionary(params.lang);
  
  return (
    <Layout dict={dict}>
      <Hero dict={dict} params={params} />
      <Features dict={dict} />
      <ContentSection {...contentProps} />
      <Testimonials dict={dict} />
      <FAQ dict={dict} />
      <CTASection dict={dict} />
    </Layout>
  );
}

<Layout dict={dict}>
  <Hero variant="product" />
  <Features columns={4} />
  <ContentSection imagePosition="left" />
  <PricingSection />
  <TestimonialsSlider />
  <GradientCTA />
</Layout>