"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Clock, Flame, MapPin, Truck, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmall"
        background="aurora"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Menu", id: "#menu" },
        { name: "Story", id: "#story" },
        { name: "Reviews", id: "#reviews" },
        { name: "Location", id: "#location" },
      ]}
      brandName="Big Boys Bar-B-Que"
      button={{ text: "Get Directions", href: "#location" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{ variant: "gradient-bars" }}
      title="The Best BBQ of Your Life. Locals Know. Now You Do."
      description="Texas Monthly Top 50 · Award-Winning · Sweetwater, TX"
      kpis={[
        { value: "Top 50", label: "Texas Monthly" },
        { value: "100%", label: "Direct Heat" },
        { value: "Legend", label: "Award Winning" },
      ]}
      enableKpiAnimation={true}
      buttons={[
        { text: "See Our Menu", href: "#menu" },
        { text: "Get Directions", href: "#location" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-grilled-beef-meat-served-with-mushrooms-grilled-vegetables-sauce-wooden-board_141793-3032.jpg"
      imageAlt="Moody Texas BBQ cinematic shot"
      mediaAnimation="blur-reveal"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/young-pleased-blonde-male-barber-uniform-puts-hands-chest-isolated-green-space-with-copy-space_141793-60196.jpg", alt: "Happy customer" },
        { src: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg", alt: "Happy customer" },
        { src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-sitting-outdoors_23-2150168078.jpg", alt: "Happy customer" },
        { src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Happy customer" },
        { src: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222275.jpg", alt: "Happy customer" },
      ]}
      avatarText="Join 10,000+ happy BBQ fans"
      marqueeItems={[
        { type: "text-icon", text: "Wood Smoked", icon: Flame },
        { type: "text-icon", text: "Texas Legend", icon: Award },
        { type: "text-icon", text: "Direct Heat", icon: Flame },
        { type: "text-icon", text: "Family Owned", icon: Users },
        { type: "text-icon", text: "Open Daily", icon: Clock },
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Texas Monthly Top 50 BBQ",        "Most delicious BBQ of my entire lifetime",        "Truck parking available",        "Award-winning brisket & ribs",        "Sweetwater institution",        "Road-trip essential",        "Authentic Texas BBQ"]}
      title="Why They Keep Coming Back"
      description="Featured in major publications and loved by travelers across the nation."
    />
  </div>

  <div id="story" data-section="story">
      <AboutMetric
      useInvertedBackground={false}
      title="Not Your Average Pit Stop."
      metrics={[
        { icon: Flame, label: "Cooking Method", value: "Direct Heat" },
        { icon: Award, label: "Status", value: "Top 50" },
        { icon: Truck, label: "Community", value: "Trucker Loved" },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Prime Brisket", price: "Market", imageSrc: "http://img.b2bpic.net/free-photo/close-up-focus-grilled-meat-thin-sliced-wooden-board_346278-727.jpg?_wi=1", imageAlt: "Prime Brisket" },
        { id: "p2", name: "Pork Ribs", price: "Market", imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23832.jpg?_wi=1", imageAlt: "Pork Ribs" },
        { id: "p3", name: "BBQ Sandwich", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/japanese-sandwich-with-breaded-pork-chop-cabbage-tonkatsu-sauce_2829-18640.jpg?_wi=1", imageAlt: "BBQ Sandwich" },
        { id: "p4", name: "Smoked Sausage", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-focus-grilled-meat-thin-sliced-wooden-board_346278-727.jpg?_wi=2", imageAlt: "Smoked Sausage" },
        { id: "p5", name: "Burnt Ends", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23832.jpg?_wi=2", imageAlt: "Burnt Ends" },
        { id: "p6", name: "Pulled Pork", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/japanese-sandwich-with-breaded-pork-chop-cabbage-tonkatsu-sauce_2829-18640.jpg?_wi=2", imageAlt: "Pulled Pork" },
      ]}
      title="Signature Items"
      description="Mesquite-kissed, never overpowering. Serious flavor."
      buttons={[{ text: "View Full Menu", href: "/menu" }]}
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardOne
      animationType="blur-reveal"
      textboxLayout="split"
      gridVariant="one-large-left-three-stacked-right"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Jesse S.",          role: "Local Guide",          company: "Reviewer",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-pleased-blonde-male-barber-uniform-puts-hands-chest-isolated-green-space-with-copy-space_141793-60196.jpg"},
        {
          id: "t2",          name: "Jason D.",          role: "Road Warrior",          company: "Traveler",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg"},
        {
          id: "t3",          name: "Daniel B.",          role: "Trucker",          company: "Driver",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-sitting-outdoors_23-2150168078.jpg"},
        {
          id: "t4",          name: "GMcG",          role: "Traveler",          company: "Tourist",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
        {
          id: "t5",          name: "Sarah P.",          role: "Diner",          company: "Foodie",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222275.jpg"},
      ]}
      title="Voices from the Pit"
      description="What our hungry travelers are saying."
    />
  </div>

  <div id="location" data-section="location">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      tag="Find Us"
      tagIcon={MapPin}
      faqs={[
        { id: "f1", title: "Address", content: "123 BBQ Lane, Sweetwater, TX 79556" },
        { id: "f2", title: "Hours", content: "Tuesday-Sunday: 11AM - 8PM | Monday: Closed" },
        { id: "f3", title: "Phone", content: "(325) 555-0199" },
      ]}
      title="Location & Hours"
      description="We are conveniently located right off the interstate, easy to access for travelers and local residents alike."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="truckers" data-section="truckers">
      <ContactText
      useInvertedBackground={false}
      background={{ variant: "sparkles-gradient" }}
      text="Truckers, Road Warriors & Hungry Travelers — Welcome Home. Easy off the interstate, truck parking across the street, fuel station nearby. Come fuel your belly."
      buttons={[{ text: "Get Directions", href: "#location" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Big Boys Bar-B-Que"
      columns={[
        {
          title: "Navigate",          items: [
            { label: "Menu", href: "#menu" },
            { label: "Story", href: "#story" },
            { label: "Reviews", href: "#reviews" },
          ],
        },
        {
          title: "Contact",          items: [
            { label: "(325) 555-0199", href: "tel:3255550199" },
            { label: "Directions", href: "#location" },
          ],
        },
      ]}
      copyrightText="© 2025 Big Boys Bar-B-Que | Sweetwater, Texas"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
