"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Shop",
          id: "/shop",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="NEXORA FASHION"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="NEXORA FASHION"
      description="Discover unparalleled elegance and modern luxury with our exclusive fashion collections. Elevate your style with pieces designed for distinction."
      buttons={[
        {
          text: "Shop Now",
          href: "/shop",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-caucasian-young-woman-model-with-colorful-lips-bright-makeup-with-perfect-clean-skin_158538-1777.jpg"
      imageAlt="Elegant fashion model walking on a runway"
      showDimOverlay={true}
    />
  </div>

  <div id="featured-products" data-section="featured-products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Luxury Black Dress",
          price: "$1200",
          variant: "Women's Apparel",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-delicate-woman-with-flying-transparent-dress-loft-studio_633478-2924.jpg",
          imageAlt: "Elegant black dress",
        },
        {
          id: "2",
          name: "Men's Tailored Suit",
          price: "$1800",
          variant: "Men's Apparel",
          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt-black-suit_158595-4807.jpg",
          imageAlt: "Stylish men's suit",
        },
        {
          id: "3",
          name: "Gold Luxury Handbag",
          price: "$950",
          variant: "Accessories",
          imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046501.jpg",
          imageAlt: "Premium gold handbag",
        },
        {
          id: "4",
          name: "Men's Gold Watch",
          price: "$2500",
          variant: "Accessories",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-girly-arrangement_23-2148229314.jpg",
          imageAlt: "Luxury gold watch",
        },
        {
          id: "5",
          name: "Women's High Heels",
          price: "$600",
          variant: "Shoes",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-silver-shoes-rich-wedding-ring-lie-black-table_8353-653.jpg",
          imageAlt: "Elegant high heels",
        },
        {
          id: "6",
          name: "Luxury Leather Jacket",
          price: "$1500",
          variant: "Men's Apparel",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-jacket_1303-3806.jpg",
          imageAlt: "Premium leather jacket",
        },
      ]}
      title="Featured Collections"
      description="Explore our hand-picked selection of the season's must-have luxury items."
      buttons={[
        {
          text: "View All Products",
          href: "/shop",
        },
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Simply Exquisite!",
          quote: "NEXORA FASHION delivers unparalleled quality and style. Every piece I've purchased feels luxurious and unique. Truly a game-changer for my wardrobe!",
          name: "Sarah J.",
          role: "Fashion Enthusiast",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-women-playing-with-shopping-cart_23-2148495450.jpg",
          imageAlt: "Sarah J.",
        },
        {
          id: "2",
          title: "Professional and Chic",
          quote: "The tailored suits from NEXORA are perfect for my business needs. They combine modern design with classic elegance, making me feel confident and sharp.",
          name: "Michael Chen",
          role: "CEO, TechInnovate",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-handsome-man-classy-outfit_1303-22515.jpg",
          imageAlt: "Michael Chen",
        },
        {
          id: "3",
          title: "My Go-To for Luxury",
          quote: "I adore the unique designs and premium materials. NEXORA FASHION has become my ultimate destination for finding sophisticated and trendy pieces.",
          name: "Emily R.",
          role: "Marketing Director",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-stylish-blond-girl-knitted-sweater-with-shopping-bags-joyfully-looking-away-city-street_574295-715.jpg",
          imageAlt: "Emily R.",
        },
        {
          id: "4",
          title: "Exceptional Quality",
          quote: "The attention to detail and craftsmanship is evident in every item. It's a brand I trust for high-quality, long-lasting fashion that makes a statement.",
          name: "David K.",
          role: "Luxury Consultant",
          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-hipster-couple-love-holding-glasses-drinking-champagne_285396-1143.jpg",
          imageAlt: "David K.",
        },
        {
          id: "5",
          title: "Redefined My Style",
          quote: "NEXORA has helped me discover my personal style. Their collections are inspiring, and the customer service is as impeccable as their designs. Highly recommended!",
          name: "Olivia M.",
          role: "Creative Artist",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-girl-stylish-trench-coat-joyfully-looking-camera-cafe-city-street_574295-2887.jpg",
          imageAlt: "Olivia M.",
        },
      ]}
      title="What Our Customers Say"
      description="Hear from our delighted clients who have experienced the NEXORA FASHION difference."
    />
  </div>

  <div id="metric" data-section="metric">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="NEXORA By The Numbers"
      description="Our dedication to excellence and client satisfaction is reflected in our achievements."
      metrics={[
        {
          id: "metric1",
          value: "10+",
          description: "Years of Excellence in Luxury Fashion",
        },
        {
          id: "metric2",
          value: "250K+",
          description: "Satisfied Customers Worldwide",
        },
        {
          id: "metric3",
          value: "99%",
          description: "Positive Feedback & Repeat Business",
        },
        {
          id: "metric4",
          value: "100%",
          description: "Ethically Sourced Materials",
        },
      ]}
    />
  </div>

  <div id="newsletter" data-section="newsletter">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Stay Connected"
      title="Join Our Exclusive Newsletter"
      description="Be the first to know about new arrivals, special offers, and fashion events. Get direct access to premium insights."
      buttons={[
        {
          text: "Subscribe Now",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="NEXORA FASHION"
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "Men's Clothing",
              href: "/shop",
            },
            {
              label: "Women's Clothing",
              href: "/shop",
            },
            {
              label: "Shoes",
              href: "/shop",
            },
            {
              label: "Accessories",
              href: "/shop",
            },
            {
              label: "New Arrivals",
              href: "/shop",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Team",
              href: "/about#team",
            },
            {
              label: "Contact",
              href: "/contact",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Returns & Refunds",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 NEXORA FASHION. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
