"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Facebook, Instagram, Linkedin, Sparkles, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmall"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Testimonials",          id: "#testimonials"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6exd9p"
      logoAlt="Matrix Design & Industries Logo"
      brandName="Matrix Design"
      button={{
        text: "Request a Quote",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain"}}
      title="Premium Garment Manufacturing & Export Solutions"
      description="Matrix Design delivers high-quality apparel production with custom design capabilities for wholesale buyers and export partners. Trusted by leading brands across India and internationally."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/details-blue-blouse-made-out-silk_23-2148237592.jpg",          imageAlt: "Garment production line"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273072.jpg",          imageAlt: "Fashion designer sketching"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574511.jpg",          imageAlt: "Quality control inspection"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-medical-mask-looking-clothes_23-2148539793.jpg",          imageAlt: "Garment export packaging"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-male-senior-tailor-selecting-fabric-shelf_23-2148180337.jpg",          imageAlt: "Modern garment factory interior"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-sewing-manual-skirt_23-2148898077.jpg",          imageAlt: "Innovative textile design"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-owner-working_23-2148828333.jpg",          imageAlt: "Workers on production line"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/calm-attractive-fashion-designers-work-cozy-office-darkskinned-lady-paint-shorthaired-woman-holds-coffee-cup_197531-29796.jpg",          imageAlt: "Apparel showroom display"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/papel-picado-party-decorations_23-2149399257.jpg",          imageAlt: "Automated pattern cutting"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/women-organising-clothing-thrift-store_23-2150952345.jpg",          imageAlt: "Sustainable fashion materials"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-stylish-store-employee-helping-client-explore-clothing-options_482257-112824.jpg",          imageAlt: "Business partners handshake"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/clothing-hanger-modern-shop-boutique_23-2148175634.jpg",          imageAlt: "Diverse garment collection"},
      ]}
      buttons={[
        {
          text: "Request a Quote",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/pleased-tilting-head-blinked-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-83652.jpg",          alt: "John Doe"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-working-designer-studio_1301-3354.jpg",          alt: "Jane Smith"},
        {
          src: "http://img.b2bpic.net/free-photo/serious-darkskinned-curly-woman-stylish-white-blouse-burgundy-trendy-pants-crosses-arms-poses-dressing-room_197531-29873.jpg",          alt: "Robert Johnson"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669785.jpg",          alt: "Emily White"},
        {
          src: "http://img.b2bpic.net/free-photo/stylish-black-american-male-dressed-suit-grey-background_613910-9520.jpg",          alt: "A stylish black American male dressed in a suit over grey background."},
      ]}
      avatarText="Trusted by 100+ global brands"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/blue-blouse-made-silk_23-2148237590.jpg",          alt: "Blue blouse made of silk"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/sewing-thread-reels_23-2148145929.jpg",          alt: "Sewing thread reels"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543675.jpg",          alt: "Still life of fashion designer's office"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007429.jpg",          alt: "Close up hands manufacturing clothes"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/senior-male-measuring-fabric-machine-shop_23-2148180332.jpg",          alt: "Senior male measuring the fabric on machine in shop"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Crafting Excellence in Garment Manufacturing"
      description="Matrix Design & Industries is a Gurugram-based leader in garment manufacturing and export. With decades of experience, we combine traditional craftsmanship with modern technology to deliver unparalleled quality and design innovation. Our commitment to ethical practices and timely delivery makes us the preferred partner for wholesale buyers and international brands seeking reliable, scalable production solutions."
      buttons={[
        {
          text: "Learn More About Us",          href: "#"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/women-choosing-white-bride-dress_1398-3908.jpg"
      imageAlt="Overview of a modern garment factory floor"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Custom Design & Development",          description: "Collaborate with our in-house design team to bring your unique vision to life, offering bespoke pattern making and sample development.",          imageSrc: "http://img.b2bpic.net/free-photo/group-three-fashion-designers-working-atelier-with-laptop-papers_23-2148846720.jpg",          imageAlt: "Designer sketching garments"},
        {
          title: "Rigorous Quality Control",          description: "Our multi-stage quality assurance process ensures every garment meets the highest international standards before shipment.",          imageSrc: "http://img.b2bpic.net/free-photo/male-fashion-designer-taking-fabric-from-shelf-his-customer_23-2148180328.jpg",          imageAlt: "Hand inspecting fabric quality"},
        {
          title: "Efficient Export Logistics",          description: "Leverage our robust supply chain and extensive experience in global export to ensure seamless and timely delivery worldwide.",          imageSrc: "http://img.b2bpic.net/free-photo/distant-shot-port-with-boats-loaded-with-cargo-shipment-nighttime_181624-2392.jpg",          imageAlt: "Shipping containers at a port"},
      ]}
      title="Our Core Capabilities & Expertise"
      description="From concept to completion, Matrix Design offers comprehensive services designed to meet the dynamic needs of the global apparel market."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          brand: "Matrix Design",          name: "Premium Cotton Shirts",          price: "Custom Quote",          rating: 5,
          reviewCount: "50+",          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-blue-blouse-white-pants-shrugging-shoulders-isolated_176474-81678.jpg",          imageAlt: "Premium men's cotton shirt"},
        {
          id: "p2",          brand: "Matrix Design",          name: "Elegant Evening Dresses",          price: "Custom Quote",          rating: 5,
          reviewCount: "45+",          imageSrc: "http://img.b2bpic.net/free-photo/two-business-partners-women_1303-13878.jpg",          imageAlt: "Elegant women's evening dress"},
        {
          id: "p3",          brand: "Matrix Design",          name: "Versatile Casual Jackets",          price: "Custom Quote",          rating: 5,
          reviewCount: "30+",          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-winter-road-trip-together-walking-through-forest_23-2149208091.jpg",          imageAlt: "Stylish casual jacket"},
        {
          id: "p4",          brand: "Matrix Design",          name: "Contemporary Skirt Collection",          price: "Custom Quote",          rating: 5,
          reviewCount: "25+",          imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-hipster-girls_291049-46.jpg",          imageAlt: "Fashionable women's skirt"},
        {
          id: "p5",          brand: "Matrix Design",          name: "Tailored Formal Trousers",          price: "Custom Quote",          rating: 5,
          reviewCount: "38+",          imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-yoga-outside_23-2149392227.jpg",          imageAlt: "Tailored men's trousers"},
        {
          id: "p6",          brand: "Matrix Design",          name: "Chic Women's Blouses",          price: "Custom Quote",          rating: 5,
          reviewCount: "42+",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-stylish-beautiful-young-brunette-woman-model-summer-hipster-casual-clothes-posing-sitting-asphalt_158538-14918.jpg",          imageAlt: "Chic women's blouse"},
      ]}
      title="Showcasing Our Diverse Garment Collections"
      description="Explore a glimpse of the varied apparel categories we specialize in, crafted with precision and passion for global markets."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          tag: "Standard Production",          price: "Quote Basis",          period: "Per Unit",          description: "Ideal for established brands with clear design specifications seeking reliable, high-volume manufacturing.",          button: {
            text: "Inquire Now",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "Bulk production runs",            "Material sourcing assistance",            "Standard quality checks",            "Basic packaging solutions"],
        },
        {
          id: "pro",          tag: "Premium Collection",          tagIcon: Sparkles,
          price: "Quote Basis",          period: "Per Unit",          description: "Tailored for brands requiring elevated craftsmanship, specialized fabrics, and advanced finishing techniques.",          button: {
            text: "Request Premium Quote",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "Medium to large runs",            "Premium fabric sourcing",            "Enhanced quality assurance",            "Custom branding & labels",            "Dedicated account manager"],
        },
        {
          id: "enterprise",          tag: "Customized Order",          price: "Custom Project",          period: "Per Project",          description: "Comprehensive, end-to-end service for unique design challenges, new product launches, and complex production requirements.",          button: {
            text: "Discuss Your Project",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "Full design & development",            "Exclusive material access",            "Rigorous compliance testing",            "Global distribution strategy",            "Expedited timelines available"],
        },
      ]}
      title="Flexible Manufacturing Service Tiers"
      description="We offer tiered production solutions tailored to various business needs, from emerging designers to established retail chains."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="slide-up"
      metrics={[
        {
          id: "m1",          value: "25+",          title: "Years in Business",          items: [
            "Established in Gurugram",            "Industry pioneers",            "Continuous innovation"],
        },
        {
          id: "m2",          value: "1M+",          title: "Garments Exported",          items: [
            "High-volume production",            "Scalable capacity",            "Timely global delivery"],
        },
        {
          id: "m3",          value: "30+",          title: "Countries Served",          items: [
            "Extensive export network",            "International compliance",            "Diverse market expertise"],
        },
      ]}
      title="Decades of Expertise, Global Impact"
      description="Our journey is marked by consistent growth, unwavering commitment to quality, and a growing international presence."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Global Fashion Inc.",        "Trendsetters Apparel",        "Elite Boutiques",        "International Retail Group",        "Vogue Collective",        "Premium Wear Co.",        "Innovate Textiles"]}
      title="Our Trusted Global Partners"
      description="We are proud to collaborate with leading fashion brands and retail giants worldwide, building long-lasting relationships through quality and reliability."
      speed={30}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="“Matrix Design is a fast-growing, professionally driven apparel manufacturer, consistently delivering exceptional quality and well-managed export services. A truly reliable partner.”"
      rating={5}
      author="Sachin Gupta, Apparel Industry Analyst"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",          alt: "Sachin Gupta"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg",          alt: "Industry Expert One"},
        {
          src: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg",          alt: "Industry Expert Two"},
        {
          src: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg",          alt: "Industry Expert Three"},
        {
          src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1354.jpg",          alt: "Redhead female supervisor dressed in an elegant suit over grey background."},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Get in Touch"
      title="Request a Quote for Your Project"
      description="Our team is ready to discuss your garment manufacturing and export needs. Fill out the form below, and we’ll get back to you promptly with a tailored solution."
      imageSrc="http://img.b2bpic.net/free-photo/frenzy-black-friday-shoppers-fighting-clothes-fashion-store-people-arguing-while-shopping-seasonal-sales-diverse-people-customers-rushing-bargains-hunting-discounts_482257-67510.jpg"
      imageAlt="Business partners discussing garment production"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Your Email Address"
      buttonText="Submit Inquiry"
      termsText="By clicking Submit Inquiry you're confirming that you agree with our Terms and Conditions."
    />
  </div>

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