import { createFileRoute } from '@tanstack/react-router'
import Header from '#/components/header.tsx'
import Hero from '#/components/hero.tsx'
import { Services } from '#/components/services.tsx'
import { Features } from '#/components/features.tsx'
import { Showcase } from '#/components/showcase.tsx'
import { Process } from '#/components/process.tsx'
import { Pricing } from '#/components/pricing.tsx'
import { Footer } from '#/components/footer.tsx'

export const Route = createFileRoute('/')({ component: Home })

function Home() {
    return (
        <div className="relative flex min-h-screen flex-col">
            <Header />
            <main className="flex-1">
                <Hero />
                <Services />
                <Features />
                <Showcase />
                <Process />
                <Pricing />
            </main>
            <Footer />
        </div>
    )
}