"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Sparkles } from "lucide-react";

export default function ItalianRestaurantPage() {
    return (
        <ThemeProvider
            defaultButtonVariant="icon-arrow"
            defaultTextAnimation="background-highlight"
            borderRadius="soft"
            contentWidth="medium"
            sizing="largeSmall"
            background="floatingGradient"
            cardStyle="glass-elevated"
            primaryButtonStyle="shadow"
            secondaryButtonStyle="layered"
            headingFontWeight="semibold"
        >
            <ReactLenis root>
                <div id="nav" data-section="nav">
                    <NavbarStyleCentered
                        brandName="Sweets Haven"
                        navItems={[
                            { name: "Home", id: "hero" },
                            { name: "Features", id: "features" },
                            { name: "About", id: "about" },
                            { name: "Place Order", id: "contact" }
                        ]}
                        button={{ text: "Order Now", href: "#contact" }}
                    />
                </div>

                <div id="hero" data-section="hero">
                    <HeroBillboardGallery
                        title="Sweet Delights Await"
                        description="Handcrafted sweets made with premium ingredients to make your day a little brighter."
                        background={{ variant: "sparkles-gradient" }}
                        tag="Handmade with Love"
                        tagIcon={Sparkles}
                        mediaItems={[
                            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446695-kidkiek1.jpg?_wi=1", imageAlt: "Assorted sweet treats 1" },
                            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-ukkla41y.jpg", imageAlt: "Assorted sweet treats 2" },
                            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-viltm8p3.jpg", imageAlt: "Assorted sweet treats 3" }
                        ]}
                        buttons={[
                            { text: "View Menu", href: "#features" },
                            { text: "Order Your Sweets", href: "#contact" }
                        ]}
                    />
                </div>

                <div id="features" data-section="features">
                    <FeatureCardOne
                        title="Our Quality Commitment"
                        description="Experience the difference with our premium ingredients and artisan craft."
                        features={[
                            { title: "Natural Ingredients", description: "Only the finest raw materials selected by our expert team.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-w43thhom.jpg" },
                            { title: "Handmade Fresh", description: "Every single pastry is crafted daily for maximum freshness.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-4hefquwp.jpg" }
                        ]}
                        gridVariant="two-items-per-row"
                        animationType="slide-up"
                        textboxLayout="default"
                    />
                </div>

                <div id="about" data-section="about">
                    <TextAbout
                        title="Our mission is simple: to bring joy through flavor. We source the finest cocoa, fruits, and spices to craft sweets that leave a lasting impression."
                        useInvertedBackground={false}
                    />
                </div>

                <div id="impact" data-section="impact">
                    <MetricCardFourteen
                        title="Quality Measured"
                        tag="Our Standards"
                        metrics={[
                            { id: "1", value: "100%", description: "Natural, fresh, high-quality ingredients used in every batch." },
                            { id: "2", value: "500+", description: "Happy customers served since our humble beginnings." }
                        ]}
                        metricsAnimation="slide-up"
                        useInvertedBackground={true}
                    />
                </div>

                <div id="testimonials" data-section="testimonials">
                    <TestimonialCardTen
                        title="What Our Fans Say"
                        description="See why our customers keep coming back for more sweetness."
                        testimonials={[
                            { id: "1", title: "Heavenly Taste", quote: "The best truffles I have ever had!", name: "Alex P.", role: "Regular Customer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-4hefquwp.jpg" },
                            { id: "2", title: "Exquisite Quality", quote: "Every bite is pure bliss.", name: "Sarah M.", role: "Foodie", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AIThek1.jpg?_wi=2" }
                        ]}
                        textboxLayout="default"
                        useInvertedBackground={true}
                    />
                </div>

                <div id="contact" data-section="contact">
                    <ContactCenter
                        title="Place Your Order"
                        description="Ready to indulge? Fill out the form below and we'll get back to you to confirm your order details."
                        tag="Place Order"
                        background={{ variant: "plain" }}
                        useInvertedBackground={false}
                    />
                </div>

                <div id="footer" data-section="footer">
                    <FooterLogoEmphasis
                        logoText="Sweets Haven"
                        columns={[
                            { items: [{ label: "Order Online", href: "#contact" }, { label: "About Us", href: "#about" }] }
                        ]}
                    />
                </div>
            </ReactLenis>
        </ThemeProvider>
    );
}