"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Scissors } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Services", id: "features" },
        { name: "Team", id: "team" },
        { name: "Products", id: "product" },
        { name: "Pricing", id: "pricing" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" }
      ]}
      brandName="THE LEGEND"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{ variant: "gradient-bars" }}
      title="THE LEGEND: Where Tradition Meets Style"
      description="Experience the timeless craft of master barbering. We specialize in precision cuts, classic shaves, and premium grooming services."
      buttons={[{ text: "Book Appointment", href: "#contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg"
      imageAlt="The Legend Barbershop interior"
      mediaAnimation="blur-reveal"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg", alt: "Barber doing haircut bearded aged client in hair salon" },
        { src: "http://img.b2bpic.net/free-photo/comfortable-old-fashioned-chair-rustic-antique-elegance-indoors-generated-by-ai_188544-29043.jpg", alt: "Comfortable old fashioned chair rustic antique elegance indoors" },
        { src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", alt: "Hair salon chair with towel on armchair" },
        { src: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg", alt: "Mustache guy in barbershop" },
        { src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", alt: "Side view man at hair salon" }
      ]}
      marqueeItems={[
        { type: "text", text: "Precision Cuts" },
        { type: "text", text: "Hot Towel Shaves" },
        { type: "text", text: "Expert Grooming" },
        { type: "text", text: "Signature Trims" },
        { type: "text", text: "Timeless Style" }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      title="Crafting Excellence Since 1995"
      description="At THE LEGEND, we treat grooming as an art form. Founded on the principles of precision, respect, and community, we provide more than just a cut—we provide an experience."
      subdescription="Every visit is personalized to ensure you leave looking and feeling your absolute best."
      icon={Scissors}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { id: "f1", title: "Precision Haircuts", tags: ["Modern", "Classic"], imageSrc: "http://img.b2bpic.net/free-photo/classic-shaving-brush-front-foam-bowl-folded-white-napkin-razor-wooden-desk_23-2148088542.jpg" },
        { id: "f2", title: "Signature Beard Trims", tags: ["Styling", "Care"], imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg" },
        { id: "f3", title: "Hot Towel Facials", tags: ["Relax", "Groom"], imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-getting-facial-exfoliation-scrub-with-brush-health-beauty-spa_662251-2543.jpg" }
      ]}
      title="Master Grooming Services"
      description="A comprehensive range of services tailored to the modern gentleman."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        { id: "t1", name: "Marcus Thorne", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg" },
        { id: "t2", name: "Leo Rivera", role: "Lead Stylist", imageSrc: "http://img.b2bpic.net/free-photo/young-pleased-blonde-male-barber-uniform-points-himself-holding-scissors-isolated-olive-green-space-with-copy-space_141793-60265.jpg" },
        { id: "t3", name: "James Cole", role: "Senior Groomer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-grandfather-with-clock_1157-39157.jpg" }
      ]}
      title="Meet The Masters"
      description="Our team of seasoned professionals dedicated to your style."
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Classic Pomade", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shaving-brush-perfume_53876-32090.jpg" },
        { id: "p2", name: "Beard Oil", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-items-spa-therapy_23-2148290933.jpg" },
        { id: "p3", name: "Shaving Cream", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/shaving-soap-brush-metal-bowl-xa_1163-2030.jpg" },
        { id: "p4", name: "Hair Tonic", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-using-hair-spray_23-2149132112.jpg" },
        { id: "p5", name: "Shaving Brush", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-barber-wearing-uniform-shaving-his-moustache-with-straight-razor-looking-up-with-shaving-cream-put-his-face-isolated-olive-green-background_141793-85010.jpg" },
        { id: "p6", name: "Aftershave", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/foam-wooden-bowl-white-folded-towel-with-shaving-brush-razor-against-blue-background_23-2148088327.jpg" }
      ]}
      title="Premium Grooming Kit"
      description="Take home the legend with our exclusive grooming product line."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        { id: "pl1", badge: "Classic", price: "$40", subtitle: "The standard legend cut.", features: ["Precision Cut", "Wash", "Styling"] },
        { id: "pl2", badge: "Signature", price: "$65", subtitle: "Complete grooming experience.", features: ["Cut & Beard", "Hot Towel", "Massage"] },
        { id: "pl3", badge: "Groom", price: "$30", subtitle: "Beard maintenance.", features: ["Beard Trim", "Razor Lineup", "Oil"] }
      ]}
      title="Service Pricing"
      description="Quality services at transparent prices."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        { id: "ts1", name: "Alex B.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-with-tattooed-arms-dressed-shirt-posing-grey-background_613910-15701.jpg" },
        { id: "ts2", name: "Michael R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-bartender-bar-counter_329181-20308.jpg" },
        { id: "ts3", name: "Chris D.", imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg" },
        { id: "ts4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/sensitive-man-posing-studio-front-view_23-2149518231.jpg" },
        { id: "ts5", name: "Sam L.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg" }
      ]}
      cardTitle="What Clients Say"
      cardTag="Reviews"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        { id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking in advance to ensure a chair." },
        { id: "q2", title: "How long does it take?", content: "A standard cut typically takes 30-45 minutes." },
        { id: "q3", title: "Where are you located?", content: "We are located in the heart of the city." }
      ]}
      sideTitle="Frequently Asked"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{ variant: "gradient-bars" }}
      tag="Visit Us"
      title="Book Your Seat"
      description="Ready to look legendary? Reach out to schedule your service today."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/vintage-border-salon-tools-wooden-table-jobs-career-concept_53876-128908.jpg"
      logoText="THE LEGEND"
      columns={[
        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
      ]}
      copyrightText="© 2025 | THE LEGEND BARBERSHOP"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}