import HeroSection from "@/components/homePage/HeroSection";
import WhyChoose from "@/components/homePage/WhyChoose";
import AppointmentSection from "@/components/homePage/AppointmentSection";
import HowItWorks from "@/components/homePage/HowItWorks";
import ProjectsMarquee from "@/components/homePage/ProjectsMarquee";
import PricingPlans from "@/components/homePage/PricingPlans";
import {createPaintingOrder} from "@/actions/actions";

export default async function Home() {
    async function submit(formData: FormData) {
        'use server'
        return await createPaintingOrder(formData);
    }

    return (
        <div>
            <main>
                <HeroSection
                    submit={submit}
                />
                <PricingPlans
                    submit={submit}
                />
                <WhyChoose
                    submit={submit}
                />
                <ProjectsMarquee/>
                <AppointmentSection
                    submit={submit}
                />
                <HowItWorks/>
            </main>
        </div>
    );
}