"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeMediumTitles"
        background="fluid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Menu",          id: "#menu"},
        {
          name: "About",          id: "#about"},
        {
          name: "Reviews",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Royal Kitchen"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Taste the Royal Difference"
      description="Indulge in authentic desi flavors, crispy fast food, and signature curries. Inside Quaid-e-Azam Stadium, Burewala."
      buttons={[
        {
          text: "View Menu",          href: "#menu"},
        {
          text: "Call Now",          href: "tel:03012449222"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-showing-menu-card-female-customer-sitting-restaurant_23-2147936254.jpg"
      imageAlt="Royal Kitchen interior and food spread"
      showDimOverlay={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg",          alt: "Portrait of a pretty young woman sitting"},
        {
          src: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-1955.jpg",          alt: "Pretty indian girl in black saree dress posed at restaurant"},
        {
          src: "http://img.b2bpic.net/free-photo/catering-tablecloth-plate-drink-background_1203-5091.jpg",          alt: "catering tablecloth plate drink background"},
        {
          src: "http://img.b2bpic.net/free-photo/man-woman-sitting-table-with-desserts-drinks-flowers-cafe_23-2148001711.jpg",          alt: "Man and woman sitting at table with desserts, drinks and flowers in cafe"},
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-door_23-2149434485.jpg",          alt: "Full shot smiley man at door"},
      ]}
      avatarText="Join 500+ satisfied guests"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Welcome to Royal Kitchen"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/woman-cuts-onions-salad-kitchen-table-closeup_169016-50541.jpg",          alt: "Chef cooking"},
        {
          type: "text",          content: "Experience dining fit for royalty in the heart of Burewala."},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Authentic Pizzas",          description: "Cheesy, fresh, and hot from the oven.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-slices-with-cement-background_23-2148262939.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-arrangement-view_23-2149325322.jpg",          buttonText: "Order"},
        {
          title: "Crispy Zingers",          description: "Juicy on the inside, crunchy on the outside.",          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-tomatoes-lettuce-served-with-french-fries-ketchup_141793-1133.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/flat-lay-black-burger-fries-wooden-board_23-2148238462.jpg",          buttonText: "Order"},
        {
          title: "Specialty Meals",          description: "Chicken Manchurian, Karahi, and more.",          imageSrc: "http://img.b2bpic.net/free-photo/sukiyaki-seafood-served-with-suki-spicy-sauce_1150-27338.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/plate-soup-cooking-table_23-2147835241.jpg",          buttonText: "Order"},
      ]}
      title="Why Choose Us"
      description="From traditional recipes to fast food favorites, every bite tells a story."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Chicken Makhani",          price: "Check Menu",          variant: "Popular",          imageSrc: "http://img.b2bpic.net/free-photo/green-curry-with-eggs-black-cups-with-lemon-lemongrass-chili-tomatoes_1150-25742.jpg"},
        {
          id: "p2",          name: "Caesar Salad",          price: "Check Menu",          variant: "Healthy",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-caesar-salad-with-chicken_141793-2818.jpg"},
        {
          id: "p3",          name: "Roti",          price: "Check Menu",          variant: "Traditional",          imageSrc: "http://img.b2bpic.net/free-photo/fried-qutabs-with-dried-berries_140725-4018.jpg"},
        {
          id: "p4",          name: "Gurr Wali Chaye",          price: "Check Menu",          variant: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-indian-drinks-arrangement_23-2149312367.jpg"},
        {
          id: "p5",          name: "Dal Makhani",          price: "Check Menu",          variant: "Veg",          imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-pepper-garlic-lemon-beans-mixed-color-table_140725-86409.jpg"},
        {
          id: "p6",          name: "Zinger Burger",          price: "Check Menu",          variant: "Fast Food",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-french-fries-with-chicken-slices-brown-table_140725-104015.jpg"},
      ]}
      title="Menu Highlights"
      description="Our most loved dishes prepared with fresh, premium ingredients."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "dine",          tag: "Dine In",          price: "Stadium Rd",          period: "Relaxed",          description: "Enjoy the ambiance inside Quaid-e-Azam Stadium.",          button: {
            text: "Get Directions"},
          featuresTitle: "Services",          features: [
            "Open till 2am",            "Reservations required",            "Family friendly"],
        },
        {
          id: "take",          tag: "Takeaway",          price: "Quick",          period: "On-the-go",          description: "Grab your favorites to enjoy at home.",          button: {
            text: "Call to Order"},
          featuresTitle: "Services",          features: [
            "Fast service",            "Freshly packed",            "All menu items"],
        },
        {
          id: "del",          tag: "Delivery",          price: "0301-2449222",          period: "Convenient",          description: "We bring Royal flavor to your doorstep.",          button: {
            text: "Order via Call"},
          featuresTitle: "Services",          features: [
            "Delivery available",            "Fast shipping",            "Verified hot"],
        },
      ]}
      title="Dine With Us"
      description="All our offerings are available for dine-in, takeaway, and delivery."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah Khan",          role: "Diner",          company: "Local",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-waffles-with-whipped-cream-fruits_329181-2951.jpg"},
        {
          id: "2",          name: "Ahmed Raza",          role: "Foodie",          company: "Local",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-woman-eating-burger-outdoors_23-2148952829.jpg"},
        {
          id: "3",          name: "Fatima Ali",          role: "Frequent",          company: "Local",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-fun-while-eating-dinner-communicating-with-friends-dining-table_637285-3342.jpg"},
        {
          id: "4",          name: "Bilal Asif",          role: "Family",          company: "Local",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-positive-african-american-woman-enjoys-listening-music-headphones-spends-leisure-time-loft-cafeteria-with-cocktail-has-break-after-work-demonstrates-pleasant-smile_273609-2085.jpg"},
        {
          id: "5",          name: "Sana Butt",          role: "Fan",          company: "Local",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-christmas-dinner-through-smartphone_23-2147715641.jpg"},
      ]}
      title="What Our Guests Say"
      description="Trusted by hundreds in Burewala."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch"
      description="Have a query or want to place a bulk order? Call us directly."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name"},
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone"},
      ]}
      textarea={{
        name: "message",        placeholder: "Your message..."}}
      imageSrc="http://img.b2bpic.net/free-photo/we-re-open-red-sign-window_23-2149168999.jpg"
      buttonText="Submit Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Royal Kitchen"
      leftLink={{
        text: "Terms & Conditions",        href: "#"}}
      rightLink={{
        text: "Privacy Policy",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
