"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Terrace House"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "gradient-bars",
      }}
      title="Experience Authentic North Indian Flavors"
      description="Welcome to Terrace House, where tradition meets taste in every bite. Enjoy our indoor or terrace seating with a view."
      tag="Rated 4.4/5 by 390+ Happy Diners"
      buttons={[
        {
          text: "Reserve a Table",
          href: "#contact",
        },
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=1",
          imageAlt: "Restaurant ambiance",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-thali-with-naan-rice_23-2152002820.jpg?_wi=1",
          imageAlt: "Delicious food platter",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",
          imageAlt: "Wonderful wedding table in amazing restaurant",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg",
          imageAlt: "People having dinner in luxurious restaurants",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg",
          imageAlt: "Expensive restaurant interior view with colorful illuminating",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Highly Recommended"
      tagIcon={Star}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="More Than Just a Meal"
      description={[
        "Terrace House is your first choice for family gatherings, celebrations, and casual dining. We offer both comfortable indoor seating and a stunning open-air terrace experience.",
        "From savory starters to hearty thalis, every dish is crafted with love and fresh ingredients to ensure a memorable dining experience.",
      ]}
    />
  </div>

  <div id="highlight-reel" data-section="highlight-reel">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Afghani Chaap",
          description: "Tender, marinated soya chaap grilled to perfection.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-meat-cutlets-with-onion-rings_140725-57053.jpg?_wi=1",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-food-arrangement_23-2148510885.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=2",
          imageAlt: "afghani chaap closeup",
        },
        {
          title: "Double Cheese Pizza",
          description: "Classic comfort food loaded with double the cheese.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-homemade-vegan-pizza-stained-white-surface-with-free-space_179666-42427.jpg?_wi=1",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/pizza-topped-with-tomato_141793-1239.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-thali-with-naan-rice_23-2152002820.jpg?_wi=2",
          imageAlt: "afghani chaap closeup",
        },
        {
          title: "Chilli Potato",
          description: "Crispy potatoes tossed in a spicy, flavorful sauce.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-with-sambal-assortment_23-2149076087.jpg?_wi=1",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-corn-dogs-assortment_23-2149455135.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg",
          imageAlt: "afghani chaap closeup",
        },
      ]}
      showStepNumbers={false}
      title="Signature Flavors You'll Love"
      description="Discover our most popular dishes that keep our guests coming back for more."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "m1",
          name: "Veg Thali",
          price: "₹200",
          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086077.jpg",
        },
        {
          id: "m2",
          name: "Afghani Chaap",
          price: "₹250",
          imageSrc: "http://img.b2bpic.net/free-photo/three-assorted-steamed-bao-buns-dark-serving-board_84443-85725.jpg",
        },
        {
          id: "m3",
          name: "Double Cheese Pizza",
          price: "₹300",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-mushroom-pizza-with-cheese-marble_114579-15513.jpg",
        },
        {
          id: "m4",
          name: "Momos & Grill Sandwich",
          price: "₹150",
          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086078.jpg",
        },
        {
          id: "m5",
          name: "Chilli Potato",
          price: "₹180",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-eggplant-rolls-cooked-dish-with-baked-potatoes-seasonings-dark-space_140725-95139.jpg",
        },
        {
          id: "m6",
          name: "Special Veg Gravy",
          price: "₹220",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-deep-fried-fish-fillet-with-red-onion-sauce-slice-lemon-plate_141793-4876.jpg",
        },
      ]}
      title="Explore Our Culinary Delights"
      description="A curated selection of our best-selling North Indian delights and crowd-favorite quick bites."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "p1",
          title: "Quick Bites",
          price: "₹200",
          period: "/avg",
          features: [
            "Quick service",
            "Best for snacks",
            "Quality ingredients",
          ],
          button: {
            text: "Order Online",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/boiled-coffee-cups-sweets_140725-3711.jpg",
          imageAlt: "Boiled coffee in cups and sweets",
        },
        {
          id: "p2",
          title: "Full Meal",
          price: "₹400",
          period: "/avg",
          features: [
            "Complete dining experience",
            "Full menu access",
            "Family environment",
          ],
          button: {
            text: "Reserve Now",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=3",
          imageAlt: "Boiled coffee in cups and sweets",
        },
      ]}
      title="Affordable Dining for Everyone"
      description="Enjoy premium quality at reasonable rates."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Rano Dhiman",
          date: "9 months ago",
          title: "Great Teej celebration!",
          quote: "Everything was well organized, prices reasonable, staff very cooperative.",
          tag: "Celebration",
          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=4",
          imageAlt: "happy diner customer portrait",
        },
        {
          id: "2",
          name: "Muskan Chaudhary",
          date: "3 years ago",
          title: "Top Choice",
          quote: "Always my first option for dining or celebrations. Commendable ambiance.",
          tag: "Ambience",
          avatarSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915125.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-thali-with-naan-rice_23-2152002820.jpg?_wi=3",
          imageAlt: "happy diner customer portrait",
        },
        {
          id: "3",
          name: "Amit Kumar",
          date: "3 years ago",
          title: "Stunning Food",
          quote: "Food is stunning, ambiance is awesome. Love this place!",
          tag: "Food Quality",
          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-meat-cutlets-with-onion-rings_140725-57053.jpg?_wi=2",
          imageAlt: "happy diner customer portrait",
        },
        {
          id: "4",
          name: "Rahul Verma",
          date: "2 years ago",
          title: "Excellent Service",
          quote: "Every worker is very efficient and helpful.",
          tag: "Service",
          avatarSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-homemade-vegan-pizza-stained-white-surface-with-free-space_179666-42427.jpg?_wi=2",
          imageAlt: "happy diner customer portrait",
        },
        {
          id: "5",
          name: "Priya Sharma",
          date: "1 year ago",
          title: "Family Friendly",
          quote: "Very tasty food and lovely staff, perfect environment.",
          tag: "Family",
          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-table_23-2150279928.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-with-sambal-assortment_23-2149076087.jpg?_wi=2",
          imageAlt: "happy diner customer portrait",
        },
      ]}
      title="What Our Guests Say"
      description="Join hundreds of happy diners who love our food and ambience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "Do you have terrace seating?",
          content: "Yes, we have both indoor and terrace seating options available for a memorable experience.",
        },
        {
          id: "f2",
          title: "Is the food affordable?",
          content: "Absolutely! We pride ourselves on offering high-quality North Indian dishes at very reasonable rates.",
        },
        {
          id: "f3",
          title: "Do you take reservations?",
          content: "Yes, we welcome reservations for small and large groups.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/happy-black-waitress-wearing-protective-face-mask-while-taking-order-from-customer-touchpad_637285-8066.jpg"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Have questions about our restaurant? Here are the answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Reserve Your Table Today"
      description="We'd love to host you. Send us a message for table bookings or inquiries."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number",
          required: true,
        },
        {
          name: "guests",
          type: "number",
          placeholder: "Number of Guests",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Special requests or party details?",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/smiling-waiter-standing-with-open-sign-board-cafe_1170-624.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Terrace House"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
