"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="grid"
        cardStyle="glass-elevated"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="BS Restaurant"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient",
      }}
      title="Authentic North Indian Flavors"
      description="Experience the warmth of traditional hospitality at BS Restaurant Phagwara. From signature butter chicken to authentic tandoori platters."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Book a Table",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/middle-eastern-arabic-dish-ai-generated-image_511042-1776.jpg?_wi=1"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Hospitality Since Origins"
      description={[
        "Located on the Chandigarh Bypass, we provide more than just food. BS Restaurant & Rooms is a hub for weary travelers and local families.",
        "We pride ourselves on fresh ingredients, flavorful North Indian spices, and a cozy environment that makes every guest feel at home.",
      ]}
    />
  </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: "Butter Chicken",
          price: "₹349",
          variant: "Popular",
          imageSrc: "http://img.b2bpic.net/free-photo/bun-sliced-bread-plate-burlap-napkin-blue_114579-38938.jpg?_wi=1",
        },
        {
          id: "p2",
          name: "Dal Makhani",
          price: "₹249",
          variant: "Classic",
          imageSrc: "http://img.b2bpic.net/free-photo/butter-chicken-with-rice-naan_23-2152002850.jpg",
        },
        {
          id: "p3",
          name: "Tandoori Platter",
          price: "₹499",
          variant: "Signature",
          imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246089.jpg",
        },
        {
          id: "p4",
          name: "Veg Momos",
          price: "₹149",
          variant: "Snacks",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508959.jpg",
        },
        {
          id: "p5",
          name: "Paneer Bhurji",
          price: "₹289",
          variant: "Main",
          imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-delicious-pumpkin-soup_1220-478.jpg",
        },
        {
          id: "p6",
          name: "Garlic Naan",
          price: "₹79",
          variant: "Bread",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-soup-wooden-desk-food-meal-soup-photo_140725-28349.jpg",
        },
      ]}
      title="Our Signature Dishes"
      description="Explore our curated selection of North Indian, Chinese, and regional specialties."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNineteen
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          tag: "Dining",
          title: "Casual Dining",
          subtitle: "For Every Occasion",
          description: "Relaxed environment perfect for families, groups, or solo travelers.",
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263526.jpg",
          imageAlt: "warm restaurant dining room interior",
        },
        {
          tag: "Stay",
          title: "Comfortable Rooms",
          subtitle: "Restful Stays",
          description: "Modern, air-conditioned rooms with Wi-Fi and parking for long trips.",
          imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-arabic-dish-ai-generated-image_511042-1776.jpg?_wi=2",
          imageAlt: "warm restaurant dining room interior",
        },
        {
          tag: "Service",
          title: "Home Delivery",
          subtitle: "Convenience First",
          description: "Get your favorite dishes delivered hot to your doorstep anytime.",
          imageSrc: "http://img.b2bpic.net/free-photo/bun-sliced-bread-plate-burlap-napkin-blue_114579-38938.jpg?_wi=2",
          imageAlt: "warm restaurant dining room interior",
        },
      ]}
      title="Beyond Dining"
      description="We cater to your needs with comfort and convenience."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          title: "Great Food!",
          quote: "The butter chicken was authentic and the atmosphere very welcoming.",
          name: "Rajiv Kumar",
          role: "Traveler",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
        },
        {
          id: "t2",
          title: "Comfortable Stop",
          quote: "Clean rooms and fast service. A perfect break on the bypass.",
          name: "Sunita Verma",
          role: "Family",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
        },
        {
          id: "t3",
          title: "Best in Phagwara",
          quote: "Generous portions and reasonable prices. Highly recommended.",
          name: "Amit Singh",
          role: "Local",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269187.jpg",
        },
        {
          id: "t4",
          title: "Lovely Visit",
          quote: "The staff is incredibly friendly and attentive.",
          name: "Priya Sharma",
          role: "Regular",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16389.jpg",
        },
        {
          id: "t5",
          title: "Value for Money",
          quote: "Excellent food quality and very affordable prices for all.",
          name: "Vikram Seth",
          role: "Traveler",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
        },
        {
          id: "t6",
          title: "Great Stopover",
          quote: "Stopped by for lunch and stayed for the comfort. Wonderful spot.",
          name: "Neha Gupta",
          role: "Visitor",
          imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
        },
      ]}
      title="Guest Stories"
      description="What our patrons have to say about the BS experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "Are you open for dining?",
          content: "Yes, we offer dine-in, takeaway, and delivery services.",
        },
        {
          id: "f2",
          title: "Do you offer accommodation?",
          content: "Yes, we provide modern air-conditioned rooms at BS Restaurant & Rooms.",
        },
        {
          id: "f3",
          title: "Do you provide parking?",
          content: "Yes, we offer complimentary parking for our diners and guests.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Quick answers to common questions about our services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Visit Us"
      title="Come Experience BS Restaurant"
      description="Located on Chandigarh Bypass, Phagwara. Reach out to us for reservations or inquiries."
      buttons={[
        {
          text: "Call Now",
          href: "tel:09780307300",
        },
        {
          text: "Get Directions",
          href: "https://maps.google.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="BS Restaurant"
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Stay",
          items: [
            {
              label: "Rooms",
              href: "#",
            },
            {
              label: "Amenities",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
