"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import SplitAbout from '@/components/sections/about/SplitAbout';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Star, Trophy, Tv, ChefHat, Gamepad2 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="floatingGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Features", id: "bar-food" },
        { name: "Pricing", id: "bookings" }
      ]}
      brandName="N13 Sports Bar"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="N13 Sports Bar"
      description="Experience premium snooker tables, competitive PS5 gaming, and authentic Albanian eats at our vibrant N13 5TT bar. Join us for live action on every screen."
      buttons={[{ text: "Check Availability", href: "#bookings" }]}
      slides={[
          { imageSrc: "http://img.b2bpic.net/free-photo/empty-inspiring-library-interior-with-heritage-design-peaceful-lighting_482257-125436.jpg" },
          { imageSrc: "http://img.b2bpic.net/free-photo/man-standing-with-arms-crossed-bar_107420-65502.jpg" }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="The Ultimate Local Hangout"
      description="We pride ourselves on being the heart of N13, offering a unique blend of competitive gaming and relaxing social spaces."
      bulletPoints={[
        { title: "Professional Snooker", description: "Top-tier tables for all levels." },
        { title: "Next-Gen Gaming", description: "Competitive PS5 stations." },
        { title: "Live Sports", description: "Coverage of every major match." }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/wooden-bar-table-with-bar-chairs-cafe_181624-60461.jpg"
    />
  </div>

  <div id="bar-food" data-section="bar-food">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      title="Authentic Flavors"
      description="Indulge in our unique Albanian-style menu designed to fuel your sessions."
      features={[
        { title: "Traditional Bites", description: "Hand-crafted appetizers with authentic ingredients.", icon: ChefHat, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-delicious-toast-with-meat-vegetables_114579-86383.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-delicious-toast-with-meat-vegetables_114579-86383.jpg?_wi=2" }] }
      ]}
    />
  </div>

  <div id="gaming" data-section="gaming">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      title="Pro-Level Gaming Room"
      description="Our back room hosts 5 state-of-the-art PS5 stations."
      features={[
        { title: "Play Like a Pro", description: "High-fidelity gaming experience in a private setup.", icon: Gamepad2, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172444.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172444.jpg?_wi=2" }] }
      ]}
    />
  </div>

  <div id="bookings" data-section="bookings">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Secure Your Table"
      description="Book your slots in advance and avoid the queue."
      plans={[
        { id: "p1", tag: "Casual", price: "£10", period: "/hr", description: "Pool table access", button: { text: "Book Now" }, featuresTitle: "Features", features: ["Full set included", "Spacious area"] },
        { id: "p2", tag: "Pro", price: "£12", period: "/hr", description: "Snooker match play", button: { text: "Book Now" }, featuresTitle: "Features", features: ["Tournament quality", "Perfect lighting"] },
        { id: "p3", tag: "Gaming", price: "£15", period: "/hr", description: "PS5 full station", button: { text: "Book Now" }, featuresTitle: "Features", features: ["Group up to 5", "All games included"] }
      ]}
    />
  </div>

  <div id="sports" data-section="sports">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Live Coverage"
      description="We keep the action going 24/7 with massive screen coverage."
      metrics={[
        { id: "m1", icon: Tv, title: "Active Screens", value: "12" },
        { id: "m2", icon: Trophy, title: "Weekly Matches", value: "50+" }
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      title="Community Favorites"
      description="Hear what our regulars have to say about the vibe."
      testimonials={[
        { id: "1", name: "John D.", date: "Oct 2024", title: "Local Favorite", quote: "Best spot for snooker in N13", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/headshot-pleased-cheerful-african-american-woman-touches-cheeks-closes-eyes-enjoys-pleasant-moment-wears-yellow-raincoat-isolated-blue-background_273609-33937.jpg" }
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch"
      description="Send us a message for table bookings or special inquiries."
      inputs={[
        { name: "name", type: "text", placeholder: "Name", required: true },
        { name: "email", type: "email", placeholder: "Email", required: true }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683401.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="N13 Sports Bar"
      copyrightText="© 2025 N13 Bar & Grill"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}