"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="grid"
      cardStyle="gradient-subtle"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Sharp Cuts"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Team", id: "team" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" }
          ]}
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Sharp Cuts"
          description="Premium barbershop experience for the modern man. Precision cuts, classic shaves, and expert grooming."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg"
          imageAlt="Professional barber at work"
          frameStyle="card"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardEight
          title="Our Services"
          description="Expert barbering services tailored to your style and preferences"
          tag="What We Offer"
          features={[
            {
              id: 1,
              title: "Precision Haircuts",
              description: "Professional haircuts customized to your style, from classic to contemporary looks",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg"
            },
            {
              id: 2,
              title: "Classic Shaves",
              description: "Traditional straight razor shaves with premium products for ultimate comfort",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850164268-l89tn75w.jpg"
            },
            {
              id: 3,
              title: "Beard Grooming",
              description: "Expert beard trimming, shaping, and conditioning treatments",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850171967-vqv1el7d.jpg"
            },
            {
              id: 4,
              title: "Hair Styling",
              description: "Modern styling techniques and product recommendations for your hair type",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Simple, Transparent Pricing"
          description="Quality barbering services at fair prices"
          tag="Pricing"
          plans={[
            {
              id: "haircut",
              price: "$25",
              name: "Haircut",
              buttons: [
                { text: "Book Now", href: "contact" }
              ],
              features: [
                "30-minute appointment",
                "Expert consultation",
                "Professional styling"
              ]
            },
            {
              id: "classic-shave",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$30",
              name: "Classic Shave",
              buttons: [
                { text: "Book Now", href: "contact" }
              ],
              features: [
                "45-minute appointment",
                "Straight razor shave",
                "Hot towel treatment",
                "Premium aftershave"
              ]
            },
            {
              id: "deluxe-package",
              price: "$50",
              name: "Deluxe Package",
              buttons: [
                { text: "Book Now", href: "contact" }
              ],
              features: [
                "60-minute appointment",
                "Haircut and shave",
                "Beard grooming",
                "Hot towel treatment"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Team"
          description="Expert barbers with years of experience and passion for their craft"
          tag="The Barbers"
          team={[
            {
              id: "1",
              name: "Marcus Johnson",
              role: "Master Barber & Owner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg"
            },
            {
              id: "2",
              name: "James Williams",
              role: "Senior Barber",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg"
            },
            {
              id: "3",
              name: "David Miller",
              role: "Barber Specialist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850171967-vqv1el7d.jpg"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Clients Say"
          description="Real feedback from satisfied customers"
          tag="Testimonials"
          testimonials={[
            {
              id: "1",
              title: "Best haircut in the city",
              quote: "Marcus really took his time to understand what I wanted. The haircut is perfect and the experience was fantastic.",
              name: "Robert Chen",
              role: "CEO",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg"
            },
            {
              id: "2",
              title: "Exceptional service",
              quote: "The classic shave experience here is unmatched. I've been coming for months and never disappointed.",
              name: "Christopher Davis",
              role: "Business Owner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg"
            },
            {
              id: "3",
              title: "Worth every penny",
              quote: "Great attention to detail and professional atmosphere. Sharp Cuts sets the standard for barbershops.",
              name: "Michael Rodriguez",
              role: "Marketing Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg"
            },
            {
              id: "4",
              title: "Finally found my barber",
              quote: "Consistent quality every visit. The team really cares about their craft and it shows.",
              name: "James Thompson",
              role: "Software Engineer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320181151-p24uxfcb.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience premium barbering? Book your appointment today and join our community of satisfied clients."
          animationType="entrance-slide"
          buttons={[
            { text: "Book Appointment", href: "contact" },
            { text: "Get in Touch", href: "contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850164268-l89tn75w.jpg"
          imageAlt="Sharp Cuts barbershop interior"
          logoText="Sharp Cuts"
          copyrightText="© 2025 Sharp Cuts Barbershop. All rights reserved."
          columns={[
            {
              title: "Services",
              items: [
                { label: "Haircuts", href: "services" },
                { label: "Shaves", href: "services" },
                { label: "Beard Grooming", href: "services" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Team", href: "team" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Call Us", href: "tel:+1234567890" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
