"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 FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Clock, MapPin, Star, Trophy } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="PUBG Fast Food"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "gradient-bars",
      }}
      title="Fast Food, Chicken Winner Style."
      description="Experience premium, lightning-fast dining that keeps you in the game. Real ingredients, big flavor, and zero waiting time."
      tag="PUBG Fast Food Official"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fast-food-menu-two-person-cafe_114579-1125.jpg",
          imageAlt: "Juicy Burger",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-making-dish-with-figs-kitchen_23-2150304375.jpg",
          imageAlt: "Kitchen Team",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-fast-food-meal_23-2149291677.jpg",
          imageAlt: "Close up on delicious fast food meal",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-with-food-notebook_23-2148308854.jpg",
          imageAlt: "Above view arrangement with food and notebook",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/us-labor-day-celebration-with-burgers_23-2150347457.jpg",
          imageAlt: "Us labor day celebration with burgers",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Loved by 50,000+ hungry players"
      tagIcon={Trophy}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Born for the hungry."
      description="At PUBG Fast Food, we believe in high-performance meals. We use only fresh, locally sourced ingredients to power your day, whether you're climbing the ranks or just grabbing a quick bite."
      bulletPoints={[
        {
          title: "Freshness First",
          description: "Farm-to-table ingredients every single day.",
        },
        {
          title: "Lightning Speed",
          description: "Meals served faster than a supply drop.",
        },
        {
          title: "Premium Quality",
          description: "The gold standard of fast food dining.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/table-dinner-set_74190-1534.jpg"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "24/7 Delivery",
          description: "Order anytime, day or night.",
          bentoComponent: "reveal-icon",
          icon: Clock,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-fast-food-meal_23-2149291676.jpg",
          imageAlt: "Close up on delicious fast food meal",
        },
        {
          title: "Online Tracking",
          description: "Monitor your meal from grill to door.",
          bentoComponent: "reveal-icon",
          icon: MapPin,
          imageSrc: "http://img.b2bpic.net/free-photo/fast-food-menu-two-person-cafe_114579-1125.jpg",
          imageAlt: "Close up on delicious fast food meal",
        },
        {
          title: "Exclusive Deals",
          description: "Join our squad for special discounts.",
          bentoComponent: "reveal-icon",
          icon: Star,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-making-dish-with-figs-kitchen_23-2150304375.jpg",
          imageAlt: "Close up on delicious fast food meal",
        },
      ]}
      title="Why we are the best."
      description="Designed for maximum flavor and convenience."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Supply Drop Burger",
          price: "$8.99",
          imageSrc: "http://img.b2bpic.net/free-photo/beef-hamburger_74190-5907.jpg",
        },
        {
          id: "p2",
          name: "Spicy Wing Basket",
          price: "$7.50",
          imageSrc: "http://img.b2bpic.net/free-photo/plate-chicken-wings-grunge-black-background_1258-201.jpg",
        },
        {
          id: "p3",
          name: "Winner Winner Fries",
          price: "$4.00",
          imageSrc: "http://img.b2bpic.net/free-photo/french-fries-inside-white-plate-grey_140725-30012.jpg",
        },
        {
          id: "p4",
          name: "Classic Pepperoni Pizza",
          price: "$12.99",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-melted-cheese-pizza_23-2149286885.jpg",
        },
        {
          id: "p5",
          name: "Midnight Sundae",
          price: "$3.99",
          imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-sundae-edible-waffle-bowl_1339-2875.jpg",
        },
        {
          id: "p6",
          name: "Arctic Cola",
          price: "$2.50",
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-berries-with-cup-drink-blue_114579-29071.jpg",
        },
      ]}
      title="Our Menu"
      description="Fuel your hunger with our signature collection."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      textboxLayout="split"
      useInvertedBackground={false}
      groups={[
        {
          id: "g1",
          groupTitle: "Management",
          members: [
            {
              id: "m1",
              title: "Alex Rivers",
              subtitle: "Head Chef",
              detail: "15 years of gourmet experience.",
            },
            {
              id: "m2",
              title: "Sam Jordan",
              subtitle: "Operations Manager",
              detail: "Ensuring every meal is perfect.",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865298.jpg",
          imageAlt: "Lifestyle: people learning to make sushi",
        },
      ]}
      title="Meet our culinary crew."
      description="The professionals behind every great meal."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          title: "Delicious!",
          quote: "Best burger I've had in ages.",
          name: "Sarah",
          role: "Fan",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-partying-with-food_23-2149525599.jpg",
        },
        {
          id: "2",
          title: "So Fast!",
          quote: "Arrived hot and delicious.",
          name: "Mike",
          role: "Gamer",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg",
        },
        {
          id: "3",
          title: "Recommended.",
          quote: "The wings are incredible.",
          name: "Emily",
          role: "Foodie",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-enjoying-christmas-dinner_23-2149144969.jpg",
        },
        {
          id: "4",
          title: "Great Staff.",
          quote: "Super friendly and helpful service.",
          name: "David",
          role: "Regular",
          imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-healthy-fitness-chef-recording-video-social-media-with-bowl_140725-166752.jpg",
        },
        {
          id: "5",
          title: "Five Stars.",
          quote: "Can't beat the taste and speed.",
          name: "Chloe",
          role: "Player",
          imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-having-wine-together_23-2148454082.jpg",
        },
      ]}
      title="Customer Stories"
      description="What our hungry squad says."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Do you deliver?",
          content: "Yes, we offer fast delivery within 5 miles.",
        },
        {
          id: "q2",
          title: "Are there allergens?",
          content: "Please check our full menu online for details.",
        },
        {
          id: "q3",
          title: "How to contact?",
          content: "You can reach us through our contact form.",
        },
      ]}
      title="Frequently Asked."
      description="Answers to your burning questions."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Get in touch."
      description="Have questions or want a table reservation? Let us know."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/female-staff-giving-boarding-pass-passenger_107420-85076.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "Menu",
              href: "#products",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "FAQs",
              href: "#faq",
            },
          ],
        },
      ]}
      logoText="PUBG Fast Food"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
