"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 FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="grid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "The Craft",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Bookings",
          id: "#contact",
        },
      ]}
      brandName=""
      bottomLeftText="Luxury Smokehouse Experience"
      bottomRightText="meatme@example.com"
      button={{
        text: "RESERVE A TABLE",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "plain",
      }}
      title="Smoked to Perfection. Crafted for Legends."
      description="Indulge in an unparalleled culinary journey where tradition meets innovation. Our master pitmasters slow-smoke the finest meats, delivering a symphony of flavors in every bite."
      buttons={[
        {
          text: "Explore Our Menu",
          href: "#menu",
        },
        {
          text: "Make a Reservation",
          href: "#contact",
        },
      ]}
      imageSrc="https://img.b2bpic.net/premium-psd/delicious-chicken-stir-fry_787500-54570.jpg?id=413635786"
      imageAlt="Juicy smoked BBQ beef brisket and ribs platter"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "The Craft of Our Smokehouse",
        },
      ]}
      buttons={[
        {
          text: "Our Story",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "brisket",
          name: "Signature Smoked Brisket",
          price: "$42",
          variant: "Slow-smoked for 12 hours",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-barbecue-sauce-with-rice_140725-7299.jpg",
          imageAlt: "Signature Smoked Brisket",
        },
        {
          id: "ribs",
          name: "St. Louis Pork Ribs",
          price: "$38",
          variant: "Fall-off-the-bone tenderness",
          imageSrc: "http://img.b2bpic.net/free-photo/appetizing-glazed-sesame-chicken-wings-dark-bowl_84443-85767.jpg",
          imageAlt: "St. Louis Pork Ribs",
        },
        {
          id: "sausage",
          name: "Artisan Smoked Sausage",
          price: "$28",
          variant: "House-made blend",
          imageSrc: "http://img.b2bpic.net/free-photo/homemade-sausage_2829-14085.jpg",
          imageAlt: "Artisan Smoked Sausage",
        },
        {
          id: "pulled-pork",
          name: "Gourmet Pulled Pork",
          price: "$34",
          variant: "Served on brioche",
          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-full-doner-french-fries_114579-2118.jpg",
          imageAlt: "Gourmet Pulled Pork",
        },
        {
          id: "sides",
          name: "Classic BBQ Sides Platter",
          price: "$18",
          variant: "Chef's selection",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-raclette-dish-with-ingredients-delicious-food_23-2149514142.jpg",
          imageAlt: "Classic BBQ Sides Platter",
        },
        {
          id: "dessert",
          name: "Decadent Chocolate Lava Cake",
          price: "$16",
          variant: "With vanilla bean ice cream",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-apple-pie-composition_23-2149055411.jpg",
          imageAlt: "Decadent Chocolate Lava Cake",
        },
      ]}
      title="Our Signature Dishes"
      description="Experience the heart of our smokehouse with our meticulously crafted main courses and delectable accompaniments, each a testament to our passion for BBQ."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "private-dining",
          badge: "Exclusive",
          price: "Inquire",
          name: "Private Dining",
          buttons: [
            {
              text: "Book Event",
            },
          ],
          features: [
            "Dedicated Private Room",
            "Customizable Menu Options",
            "Personal Sommelier Service",
            "Capacity for up to 20 Guests",
          ],
        },
        {
          id: "catering",
          badge: "Celebration",
          price: "Starting at $1500",
          name: "Luxury Catering",
          buttons: [
            {
              text: "Request Quote",
            },
          ],
          features: [
            "Off-site Full Service",
            "rience",
            "Professional Waitstaff",
            "Ideal for large gatherings",
          ],
        },
        {
          id: "chef-table",
          badge: "Elite",
          price: "Inquire",
          name: "Chef's Table Experience",
          buttons: [
            {
              text: "Discover More",
            },
          ],
          features: [
            "Intimate Kitchen-side Seating",
            "Exclusive Tasting Menu by Head Chef",
            "Wine Pairings Included",
            "Behind-the-Scenes Access",
          ],
        },
      ]}
      title="Unforgettable Experiences"
      description="Elevate your occasion with our bespoke dining options, from intimate private events to grand celebrations, tailored to exceed your expectations."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Jonathan T.",
          role: "Gastronomy Blogger",
          company: "The Food Critic",
          rating: 5,
          imageSrc: "https://img.b2bpic.net/free-photo/top-view-round-dough-board-beans-bowl-garlic-lemon-tomato-hazelnut-chestnut-red-lentils-bowl-table_140725-144819.jpg?id=17231478",
        },
        {
          id: "2",
          name: "Eleanor V.",
          role: "Event Planner",
          company: "Luxury Events Co.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598337.jpg",
        },
        {
          id: "3",
          name: "Marcus R.",
          role: "CEO, TechInnovate",
          company: "TechInnovate",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000257.jpg",
        },
        {
          id: "4",
          name: "Sophia L.",
          role: "Private Chef",
          company: "Gourmet At Home",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-sitting-couch-eating-chips-eating-television-zoom-shot_482257-21700.jpg",
        },
        {
          id: "5",
          name: "David K.",
          role: "Food Photographer",
          company: "Culinary Visions",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517452.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "5/5",
          label: "Avg. Rating",
        },
        {
          value: "200+",
          label: "Reviews",
        },
        {
          value: "100%",
          label: "Satisfaction",
        },
      ]}
      title="What Our Guests Say"
      description="Hear from those who have experienced the unique flavors and exceptional service of MEAT ME BBQ & SMOKE HOUSE."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "1",
          value: "15+",
          title: "Years of Excellence",
          description: "Crafting the finest smoked meats since 2008.",
          imageSrc: "https://img.b2bpic.net/premium-psd/delicious-burger-food-social-media-instagram-post-template_264308-3211.jpg?id=413464853",
          imageAlt: "Smoked brisket",
        },
        {
          id: "2",
          value: "7+",
          title: "Culinary Awards",
          description: "Recognized for our innovative BBQ techniques.",
          imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-cooking-onion-vegetables-meat-grill-with-fire-smoke-beautiful-man-concentrated-preparation-food-background-modern-restaurant-kitchen_651396-3910.jpg",
          imageAlt: "Chef at work",
        },
        {
          id: "3",
          value: "100%",
          title: "Guest Satisfaction",
          description: "Our commitment to an unforgettable dining experience.",
          imageSrc: "https://img.b2bpic.net/premium-photo/plate-food-with-meat-vegetables-it_1230717-210433.jpg?id=258085247",
          imageAlt: "Happy guest",
        },
      ]}
      title="Our Legacy in Numbers"
      description="Discover the milestones that define MEAT ME BBQ & SMOKE HOUSE and our dedication to culinary mastery."
    />
  </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 directly through our website's 'Bookings' section or by calling us during opening hours. We recommend booking in advance, especially for weekend evenings.",
        },
        {
          id: "2",
          title: "Do you offer vegetarian or vegan options?",
          content: "While we specialize in smoked meats, we do offer a selection of gourmet vegetarian and vegan side dishes. Please inform our staff about your dietary preferences when booking.",
        },
        {
          id: "3",
          title: "Can you accommodate large groups or private events?",
          content: "Absolutely. We have a dedicated private dining area and offer bespoke catering services for larger parties. Please contact our events team for personalized arrangements.",
        },
        {
          id: "4",
          title: "What is your dress code?",
          content: "We encourage smart casual attire to maintain our luxury dining atmosphere. Jackets are not required, but appreciated.",
        },
        {
          id: "5",
          title: "Do you have a wine list or bar service?",
          content: "Yes, we feature an extensive selection of premium wines, craft beers, and bespoke cocktails curated to perfectly complement our smoked meat menu. Our full-service bar is available throughout your visit.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to the most common inquiries about MEAT ME BBQ & SMOKE HOUSE."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Book Your Table"
      description="Experience the ultimate smokehouse luxury. Fill out the form below to secure your reservation at MEAT ME BBQ & SMOKE HOUSE."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number",
          required: false,
        },
        {
          name: "guests",
          type: "number",
          placeholder: "Number of Guests",
          required: true,
        },
        {
          name: "date",
          type: "date",
          placeholder: "Preferred Date",
          required: true,
        },
        {
          name: "time",
          type: "time",
          placeholder: "Preferred Time",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Special Requests (e.g., dietary needs, anniversary)",
        rows: 4,
        required: false,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629583.jpg"
      imageAlt="Luxury restaurant interior with ambient lighting"
      mediaAnimation="slide-up"
      mediaPosition="left"
      buttonText="Confirm Reservation"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Menu",
          items: [
            {
              label: "Signature Dishes",
              href: "#menu",
            },
            {
              label: "Wine & Spirits",
              href: "#",
            },
            {
              label: "Desserts",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Press",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
        {
          title: "Follow Us",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com",
            },
            {
              label: "Facebook",
              href: "https://facebook.com",
            },
            {
              label: "Twitter",
              href: "https://twitter.com",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 MEAT ME BBQ & SMOKE HOUSE. All rights reserved."
      bottomRightText="Crafted with passion."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
