"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Heart, Leaf, Scissors, Shield, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="inset"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Packages",          id: "#packages"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Kasia Salon AS"
      button={{
        text: "Book Now",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      title="Transform Your Look, Elevate Your Style at Kasia Salon AS"
      description="Experience premium hair and beauty services tailored just for you. Our expert stylists create stunning results that boost your confidence."
      testimonials={[
        {
          name: "Astrid Jensen",          handle: "@astridj",          testimonial: "Kasia Salon AS is simply the best! My hair has never looked this good. The team is incredibly skilled and attentive.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg",          imageAlt: "Astrid Jensen"},
        {
          name: "Bjorn Olsen",          handle: "@bjorn_o",          testimonial: "I always leave feeling refreshed and confident. The attention to detail for my haircut and beard trim is exceptional.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-skin-care_1303-14011.jpg",          imageAlt: "Bjorn Olsen"},
        {
          name: "Clara Moe",          handle: "@claram",          testimonial: "From color to cut, every visit is a luxurious experience. They truly understand what I want and deliver perfectly.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg",          imageAlt: "Clara Moe"},
        {
          name: "Dagny Næss",          handle: "@dagny.n",          testimonial: "The facial treatments are divine! My skin feels amazing, and the ambiance is so relaxing. Highly recommend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-brunette-woman-model-pink-costume-with-no-makeup-isolated-gray_158538-12796.jpg",          imageAlt: "Dagny Næss"},
        {
          name: "Elias Storm",          handle: "@eliass",          testimonial: "Professional, friendly, and always on trend. Kasia Salon AS sets the standard for male grooming.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-afro-curls-hairstyle-dressed-summer-hipster-white-dress_158538-704.jpg",          imageAlt: "Elias Storm"},
      ]}
      buttons={[
        {
          text: "Book Appointment",          href: "#contact"},
        {
          text: "Explore Services",          href: "#services"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-118692.jpg",          alt: "Stylist 1"},
        {
          src: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie-looking-confident_1298-284.jpg",          alt: "Stylist 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",          alt: "Stylist 3"},
        {
          src: "http://img.b2bpic.net/free-photo/side-view-smiley-bride-indoors_23-2149721992.jpg",          alt: "Stylist 4"},
        {
          src: "asset://hero-avatar-5",          alt: "Stylist 5"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-white-frame-with-cutlery_23-2148242402.jpg"
      imageAlt="Luxurious Kasia Salon AS interior"
      mediaAnimation="slide-up"
      avatarText="Our Valued Experts"
      marqueeItems={[
        {
          type: "text-icon",          text: "Exceptional Service",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Award-Winning Stylists",          icon: Award,
        },
        {
          type: "text-icon",          text: "Client Satisfaction",          icon: Heart,
        },
        {
          type: "text-icon",          text: "Eco-Friendly Products",          icon: Leaf,
        },
        {
          type: "text-icon",          text: "Masterful Craftsmanship",          icon: Scissors,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="Our Story"
      title="About Kasia Salon AS: Where Beauty Meets Expertise"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "haircut-color",          title: "Precision Haircuts & Vibrant Color",          description: "Experience bespoke haircuts tailored to your style and professional coloring services for stunning, long-lasting results.",          tag: "Hair Care",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668447.jpg",          imageAlt: "Hairdresser coloring client's hair"},
        {
          id: "spa-manicure-pedicure",          title: "Luxurious Spa Manicures & Pedicures",          description: "Indulge in our deluxe nail treatments, leaving your hands and feet feeling rejuvenated and looking impeccable.",          tag: "Nail Care",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149298020.jpg",          imageAlt: "Woman receiving manicure"},
        {
          id: "rejuvenating-facials",          title: "Rejuvenating Facial Treatments",          description: "Restore your skin's radiance with our personalized facial therapies, designed to nourish, hydrate, and revitalize.",          tag: "Skin Care",          imageSrc: "http://img.b2bpic.net/free-photo/female-friendship-home-party-concept_1157-37610.jpg",          imageAlt: "Woman getting facial treatment"},
      ]}
      title="Our Signature Services"
      description="Discover a range of treatments designed to enhance your natural beauty and provide ultimate relaxation."
      tag="Services"
    />
  </div>

  <div id="packages" data-section="packages">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "bridal-package",          name: "Bridal Beauty Package",          price: "From kr 3,500",          imageSrc: "http://img.b2bpic.net/free-photo/morning-bride-when-she-wears-beautiful-dress_1328-2237.jpg",          imageAlt: "Bride getting hair styled"},
        {
          id: "mens-grooming",          name: "Gentleman's Grooming Retreat",          price: "From kr 950",          imageSrc: "http://img.b2bpic.net/free-photo/special-clean-up-after-shaving-process_23-2148298348.jpg",          imageAlt: "Man getting a professional haircut"},
        {
          id: "full-transformation",          name: "Ultimate Hair Transformation",          price: "From kr 2,800",          imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-her-make-up-mirror_23-2148282163.jpg",          imageAlt: "Woman with stunning new hairstyle"},
        {
          id: "relax-renew",          name: "Relax & Renew Spa Day",          price: "From kr 1,800",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-defocused-woman-enjoying-spa-day-home-while-having-coffee_23-2148520352.jpg",          imageAlt: "Woman relaxing in a spa"},
        {
          id: "express-beauty",          name: "Express Beauty Boost",          price: "From kr 600",          imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-harmonica-near-mirror_23-2147769080.jpg",          imageAlt: "Woman getting quick beauty touch up"},
        {
          id: "luxury-indulgence",          name: "Luxury Indulgence Package",          price: "From kr 4,200",          imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17512.jpg",          imageAlt: "Luxurious spa setting"},
      ]}
      title="Exclusive Salon Packages"
      description="Indulge in our curated packages for a complete pampering experience or discover individual premium services."
      tag="Packages"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "standard-cut",          badge: "Popular",          badgeIcon: Star,
          price: "kr 750",          subtitle: "Women's Haircut",          buttons: [
            {
              text: "Book Now",              href: "#contact"},
          ],
          features: [
            "Consultation",            "Wash & Cut",            "Styling",            "Conditioning Treatment"],
        },
        {
          id: "mens-cut",          badge: "Classic",          badgeIcon: Award,
          price: "kr 550",          subtitle: "Men's Haircut",          buttons: [
            {
              text: "Book Now",              href: "#contact"},
          ],
          features: [
            "Consultation",            "Wash & Cut",            "Styling",            "Hot Towel Finish"],
        },
        {
          id: "full-color",          badge: "Premium",          badgeIcon: Sparkles,
          price: "kr 1,800",          subtitle: "Full Hair Color",          buttons: [
            {
              text: "Book Now",              href: "#contact"},
          ],
          features: [
            "Color Consultation",            "Full Head Color Application",            "Wash & Blow Dry",            "Deep Conditioning"],
        },
        {
          id: "luxury-facial",          badge: "Signature",          badgeIcon: Shield,
          price: "kr 1,200",          subtitle: "Luxury Facial",          buttons: [
            {
              text: "Book Now",              href: "#contact"},
          ],
          features: [
            "Skin Analysis",            "Cleansing & Toning",            "Exfoliation",            "Custom Mask & Massage"],
        },
      ]}
      title="Pricing & Plans"
      description="Find the perfect service or package that fits your needs. Transparent pricing for premium salon experiences."
      tag="Pricing"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      groups={[
        {
          id: "stylists",          groupTitle: "Hair & Beauty Specialists",          members: [
            {
              id: "kasia",              title: "Kasia Olsen",              subtitle: "Master Stylist & Founder",              detail: "With over 15 years of experience, Kasia specializes in advanced coloring techniques and precision cuts, known for her transformative makeovers.",              imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-hair-brush-with-serious-face_141793-37302.jpg",              imageAlt: "Kasia Olsen, Master Stylist"},
            {
              id: "morten",              title: "Morten Jensen",              subtitle: "Senior Hairdresser & Barber",              detail: "Morten brings a keen eye for classic and contemporary styles, excelling in men's grooming and personalized haircuts for all.",              imageSrc: "http://img.b2bpic.net/free-photo/isolated-view-bald-caucasian-hipster-male-with-thick-bushy-beard-tattoo-raising-eyebrows-crossing-arms-chest-his-closed-posture-look-expressing-distrust-body-language_343059-1709.jpg",              imageAlt: "Morten Jensen, Senior Hairdresser"},
            {
              id: "eline",              title: "Eline Hansen",              subtitle: "Esthetician & Nail Technician",              detail: "Eline is our expert in rejuvenating facials, flawless manicures, and luxurious pedicures, ensuring a pampered experience every time.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-confident-middle-aged-woman-with-gray-short-hair-green-eyes-wrinkles-charming-smile-posing-indoors-with-arms-folded_343059-3731.jpg",              imageAlt: "Eline Hansen, Esthetician"},
          ],
        },
      ]}
      title="Meet Our Talented Team"
      description="Our skilled stylists and beauty experts are passionate about their craft, dedicated to making you shine."
      tag="Our Team"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sofie Lind",          handle: "@sofiel",          testimonial: "Absolutely love my new balayage! The team at Kasia Salon AS is fantastic and the results are beyond my expectations.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817233.jpg",          imageAlt: "Sofie Lind"},
        {
          id: "2",          name: "Emil Berg",          handle: "@emilb",          testimonial: "Best haircut I've had in years. Professional service, great atmosphere, and I feel like a new man.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smile-lady-wedding-day-holiday_1304-966.jpg",          imageAlt: "Emil Berg"},
        {
          id: "3",          name: "Nora Dahl",          handle: "@norad",          testimonial: "My nails are perfect every time! Such a relaxing experience and the staff are always so friendly and welcoming.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-standing-reception_1303-22686.jpg",          imageAlt: "Nora Dahl"},
        {
          id: "4",          name: "Oliver Hagen",          handle: "@oliverh",          testimonial: "The facial left my skin glowing. It's truly a hidden gem in the city for top-notch beauty treatments.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/funny-time-with-sister_329181-10613.jpg",          imageAlt: "Oliver Hagen"},
        {
          id: "5",          name: "Linnea Strøm",          handle: "@linneas",          testimonial: "From consultation to finish, everything was impeccable. They transformed my hair exactly how I envisioned.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg",          imageAlt: "Linnea Strøm"},
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear from our happy clients who have experienced the Kasia Salon AS difference."
      tag="Client Reviews"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "booking",          title: "How do I book an appointment?",          content: "You can easily book an appointment through our website's 'Contact' section, by calling us directly, or by visiting the salon in person during opening hours."},
        {
          id: "cancellation",          title: "What is your cancellation policy?",          content: "We require at least 24 hours notice for any cancellations or rescheduling. Cancellations made less than 24 hours in advance may incur a fee."},
        {
          id: "products",          title: "What hair and beauty products do you use?",          content: "We pride ourselves on using only premium, professional-grade hair and beauty products from leading brands to ensure the best results and care for your skin and hair."},
        {
          id: "consultation",          title: "Do you offer consultations?",          content: "Yes, we offer complimentary consultations for all new clients and for specific services like color changes or extensive treatments to ensure we understand your needs perfectly."},
        {
          id: "gift-cards",          title: "Do you offer gift cards?",          content: "Yes, gift cards are available for purchase both in-salon and online. They make the perfect gift for any occasion!"},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find answers to common questions about our services, booking, and salon policies."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Book Your Appointment"
      description="Ready to transform your look? Contact us today to schedule your personalized salon experience."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number (Optional)"},
      ]}
      textarea={{
        name: "message",        placeholder: "Tell us about your desired service or inquiry...",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/make-up-products_23-2148553409.jpg"
      imageAlt="Modern salon interior"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Haircuts & Styling",              href: "#services"},
            {
              label: "Hair Color",              href: "#services"},
            {
              label: "Nail Care",              href: "#services"},
            {
              label: "Facials & Skincare",              href: "#services"},
            {
              label: "Packages",              href: "#packages"},
          ],
        }
      ]}
      logoText="Kasia Salon AS"
      copyrightText="© 2024 Kasia Salon AS. All rights reserved."
      onPrivacyClick={() => alert('Privacy Policy clicked')}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
