"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 ContactText from "@/components/sections/contact/ContactText";
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="Kerala Flavors"
                        navItems={[
                            { name: "Menu", id: "/#menu" },
                            { name: "About", id: "/#about" },
                            { name: "Reservations", id: "/reservations" },
                            { name: "Contact Us", id: "/contact-us" },
                            { name: "Reviews", id: "/#testimonials" }
                        ]}
                        button={{
                            text: "Book a Table",                            href: "/reservations"
                        }}
                    />
                </div>

                <div id="hero" data-section="hero">
                    <HeroBillboard
                        title="Welcome to Kerala Flavors"
                        description="Experience the rich and diverse culinary traditions of Kerala, a journey for your senses."
                        background={{ variant: "sparkles-gradient" }}
                        tag="Authentic Kerala Cuisine"
                        tagIcon={Sparkles}
                        imageSrc="https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=1200&h=800&auto=format&fit=crop&q=80"
                        imageAlt="Vibrant Kerala restaurant interior with traditional decor"
                        buttons={[
                            { text: "View Menu", href: "/#menu" },
                            { text: "Explore Our Story", href: "/#about" }
                        ]}
                    />
                </div>

                <div id="about" data-section="about">
                    <TextAbout
                        title="At Kerala Flavors, we bring you the authentic tastes of God's Own Country. Our chefs meticulously craft each dish, rooted in traditional recipes and fresh, local ingredients, to offer a culinary experience that's both rich and soulful."
                        useInvertedBackground={false}
                        buttons={[
                            { text: "Our Heritage", href: "/#" }
                        ]}
                    />
                </div>

                <div id="menu" data-section="menu">
                    <ProductCardOne
                        title="Our Exquisite Kerala Menu"
                        description="A culinary journey through Kerala's finest dishes, prepared with authentic spices and fresh ingredients."
                        products={[
                            {
                                id: "1",                                name: "Malabar Chicken Biriyani",                                price: "$22.00",                                imageSrc: "https://images.unsplash.com/photo-1626804172088-348600d8d73b?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop",                                imageAlt: "Flavorful Malabar Chicken Biriyani"
                            },
                            {
                                id: "2",                                name: "Kerala Beef Roast",                                price: "$25.00",                                imageSrc: "https://images.unsplash.com/photo-1610438289745-f938d94e101f?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop",                                imageAlt: "Spicy Kerala Beef Roast"
                            },
                            {
                                id: "3",                                name: "Al Faham Chicken",                                price: "$24.00",                                imageSrc: "https://images.unsplash.com/photo-1627063737527-dc5f956d2528?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop",                                imageAlt: "Grilled Al Faham Chicken"
                            },
                            {
                                id: "4",                                name: "Kerala Fish Curry",                                price: "$22.00",                                imageSrc: "https://images.unsplash.com/photo-1625938590629-d5867f70b4b2?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&_wi=1",                                imageAlt: "Tangy Kerala Fish Curry"
                            },
                            {
                                id: "5",                                name: "Karimeen Pollichathu",                                price: "$28.00",                                imageSrc: "https://images.unsplash.com/photo-1624646197365-5c1a1b1a1c9a?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop",                                imageAlt: "Pearl Spot Fish grilled in banana leaf"
                            },
                            {
                                id: "6",                                name: "Chicken Fry",                                price: "$18.00",                                imageSrc: "https://images.unsplash.com/photo-1603598583495-9f5e0a6d07d1?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop",                                imageAlt: "Crispy Kerala Chicken Fry"
                            },
                            {
                                id: "7",                                name: "Mutton Curry",                                price: "$26.00",                                imageSrc: "https://images.unsplash.com/photo-1631515159392-cd23f990499d?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&_wi=1",                                imageAlt: "Rich Kerala Mutton Curry"
                            },
                            {
                                id: "8",                                name: "Appam & Stew",                                price: "$16.00",                                imageSrc: "https://images.unsplash.com/photo-1628191060937-299f0f9b6e8a?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop",                                imageAlt: "Soft Appam with creamy Vegetable Stew"
                            },
                            {
                                id: "9",                                name: "Kappa & Fish Curry",                                price: "$20.00",                                imageSrc: "https://images.unsplash.com/photo-1625938590629-d5867f70b4b2?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&_wi=2",                                imageAlt: "Steamed Tapioca with spicy Fish Curry"
                            },
                            {
                                id: "10",                                name: "Kerala Parotta",                                price: "$6.00",                                imageSrc: "https://images.unsplash.com/photo-1600891965585-a7590868b4b1?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop",                                imageAlt: "Flaky Kerala Parotta bread"
                            },
                            {
                                id: "11",                                name: "Ghee Rice",                                price: "$15.00",                                imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=800&h=600&auto=format&fit=crop&q=80",                                imageAlt: "Fragrant Ghee Rice"
                            },
                            {
                                id: "12",                                name: "Prawn Roast",                                price: "$29.00",                                imageSrc: "https://images.unsplash.com/photo-1606222841315-fe70308e7529?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop",                                imageAlt: "Spicy Prawn Roast"
                            },
                            {
                                id: "13",                                name: "Vegetable Kurma",                                price: "$16.00",                                imageSrc: "https://images.unsplash.com/photo-1627915509939-f9f3b5e1b9b1?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop",                                imageAlt: "Creamy Vegetable Kurma"
                            },
                            {
                                id: "14",                                name: "Paneer Butter Masala",                                price: "$19.00",                                imageSrc: "https://images.unsplash.com/photo-1631515159392-cd23f990499d?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&_wi=2",                                imageAlt: "Rich Paneer Butter Masala"
                            },
                            {
                                id: "15",                                name: "Gobi Manchurian",                                price: "$17.00",                                imageSrc: "https://images.unsplash.com/photo-1563214561-1e9b2f2f7d5c?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop",                                imageAlt: "Indo-Chinese Gobi Manchurian"
                            },
                            {
                                id: "16",                                name: "Kerala Sadya",                                price: "$35.00",                                imageSrc: "https://images.unsplash.com/photo-1616782255866-22442d87e0b5?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop",                                imageAlt: "Traditional Kerala Sadya feast"
                            },
                            {
                                id: "17",                                name: "Veg Biriyani",                                price: "$18.00",                                imageSrc: "https://images.unsplash.com/photo-1589302633008-8e6bfed62a20?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop",                                imageAlt: "Aromatic Vegetable Biriyani"
                            }
                        ]}
                        gridVariant="three-columns-all-equal-width"
                        animationType="slide-up"
                        textboxLayout="default"
                        useInvertedBackground={false}
                    />
                </div>

                <div id="impact" data-section="impact">
                    <MetricCardFourteen
                        title="The Heart of Kerala Cuisine"
                        tag="Our Culinary Journey"
                        metrics={[
                            {
                                id: "1",                                value: "100%",                                description: "Authentic spices and traditional cooking methods from Kerala"
                            },
                            {
                                id: "2",                                value: "50,000+",                                description: "Happy customers who have savored the true taste of Kerala"
                            }
                        ]}
                        metricsAnimation="slide-up"
                        useInvertedBackground={true}
                    />
                </div>

                <div id="testimonials" data-section="testimonials">
                    <TestimonialCardTen
                        title="What Our Guests Savor"
                        description="Hear what our patrons have to say about their unforgettable dining experiences at Kerala Flavors."
                        testimonials={[
                            {
                                id: "1",                                title: "A Taste of Home",                                quote: "The Malabar Biriyani was incredible, just like my grandmother used to make! Every dish here feels authentic and full of soul. Truly a gem!",                                name: "Priya Sharma",                                role: "Food Blogger",                                imageSrc: "https://picsum.photos/seed/priya/100/100",                                imageAlt: "Priya Sharma"
                            },
                            {
                                id: "2",                                title: "Authentic Flavors, Amazing Experience",                                quote: "From the Karimeen Pollichathu to the Appam and Stew, every dish was a culinary masterpiece. The spices were perfectly balanced, and the service was impeccable.",                                name: "Rahul Menon",                                role: "Restaurant Critic",                                imageSrc: "https://picsum.photos/seed/rahul/100/100",                                imageAlt: "Rahul Menon"
                            },
                            {
                                id: "3",                                title: "Best Kerala Food in Town",                                quote: "I've been searching for authentic Kerala cuisine, and Kerala Flavors delivered beyond expectations. The Sadya was a feast for the senses. Highly recommend!",                                name: "Anjali Nair",                                role: "Regular Patron",                                imageSrc: "https://picsum.photos/seed/anjali/100/100",                                imageAlt: "Anjali Nair"
                            },
                            {
                                id: "4",                                title: "A Delightful Culinary Journey",                                quote: "The Kerala Beef Roast was tender and perfectly spiced, and the Prawn Roast was heavenly. It's truly a delightful journey through Kerala's rich culinary landscape.",                                name: "Vikram Singh",                                role: "Explorer of Cuisines",                                imageSrc: "https://picsum.photos/seed/vikram/100/100",                                imageAlt: "Vikram Singh"
                            }
                        ]}
                        textboxLayout="default"
                        useInvertedBackground={true}
                    />
                </div>

                <div id="comparison" data-section="comparison">
                    <FeatureCardSixteen
                        title="The Kerala Flavors Difference"
                        description="Authentic Kerala cuisine prepared with passion, tradition, and the freshest ingredients."
                        animationType="slide-up"
                        textboxLayout="default"
                        useInvertedBackground={false}
                        negativeCard={{
                            items: [
                                "Generic Indian dishes",                                "Inauthentic spice blends",                                "Limited traditional options",                                "Lack of regional specialties"
                            ]
                        }}
                        positiveCard={{
                            items: [
                                "Authentic Kerala recipes passed down generations",                                "Freshly ground, regional spice mixes",                                "Extensive menu of traditional and popular Kerala dishes",                                "Showcasing unique regional specialties like Karimeen Pollichathu"
                            ]
                        }}
                    />
                </div>

                <div id="contact" data-section="contact">
                    <ContactText
                        text="Ready to embark on a culinary journey to Kerala? Book your table or reach out to us directly for an unforgettable dining experience."
                        background={{ variant: "plain" }}
                        buttons={[
                            { text: "Make a Reservation", href: "/reservations" },
                            { text: "Contact Our Team", href: "/contact-us" }
                        ]}
                        useInvertedBackground={false}
                    />
                </div>

                <div id="footer" data-section="footer">
                    <FooterLogoReveal
                        logoText="Kerala Flavors"
                        logoSrc="https://via.placeholder.com/150x50.png?text=Kerala+Flavors+Logo"
                        logoAlt="Kerala Flavors Logo"
                        leftLink={{ text: "Privacy Policy", href: "/#privacy" }}
                        rightLink={{ text: "Contact Us", href: "/contact-us" }}
                    />
                </div>
            </ReactLenis>
        </ThemeProvider>
    );
}