"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Camera, MapPin, Scissors, Sparkles, Star } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="fluid"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="ARICAN BARBERSHOP"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Gallery", id: "gallery" },
            { name: "Reviews", id: "testimonials" },
            { name: "Visit", id: "visit" }
          ]}
          bottomLeftText="Walk-ins Welcome"
          bottomRightText="Zuzwil SG"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="ARICAN BARBERSHOP"
          description="Precision Cuts. True Barber Craft."
          tag="Premium Barber Experience"
          tagAnimation="slide-up"
          buttons={[
            { text: "Visit the Shop", href: "#visit" },
            { text: "See Location", href: "#visit" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7907.jpg",              imageAlt: "professional barber cutting hair close up"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-having-hand-with-glove-his-head_23-2148256994.jpg",              imageAlt: "barber fade haircut precision detail"
            }
          ]}
          mediaAnimation="blur-reveal"
          rating={5}
          ratingText="Trusted by local customers"
          background={{ variant: "plain" }}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          title="A Barbershop You Can Trust"
          description="At Arican Barbershop we focus on precision, craftsmanship and great customer service. Customers come back week after week because they know they will receive a clean, professional haircut every time."
          subdescription="Our barbers take their time and pay attention to every detail. Premium barber experience in Zuzwil SG. Walk in. Relax. Leave with the perfect haircut."
          icon={Scissors}
          imageSrc="http://img.b2bpic.net/free-photo/hairdresser-putting-foam-face-client_23-2147737016.jpg"
          imageAlt="Arican Barbershop interior"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          tag="Our Services"
          tagIcon={Scissors}
          tagAnimation="slide-up"
          title="Premium Barber Services"
          description="Clean fades, sharp lines and modern styles for every generation. We offer a full range of professional barbering services tailored to your unique style."
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            { id: "haircut", title: "Haircut", tags: ["Precision", "Modern Styles"] },
            { id: "skin-fade", title: "Skin Fade", tags: ["Clean Lines", "Sharp"] },
            { id: "beard-trim", title: "Beard Trim", tags: ["Professional", "Grooming"] },
            { id: "eyebrow-grooming", title: "Eyebrow Grooming", tags: ["Details", "Precision"] },
            { id: "kids-haircut", title: "Kids Haircut", tags: ["Family Friendly", "Patient"] }
          ]}
          animationType="blur-reveal"
          carouselMode="buttons"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardThree
          tag="Gallery"
          tagIcon={Camera}
          tagAnimation="slide-up"
          title="Our Work"
          description="Witness the artistry of our barbers through professional haircuts, clean fades, and satisfied customer transformations."
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="bento-grid"
          animationType="blur-reveal"
          products={[
            {
              id: "gallery-1",              name: "Premium Haircut",              price: "Modern Cut",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-man-getting-ready-new-look_23-2148256983.jpg",              imageAlt: "premium men's haircut result modern"
            },
            {
              id: "gallery-2",              name: "Clean Fade",              price: "Precision",              imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186479.jpg",              imageAlt: "clean skin fade haircut sharp lines"
            },
            {
              id: "gallery-3",              name: "Barber At Work",              price: "Craftsmanship",              imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-senior-man-barbershop_23-2148181887.jpg",              imageAlt: "barber cutting hair professional close up"
            },
            {
              id: "gallery-4",              name: "Interior Ambiance",              price: "Atmosphere",              imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6405.jpg",              imageAlt: "modern barbershop interior luxury"
            },
            {
              id: "gallery-5",              name: "Customer Transformation",              price: "Before & After",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-man-getting-haircut_23-2149220572.jpg",              imageAlt: "before after men haircut transformation"
            },
            {
              id: "gallery-6",              name: "Professional Tools",              price: "Premium",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326559.jpg",              imageAlt: "professional barber tools scissors clippers"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          tag="Customer Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          title="What Our Customers Say"
          description="Highly rated by satisfied local customers who trust us for precision and quality."
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          testimonials={[
            {
              id: "review-1",              name: "Marcus K.",              role: "Regular Customer",              company: "Zuzwil",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-barbering-tools-looking-camera-showing-thumb-down-isolated-blue-background_141793-138486.jpg",              imageAlt: "professional barber portrait happy"
            },
            {
              id: "review-2",              name: "Stefan M.",              role: "Weekly Visitor",              company: "Local",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-indigenous-friends_23-2151128167.jpg",              imageAlt: "satisfied customer barbershop portrait"
            },
            {
              id: "review-3",              name: "Andrea L.",              role: "Family Customer",              company: "Community",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-man-raising-fists-rejoice-winning-celebrating-good-news_176420-20452.jpg",              imageAlt: "happy family barbershop customer"
            },
            {
              id: "review-4",              name: "Daniel R.",              role: "Long-time Client",              company: "Trusted",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg",              imageAlt: "confident man professional portrait"
            }
          ]}
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <MetricCardFourteen
          tag="Why Choose Arican"
          title="Excellence in Every Cut"
          useInvertedBackground={false}
          metrics={[
            { id: "metric-1", value: "Clean Fades", description: "Precision line work and sharp edges" },
            { id: "metric-2", value: "Professional Barbers", description: "Skilled craftsmen with true expertise" },
            { id: "metric-3", value: "Friendly Service", description: "Welcoming and personal attention" },
            { id: "metric-4", value: "Top Price-Performance", description: "Premium quality at fair prices" },
            { id: "metric-5", value: "Great Atmosphere", description: "Relaxing and professional environment" },
            { id: "metric-6", value: "Trusted Locally", description: "Loyal customer base from the community" }
          ]}
          metricsAnimation="blur-reveal"
        />
      </div>

      <div id="visit" data-section="visit">
        <ContactCTA
          tag="Visit Us"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          title="ARICAN BARBERSHOP"
          description="Zuzwil SG, Switzerland. Walk-ins welcome. No appointment required. Step in anytime and experience premium barber craftsmanship."
          buttons={[
            { text: "Get Directions", href: "https://www.google.com/maps?q=Zuzwil+SG+Switzerland" },
            { text: "Call Us", href: "tel:+41" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Navigation",              items: [
                { label: "Home", href: "#hero" },
                { label: "About", href: "#about" },
                { label: "Services", href: "#services" },
                { label: "Gallery", href: "#gallery" },
                { label: "Reviews", href: "#testimonials" }
              ]
            },
            {
              title: "Info",              items: [
                { label: "Zuzwil SG", href: "#visit" },
                { label: "Walk-ins Only", href: "#visit" },
                { label: "No Appointments", href: "#visit" },
                { label: "Contact", href: "#visit" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Google Maps", href: "https://maps.google.com" },
                { label: "Privacy", href: "#" },
                { label: "Impressum", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 ARICAN BARBERSHOP. All rights reserved. Precision cuts, true barber craft."
        />
      </div>
    </ThemeProvider>
  );
}