"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumLarge"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Menu",
          id: "menu-highlights",
        },
        {
          name: "Experience",
          id: "experience",
        },
        {
          name: "Reviews",
          id: "reviews",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      logoAlt="Chef House logo"
      brandName="Chef House™"
      button={{
        text: "Reserve a Table",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated-grid",
      }}
      title="Chef House™"
      description="Experience unparalleled culinary artistry with a 4.5★ rating and exquisite dishes starting from ₹200. Discover our stunning rooftop dining, artisanal pasta, and vibrant vegan options. Your table awaits."
      tag="Luxury Dining Experience"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Reserve a Table",
          href: "#contact",
        },
        {
          text: "View Menu",
          href: "#menu-highlights",
        },
      ]}
      buttonAnimation="slide-up"
      carouselItems={[
        {
          id: "hero-1",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-tuna-salad-with-cheese-quail-eggs-plate-black-plate_140725-11490.jpg",
          imageAlt: "Elegant rooftop dining setting at Chef House",
        },
        {
          id: "hero-2",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-tablecloth-blue-plate-appetizing-pasta-bowl-tomatoes-sauces-garlic-onion-ball-pepper-purple-tablecloth-cream-notebook-table_140725-111693.jpg",
          imageAlt: "A meticulously plated pasta dish",
        },
        {
          id: "hero-3",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-partying-together_23-2149739871.jpg",
          imageAlt: "Night view of the rooftop lounge",
        },
        {
          id: "hero-4",
          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-dinner-with-mashed-potatoes-vegetables_84443-82580.jpg",
          imageAlt: "Gourmet steak dish with garnish",
        },
        {
          id: "hero-5",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-assortment-with-vegetables_23-2148494044.jpg",
          imageAlt: "Vibrant and fresh vegan meal",
        },
        {
          id: "hero-6",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-dinner-restaurant_23-2148018772.jpg",
          imageAlt: "Artistic dessert presentation",
        },
      ]}
      autoPlay={true}
      autoPlayInterval={4000}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "rating",
          value: "4.5★",
          title: "Overall Rating",
          items: [
            "Based on 75+ reviews",
          ],
        },
        {
          id: "price",
          value: "₹200",
          title: "Starting Price",
          items: [
            "Affordable luxury",
          ],
        },
        {
          id: "reviews",
          value: "75+",
          title: "Guest Reviews",
          items: [
            "Trusted by food lovers",
          ],
        },
      ]}
      title="Our Commitment to Excellence"
      description="Dedicated to delivering an unforgettable dining experience, Chef House™ consistently earns top ratings and enthusiastic reviews from our cherished guests."
    />
  </div>

  <div id="experience" data-section="experience">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Panoramic Rooftop Dining",
          description: "Savor gourmet cuisine under the stars with stunning cityscapes as your backdrop.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-alcohol-with-her-friends_23-2147828185.jpg",
          imageAlt: "Rooftop dining area with city views",
          buttonIcon: "ArrowRight",
        },
        {
          title: "Exquisite Vegan Menu",
          description: "A diverse selection of plant-based dishes, crafted with fresh, seasonal ingredients for a delightful culinary journey.",
          imageSrc: "http://img.b2bpic.net/free-photo/red-roll-green-beans-served-white-plate_1304-4653.jpg",
          imageAlt: "Artistically plated vegan dish",
          buttonIcon: "ArrowRight",
        },
        {
          title: "Seamless Connectivity",
          description: "Enjoy complimentary high-speed Wi-Fi throughout your visit, perfect for sharing your dining experience or staying connected.",
          imageSrc: "http://img.b2bpic.net/free-photo/grandmother-listening-video-advice-preparing-homemade-cakes-retired-lady-following-culinary-podcast-tablet-learning-cooking-tutorial-social-media-using-wooden-rolling-pin-forming-doug_482257-14493.jpg",
          imageAlt: "Person using laptop at a restaurant table",
          buttonIcon: "ArrowRight",
        },
        {
          title: "Handmade Artisanal Pasta",
          description: "Indulge in our freshly made pasta, prepared daily with traditional techniques and the finest ingredients.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-making-pasta-with-dark-background_23-2148296879.jpg",
          imageAlt: "Chef preparing handmade pasta",
          buttonIcon: "ArrowRight",
        },
      ]}
      title="Crafting Unforgettable Moments"
      description="From breathtaking rooftop views to artisanal culinary masterpieces, every detail at Chef House™ is meticulously crafted for your delight and comfort."
    />
  </div>

  <div id="menu-highlights" data-section="menu-highlights">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "pasta",
          name: "Handmade Truffle Pasta",
          price: "₹650",
          imageSrc: "http://img.b2bpic.net/free-photo/sideview-pasta-with-tomato-sauce-parmesan-cheese-white-bowl_140725-11824.jpg",
          imageAlt: "Handmade truffle pasta dish",
        },
        {
          id: "burger",
          name: "Gourmet Wagyu Burger",
          price: "₹800",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-person-holding-burger-with-fried-egg_23-2148784520.jpg",
          imageAlt: "Gourmet Wagyu burger",
        },
        {
          id: "steak",
          name: "Pan-Seared Filet Mignon",
          price: "₹1200",
          imageSrc: "http://img.b2bpic.net/free-photo/steak-with-grilled-vegetables_140725-137.jpg",
          imageAlt: "Pan-seared filet mignon",
        },
        {
          id: "tacos",
          name: "Spiced Paneer Tacos",
          price: "₹450",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tortilla-with-vegetables-meat_23-2148629316.jpg",
          imageAlt: "Spiced paneer tacos",
        },
        {
          id: "wings",
          name: "Maple Glazed Chicken Wings",
          price: "₹500",
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-with-lavash-wooden-board_140725-332.jpg",
          imageAlt: "Maple glazed chicken wings",
        },
        {
          id: "mocktails",
          name: "Artisanal Mocktail Collection",
          price: "₹350",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-creating-delicious-drink_23-2149125759.jpg",
          imageAlt: "Artisanal mocktail",
        },
      ]}
      title="Our Signature Menu Highlights"
      description="Explore a curated selection of dishes that define the Chef House™ experience, loved by critics and guests alike."
    />
  </div>

  <div id="ambiance" data-section="ambiance">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      imagePosition="right"
      title="Experience Our Enchanting Ambiance"
      description="Step into a world where culinary artistry meets sophisticated design. Our guests consistently describe Chef House™ as an oasis of calm and luxury. 'The rooftop setting is simply magical,' says one reviewer, 'perfect for a romantic evening.' Another praises, 'Every corner exudes warmth and elegance, making our dinner truly special.' Discover the perfect backdrop for memorable dining."
      bulletPoints={[
        {
          title: "Romantic Setting",
          description: "Ideal for special occasions.",
        },
        {
          title: "Chic Interiors",
          description: "Designed for comfort & style.",
        },
        {
          title: "Google Favorites",
          description: "Highly rated by our patrons.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
      imageAlt="Elegant rooftop dining ambiance at Chef House"
      mediaAnimation="opacity"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          handle: "@sarah_foodie",
          testimonial: "The food was divine, and the service impeccable! A true culinary gem. Every dish was a work of art.",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517398.jpg",
          imageAlt: "Sarah Johnson",
        },
        {
          id: "2",
          name: "Michael Chen",
          handle: "@michaels_eats",
          testimonial: "Absolutely loved the rooftop ambiance. Chef House™ is now our go-to spot for celebrations. Truly magical!",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-peson-with-their-frinds_23-2149290141.jpg",
          imageAlt: "Michael Chen",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          handle: "@emily_reviews",
          testimonial: "The handmade pasta is a must-try! Every dish was a work of art and perfectly balanced in flavor.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-morning-brides-with-bridesmaids_8353-12006.jpg",
          imageAlt: "Emily Rodriguez",
        },
        {
          id: "4",
          name: "David Kim",
          handle: "@david_dines",
          testimonial: "Fantastic vegan options that don't compromise on flavor. Highly recommend Chef House™ for any plant-based foodie!",
          imageSrc: "http://img.b2bpic.net/free-photo/hand-plate-with-fish-cooked-fish-juicy-fish-plate-delicacy-seafood-lovers_639032-339.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "5",
          name: "Jessica Lee",
          handle: "@jessica_tastes",
          testimonial: "A perfect blend of luxury and warmth. The best dining experience in the city, from start to finish.",
          imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-having-wine-together_23-2148454082.jpg",
          imageAlt: "Jessica Lee",
        },
      ]}
      title="Hear From Our Happy Guests"
      description="Our consistent 4.5-star rating reflects the joy and satisfaction our diners experience. Read what they have to say about Chef House™."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      text="Ready to embark on a culinary journey? Contact Chef House™ to reserve your table, inquire about events, or simply say hello. We look forward to welcoming you to an unforgettable experience."
      buttons={[
        {
          text: "Call Us",
          href: "tel:+917994692115",
        },
        {
          text: "WhatsApp Us",
          href: "https://wa.me/917994692115",
        },
        {
          text: "Get Directions",
          href: "https://www.google.com/maps/dir/?api=1&destination=Chef+House+123+Rooftop+View,+Culinary+Heights,+City,+State,+12345",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Chef House™"
      copyrightText="© 2024 Chef House™. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
        {
          icon: Twitter,
          href: "#",
          ariaLabel: "Twitter",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
