"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="fluid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Collection",          id: "#collection"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eqfn5u"
      logoAlt="Nabees Fashion Logo"
      brandName="Nabees Fashion"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient"}}
      title="Elevate Your Style, Perfectly Tailored for You"
      description="Discover Nabees Fashion—your destination for premium women's clothing and expert tailoring in Sharjah. From everyday elegance to special occasion wear, we craft the perfect fit for every woman."
      buttons={[
        {
          text: "Explore Our Collection",          href: "#collection"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-design-retail-shop-with-clothes-hangers-racks-department-store-inside-shopping-center-fashion-merchandise-sale_482257-59961.jpg"
      imageAlt="Woman posing elegantly in a tailored dress"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Crafting Elegance, Celebrating Individuality"},
      ]}
      buttons={[
        {
          text: "Learn More",          href: "#"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          label: "Custom Tailoring",          title: "Bespoke Creations",          items: [
            "Personalized design consultations",            "Expert craftsmanship for unique garments",            "From concept to a perfectly fitted reality"]
        },
        {
          id: "f2",          label: "Professional Alterations",          title: "The Perfect Fit",          items: [
            "Precise adjustments for all garments",            "Ensuring every piece flatters your silhouette",            "Revitalize your wardrobe with perfect sizing"]
        },
        {
          id: "f3",          label: "Curated Collection",          title: "Exclusive Designs",          items: [
            "Hand-picked seasonal fashion",            "Unique pieces for every occasion",            "Discover your next favorite outfit"]
        }
      ]}
      title="Our Signature Services"
      description="Experience unparalleled quality and a perfect fit with Nabees Fashion's expert tailoring and curated collections."
    />
  </div>

  <div id="collection" data-section="collection">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Elegant Evening Gown",          price: "AED 850",          variant: "Black Pearl",          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hijab-desert_23-2149197985.jpg",          imageAlt: "Elegant evening gown"},
        {
          id: "p2",          name: "Chic Modest Day Dress",          price: "AED 420",          variant: "Desert Rose",          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562549.jpg",          imageAlt: "Chic modest day dress"},
        {
          id: "p3",          name: "Special Occasion Abaya",          price: "AED 680",          variant: "Royal Blue",          imageSrc: "http://img.b2bpic.net/free-photo/groom-holds-bride-s-hand-while-they-go-upstairs_8353-8283.jpg",          imageAlt: "Special occasion abaya"},
        {
          id: "p4",          name: "Tailored Business Ensemble",          price: "AED 950",          variant: "Graphite Grey",          imageSrc: "http://img.b2bpic.net/free-photo/modern-stylish-muslim-woman-hijab-business-style-jacket-black-abaya-walking-city-street-with-laptop_285396-9493.jpg",          imageAlt: "Tailored business ensemble"},
        {
          id: "p5",          name: "Heritage-Inspired Kaftan",          price: "AED 590",          variant: "Emerald Green",          imageSrc: "http://img.b2bpic.net/free-photo/oriental-woman-shawl-face-mask-with-diamonds_114579-9339.jpg",          imageAlt: "Heritage-inspired kaftan"},
        {
          id: "p6",          name: "Vibrant Floral Dress",          price: "AED 380",          variant: "Spring Bloom",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-mirror-outside_52683-86306.jpg",          imageAlt: "Vibrant floral dress"},
      ]}
      title="Our Curated Collection"
      description="Explore the latest arrivals and timeless pieces, designed for the modern woman who values elegance and quality."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "t1",          name: "Fatima A.",          role: "Fashion Enthusiast",          testimonial: "Nabees Fashion transformed my wardrobe! Their custom tailoring service is simply outstanding. The attention to detail and personalized fit made me feel incredibly special. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-upset-woman-talking-mobile-phone_171337-3173.jpg",          imageAlt: "Fatima A."},
        {
          id: "t2",          name: "Sara B.",          role: "Event Planner",          testimonial: "I needed a unique dress for a special event, and Nabees delivered beyond my expectations. The quality of fabric and stitching is top-notch. I received so many compliments!",          imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929565.jpg",          imageAlt: "Sara B."},
        {
          id: "t3",          name: "Aisha K.",          role: "Business Owner",          testimonial: "The alteration service here is a game-changer. I brought in several pieces that didn't quite fit, and they made them perfect. It's like having a brand new wardrobe without the cost.",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5904.jpg",          imageAlt: "Aisha K."},
        {
          id: "t4",          name: "Noora H.",          role: "Bride-to-be",          testimonial: "Nabees Fashion made my dream wedding dress a reality. The team was incredibly supportive, professional, and understood my vision perfectly. Thank you for making me feel beautiful!",          imageSrc: "http://img.b2bpic.net/free-photo/future-bride-must-look-perfectly_329181-13642.jpg",          imageAlt: "Noora H."},
        {
          id: "t5",          name: "Mariam S.",          role: "Influencer",          testimonial: "Their curated collection is always fresh and stylish. I always find unique pieces that stand out. Nabees Fashion is my go-to for quality and elegance in Sharjah.",          imageSrc: "http://img.b2bpic.net/free-photo/picture-two-pretty-happy-women-making-selfie-smartphone-pink_171337-11185.jpg",          imageAlt: "Mariam S."},
      ]}
      title="Hear From Our Happy Clients"
      description="We pride ourselves on creating beautiful garments and exceptional experiences. Read what our customers have to say."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "What types of clothing do you offer?",          content: "Nabees Fashion offers a wide range of premium women's clothing, including everyday wear, modest fashion, formal dresses, and custom-designed outfits for special occasions. Our collection is carefully curated to ensure quality and unique style."},
        {
          id: "q2",          title: "Do you provide custom tailoring services?",          content: "Yes, we specialize in custom tailoring. Our expert tailors work with you from concept to creation, ensuring a perfect fit and unique design that reflects your personal style. Schedule a consultation to discuss your vision."},
        {
          id: "q3",          title: "What are your alteration service charges?",          content: "Alteration charges vary depending on the complexity of the garment and the required modifications. We offer competitive pricing and will provide a detailed quote after assessing your item during a fitting session."},
        {
          id: "q4",          title: "What is your return/exchange policy?",          content: "We accept returns or exchanges for unworn, unwashed items with original tags within 7 days of purchase. Custom-tailored or altered garments are final sale, but we guarantee satisfaction with our workmanship."},
        {
          id: "q5",          title: "Can I view the collection online before visiting?",          content: "While our full collection is best experienced in-store, this website provides a glimpse of our latest arrivals and signature pieces. We encourage you to visit our Sharjah boutique for a complete browsing and fitting experience."},
      ]}
      title="Frequently Asked Questions"
      description="Have questions about our services or collection? Find quick answers here."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Visit Us"
      title="Find Your Perfect Fit Today"
      description="Located in the heart of Sharjah, Nabees Fashion invites you to discover our exquisite collection and experience personalized service."
      buttons={[
        {
          text: "Get Directions",          href: "https://www.google.com/maps/search/Sultan+Al+Thehli+Building,+Wahat+Alrams+Gar,+Muweilah,+Sharjah"},
        {
          text: "Call Us: 0551808863",          href: "tel:+971551808863"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eqfn5u"
      logoAlt="Nabees Fashion Logo"
      logoText="Nabees Fashion"
      copyrightText="© 2024 Nabees Fashion. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram"},
        {
          icon: Twitter,
          href: "#",          ariaLabel: "Twitter"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}