'use client';

import { ExpandingProductSection } from '@/components/product/ExpandingProductSection';
import { TypedHero } from '@/components/TypedHero';

export default function ClientHomePage() {
  return (
    <section className="relative pt-8 pb-16 lg:pb-24 bg-background">
      <div className="absolute inset-0 w-full h-full dark:bg-grid-white/[0.05] bg-grid-black/[0.05]" />
      <div className="container mx-auto relative z-10">
        <div className="my-8">
          <TypedHero />
        </div>
        <ExpandingProductSection />
      </div>
    </section>
  );
}