"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="floatingGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Food & Drink",          id: "#menu"},
        {
          name: "About",          id: "#about"},
        {
          name: "Order Online",          id: "#order"},
        {
          name: "Events",          id: "#events"},
        {
          name: "Careers",          id: "#careers"},
      ]}
      brandName="Au Cheval"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="A Tradition of Excellence"
      description="Au Cheval brings elevated diner classics and unparalleled hospitality to the heart of the city. Experience the atmosphere that defines an icon."
      testimonials={[
        {
          name: "James R.",          handle: "@jamesr",          testimonial: "The best burger I've had in years. Unmatched atmosphere.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166180.jpg"},
        {
          name: "Sarah K.",          handle: "@sarahk",          testimonial: "Perfect for both quick meals and private events.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg"},
        {
          name: "Marcus L.",          handle: "@marcusl",          testimonial: "Consistently excellent food and service every time.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg"},
        {
          name: "Elena P.",          handle: "@elenap",          testimonial: "The reservation process was seamless, loved the experience.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-with-food_23-2149152879.jpg"},
        {
          name: "David W.",          handle: "@davidw",          testimonial: "Sophisticated diner style done exactly right.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-positive-people-having-dinner-together_23-2148454185.jpg"},
      ]}
      buttons={[
        {
          text: "Book Now",          href: "#contact"},
        {
          text: "View Menu",          href: "#menu"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg"
      imageAlt="upscale diner interior ambiance"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244688.jpg",          alt: "Portrait of handsome asian man at a friends reunion"},
        {
          src: "http://img.b2bpic.net/free-photo/handsome-stylish-man-restaurant_23-2147689185.jpg",          alt: "Handsome stylish man in restaurant"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",          alt: "Vertical photo of beautiful lady sitting at the restaurant and smiling to the camera"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-man-restaurant_23-2147861975.jpg",          alt: "Portrait of a young man at restaurant"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg",          alt: "Portrait of senior man at a luxurious restaurant"},
      ]}
      avatarText="Join 5,000+ satisfied diners"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Crafting Exceptional Culinary Experiences"
      buttons={[
        {
          text: "Careers",          href: "#careers"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "feat-1",          title: "Order Online",          author: "Digital Services",          description: "Seamless digital ordering for pickup or delivery.",          tags: [
            "Convenience"],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-device_23-2149177874.jpg"},
        {
          id: "feat-2",          title: "Private Events",          author: "Hospitality",          description: "Host your private gatherings in our curated event spaces.",          tags: [
            "Hosting"],
          imageSrc: "http://img.b2bpic.net/free-photo/table-setting-with-floral-centerpiece-wedding-reception-venue_637285-5627.jpg"},
        {
          id: "feat-3",          title: "Reservations",          author: "Concierge",          description: "Secure your table with our streamlined booking system.",          tags: [
            "Booking"],
          imageSrc: "http://img.b2bpic.net/free-photo/view-from-tablet-hands-girl-pajama-sitting-surround-flowers-balcony-having-breakfast-morning_197531-2286.jpg"},
      ]}
      title="Our Services"
      description="More than just a restaurant, we offer a comprehensive dining ecosystem."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Signature Burger",          price: "Market",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-salmon-salad-flat-lay_23-2148516945.jpg"},
        {
          id: "p2",          name: "Artisan Cocktail",          price: "$18",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-drink-with-olives_23-2149418314.jpg"},
        {
          id: "p3",          name: "Seasonal Dessert",          price: "$12",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-chocolate-cookies-inside-white-plate-dark-surface_140725-20234.jpg"},
        {
          id: "p4",          name: "Fresh Market Salad",          price: "$15",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-vegetables-market_23-2149050782.jpg"},
        {
          id: "p5",          name: "Classic Sandwich",          price: "$20",          imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-cooked-tomato-sauce_114579-1752.jpg"},
        {
          id: "p6",          name: "Gift Card",          price: "$50+",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-red-uniform-cape-holding-delivery-bowl-with-card-light-pink-wall-worker-service-uniform-delivery_140725-41792.jpg"},
      ]}
      title="Food & Drink"
      description="Discover our signature offerings designed to impress."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Alice M.",          role: "Foodie",          company: "Local Guide",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg"},
        {
          id: "t2",          name: "Brian T.",          role: "Visitor",          company: "NYC Traveler",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598357.jpg"},
        {
          id: "t3",          name: "Clara S.",          role: "Regular",          company: "Chicago Local",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006701.jpg"},
        {
          id: "t4",          name: "Dan R.",          role: "Event Planner",          company: "Corporate Group",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598336.jpg"},
        {
          id: "t5",          name: "Eva J.",          role: "Chef",          company: "Culinary Arts",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg"},
      ]}
      title="What Our Guests Say"
      description="Genuine experiences from our valued diners."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "plan-1",          badge: "New",          price: "$50",          subtitle: "Entry Gift Card",          buttons: [
            {
              text: "Buy Now"},
          ],
          features: [
            "Usable at all locations",            "No expiration date"],
        },
        {
          id: "plan-2",          badge: "Popular",          price: "$150",          subtitle: "Diner Experience",          buttons: [
            {
              text: "Buy Now"},
          ],
          features: [
            "Priority seating",            "Complimentary appetizer",            "Usable at all locations"],
        },
        {
          id: "plan-3",          badge: "Elite",          price: "$500",          subtitle: "Private Event Credit",          buttons: [
            {
              text: "Buy Now"},
          ],
          features: [
            "Full event access",            "Dedicated service",            "Custom menu consultation"],
        },
      ]}
      title="Exclusive Offerings"
      description="Unlock more with our gift cards and membership."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How do I make a reservation?",          content: "You can use our online reservation system found in the navbar."},
        {
          id: "q2",          title: "Where are your locations?",          content: "We are currently serving guests in Chicago and NYC."},
        {
          id: "q3",          title: "Can I host a private event?",          content: "Yes, contact our events team via the contact form."},
      ]}
      title="Frequently Asked Questions"
      description="Answers to common inquiries regarding our dining policies."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch"
      description="We are here to answer your questions and assist with bookings."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Email",          required: true,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/bicycle-city-health-leisure-town-urban-vehicle_53876-16483.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Menu",              href: "#menu"},
            {
              label: "About",              href: "#about"},
            {
              label: "Order Online",              href: "#order"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Events",              href: "#events"},
            {
              label: "Careers",              href: "#careers"},
            {
              label: "Gift Cards",              href: "#pricing"},
          ],
        },
      ]}
      logoText="Au Cheval"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
