"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Heart, Star, Users } from "lucide-react";

export default function LandingPage() {
  const updatedNavItems = [
    { name: "Home", id: "#hero" },
    { name: "About", id: "#about" },
    { name: "Products", id: "/products" },
    { name: "Reviews", id: "#reviews" },
    { name: "Services", id: "/services" },
    { name: "Contact", id: "#contact" },
  ];

  const updatedFooterColumns = [
    {
      items: [
        { label: "Home", href: "#hero" },
        { label: "About Us", href: "#about" },
        { label: "Products", href: "/products" },
      ],
    },
    {
      items: [
        { label: "Reviews", href: "#reviews" },
        { label: "Contact", href: "#contact" },
        { label: "Reservations", href: "/services" },
      ],
    },
    {
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="medium"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleCentered
            navItems={updatedNavItems}
            brandName="VANISCA"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroLogoBillboard
            background={{ variant: "downward-rays-static-grid" }}
            logoText="VANISCA"
            description="Experience Moroccan-Mediterranean fusion in Agadir Bay. Family-friendly dining, outdoor seating, and exquisite vegetarian options for an unforgettable culinary journey."
            buttons={[
              { text: "View Menu", href: "/products" },
              { text: "Make a Reservation", href: "/services" },
            ]}
            imageSrc="https://img.b2bpic.net/free-photo/potato-patties-topped-with-beef-patties-shoe-strings_140725-5889.jpg?id=7268983"
            imageAlt="Luxurious restaurant interior"
            mediaAnimation="opacity"
            frameStyle="card"
          />
        </div>

        <div id="about" data-section="about">
          <TextSplitAbout
            useInvertedBackground={false}
            title="Welcome to VANISCA: A Culinary Gem"
            description={[
              "Nestled in the vibrant Agadir Bay, VANISCA offers a unique blend of Moroccan and Mediterranean flavors, crafted with passion and local ingredients. Our restaurant is renowned for its inviting ambiance, making it the perfect destination for both intimate dinners and lively family gatherings.",              "We pride ourselves on creating a warm, family-friendly atmosphere where every guest feels at home. With charming outdoor seating options and a dedicated menu featuring exquisite vegetarian dishes, VANISCA promises a delightful dining experience tailored to all tastes and preferences. Discover a place where culinary excellence meets exceptional hospitality."
            ]}
            buttons={[
              { text: "Explore Our Location", href: "https://maps.app.goo.gl/example" },
            ]}
            buttonAnimation="slide-up"
            showBorder={false}
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardMedia
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              {
                id: "f1",                title: "Charming Outdoor Seating",                description: "Savor your meal under the Moroccan sky, enjoying the gentle breeze and scenic views of Agadir Bay. Perfect for a relaxing breakfast, lunch, or a romantic dinner.",                tag: "Ambiance",                imageSrc: "https://img.b2bpic.net/free-photo/happy-waiters-bringing-food-table-serving-group-friends-restaurant_637285-4076.jpg?id=25855967",                imageAlt: "Outdoor dining area"
              },
              {
                id: "f2",                title: "Exquisite Vegetarian Options",                description: "Our menu features a rich and creative selection of plant-based dishes, ensuring a delightful culinary experience for our vegetarian guests. Fresh, local, and flavorful.",                tag: "Cuisine",                imageSrc: "https://img.b2bpic.net/free-photo/chicken-sage-with-potatoes-bell-pepper-mushrooms_140725-3231.jpg?id=6778830",                imageAlt: "Vegetarian dish"
              },
              {
                id: "f3",                title: "A Welcoming Family Experience",                description: "VANISCA is designed to be a comfortable and enjoyable space for all ages. Our friendly staff and inviting atmosphere make it ideal for family outings and celebrations.",                tag: "Hospitality",                imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-happy-friends-taking-selfie_23-2149212129.jpg?id=21252579",                imageAlt: "Family dining"
              },
            ]}
            title="Our Special Touches"
            description="Beyond exquisite food, we offer experiences tailored for your comfort and enjoyment, making every visit memorable."
            tag="Highlights"
            tagAnimation="opacity"
          />
        </div>

        <div id="menu" data-section="menu">
          <ProductCardFour
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={false}
            products={[
              {
                id: "p1",                name: "Crème Brûlée",                price: "MAD 70",                variant: "Classic Dessert",                imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-creamy-dessert-with-fresh-strawberries-light-white-wall-dessert-ice-cream-sweet-fruit-taste_140725-52938.jpg",                imageAlt: "Crème Brûlée"
              },
              {
                id: "p2",                name: "Moroccan Lamb Tagine",                price: "MAD 140",                variant: "Signature Dish",                imageSrc: "http://img.b2bpic.net/free-photo/grilled-lamb-ribs-front-view_23-2148516958.jpg",                imageAlt: "Lamb Tagine"
              },
              {
                id: "p3",                name: "Fisherman's Skillet",                price: "MAD 150",                variant: "Provençal Style",                imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mediterranean-diet-with-mussels_23-2148234889.jpg",                imageAlt: "Fisherman's Skillet Provençal Style"
              },
              {
                id: "p4",                name: "Seafood Risotto",                price: "MAD 130",                variant: "Chef's Special",                imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-pasta_23-2150637303.jpg",                imageAlt: "Seafood Risotto"
              },
              {
                id: "p5",                name: "Cheesecake",                price: "MAD 75",                variant: "Rich & Creamy",                imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-delicious-strawberry-cheesecake_140725-10820.jpg",                imageAlt: "Cheesecake"
              },
              {
                id: "p6",                name: "Beef Lasagna",                price: "MAD 110",                variant: "Hearty Classic",                imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-lasagna-leafs-plate-generative-ai_188544-8132.jpg",                imageAlt: "Beef Lasagna"
              },
            ]}
            title="Our Culinary Highlights"
            description="Savor the exquisite tastes of our most popular dishes, crafted with passion and the freshest ingredients."
            tag="Menu"
          />
        </div>

        <div id="ratings" data-section="ratings">
          <MetricCardOne
            textboxLayout="default"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            animationType="slide-up"
            metrics={[
              {
                id: "m1",                value: "4.8",                title: "Average Rating",                description: "Consistently high praise from nearly 2,000 delighted guests.",                icon: Star,
              },
              {
                id: "m2",                value: "1.9K+",                title: "Happy Customers",                description: "Thousands of diners have shared their exceptional experiences with us.",                icon: Users,
              },
              {
                id: "m3",                value: "Family-Friendly",                title: "Welcoming Atmosphere",                description: "A place where every family member feels comfortable and cherished.",                icon: Heart,
              },
            ]}
            title="Our Reputation Speaks for Itself"
            description="Dedicated to culinary excellence and impeccable service, VANISCA consistently delivers memorable dining experiences."
            tag="Excellence"
          />
        </div>

        <div id="reviews" data-section="reviews">
          <TestimonialCardTwelve
            useInvertedBackground={false}
            testimonials={[
              {
                id: "t1",                name: "Sarah Johnson",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-young-woman-with-red-lipstick_23-2147910291.jpg",                imageAlt: "Sarah Johnson"
              },
              {
                id: "t2",                name: "Michael Chen",                imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",                imageAlt: "Michael Chen"
              },
              {
                id: "t3",                name: "Emily Rodriguez",                imageSrc: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142264.jpg",                imageAlt: "Emily Rodriguez"
              },
              {
                id: "t4",                name: "David Kim",                imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg",                imageAlt: "David Kim"
              },
              {
                id: "t5",                name: "Jessica Lee",                imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg",                imageAlt: "Jessica Lee"
              },
              {
                id: "t6",                name: "Omar Hassan",                imageSrc: "http://img.b2bpic.net/free-photo/image-goodlooking-africanamerican-woman-showing-okay-sign-with-confidence-holding-smartphone-stan_1258-131035.jpg",                imageAlt: "Omar Hassan"
              },
            ]}
            cardTitle="Amazing food, portion size, price, decor, service. Everything!!"
            cardTag="Rave Reviews"
            buttons={[
              { text: "Read More Reviews", href: "#reviews" },
            ]}
            buttonAnimation="slide-up"
            cardAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            useInvertedBackground={false}
            background={{ variant: "radial-gradient" }}
            tag="Reservations & Location"
            title="Your Table Awaits at VANISCA"
            description="Ready for an unforgettable dining experience in Agadir Bay? Make a reservation or find us using the directions below. We look forward to welcoming you!"
            buttons={[
              { text: "Get Directions", href: "https://maps.app.goo.gl/example" },
              { text: "Call Now", href: "tel:+212528202202" },
            ]}
            buttonAnimation="slide-up"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterLogoEmphasis
            columns={updatedFooterColumns}
            logoText="VANISCA"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
