"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Gallery",
          id: "#gallery",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/rose-gold-alphabet-modern-style-logo-branding-design_25819-758.jpg"
      logoAlt="Cutie Nails Onglerie Logo"
      brandName="Cutie Nails"
      button={{
        text: "Book Now",
        href: "#booking",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "sparkles-gradient",
      }}
      title="Your nails, your signature. Vos ongles, votre signature."
      description="Experience Parisian luxury and meticulous craftsmanship at Cutie Nails Onglerie in Aubagne. Chaque détail compte, pour une beauté qui vous ressemble."
      tagAnimation="opacity"
      buttons={[
        {
          text: "Book Online",
          href: "#booking",
        },
        {
          text: "Discover Our Services",
          href: "#services",
        },
      ]}
      buttonAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/brunette-girl-woman-white-fur-coat-red-cocktail_1157-47306.jpg"
      imageAlt="Luxurious nail salon interior"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Our Philosophy"
      description={[
        "At Cutie Nails Onglerie, located in the heart of Aubagne, we believe in the art of nail care. Our salon is a sanctuary where French luxury meets meticulous craftsmanship, ensuring every visit is an indulgent escape.",
        "We are dedicated to providing a cheerful, cozy, and charming atmosphere, where our passionate staff make you feel truly beautiful. From classic manicures to avant-garde nail art, we cherish every detail to create your perfect signature look.",
      ]}
      buttons={[
        {
          text: "Meet Our Team",
          href: "#team",
        },
      ]}
      buttonAnimation="opacity"
      showBorder={true}
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "gel-nails",
          brand: "Cutie Nails",
          name: "Gel Nails / Ongles en Gel",
          price: "Upon Request",
          rating: 5,
          reviewCount: "New",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-glittery-composition-decoration_23-2149129302.jpg",
          imageAlt: "Gel Nails icon",
        },
        {
          id: "nail-extensions",
          brand: "Cutie Nails",
          name: "Nail Extensions / Prothèses",
          price: "Upon Request",
          rating: 5,
          reviewCount: "New",
          imageSrc: "http://img.b2bpic.net/free-vector/holy-nails-business-logo-vector-creative-color-paint-style_53876-110923.jpg",
          imageAlt: "Nail Extensions icon",
        },
        {
          id: "nail-art",
          brand: "Cutie Nails",
          name: "Nail Art",
          price: "Upon Request",
          rating: 5,
          reviewCount: "New",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-spreading-out_23-2151345075.jpg",
          imageAlt: "Nail Art icon",
        },
        {
          id: "manicure",
          brand: "Cutie Nails",
          name: "Manicure / Manucure",
          price: "Upon Request",
          rating: 5,
          reviewCount: "New",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nail-polish-shades-plain-background_23-2148306708.jpg",
          imageAlt: "Manicure icon",
        },
        {
          id: "nail-removal",
          brand: "Cutie Nails",
          name: "Nail Removal / Dépose d'Ongles",
          price: "Upon Request",
          rating: 5,
          reviewCount: "New",
          imageSrc: "http://img.b2bpic.net/free-vector/woman-plastic-surgery-icon-collection_24877-54584.jpg",
          imageAlt: "Nail Removal icon",
        },
        {
          id: "kids-nails",
          brand: "Cutie Nails",
          name: "Kids Nails / Ongles Enfants",
          price: "Upon Request",
          rating: 5,
          reviewCount: "New",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-trying-artificial-nails-tips-with-flower-nail-design_127675-2623.jpg",
          imageAlt: "Kids Nails icon",
        },
      ]}
      title="Our Signature Services - Nos Services"
      description="Explore our comprehensive range of nail care services, crafted with precision and passion to perfect your unique style."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Jessica L.",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
          imageAlt: "Jessica L. avatar",
        },
        {
          id: "2",
          name: "Aurore D.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-curly-girl_1398-662.jpg",
          imageAlt: "Aurore D. avatar",
        },
        {
          id: "3",
          name: "Chloé M.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-leaning-wall_23-2147611438.jpg",
          imageAlt: "Chloé M. avatar",
        },
        {
          id: "4",
          name: "Sophie P.",
          imageSrc: "http://img.b2bpic.net/free-photo/waistup-shot-elegant-goodlooking-wealthy-young-blond-woman-brilliant-accessorize-silver-glittering-stylish-dress-touch-chin-have-clever-interesting-idea-smiling-curiously-red-background_1258-308957.jpg",
          imageAlt: "Sophie P. avatar",
        },
        {
          id: "5",
          name: "Manon R.",
          imageSrc: "http://img.b2bpic.net/free-photo/with-cheerful-carefree-rebellious-attitude-joking-sticking-tongue-out-having-fun_1194-633438.jpg",
          imageAlt: "Manon R. avatar",
        },
      ]}
      cardTitle="Experience Our 5-Star Service"
      cardTag="⭐ 4.8 / 5 · 70 avis Google"
      buttons={[
        {
          text: "Read All Reviews",
          href: "https://www.google.com/search?q=Cutie+Nails+Onglerie+reviews",
        },
      ]}
      cardAnimation="slide-up"
    />
  </div>

  <div id="gallery" data-section="gallery">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Our Nail Art Gallery"
      description="Discover exquisite designs and inspiration from our latest creations. Follow us on Instagram for daily dose of beauty! @cutienails.aubagne"
      blogs={[
        {
          id: "nail-art-1",
          category: "Gel Nails",
          title: "Elegant French Ombre",
          excerpt: "A timeless classic with a modern twist.",
          imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-brown-nail-design-holding-black-cup_127675-2939.jpg",
          imageAlt: "Elegant French ombre nail art",
          authorName: "Cutie Nails Team",
          authorAvatar: "http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147550810.jpg",
          date: "2023-10-26",
        },
        {
          id: "nail-art-2",
          category: "Nail Art",
          title: "Vibrant Floral Blossom",
          excerpt: "Hand-painted blooms for a fresh look.",
          imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-materials-textiles-disguised-as-sandwich_23-2150771221.jpg",
          imageAlt: "Vibrant floral blossom nail art",
          authorName: "Cutie Nails Team",
          authorAvatar: "http://img.b2bpic.net/free-vector/business-avatars-collection_23-2147533877.jpg",
          date: "2023-11-01",
        },
        {
          id: "nail-art-3",
          category: "Nail Extensions",
          title: "Chic Geometric Patterns",
          excerpt: "Bold lines and modern design.",
          imageSrc: "http://img.b2bpic.net/free-photo/bride-bridesmaids-pink-dresses-rich-out-their-hands-with_8353-8971.jpg",
          imageAlt: "Chic geometric patterns nail art",
          authorName: "Cutie Nails Team",
          authorAvatar: "http://img.b2bpic.net/free-photo/group-people-walking-strange-environment-digital-illustration_456031-43.jpg",
          date: "2023-11-08",
        },
        {
          id: "nail-art-4",
          category: "Manicure",
          title: "Sparkling Rose Quartz",
          excerpt: "Delicate and shimmering, inspired by nature.",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg",
          imageAlt: "Sparkling rose quartz nail art",
          authorName: "Cutie Nails Team",
          authorAvatar: "http://img.b2bpic.net/free-photo/rag-dolls-color-one-gray-front_1156-683.jpg",
          date: "2023-11-15",
        },
        {
          id: "nail-art-5",
          category: "Nail Art",
          title: "Gourmet Coffee Swirls",
          excerpt: "Artistic swirls in warm, earthy tones.",
          imageSrc: "http://img.b2bpic.net/free-photo/hands-different-ethnicities-skin-color-coming-together-sign-diversity_23-2151763151.jpg",
          imageAlt: "Gourmet coffee swirls nail art",
          authorName: "Cutie Nails Team",
          authorAvatar: "http://img.b2bpic.net/free-vector/users-group-large-set_78370-7042.jpg",
          date: "2023-11-22",
        },
        {
          id: "nail-art-6",
          category: "Gel Nails",
          title: "Minimalist Gold Accents",
          excerpt: "Simple elegance with a touch of luxury.",
          imageSrc: "http://img.b2bpic.net/free-photo/multicolor-young-mulatto-woman-with-trendy-makeup-looking-camera-through-fingers-with-rings-red-wall_171337-2541.jpg",
          imageAlt: "Minimalist gold accents nail art",
          authorName: "Cutie Nails Team",
          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
          date: "2023-11-29",
        },
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "What products do you use?",
          content: "At Cutie Nails, we pride ourselves on using only premium, high-quality, and cruelty-free products from renowned French and international brands, ensuring durability and the best care for your nails.",
        },
        {
          id: "faq-2",
          title: "Do I need an appointment?",
          content: "While walk-ins are welcome, we highly recommend booking an appointment to ensure you receive timely service and dedicated attention. You can easily book online or call us directly.",
        },
        {
          id: "faq-3",
          title: "How long do gel nails last?",
          content: "Our expertly applied gel nails typically last 3-4 weeks, depending on your nail growth and daily activities. We recommend infills every 3 weeks to maintain their pristine look.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/manicure-procedure-progress-beautician-master-applying-color-nail-polish-closeup-hands_613910-20404.jpg"
      imageAlt="Nail technician working on client's hand"
      mediaAnimation="opacity"
      title="Questions Fréquentes - Your Questions Answered"
      description="We've compiled answers to our most common queries to make your experience seamless. If you can't find what you're looking for, feel free to contact us!"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="booking" data-section="booking">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Ready for your next nail moment?"
      description={[
        "Book your appointment online today and let us pamper you with exquisite nail care.",
        "We look forward to welcoming you to Cutie Nails Onglerie for an unforgettable beauty experience.",
      ]}
      buttons={[
        {
          text: "Book an Appointment",
          href: "#",
        },
        {
          text: "Call Us: 06 98 39 49 35",
          href: "tel:+33698394935",
        },
      ]}
      buttonAnimation="opacity"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="https://img.b2bpic.net/free-photo/healthy-beautiful-manicure-flowers-polish_23-2148766555.jpg?id=11296886"
      logoAlt="Cutie Nails Onglerie Logo"
      logoText="Cutie Nails Onglerie · Aubagne"
      leftLink={{
        text: "10 Avenue Elzeard Rougier, 13400 Aubagne, France",
        href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere",
      }}
      rightLink={{
        text: "Open Mon–Sat: 8:30am - 7:00pm | Phone: 06 98 39 49 35",
        href: "tel:+33698394935",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
