"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Leaf, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Collection",
          id: "#collection",
        },
        {
          name: "About",
          id: "#philosophy-innovation",
        },
        {
          name: "Fit Guide",
          id: "#fit-guide",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="MANIA"
      button={{
        text: "Shop Now",
        href: "#collection",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      imagePosition="right"
      title="ENGINEERED\\\nFOR THE BODY"
      description="Activewear that moves with you, sculpted to perfection."
      testimonials={[
        {
          name: "Anya Sharma",
          handle: "@anya_fit",
          testimonial: "MANIA activewear feels like a second skin. Unparalleled comfort and style, whether I'm training or just living my life. It truly allows me to wear less and feel more, pushing my boundaries with confidence.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sportswear-posing_23-2148759039.jpg",
          imageAlt: "Anya Sharma, Professional Athlete",
        },
        {
          name: "Marcus Bell",
          handle: "@marcus_movement",
          testimonial: "The quality of MANIA is exceptional. It withstands intense workouts while maintaining its luxurious feel. My go-to for performance wear.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-with-closed-eyes_176420-3989.jpg",
          imageAlt: "Marcus Bell, Fitness Coach",
        },
        {
          name: "Chloe Lee",
          handle: "@chloe_flow",
          testimonial: "I love how versatile MANIA pieces are. From studio to street, I feel confident and comfortable. It's truly elevating my active lifestyle.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-posing-outside_176420-3991.jpg",
          imageAlt: "Chloe Lee, Yoga Instructor",
        },
        {
          name: "David Singh",
          handle: "@david_endurance",
          testimonial: "MANIA has transformed my workout gear. The support and flexibility are unmatched. I recommend it to all serious athletes.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sportswear_23-2148267270.jpg",
          imageAlt: "David Singh, Marathon Runner",
        },
        {
          name: "Elena Petrova",
          handle: "@elena_wellness",
          testimonial: "Finally, activewear that truly understands the female form. MANIA's designs are both flattering and highly functional. A game-changer!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing_23-2148759009.jpg",
          imageAlt: "Elena Petrova, Wellness Expert",
        },
      ]}
      buttons={[
        {
          text: "Shop Now",
          href: "#collection",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-30847.jpg",
          alt: "Happy customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/blonde-posing-lady-black-suit-woman-home_1157-44919.jpg",
          alt: "Happy customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-fit-woman-looking-camera_23-2148309146.jpg",
          alt: "Happy customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/horizontal-shot-sporty-thoughtful-curly-haired-woman-focused-away-dressed-sportswear-listens-music-via-headphones-sits-outdoors-near-bottle-water-fitness-mat-against-city-building_273609-59140.jpg",
          alt: "Happy customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/athletic-woman-by-beach-posing-while-stretching_23-2148781842.jpg",
          alt: "Happy customer 5",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-posing-with-closed-eyes_176420-3990.jpg"
      imageAlt="A model wearing MANIA activewear, embodying strength and elegance."
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      marqueeItems={[
        {
          type: "text",
          text: "Engineered for Performance",
        },
        {
          type: "text-icon",
          text: "Sustainable Fabrics",
          icon: Leaf,
        },
        {
          type: "text",
          text: "Sculpted to Perfection",
        },
        {
          type: "text-icon",
          text: "Luxurious Comfort",
          icon: Sparkles,
        },
        {
          type: "text",
          text: "Movement Redefined",
        },
      ]}
    />
  </div>

  <div id="collection" data-section="collection">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Evolve Leggings",
          price: "$98",
          imageSrc: "http://img.b2bpic.net/free-photo/sensual-plunder-woman-posing-stylish-modern-black-sportive-clothes-sofa-fit-perfect-body-soft-natural-colors_291049-2600.jpg",
          imageAlt: "MANIA Evolve Leggings",
        },
        {
          id: "2",
          name: "Sculpt Bra",
          price: "$62",
          imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-shorts-fruits_23-2147750737.jpg",
          imageAlt: "MANIA Sculpt Bra",
        },
        {
          id: "3",
          name: "Momentum Jacket",
          price: "$145",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-new-york-city-daytime_23-2149488555.jpg",
          imageAlt: "MANIA Momentum Jacket",
        },
        {
          id: "4",
          name: "Flow Tee",
          price: "$55",
          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-athlete-muscular-man-standing-against-buildings-city_23-2148124011.jpg",
          imageAlt: "MANIA Flow Tee",
        },
        {
          id: "5",
          name: "Velocity Shorts",
          price: "$70",
          imageSrc: "http://img.b2bpic.net/free-photo/fruits-near-shorts_23-2147750735.jpg",
          imageAlt: "MANIA Velocity Shorts",
        },
        {
          id: "6",
          name: "Unwind Hoodie",
          price: "$110",
          imageSrc: "http://img.b2bpic.net/free-photo/brunetter-girl-modern-building_1157-17781.jpg",
          imageAlt: "MANIA Unwind Hoodie",
        },
      ]}
      title="COLLECTION 01"
      description="Discover our latest drops, designed for peak performance and unparalleled style."
    />
  </div>

  <div id="philosophy-innovation" data-section="philosophy-innovation">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "FUNCTION",
          description: "Precision engineered for peak performance, allowing unrestricted movement and support.",
          imageSrc: "http://img.b2bpic.net/free-photo/smooth-elegant-blue-fabric-material-texture_23-2148402321.jpg",
          imageAlt: "Abstract representation of precision and engineering",
        },
        {
          title: "FORM",
          description: "Sculpted silhouettes that celebrate the body, enhancing natural lines with elegant design.",
          imageSrc: "http://img.b2bpic.net/free-photo/dynamic-blue-pink-liquid-motion_1194-637940.jpg",
          imageAlt: "Abstract representation of form and sculpture",
        },
        {
          title: "FEEL",
          description: "Fabrics that move like a second skin, offering luxurious comfort and breathability.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-posing-wrapping-up-grey-cloth_176420-1637.jpg",
          imageAlt: "Abstract representation of soft fabric texture",
        },
        {
          title: "01. Compression Fit",
          description: "Engineered for optimal muscle support and enhanced circulation, minimizing fatigue.",
          imageSrc: "http://img.b2bpic.net/free-photo/straw-background_74190-2928.jpg",
          imageAlt: "Close-up of compression fabric",
        },
        {
          title: "02. 4-Way Stretch",
          description: "Freedom of movement in every direction, adapting to your body's dynamic needs.",
          imageSrc: "http://img.b2bpic.net/free-photo/various-turquoise-colored-designer-fabrics-inside-textile-store_181624-14416.jpg",
          imageAlt: "Fabric stretching dynamically",
        },
        {
          title: "03. Seamless Construction",
          description: "Eliminating chafing and irritation for a smooth, second-skin feel during any activity.",
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-well-dressed-african-american-man-posing-with-crossed-arms-classic-menswear-store_613910-21800.jpg",
          imageAlt: "Detail of seamless fabric connection",
        },
        {
          title: "04. Moisture Control",
          description: "Advanced wicking properties keep you dry and comfortable, even during intense workouts.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-microperforated-sheets-still-life_23-2150260317.jpg",
          imageAlt: "Fabric showing moisture wicking effect",
        },
      ]}
      title="Our Philosophy & Innovation"
      description="Rooted in design, elevated by technology. Every stitch, every fiber, crafted with intention."
    />
  </div>

  <div id="athletes-say" data-section="athletes-say">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="MANIA activewear feels like a second skin. Unparalleled comfort and style, whether I'm training or just living my life. It truly allows me to wear less and feel more, pushing my boundaries with confidence."
      rating={5}
      author="Anya Sharma, Professional Athlete"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/mixed-rae-african-american-woman-has-rest-her-workout-breathing-deep-body-parts_633478-2160.jpg",
          alt: "Anya Sharma",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-practicing-yoga-mindfulness_23-2151745687.jpg",
          alt: "Marcus Bell",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150165249.jpg",
          alt: "Chloe Lee",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-outdoors_23-2149037674.jpg",
          alt: "David Singh",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pretty-girl-stylish-sportswear-dreamily-stretching-hands-with-rubber-band-workout-city-stadium_574295-2824.jpg",
          alt: "Sarah Chen",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="editorial-insights" data-section="editorial-insights">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Editorial Insights"
      description="Delve deeper into the world of MANIA. Explore articles on style, performance, and conscious living."
      blogs={[
        {
          id: "1",
          category: "Style",
          title: "The Art of Activewear: Blurring Lines Between Fashion & Performance",
          excerpt: "Discover how MANIA redefines activewear as a staple for both high-intensity workouts and sophisticated daily wear.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-dumbbells_23-2149177955.jpg",
          imageAlt: "Fashion model in minimalist activewear",
        },
        {
          id: "2",
          category: "Wellness",
          title: "Mindful Movement: Enhancing Your Practice with MANIA Fabrics",
          excerpt: "Experience the difference of fabrics designed for ultimate comfort and freedom in every mindful movement.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-sportswoman-preparing-yoga-class-stacking-small-rocks-top-each-other-beach_637285-5509.jpg",
          imageAlt: "Woman meditating in activewear",
        },
        {
          id: "3",
          category: "Performance",
          title: "Engineered for Excellence: The Technology Behind MANIA's Performance",
          excerpt: "Unpack the innovative features that empower athletes to achieve their peak performance with MANIA.",
          imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-athlete-competing-paralympics-championship-games_23-2151492726.jpg",
          imageAlt: "Athlete in dynamic pose wearing MANIA activewear",
        },
      ]}
    />
  </div>

  <div id="fit-guide" data-section="fit-guide">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "How do I find my perfect MANIA size?",
          content: "Refer to our detailed sizing chart, which includes measurements for waist, hip, and inseam. We also provide fit tips for each product on its dedicated page.",
        },
        {
          id: "2",
          title: "What is MANIA's return policy?",
          content: "We offer returns for unworn items with tags attached within 30 days of purchase. Please visit our returns portal for more information and to initiate a return.",
        },
        {
          id: "3",
          title: "How should I care for my MANIA activewear?",
          content: "To maintain the integrity and longevity of your garments, machine wash cold with like colors, tumble dry low, and do not bleach or iron. Avoid fabric softeners.",
        },
        {
          id: "4",
          title: "Where are MANIA products manufactured?",
          content: "MANIA prides itself on ethical manufacturing. Our products are crafted in state-of-the-art facilities with fair labor practices and sustainable processes.",
        },
      ]}
      title="Fit Guide & FAQs"
      description="Find your perfect fit and get answers to common questions about MANIA activewear."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Be First. Always."
      description="Join the MANIA inner circle for early access to new collections and exclusive drops."
      inputs={[
        {
          name: "email",
          type: "email",
          placeholder: "Your email address",
          required: true,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/smiling-fitness-woman-headphones-working-out-running-sport-square_291650-378.jpg"
      imageAlt="A model looking confidently, representing MANIA's exclusive community."
      mediaAnimation="none"
      mediaPosition="right"
      buttonText="Join Now"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="MANIA"
      columns={[
        {
          title: "MANIA",
          items: [
            {
              label: "Philosophy",
              href: "#philosophy-innovation",
            },
            {
              label: "Fit Guide",
              href: "#fit-guide",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Shop",
          items: [
            {
              label: "Collection",
              href: "#collection",
            },
            {
              label: "New Arrivals",
              href: "#",
            },
            {
              label: "Gift Cards",
              href: "#",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/maniaactivewear",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/maniaactivewear",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
          ],
        },
      ]}
      copyrightText="© 2024 MANIA. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
