"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="large"
        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleCentered
            navItems={[
              { name: "Home", id: "hero" },
              { name: "About", id: "about" },
              { name: "Menu", id: "menu" },
              { name: "Reviews", id: "testimonials" },
              { name: "Contact", id: "contact" },
            ]}
            brandName="Sher-a-Bengal"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroSplitDoubleCarousel
            background={{ variant: "gradient-bars" }}
            title="Sher-a-Bengal Dhaba"
            description="Experience the authentic flavors of Bengal with our hand-crafted, soul-warming delicacies served in a cozy, vibrant atmosphere. Located in the heart of the city."
            leftCarouselItems={[
              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DabfpTwI3NxhjsCoGz4NUxlBE1/uploaded-1778523762731-8qhmsvbr.png?_wi=1", imageAlt: "Authentic dhaba exterior" },
              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegetable-meal-sliced-cooked-dish-inside-plate-grey-background-meal-food-sauce-soup-dinner-vegetable_140725-85971.jpg", imageAlt: "delicious indian butter chicken" },
              { imageSrc: "http://img.b2bpic.net/free-photo/traditional-flatbread-baking-tandoor-oven_140725-3205.jpg", imageAlt: "freshly baked naan bread" }
            ]}
            rightCarouselItems={[
              { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-bright-color-sitting-furniturs-panoramic-windows_114579-1521.jpg", imageAlt: "indian dhaba interior" },
              { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-yougurt-with-raspberry_23-2148579875.jpg", imageAlt: "refreshing indian lassi drink" },
              { imageSrc: "http://img.b2bpic.net/free-photo/brown-delicious-bread-marble-surface_114579-72186.jpg", imageAlt: "freshly baked naan bread" }
            ]}
            buttons={[
              { text: "Order Online", href: "#menu" },
              { text: "Reserve Table", href: "#contact" }
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <TextSplitAbout
            useInvertedBackground={true}
            title="Tradition in Every Bite"
            description={[
              "Inspired by the bustling dhabas of West Bengal, we bring you family recipes passed down through generations. Our cozy space is decorated with traditional elements capturing the spirit of Bengal.",              "Located conveniently at 123 Bengal St, we are open daily from 11am to 11pm. Come visit us for an authentic dining experience."]}
          />
        </div>

        <div id="menu" data-section="menu">
          <ProductCardThree
            animationType="slide-up"
            textboxLayout="split"
            gridVariant="two-columns-alternating-heights"
            useInvertedBackground={false}
            products={[
              { id: "1", name: "Butter Chicken", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/tasty-stew-goulash-with-vegetables-served-bowl_1220-7675.jpg" },
              { id: "2", name: "Garlic Naan", price: "$4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-from-afar-cake-sweets-cake-with-slices-lime-chocolate-white-bowls-chocolate-limes-yellow-candies-chocolate-cream-table_140725-111329.jpg" },
              { id: "3", name: "Aloo Gobi", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-lohri-day-food_23-2148725325.jpg" },
            ]}
            title="Our Signature Menu"
            description="Authentic, freshly prepared Bengali cuisine. View our gallery of favorites."
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardSixteen
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={true}
            negativeCard={{ items: ["Often a wait on weekends", "Peak hours at 8pm"] }}
            positiveCard={{ items: ["Accessible parking onsite", "11am-11pm daily hours", "Family-friendly space", "Vegetarian options available"] }}
            title="Visitor Information"
            description="Everything you need to know for your visit to Sher-a-Bengal Dhaba."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardThirteen
            textboxLayout="split"
            useInvertedBackground={false}
            animationType="slide-up"
            testimonials={[
              { id: "1", name: "Sarah", handle: "@sarah_foodie", testimonial: "Best butter chicken I've ever had!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-pizza-bar_1303-20333.jpg" },
              { id: "2", name: "Michael", handle: "@mike_eats", testimonial: "Lovely authentic ambiance and great service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-positive-young-people-toasting-dinner_23-2148454187.jpg" }
            ]}
            showRating={true}
            title="Stories from Our Guests"
            description="Our guests love our traditional atmosphere and consistent quality."
          />
        </div>

        <div id="social-proof" data-section="social-proof">
          <SocialProofOne
            textboxLayout="default"
            useInvertedBackground={true}
            names={["Local Culinary Guide", "City Dining Awards", "Best Dhaba Daily"]}
            title="Recognized Excellence"
            description="We strive to maintain our reputation for authentic, soul-warming Bengali food."
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqBase
            textboxLayout="split"
            useInvertedBackground={false}
            faqs={[
              { id: "q1", title: "Where are you located?", content: "We are located at 123 Bengal St, in the heart of the city." },
              { id: "q2", title: "What are your opening hours?", content: "We are open 7 days a week, from 11:00 AM to 11:00 PM." },
              { id: "q3", title: "How can I contact you?", content: "You can call us at +1 555-0100 for inquiries or reservations." }
            ]}
            title="Plan Your Visit"
            description="Quick answers to help you get here smoothly."
            faqsAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            useInvertedBackground={true}
            title="Book a Table"
            description="Reserve your spot or inquire about large group events. We look forward to hosting you."
            inputs={[
              { name: "name", type: "text", placeholder: "Your Name", required: true },
              { name: "email", type: "email", placeholder: "Email", required: true }
            ]}
            textarea={{ name: "message", placeholder: "Any special requests or seating preferences?", rows: 4, required: true }}
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DabfpTwI3NxhjsCoGz4NUxlBE1/uploaded-1778523762731-8qhmsvbr.png?_wi=2"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DabfpTwI3NxhjsCoGz4NUxlBE1/uploaded-1778523762731-8qhmsvbr.png?_wi=3"
            logoText="Sher-a-Bengal Dhaba"
            columns={[
              {
                title: "Contact",                items: [{ label: "123 Bengal St, City", href: "#" }, { label: "+1 555-0100", href: "#" }]
              },
              {
                title: "Hours",                items: [{ label: "Mon-Sun: 11am - 11pm", href: "#" }]
              },
              {
                title: "Services",                items: [{ label: "Order Online", href: "#menu" }, { label: "Reserve Table", href: "#contact" }]
              }
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}