estimation-flow/src/app/page.tsx

import { CostEstimatorForm } from '@/components/cost-estimator/cost-estimator-form';

export default function Home() {
  return (
    <main className="flex min-h-screen w-full flex-col items-center justify-center bg-background p-4 sm:p-8 md:p-12 lg:p-24">
      <div className="w-full max-w-4xl text-center">
        <h1 className="font-headline text-4xl font-bold tracking-tighter text-foreground sm:text-5xl md:text-6xl">
          EstimateFlow
        </h1>
        <p className="mx-auto mt-4 max-w-[700px] text-muted-foreground md:text-xl">
          Answer a few questions to get a real-time estimate for your digital project. Let's build something amazing together.
        </p>
      </div>
      <CostEstimatorForm />
    </main>
  );
}