"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Camera, Clock, Home, Music, Smile } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Menu",          id: "menu"},
        {
          name: "About",          id: "about"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Lé Vantage"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars"}}
      title="A Garden Oasis in Hyderabad"
      description="Experience European charm, global flavors, and refined cocktails in our airy terrace and garden venue."
      testimonials={[
        {
          name: "Sarah J.",          handle: "@sarah_foodie",          testimonial: "I love the food, the ambience, the service, the overall vibe of that place.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=1",          imageAlt: "elegant european cafe interior"},
        {
          name: "David M.",          handle: "@dave_eats",          testimonial: "The best brunch spot in Jubilee Hills. The avocado crepe is a must!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-catering-logos_23-2149002583.jpg?_wi=1",          imageAlt: "elegant european cafe interior"},
        {
          name: "Priya R.",          handle: "@priya_reviews",          testimonial: "Instagram-worthy corners and artistic decor. Perfect for a weekend hangout.",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/tagliatelle-with-cream-sauce-salmon_140725-2219.jpg?_wi=1",          imageAlt: "elegant european cafe interior"},
        {
          name: "Arjun V.",          handle: "@arjun_tastes",          testimonial: "Fantastic cocktail menu and a very serene atmosphere.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-glazed-chicken-wings-with-sauces-dark-background_84443-72410.jpg?_wi=1",          imageAlt: "elegant european cafe interior"},
        {
          name: "Kavita S.",          handle: "@kavita_dining",          testimonial: "An absolute gem in the city. The service is top-notch.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-heart-pattern-wooden-background_1232-2090.jpg?_wi=1",          imageAlt: "elegant european cafe interior"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=2"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/businessman-eating-lemon-tart-with-raspberry-sorbet-dessert-cafe_637285-8905.jpg",          alt: "Customer profile portrait 1"},
        {
          src: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",          alt: "Customer profile portrait 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",          alt: "Customer profile portrait 3"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598351.jpg",          alt: "Customer profile portrait 4"},
        {
          src: "http://img.b2bpic.net/free-photo/young-happy-waiter-standing-cafe-s-front-door-waving-someone_637285-6578.jpg",          alt: "Customer profile portrait 5"},
      ]}
      marqueeItems={[
        {
          type: "text",          text: "European Inspired"},
        {
          type: "text",          text: "Artisanal Cocktails"},
        {
          type: "text",          text: "Terrace Garden"},
        {
          type: "text",          text: "Jubilee Hills"},
        {
          type: "text",          text: "Global Cuisine"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Our Garden Story"
      metrics={[
        {
          label: "Years of Vibe",          value: "5+",          icon: Clock,
        },
        {
          label: "Global Dishes",          value: "50+",          icon: Award,
        },
        {
          label: "Happy Guests",          value: "7k+",          icon: Smile,
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Pasta Alfredo",          price: "₹450",          imageSrc: "http://img.b2bpic.net/free-photo/tagliatelle-with-cream-sauce-salmon_140725-2219.jpg?_wi=2"},
        {
          id: "2",          name: "BBQ Chicken Wings",          price: "₹395",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-glazed-chicken-wings-with-sauces-dark-background_84443-72410.jpg?_wi=2"},
        {
          id: "3",          name: "Cappuccino",          price: "₹250",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-heart-pattern-wooden-background_1232-2090.jpg?_wi=2"},
        {
          id: "4",          name: "Peri Peri Shrimp",          price: "₹420",          imageSrc: "http://img.b2bpic.net/free-photo/baked-chicken-wings-asian-style_2829-10160.jpg"},
        {
          id: "5",          name: "Blueberry Cheesecake",          price: "₹350",          imageSrc: "http://img.b2bpic.net/free-photo/pasta_74190-4544.jpg"},
        {
          id: "6",          name: "Nachos",          price: "₹320",          imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg"},
      ]}
      buttons={[{ text: "View Full Menu", href: "/menu" }]}
      title="Popular Bites"
      description="Hand-picked favorites from our European kitchen."
    />
  </div>

  <div id="atmosphere" data-section="atmosphere">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Home,
          title: "Garden Terrace",          description: "Lush greenery for an airy open-air dining experience."},
        {
          icon: Camera,
          title: "Instagrammable",          description: "Every corner is crafted for the perfect aesthetic shot."},
        {
          icon: Music,
          title: "Chilled Vibe",          description: "Sophisticated background music for a relaxing atmosphere."},
      ]}
      title="The Experience"
      description="More than just food, a curated aesthetic experience."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Ananya K.",          date: "Oct 2023",          title: "Lovely Brunch",          quote: "I love the food and the vibe here.",          tag: "Foodie",          avatarSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg?_wi=3",          imageAlt: "happy customer portrait"},
        {
          id: "2",          name: "Rahul V.",          date: "Nov 2023",          title: "Great Ambiance",          quote: "The terrace seating is simply the best in town.",          tag: "Regular",          avatarSrc: "http://img.b2bpic.net/free-photo/male-friends-handshaking-outdoors_23-2149073970.jpg",          imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-catering-logos_23-2149002583.jpg?_wi=2",          imageAlt: "happy customer portrait"},
        {
          id: "3",          name: "Sneha M.",          date: "Jan 2024",          title: "Aesthetic Spot",          quote: "My photos came out so beautiful here!",          tag: "Vlogger",          avatarSrc: "http://img.b2bpic.net/free-photo/attractive-french-woman-red-stylish-blouse-enjoying-taste-champagne-outdoor-portrait-brunette-with-short-straight-hair_197531-11989.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/tagliatelle-with-cream-sauce-salmon_140725-2219.jpg?_wi=3",          imageAlt: "happy customer portrait"},
        {
          id: "4",          name: "Vikram S.",          date: "Dec 2023",          title: "Chill Out",          quote: "Perfect place for an evening cocktail.",          tag: "Enthusiast",          avatarSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-glazed-chicken-wings-with-sauces-dark-background_84443-72410.jpg?_wi=3",          imageAlt: "happy customer portrait"},
        {
          id: "5",          name: "Pooja D.",          date: "Feb 2024",          title: "Awesome Decor",          quote: "Loved the art and the overall theme.",          tag: "Design Fan",          avatarSrc: "http://img.b2bpic.net/free-photo/friendly-waiter-cafe-waving-hand-customer-holding-takeaway-coffee-oder-standing-against-yellow_1258-161142.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-heart-pattern-wooden-background_1232-2090.jpg?_wi=3",          imageAlt: "happy customer portrait"},
      ]}
      title="Guest Memories"
      description="What our guests say about their time at Lé Vantage."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "Are reservations required?",          content: "We recommend reserving in advance for weekend brunches."},
        {
          id: "2",          title: "Do you offer parking?",          content: "Yes, ample parking is available in Jubilee Hills."},
        {
          id: "3",          title: "Is outdoor seating available?",          content: "Our terrace garden is fully operational for all diners."},
      ]}
      title="Quick Info"
      description="Plan your visit to Lé Vantage with ease."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Visit Us"
      title="Ready for a culinary journey?"
      description="Reserve your table today and enjoy the best of global cuisine in the heart of Jubilee Hills."
      buttons={[
        {
          text: "Reserve Now",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312256.jpg"
      logoText="Lé Vantage"
      columns={[
        {
          title: "Visit",          items: [
            {
              label: "Rd Number 13, Hyderabad",              href: "#"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Instagram",              href: "#"},
            {
              label: "Facebook",              href: "#"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}