"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="noiseDiagonalGradient"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Beauty Touch Ios"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Ios, Cyclades"
          bottomRightText="+30 698 232 4022"
        />
      </div>

      <div id="hero-overlay" data-section="hero-overlay">
        <HeroOverlay
          title="Beautiful Nails in the Heart of Ios"
          description="Premium manicure & pedicure services in a relaxing, hygienic environment. Discover why 5,000+ happy clients trust us."
          tag="⭐ 5000+ Happy Clients"
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/barber-hand-holdinr-curling-hair_93675-130210.jpg?_wi=1"
          imageAlt="Professional nail art showcase in Beauty Touch studio"
          buttons={[
            { text: "Call Now", href: "tel:+306982324022" },
            { text: "Book Appointment", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          showDimOverlay={true}
          ariaLabel="Hero overlay section for Beauty Touch Ios beauty salon"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Beautiful Nails in the Heart of Ios"
          description="Premium manicure & pedicure services in a relaxing, hygienic environment. Discover why 5,000+ happy clients trust us."
          tag="⭐ 5000+ Happy Clients"
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/barber-hand-holdinr-curling-hair_93675-130210.jpg?_wi=2"
          imageAlt="Professional nail art showcase in Beauty Touch studio"
          buttons={[
            { text: "Call Now", href: "tel:+306982324022" },
            { text: "Book Appointment", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          ariaLabel="Hero section for Beauty Touch Ios beauty salon"
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardThree
          title="Our Premium Services"
          description="Experience luxury nail care and beauty treatments designed to make you feel pampered and confident."
          tag="Beauty Services"
          tagAnimation="slide-up"
          products={[
            {
              id: "manicure",              name: "Manicure",              price: "Starting €25",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautician-painting-woman-s-nails-with-brush-nail-salon_1139-1703.jpg?_wi=1",              imageAlt: "Professional manicure service"
            },
            {
              id: "pedicure",              name: "Pedicure",              price: "Starting €30",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-manicure_23-2149975504.jpg?_wi=1",              imageAlt: "Relaxing pedicure treatment"
            },
            {
              id: "nailart",              name: "Nail Art",              price: "Starting €35",              imageSrc: "http://img.b2bpic.net/free-photo/woman-protective-medical-mask-beauty-salon-hold-palette-select-color-manicure-procedure-nail-care-grand-opening-quarantine-is-small-businessess-are-open-again_343596-2406.jpg?_wi=1",              imageAlt: "Creative nail art designs"
            },
            {
              id: "spa",              name: "Spa Treatments",              price: "Starting €40",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-spa-concept-with-copy-space_23-2148268492.jpg?_wi=1",              imageAlt: "Luxury spa hand treatment"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "View All Services", href: "tel:+306982324022" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Services offered at Beauty Touch Ios"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <FeatureCardNine
          title="Why Choose Beauty Touch Ios"
          description="We combine Mediterranean elegance with professional expertise to deliver an unforgettable beauty experience."
          tag="Excellence & Trust"
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Professional Nail Specialists",              description: "Our highly trained beauty experts deliver flawless results with attention to every detail, ensuring your nails are absolutely stunning.",              buttons: [],
              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/nail-polishes-soap-toothbrush-nail-file-sponge-bottle-disinfectant-plant_181624-27758.jpg?_wi=1" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-shop-instruments_23-2149319797.jpg?_wi=1" }
            },
            {
              id: 2,
              title: "Strict Hygiene Standards",              description: "We maintain the highest sanitation protocols with sterilized tools and premium products for your complete peace of mind.",              buttons: [],
              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-shop-instruments_23-2149319797.jpg?_wi=2" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/nail-polishes-soap-toothbrush-nail-file-sponge-bottle-disinfectant-plant_181624-27758.jpg?_wi=2" }
            },
            {
              id: 3,
              title: "Relaxing Atmosphere",              description: "Escape into our serene, elegantly designed studio where you can unwind while enjoying world-class beauty treatments.",              buttons: [],
              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/nail-polishes-soap-toothbrush-nail-file-sponge-bottle-disinfectant-plant_181624-27758.jpg?_wi=3" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-spa-concept-with-copy-space_23-2148268492.jpg?_wi=2" }
            },
            {
              id: 4,
              title: "Premium Beauty Products",              description: "We use only the finest, internationally recognized beauty brands to ensure superior quality and lasting results.",              buttons: [],
              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautician-painting-woman-s-nails-with-brush-nail-salon_1139-1703.jpg?_wi=2" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-protective-medical-mask-beauty-salon-hold-palette-select-color-manicure-procedure-nail-care-grand-opening-quarantine-is-small-businessess-are-open-again_343596-2406.jpg?_wi=2" }
            },
            {
              id: 5,
              title: "Perfect for Tourists & Locals",              description: "Whether you're vacationing on beautiful Ios or a regular client, we welcome everyone with warm, professional service.",              buttons: [],
              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/nail-polishes-soap-toothbrush-nail-file-sponge-bottle-disinfectant-plant_181624-27758.jpg?_wi=4" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-manicure_23-2149975504.jpg?_wi=2" }
            }
          ]}
          showStepNumbers={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Why choose Beauty Touch Ios for nail and beauty services"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Thousands"
          description="Our reputation is built on exceptional results, professional care, and genuine customer satisfaction. Join thousands of happy clients who trust us."
          tag="⭐ 5000+ Reviews"
          tagAnimation="slide-up"
          names={[
            "Google Reviews",            "Local Favorite",            "Island Trusted",            "Premium Rated",            "Customer Choice",            "Excellence Award",            "5-Star Salon",            "Beauty Leaders"
          ]}
          showCard={true}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Social proof and customer reviews for Beauty Touch Ios"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Loved by Our Clients"
          description="Read what customers say about their Beauty Touch Ios experience."
          tag="Customer Stories"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Maria Papadopoulou",              date: "2 weeks ago",              title: "Local Resident",              quote: "Absolutely amazing experience! The team is so professional and welcoming. My nails look incredible, and the relaxing atmosphere made it feel like a mini vacation. I've been coming here regularly and I'm never disappointed.",              tag: "5 Stars",              avatarSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23679.jpg",              avatarAlt: "Maria - Local Resident"
            },
            {
              id: "2",              name: "Sophie Turner",              date: "1 week ago",              title: "Tourist from UK",              quote: "Excellent results & warm relaxing atmosphere. While visiting Ios, I stumbled upon Beauty Touch and it was the highlight of my trip. The girls took such care with my nails and made me feel so comfortable. Highly recommend!",              tag: "5 Stars",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              avatarAlt: "Sophie - Tourist"
            },
            {
              id: "3",              name: "Dimitria Vasilis",              date: "3 days ago",              title: "Regular Client",              quote: "Amazing service & stunning results! Every time I visit, I'm amazed by the quality and attention to detail. The nail art is beautiful, and the whole experience is just relaxing and perfect. Worth every penny!",              tag: "5 Stars",              avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg",              avatarAlt: "Dimitria - Regular Client"
            },
            {
              id: "4",              name: "Elena Nikolaou",              date: "1 week ago",              title: "Special Occasion Client",              quote: "I had the pleasure of getting my birthday nails done here and loved the result. The team remembered exactly what I wanted and delivered beyond expectations. The salon feels premium yet welcoming. Definitely coming back!",              tag: "5 Stars",              avatarSrc: "http://img.b2bpic.net/free-photo/two-female-friends-hugging-each-other_23-2148708987.jpg",              avatarAlt: "Elena - Birthday Client"
            },
            {
              id: "5",              name: "Christina Alexandrou",              date: "5 days ago",              title: "Hygiene Conscious",              quote: "Super clean, professional, and friendly staff. I was impressed by how seriously they take hygiene. Every tool is meticulously sterilized and the salon is impeccably maintained. This is the kind of place you want to go for beauty services!",              tag: "5 Stars",              avatarSrc: "http://img.b2bpic.net/free-photo/makeup-artist-apply-eyeliner-crop-model_23-2147783932.jpg",              avatarAlt: "Christina - Hygiene Conscious"
            },
            {
              id: "6",              name: "Anna Stefanou",              date: "6 days ago",              title: "Vacation Visitor",              quote: "Treat yourself to beautiful nails while enjoying your stay in Ios. That's exactly what I did and what a wonderful decision! The whole team is so warm and professional. My nails are still looking fabulous!",              tag: "5 Stars",              avatarSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg",              avatarAlt: "Anna - Vacation Visitor"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials and reviews for Beauty Touch Ios"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="By the Numbers"
          description="Discover what makes Beauty Touch Ios the preferred choice for nail care in the Cyclades."
          tag="Our Impact"
          tagAnimation="slide-up"
          metrics={[
            {
              id: "reviews",              value: "5000+",              title: "Happy Customers",              items: ["Google Reviews", "Average 4.9 Stars", "Verified Feedback"]
            },
            {
              id: "years",              value: "10+",              title: "Years Experience",              items: ["Professional Excellence", "Trusted Leaders", "Island Institution"]
            },
            {
              id: "services",              value: "15+",              title: "Beauty Services",              items: ["Manicure & Pedicure", "Nail Art & Design", "Spa Treatments"]
            },
            {
              id: "satisfaction",              value: "98%",              title: "Satisfaction Rate",              items: ["Quality Guaranteed", "Professional Care", "Premium Results"]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Key metrics and achievements for Beauty Touch Ios"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          title="Ready to Treat Yourself?"
          description="Book your appointment today or call us to discuss your beauty needs. We're open Monday-Saturday, 9 AM - 9 PM. Visit us in the heart of Ios, or reach out via phone."
          buttons={[
            { text: "Call: +30 698 232 4022", href: "tel:+306982324022" },
            { text: "Book Appointment", href: "#appointment" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          ariaLabel="Contact and appointment booking section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Beauty Touch Ios"
          columns={[
            {
              items: [
                { label: "Services", href: "#services" },
                { label: "Why Us", href: "#why-us" },
                { label: "Reviews", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              items: [
                { label: "Call Us", href: "tel:+306982324022" },
                { label: "Mon-Sat: 9 AM - 9 PM", href: "#" },
                { label: "Sunday: Closed", href: "#" }
              ]
            },
            {
              items: [
                { label: "Location", href: "#" },
                { label: "Ios, Chora", href: "#" },
                { label: "Cyclades 840 01", href: "#" }
              ]
            },
            {
              items: [
                { label: "Premium Beauty Care", href: "#" },
                { label: "Professional Specialists", href: "#" },
                { label: "Hygienic Excellence", href: "#" }
              ]
            }
          ]}
          ariaLabel="Footer section with navigation and contact information"
        />
      </div>
    </ThemeProvider>
  );
}
