"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmall"
        background="noiseDiagonalGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Menu", id: "features" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Hometown BBQ"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Hometown BBQ & Grill"
      description="Slow-smoked tradition, served with love in the heart of our community. Taste the authentic difference of low and slow."
      buttons={[
        { text: "Book a Table", href: "#contact" },
        { text: "View Menu", href: "#features" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/fried-meat-with-vegetables-table_140725-4701.jpg"
      imageAlt="bbq restaurant interior rustic"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="A Legacy of Smoke & Flavor"
      description="For over two decades, Hometown BBQ has been defining what true barbecue means. We use only prime hardwoods and locally sourced meats to ensure every bite is perfection."
      metrics={[
        { value: "20+", title: "Years Smoked" },
        { value: "12", title: "Secret Rubs" },
        { value: "5k+", title: "Happy Guests" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/smoky-grilled-meat-baked-metal-sheet-barbecue_23-2147841009.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
      imageAlt="pitmaster cooking meat"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Smoked Brisket",          description: "14-hour hardwood smoked beef.",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-rib-pork-with-barbecue-sauce-vegetable-frech-fries-wooden-cutting-board_1339-7636.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/roasted-beef-with-herbed-bread-crust_661915-151.jpg",          buttonText: "Order Now"},
        {
          title: "Creamy Sides",          description: "Hand-crafted mac & cheese.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-vegetables-potatoes-eggplants-with-different-seasonings-dark-desk_140725-79620.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/hand-sprinkling-cheese-pasta_23-2148037494.jpg",          buttonText: "View Sides"},
        {
          title: "Cold Brews",          description: "Handpicked craft beer selection.",          imageSrc: "http://img.b2bpic.net/free-photo/fizzy-cola-drink-macro-shot_53876-65627.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/beer-with-crispy-fish-hors-d-oeuvres-world-beer-day_1150-23707.jpg",          buttonText: "See Drinks"},
      ]}
      title="Signature Smoked Selections"
      description="Our menu features carefully curated meats and fresh, locally sourced sides."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "500lb+", description: "Smoked Weekly" },
        { id: "m2", value: "100%", description: "Locally Sourced" },
        { id: "m3", value: "4.8", description: "Average Rating" },
      ]}
      title="Quality You Can Taste"
      description="Numbers behind our smoke-filled passion."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="depth-3d"
      title="Loved by Locals"
      description="Hear what our regulars have to say about the hometown smoke."
      textboxLayout="default"
      useInvertedBackground={false}
      kpiItems={[
        { value: "5k+", label: "Happy Guests" },
        { value: "4.8", label: "Stars" },
        { value: "20+", label: "Years" }
      ]}
      testimonials={[
        { id: "t1", name: "Sarah J.", role: "Local", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg" },
        { id: "t2", name: "Mike R.", role: "Local", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-sitting-cafe-eating-drinking-alcohol_171337-19735.jpg" },
        { id: "t3", name: "Anna P.", role: "Local", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-with-delicious-kombucha-outdoors_23-2150553706.jpg" },
      ]}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      useInvertedBackground={true}
      title="Meet the Pitmasters"
      tag="Behind the Smoke"
      animationType="depth-3d"
      gridVariant="four-items-2x2-equal-grid"
      textboxLayout="default"
      members={[
        { id: "p1", name: "Joe Pit", role: "Pitmaster", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1346.jpg" },
        { id: "p2", name: "Alice Smoke", role: "Chef", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-giving-out-order-cafe-inviting-guest-pick-up-takeaway_1258-199326.jpg" },
        { id: "p3", name: "Bob Grill", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-using-laptop-device_23-2149720721.jpg" },
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      sideTitle="Common Smoker Queries"
      sideDescription="Questions about our smoke, catering, and seating."
      useInvertedBackground={false}
      faqsAnimation="slide-up"
      faqs={[
        { id: "f1", title: "Do you accept walk-ins?", content: "Yes, we always save space for our loyal local walk-ins!" },
        { id: "f2", title: "Is catering available?", content: "We offer full-service catering for all sizes of events." },
        { id: "f3", title: "Are you pet friendly?", content: "Our patio area is perfectly welcoming to your furry friends." },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="Contact Us"
      title="Ready to experience the smoke?"
      description="Come visit us today or book a table."
      background={{ variant: "gradient-bars" }}
      useInvertedBackground={true}
      imageSrc="http://img.b2bpic.net/free-photo/smoky-grilled-meat-baked-metal-sheet-barbecue_23-2147841009.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      logoText="Hometown BBQ"
      imageSrc="http://img.b2bpic.net/free-photo/smoky-grilled-meat-baked-metal-sheet-barbecue_23-2147841009.jpg"
      columns={[
        {
          title: "Visit Us",          items: [
            { label: "123 Smokehouse Ln", href: "#" },
            { label: "Springfield, USA", href: "#" },
          ],
        },
        {
          title: "Connect",          items: [
            { label: "Instagram", href: "#" },
            { label: "Facebook", href: "#" },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
