"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 FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmallSizeLargeTitles"
        background="noise"
        cardStyle="gradient-bordered"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Our Story",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
      ]}
      button={{
        text: "Reserve Your Table",
        href: "#contact",
      }}
      logoSrc="http://img.b2bpic.net/free-vector/kimchi-logo-design-template_23-2150117707.jpg"
      brandName="Quilim Restaurant"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Every Celebration Deserves an Unforgettable Table"
      description="Faisalabad's beloved dining destination where exceptional flavors, warm hospitality, and elegant ambiance come together to create moments worth remembering."
      buttons={[
        {
          text: "Reserve Your Table",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-candles-restaurant_8353-9527.jpg?_wi=1",
          imageAlt: "Luxurious fine dining table setting",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727971.jpg?_wi=1",
          imageAlt: "Romantic restaurant evening ambiance",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717858.jpg?_wi=1",
          imageAlt: "Group celebrating birthday at restaurant",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/treats-halloween-party_23-2148603648.jpg?_wi=1",
          imageAlt: "Pakistani Chinese fusion dishes",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg?_wi=1",
          imageAlt: "Ornate restaurant interior decor",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg",
          imageAlt: "Warm glowing restaurant interior at night",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Our Story: A Culinary Journey in Faisalabad",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/details-pelisor-castle-from-sinaia-romania-medieval-castle_482257-35082.jpg",
          alt: "Restaurant owner greeting guests",
        },
      ]}
      buttons={[
        {
          text: "Learn More About Us",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Cuisine",
          title: "Exquisite Flavors",
          subtitle: "Pakistani-Chinese Fusion",
          description: "Savor authentic Pakistani and vibrant Chinese dishes, meticulously prepared to delight your palate with rich aromas and generous portions.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-arrangement_23-2148510958.jpg",
          imageAlt: "Gourmet Pakistani Chinese fusion dish",
        },
        {
          tag: "Service",
          title: "Warm Hospitality",
          subtitle: "Attentive & Personalized",
          description: "Our dedicated staff provides warm, attentive, and personalized service, ensuring every guest feels cherished and every need is anticipated.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081466.jpg",
          imageAlt: "Attentive waiter serving a dish",
        },
        {
          tag: "Ambiance",
          title: "Elegant Ambiance",
          subtitle: "Sophisticated & Inviting",
          description: "Dine in a sophisticated setting, where elegant decor and subtle lighting combine to create the perfect atmosphere for any celebration.",
          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-blue-chairs-decors-wall_140725-8028.jpg",
          imageAlt: "Opulent dining room decor",
        },
      ]}
      title="Experience the Quilim Difference"
      description="At Quilim, every detail is crafted to create an unparalleled dining experience."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Chicken Karahi",
          price: "PKR 1800",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pakistani-dish_23-2148825124.jpg",
          imageAlt: "Delicious Chicken Karahi",
        },
        {
          id: "2",
          name: "Beef Chili Dry",
          price: "PKR 2200",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-cabbage-salad-with-seasonings-dark-background-health-lunch-vegetable-snack-holiday-food-diet-bread-meal_179666-17495.jpg",
          imageAlt: "Spicy Beef Chili Dry",
        },
        {
          id: "3",
          name: "Mandarin Fish",
          price: "PKR 2500",
          imageSrc: "http://img.b2bpic.net/free-photo/salmon-with-broccoli-carrot-tomatoes-greens_141793-938.jpg",
          imageAlt: "Exquisite Mandarin Fish",
        },
        {
          id: "4",
          name: "Chicken Manchurian",
          price: "PKR 1950",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-chicken-dish-high-angle_23-2148771295.jpg",
          imageAlt: "Classic Chicken Manchurian",
        },
        {
          id: "5",
          name: "Mutton Seekh Kebab",
          price: "PKR 2050",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-with-fresh-lettuce-parmesan-fried-croutons-roast-beef_176474-906.jpg",
          imageAlt: "Grilled Mutton Seekh Kebab",
        },
        {
          id: "6",
          name: "Vegetable Chow Mein",
          price: "PKR 1500",
          imageSrc: "http://img.b2bpic.net/free-photo/noodles-prepared-with-mushrooms-bell-peppers-sauce_141793-1223.jpg",
          imageAlt: "Flavorful Vegetable Chow Mein",
        },
      ]}
      title="Our Signature Culinary Delights"
      description="Explore a tantalizing selection from our Pakistani-Chinese menu, crafted to perfection for an unforgettable dining experience."
      tag="Menu"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Khan",
          date: "October 2023",
          title: "An Unforgettable Anniversary!",
          quote: "Quilim Restaurant made our anniversary truly special. The ambiance was romantic, the food was exquisite, and the service was impeccable. We couldn't have asked for a better celebration.",
          tag: "Anniversary",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-one-black-american-female-eats-gourmet-vegetarian-meal-drinks-wine-restaurant_613910-7365.jpg",
          avatarAlt: "Sarah Khan",
          imageSrc: "http://img.b2bpic.net/free-vector/kimchi-logo-design-template_23-2150117707.jpg",
          imageAlt: "happy woman elegant setting portrait",
        },
        {
          id: "2",
          name: "Ahmed Ali",
          date: "November 2023",
          title: "Best Pakistani-Chinese in Town",
          quote: "As a food enthusiast, I can confidently say Quilim serves the best Pakistani-Chinese cuisine in Faisalabad. Every dish is a masterpiece, and the staff's attentiveness is commendable.",
          tag: "Foodie",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-positive-young-man-holding-glass-wine_23-2148454112.jpg",
          avatarAlt: "Ahmed Ali",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-candles-restaurant_8353-9527.jpg?_wi=2",
          imageAlt: "happy woman elegant setting portrait",
        },
        {
          id: "3",
          name: "Fatima Hassan",
          date: "December 2023",
          title: "Perfect for Family Gatherings",
          quote: "We hosted my mother's birthday at Quilim, and it was a huge success! The private dining area was perfect, and the team went above and beyond to ensure everyone had a wonderful time.",
          tag: "Birthday",
          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-brunettte-woman-chef-cooking-carrot-cake-making-fish-face-with-mouth-squinting-eyes-crazy-comical_839833-19935.jpg",
          avatarAlt: "Fatima Hassan",
          imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727971.jpg?_wi=2",
          imageAlt: "happy woman elegant setting portrait",
        },
        {
          id: "4",
          name: "Usman Malik",
          date: "January 2024",
          title: "Our Go-To for Corporate Dinners",
          quote: "Quilim is our preferred venue for corporate events. The professional service, delicious food, and elegant setting always leave a lasting impression on our clients and team members.",
          tag: "Corporate",
          avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg",
          avatarAlt: "Usman Malik",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717858.jpg?_wi=2",
          imageAlt: "happy woman elegant setting portrait",
        },
        {
          id: "5",
          name: "Ayesha Tariq",
          date: "February 2024",
          title: "Exceptional Quality & Value",
          quote: "From the moment we walked in, we felt welcomed. The quality of the ingredients is evident in every bite, and the generous portions offer great value. We're already planning our next visit!",
          tag: "Regular Diner",
          avatarSrc: "http://img.b2bpic.net/free-photo/family-enjoying-christmas-dinner-southern-hemisphere_23-2149172603.jpg",
          avatarAlt: "Ayesha Tariq",
          imageSrc: "http://img.b2bpic.net/free-photo/treats-halloween-party_23-2148603648.jpg?_wi=2",
          imageAlt: "happy woman elegant setting portrait",
        },
        {
          id: "6",
          name: "Dr. Imran Sohail",
          date: "March 2024",
          title: "A True Gem in Faisalabad",
          quote: "Quilim is a hidden gem that consistently delivers on its promise of a luxury dining experience. The attention to detail, from the decor to the dessert, is simply unparalleled.",
          tag: "Food Critic",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-blouse-cardigan-looking-merry-front-view_176474-109580.jpg",
          avatarAlt: "Dr. Imran Sohail",
          imageSrc: "http://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg?_wi=2",
          imageAlt: "happy woman elegant setting portrait",
        },
      ]}
      title="What Our Guests Say"
      description="Hear from those who have celebrated their special moments and enjoyed unforgettable dining experiences at Quilim."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Faisalabad Business Chamber",
        "Tech Solutions Pakistan",
        "Elite Event Planners",
        "Global Pharma Group",
        "City Bank Faisalabad",
        "Grand Hospitality Group",
        "Creative Marketing Hub",
      ]}
      title="Trusted by Leading Organizations for Memorable Events"
      description="Quilim is proud to be the chosen venue for corporate gatherings and special occasions by reputable businesses across Faisalabad."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "How do I make a reservation?",
          content: "Reservations can be made easily through our website's 'Reserve Your Table' button, or by calling us directly at our contact number. For large groups or private events, we recommend contacting us in advance.",
        },
        {
          id: "2",
          title: "Do you have private dining rooms for events?",
          content: "Yes, Quilim offers several elegantly designed private dining rooms perfect for birthdays, anniversaries, corporate dinners, and other special gatherings. Please inquire about our availability and packages.",
        },
        {
          id: "3",
          title: "What kind of cuisine does Quilim Restaurant serve?",
          content: "Quilim specializes in a exquisite blend of Pakistani and Chinese cuisine, offering a diverse menu from traditional curries and kebabs to flavorful stir-fries and seafood dishes.",
        },
        {
          id: "4",
          title: "Can you accommodate dietary restrictions?",
          content: "We strive to accommodate all dietary restrictions and allergies. Please inform our staff about your requirements when making a reservation or upon arrival, and our chefs will do their best to provide suitable options.",
        },
        {
          id: "5",
          title: "Is there a dress code?",
          content: "Quilim Restaurant observes a smart casual dress code to maintain our elegant ambiance. We kindly request guests to dress accordingly for an enjoyable fine dining experience.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common queries about reservations, dining, and private events at Quilim Restaurant."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Booking"
      title="Plan Your Unforgettable Event"
      description="Ready to experience Quilim's exquisite flavors and elegant ambiance? Make your reservation today for a celebration worth remembering."
      buttons={[
        {
          text: "Reserve Your Table Now",
          href: "#",
        },
        {
          text: "Contact Us for Events",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190935.jpg"
      imageAlt="Elegant restaurant interior background"
      logoText="Quilim Restaurant"
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Events",
              href: "#contact",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Reservations",
              href: "#contact",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Press",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Quilim Restaurant. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
