"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBase from "@/components/sections/footer/FooterBase";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Sparkles, CheckCircle, Trophy, Book } from "lucide-react";

export default function ItalianRestaurantPage() {
    return (
        <ThemeProvider
            defaultButtonVariant="icon-arrow"
            defaultTextAnimation="background-highlight"
            borderRadius="soft"
            contentWidth="medium"
            sizing="mediumLarge"
            background="floatingGradient"
            cardStyle="glass-elevated"
            primaryButtonStyle="shadow"
            secondaryButtonStyle="layered"
            headingFontWeight="semibold"
        >
            <ReactLenis root>
                <div id="nav" data-section="nav">
                    <NavbarLayoutFloatingInline
                        brandName="Bella Italia"
                        navItems={[
                            { name: "Pricing", id: "pricing" },
                            { name: "About", id: "about" },
                            { name: "Reservations", id: "contact" }
                        ]}
                        button={{
                            text: "Book a Table",                            href: "contact"
                        }}
                    />
                </div>

                <div id="hero" data-section="hero">
                    <HeroBillboard
                        title="Welcome to Bella Italia"
                        description="Authentic Italian cuisine crafted with passion and tradition. Experience the flavors of Italy in every dish."
                        background={{ variant: "sparkles-gradient" }}
                        tag="Fine Dining"
                        tagIcon={Sparkles}
                        imageSrc="https://img.b2bpic.net/premium-photo/tasted-famous-italian-food_119101-260.jpg?id=6608694"
                        imageAlt="Elegant Italian restaurant dining room"
                        buttons={[
                            { text: "Reserve Now", href: "contact" },
                            { text: "View Pricing", href: "pricing" }
                        ]}
                    />
                </div>

                <div id="hero-carousel" data-section="hero-carousel">
                    <HeroBillboardCarousel
                        title="A Culinary Journey Through Italy"
                        description="Savor the essence of tradition with our exquisite selection of Italian delicacies."
                        mediaItems={[
                            { imageSrc: "https://img.b2bpic.net/free-photo/italian-spaghetti-tomato-sauce-with-parmesan-inside-blue-plate-top-view_114579-1556.jpg", imageAlt: "Tagliatelle al Ragù with meat sauce" },
                            { imageSrc: "https://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-919.jpg", imageAlt: "Creamy mushroom risotto" },
                            { imageSrc: "https://img.b2bpic.net/free-photo/top-view-chicken-spaghetti-with-bell-peppers-parsley_140725-312.jpg", imageAlt: "Classic tiramisu dessert" },
                            { imageSrc: "https://img.b2bpic.net/free-photo/gourmet-pasta-dish-with-seafood_1232-157.jpg", imageAlt: "Seafood pasta" }
                        ]}
                        background={{ variant: "plain" }}
                        buttons={[
                            { text: "Explore Menu", href: "pricing" }
                        ]}
                    />
                </div>

                <div id="about" data-section="about">
                    <SplitAbout
                        title="Our Heritage, Your Table"
                        description="At Bella Italia, every dish is a celebration of our rich culinary heritage. We combine timeless recipes with the freshest ingredients to bring you an authentic taste of Italy."
                        imageSrc="https://img.b2bpic.net/free-photo/restaurant-chef-cooking_140725-16.jpg"
                        imageAlt="Chef preparing food in a restaurant kitchen"
                        bulletPoints={[
                            { title: "Authentic Recipes", description: "Passed down through generations.", icon: Book },
                            { title: "Fresh Ingredients", description: "Sourced daily for unparalleled flavor.", icon: CheckCircle },
                            { title: "Warm Hospitality", description: "Experience true Italian welcome.", icon: Sparkles }
                        ]}
                        textboxLayout="default"
                        useInvertedBackground={false}
                    />
                </div>

                <div id="features" data-section="features">
                    <FeatureCardThree
                        title="Experience the Bella Italia Difference"
                        description="We're committed to delivering an exceptional dining experience, from our kitchen to your table."
                        features={[
                            { id: "1", title: "Handmade Pasta", description: "Every pasta dish is crafted fresh daily, ensuring authentic taste.", imageSrc: "https://img.b2bpic.net/free-photo/woman-making-fresh-pasta-kitchen_23-2148767749.jpg" },
                            { id: "2", title: "Premium Wine Selection", description: "A curated list of fine Italian wines to perfectly complement your meal.", imageSrc: "https://img.b2bpic.net/free-photo/wine-glasses-bottle_23-2147775535.jpg" },
                            { id: "3", title: "Desserts & Coffee", description: "Indulge in our classic Italian sweets and rich, aromatic espresso.", imageSrc: "https://img.b2bpic.net/premium-photo/top-view-delicios-tiramisu_1203-1249.jpg" }
                        ]}
                        gridVariant="three-columns-all-equal-width"
                        animationType="slide-up"
                        textboxLayout="default"
                        useInvertedBackground={true}
                    />
                </div>

                <div id="pricing" data-section="pricing">
                    <PricingCardOne
                        title="Our Menu Highlights"
                        description="Explore a selection of our popular dishes and their prices, featuring the finest ingredients."
                        plans={[
                            { id: "starter", badge: "Appetizer", badgeIcon: Sparkles, price: "$15", subtitle: "Classic Bruschetta", features: ["Fresh Tomatoes", "Basil", "Garlic", "Olive Oil"] },
                            { id: "main", badge: "Main Course", badgeIcon: CheckCircle, price: "$30", subtitle: "Osso Buco alla Milanese", features: ["Slow-braised Veal", "Saffron Risotto", "Gremolata"] },
                            { id: "dessert", badge: "Dessert", badgeIcon: Trophy, price: "$10", subtitle: "Panna Cotta", features: ["Vanilla Bean", "Berry Coulis", "Fresh Mint"] }
                        ]}
                        animationType="slide-up"
                        textboxLayout="default"
                        useInvertedBackground={false}
                    />
                </div>

                <div id="metrics" data-section="metrics">
                    <MetricCardOne
                        title="Our Milestones"
                        description="Proudly serving authentic Italian flavors for over two decades."
                        metrics={[
                            { id: "1", value: "25+", title: "Years Serving", description: "Of authentic Italian cuisine", icon: Trophy },
                            { id: "2", value: "50K+", title: "Happy Customers", description: "Who experienced true Italian taste", icon: Sparkles },
                            { id: "3", value: "100+", title: "Recipes", description: "From different regions of Italy", icon: CheckCircle }
                        ]}
                        gridVariant="uniform-all-items-equal"
                        animationType="slide-up"
                        textboxLayout="default"
                        useInvertedBackground={true}
                    />
                </div>

                <div id="contact" data-section="contact">
                    <ContactCenter
                        tag="Reservations"
                        title="Book Your Table"
                        description="Experience an unforgettable Italian dining experience. Make your reservation today."
                        background={{ variant: "plain" }}
                        buttonText="Reserve Now"
                        inputPlaceholder="Enter your email to receive confirmation"
                        termsText="By clicking Reserve Now you're confirming that you agree with our Reservation Policy."
                        onSubmit={(email) => alert(`Reservation request for ${email} received!`)}
                        useInvertedBackground={false}
                    />
                </div>

                <div id="footer-base" data-section="footer-base">
                    <FooterBase
                        logoText="Bella Italia"
                        columns={[
                            { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
                            { title: "Menu", items: [{ label: "Appetizers", href: "#pricing" }, { label: "Main Courses", href: "#pricing" }, { label: "Desserts", href: "#pricing" }] },
                            { title: "Contact", items: [{ label: "Reservations", href: "#contact" }, { label: "Email Us", href: "mailto:info@bellaitalia.com" }] }
                        ]}
                        copyrightText="© 2024 Bella Italia. All rights reserved."
                    />
                </div>

                <div id="footer-simple" data-section="footer-simple">
                    <FooterSimple
                        columns={[
                            { title: "Explore", items: [{ label: "Home", href: "/" }, { label: "About", href: "#about" }] },
                            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
                        ]}
                        bottomLeftText="Crafted with passion in Italy."
                        bottomRightText="© 2024 Bella Italia."
                    />
                </div>
            </ReactLenis>
        </ThemeProvider>
    );
}
