"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 TextAbout from "@/components/sections/about/TextAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Sparkles } 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: "Menu", id: "menu" },
                            { name: "About", id: "about" },
                            { name: "Reservations", id: "contact" },
                            { name: "Reviews", id: "testimonials" }
                        ]}
                        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 Menu", href: "menu" }
                        ]}
                    />
                </div>

                <div id="about" data-section="about">
                    <TextAbout
                        title="At Bella Italia, we honor the rich culinary traditions of Italy while celebrating the art of fine dining. Every dish tells a story of tradition, craftsmanship, and love for food."
                        useInvertedBackground={false}
                        buttons={[
                            { text: "Learn More", href: "#" }
                        ]}
                    />
                </div>

                <div id="menu" data-section="menu">
                    <ProductCardOne
                        title="Featured Dishes"
                        description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients."
                        products={[
                            {
                                id: "1",                                name: "Tagliatelle al Ragù",                                price: "$28",                                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"
                            },
                            {
                                id: "2",                                name: "Risotto ai Funghi",                                price: "$26",                                imageSrc: "https://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-919.jpg",                                imageAlt: "Creamy mushroom risotto"
                            },
                            {
                                id: "3",                                name: "Tiramisu Tradizionale",                                price: "$12",                                imageSrc: "https://img.b2bpic.net/free-photo/top-view-chicken-spaghetti-with-bell-peppers-parsley_140725-312.jpg",                                imageAlt: "Classic tiramisu dessert"
                            }
                        ]}
                        gridVariant="three-columns-all-equal-width"
                        animationType="slide-up"
                        textboxLayout="default"
                        useInvertedBackground={false}
                    />
                </div>

                <div id="impact" data-section="impact">
                    <MetricCardFourteen
                        title="Celebrating Our Success"
                        tag="By The Numbers"
                        metrics={[
                            {
                                id: "1",                                value: "25+",                                description: "Years of excellence in authentic Italian cuisine and hospitality"
                            },
                            {
                                id: "2",                                value: "50,000+",                                description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
                            }
                        ]}
                        metricsAnimation="slide-up"
                        useInvertedBackground={true}
                    />
                </div>

                <div id="testimonials" data-section="testimonials">
                    <TestimonialCardTen
                        title="What Our Guests Say"
                        description="Experience the warmth and authenticity that our visitors cherish about Bella Italia."
                        testimonials={[
                            {
                                id: "1",                                title: "An Unforgettable Evening",                                quote: "The pasta was absolutely divine! Every bite transported me straight to Italy. The ambiance, the service, everything was perfect. We'll definitely be back.",                                name: "Maria Rossi",                                role: "Food Critic",                                imageSrc: "https://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg",                                imageAlt: "Maria Rossi"
                            },
                            {
                                id: "2",                                title: "Authentic Italian Magic",                                quote: "This is the most authentic Italian restaurant I've found in the city. The chef clearly knows his craft, and it shows in every plate. A true gem!",                                name: "Giovanni Ferrari",                                role: "Restaurant Enthusiast",                                imageSrc: "https://img.b2bpic.net/free-photo/chef-white-uniform-garnishes-plated-dish-with-herbs-spices_482257-121123.jpg",                                imageAlt: "Giovanni Ferrari"
                            },
                            {
                                id: "3",                                title: "Perfect for Special Occasions",                                quote: "We celebrated our anniversary here and it was spectacular. The attention to detail, the wine pairings, the warmth of the staff – simply extraordinary.",                                name: "Elena Marchetti",                                role: "Couple",                                imageSrc: "https://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16131.jpg",                                imageAlt: "Elena Marchetti"
                            },
                            {
                                id: "4",                                title: "Worth Every Visit",                                quote: "I've been coming to Bella Italia for three years now. The consistency, quality, and passion never wavers. It's become my second home.",                                name: "Antonio Bianchi",                                role: "Regular Guest",                                imageSrc: "https://img.b2bpic.net/free-photo/chef-workg-together-professional-kitchen_23-2149727992.jpg",                                imageAlt: "Antonio Bianchi"
                            }
                        ]}
                        textboxLayout="default"
                        useInvertedBackground={true}
                    />
                </div>

                <div id="comparison" data-section="comparison">
                    <FeatureCardSixteen
                        title="What Sets Us Apart"
                        description="Traditional Italian dining elevated with modern hospitality and exceptional service."
                        animationType="slide-up"
                        textboxLayout="default"
                        useInvertedBackground={false}
                        negativeCard={{
                            items: [
                                "Frozen pre-made ingredients",                                "Inconsistent flavors",                                "Rushed service",                                "Limited wine selection"
                            ]
                        }}
                        positiveCard={{
                            items: [
                                "Fresh ingredients sourced daily from Italy",                                "Consistent excellence in every dish",                                "Attentive, unhurried service",                                "Curated selection of Italian wines"
                            ]
                        }}
                    />
                </div>

                <div id="contact" data-section="contact">
                    <ContactSplitForm
                        title="Get in Touch with Bella Italia"
                        description={`
                            Address: Via Roma 1, 00100 Rome, Italy
                            Phone: +39 06 1234 5678
                            Email: info@bellaitalia.it

                            Follow us on Telegram and Instagram!
                        `.trim()}
                        inputs={[
                            { name: "name", type: "text", placeholder: "Your Name", required: true },
                            { name: "email", type: "email", placeholder: "Your Email", required: true }
                        ]}
                        textarea={{ name: "message", placeholder: "Your Message", rows: 4 }}
                        buttonText="Send Message"
                        imageSrc="https://maps.google.com/maps/api/staticmap?center=41.902782,12.496366&zoom=14&size=600x400&markers=color:red%7Clabel:B%7C41.902782,12.496366&sensor=false"
                        imageAlt="Map showing Bella Italia location"
                        mediaPosition="right"
                        useInvertedBackground={false}
                    />
                </div>

                <div id="footer" data-section="footer">
                    <FooterLogoReveal
                        logoText="Bella Italia"
                        leftLink={{ text: "Privacy Policy", href: "#privacy" }}
                        rightLink={{ text: "Contact Us", href: "#contact" }}
                    />
                </div>
            </ReactLenis>
        </ThemeProvider>
    );
}