"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Scissors, Smile, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="grid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Services", id: "features" },
        { name: "Pricing", id: "pricing" },
        { name: "Team", id: "team" },
        { name: "Book", id: "booking" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Maybach Cutz"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Brookside Barbers"
      description="Experience luxury grooming in the heart of Coral Springs. Professional, clean, and dedicated service for the modern gentleman."
      buttons={[
        { text: "Book Now", href: "/booking" },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776263927063-aohm0713.webp"
      imageAlt="Luxury barber shop interior"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Exceptional Service, Professional Vibe"
      description="Located inside Brookside Square, we offer an upscale, clean, and welcoming environment. Our expert team focuses on precision grooming and personalized care for every client."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776263927063-aohm0713.webp"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="split-description"
      useInvertedBackground={false}
      features={[
        { title: "Good for Kids", description: "Patient and professional service for young gentlemen.", icon: Smile, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264068773-ilsxppph.webp" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264104824-m6hflewe.webp" }] },
        { title: "Premium Cuts", description: "Clean, modern, proffessional for our clients' convenience.", icon: Sparkles, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264160720-k72b5ihl.webp" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264190881-nlhz2gak.webp" }] },
        { title: "Precision Grooming", description: "High-end tools and techniques for the perfect cut.", icon: Scissors, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/haircut-machine-scissors_23-2147736989.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg" }] },
      ]}
      title="Why Choose Us"
      description="We blend precision with comfort, ensuring a premium experience every time."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="split-description"
      useInvertedBackground={true}
      plans={[
        { id: "basic", badge: "Essential", price: "$30", subtitle: "Precision Haircut", features: ["Consultation", "Precision Cut", "Hot Towel"], buttons: [{ text: "Book", href: "/booking" }] },
        { id: "deluxe", badge: "Popular", price: "$50", subtitle: "Full Grooming", features: ["Precision Cut", "Beard Trim", "Hot Towel", "Facial Treatment"], buttons: [{ text: "Book", href: "/booking" }] },
        { id: "kids", badge: "Kids", price: "$25", subtitle: "Young Gentleman", features: ["Child Consultation", "Precision Cut", "Friendly Service"], buttons: [{ text: "Book", href: "/booking" }] },
      ]}
      title="Grooming Packages"
      description="Transparent pricing for exceptional results."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        { id: "t1", name: "Miguel", role: "Master Barber", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776129867753-bu5lyat8.png" },
        { id: "t2", name: "Alexis", role: "Senior Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776129867753-bu5lyat8.png" },
        { id: "t3", name: "Sarah", role: "Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776129867753-bu5lyat8.png" },
      ]}
      title="Meet Your Barbers"
      description="Our professional team is dedicated to your look and comfort."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      testimonials={[
        { id: "1", name: "Michael Hoffman", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-black-polo-shirt-swinging-paint-brush-with-aggressive-expression-standing-white-background_141793-20662.jpg" },
        { id: "2", name: "Miguel Martinez Moran", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg" },
        { id: "3", name: "Alexis Cruz", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-barbershop_23-2148506244.jpg" },
        { id: "4", name: "John Doe", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg" },
        { id: "5", name: "Jane Smith", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-pinecone-red-wall_114579-55965.jpg" },
      ]}
      title="Client Feedback"
      description="See why we're the preferred shop in Brookside Square."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split-description"
      useInvertedBackground={false}
      faqs={[
        { id: "q1", title: "Do you accept walk-ins?", content: "We recommend booking, but we often accommodate walk-ins when possible." },
        { id: "q2", title: "Where are you located?", content: "We are located inside Brookside Square at 10693 Wiles Rd, Coral Springs, FL 33076." },
        { id: "q3", title: "Are children welcome?", content: "Yes, we are kid-friendly and provide great service for children." },
      ]}
      title="Frequently Asked"
      description="Common questions about our services and location."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Get In Touch"
      description="Call us at (786) 378-0141 or send us a message below."
      inputs={[
        { name: "name", type: "text", placeholder: "Your Name", required: true },
        { name: "email", type: "email", placeholder: "Your Email", required: true },
      ]}
      textarea={{ name: "message", placeholder: "Your questions or appointment requests", required: true, rows: 4 }}
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264324714-kh1wpzii.webp"
      logoText="Brookside Barbers"
      columns={[
        { title: "Location", items: [{ label: "10693 Wiles Rd, Coral Springs, FL 33076", href: "#" }] },
        { title: "Contact", items: [{ label: "(786) 378-0141", href: "tel:7863780141" }] },
        { title: "Services", items: [{ label: "Haircut", href: "#pricing" }, { label: "Beard Trim", href: "#pricing" }, { label: "Kids Cut", href: "#pricing" }] },
      ]}
      copyrightText="© 2025 Brookside Barbers"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}