"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Zap, Award, Sparkles, Star, CheckCircle, Instagram, Facebook, Twitter, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="APEX"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          
            { name: "Blog", id: "/blog" },
]}
          button={{
            text: "Shop Now",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Engineered for Peak Performance"
          description="Premium gym clothing designed for athletes who demand excellence. Superior fabric technology, bold designs, and uncompromising quality."
          background={{ variant: "sparkles-gradient" }}
          tag="New Collection"
          tagIcon={Zap}
          imageSrc="https://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg"
          imageAlt="Athlete in modern gym setting"
          buttons={[
            { text: "Shop Collection", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Collection"
          description="Discover our curated selection of premium gym apparel engineered for performance and style"
          tag="Best Sellers"
          tagIcon={Award}
          products={[
            {
              id: "1",              name: "Performance Tech Tee",              price: "$89",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-male-gym-break_23-2148353077.jpg",              imageAlt: "Performance athletic t-shirt"
            },
            {
              id: "2",              name: "Seamless Leggings Pro",              price: "$129",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-training-gym-bodybuilding_23-2149552274.jpg",              imageAlt: "Premium seamless leggings"
            },
            {
              id: "3",              name: "Elite Shorts",              price: "$79",              imageSrc: "https://img.b2bpic.net/free-photo/nice-musculature-man-portrait-fitness-athlete-handsome-man-posing-outdoor_343629-25.jpg",              imageAlt: "Performance gym shorts"
            },
            {
              id: "4",              name: "Pro Training Jacket",              price: "$199",              imageSrc: "https://img.b2bpic.net/free-photo/athlete-gym-swings-triceps-with-barbell-sports-lifestyle_169016-58517.jpg",              imageAlt: "Advanced athletic training jacket"
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "View All Products", href: "https://example.com/shop" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose APEX"
          description="We're committed to delivering the best in gym apparel technology"
          tabs={[
            {
              id: "quality",              label: "Premium Quality",              description: "Every piece is crafted with the finest performance fabrics, moisture-wicking technology, and durable construction designed to withstand intense workouts. Our materials undergo rigorous testing to ensure longevity and comfort."
            },
            {
              id: "innovation",              label: "Innovation",              description: "We invest in cutting-edge fabric research and ergonomic design. Our team collaborates with professional athletes to develop clothing that enhances performance and supports your fitness goals."
            },
            {
              id: "sustainability",              label: "Sustainability",              description: "Committed to ethical manufacturing and eco-conscious practices. We source sustainable materials and partner with facilities that prioritize worker welfare and environmental responsibility."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/woman-customer-looking-beautiful-fabric-drapery-shop_1157-37454.jpg"
          imageAlt="Premium textile materials"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardSix
          title="Our Design Process"
          description="From concept to your closet - how we create exceptional gym wear"
          tag="Craftsmanship"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Athlete Research",              description: "We study how elite athletes move and train, gathering insights to inform our design process",              imageSrc: "https://img.b2bpic.net/free-photo/woman-customer-looking-beautiful-fabric-drapery-shop_1157-37454.jpg"
            },
            {
              id: 2,
              title: "Material Innovation",              description: "Our team tests and develops proprietary fabric blends for optimal performance and comfort",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-male-gym-break_23-2148353077.jpg"
            },
            {
              id: 3,
              title: "Quality Assurance",              description: "Every garment passes through rigorous testing for durability, fit, and performance standards",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-training-gym-bodybuilding_23-2149552274.jpg"
            },
            {
              id: 4,
              title: "Perfect Launch",              description: "Ready to empower your fitness journey with premium apparel crafted for champions",              imageSrc: "https://img.b2bpic.net/free-photo/nice-musculature-man-portrait-fitness-athlete-handsome-man-posing-outdoor_343629-25.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Athletes Say"
          description="Real feedback from people who train in APEX gear"
          tag="Customer Reviews"
          tagIcon={Star}
          showRating={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson",              handle: "@mjfit2024",              testimonial: "APEX has completely transformed my workout experience. The quality is unmatched and the fit is perfect for heavy lifting sessions.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg"
            },
            {
              id: "2",              name: "Sarah Chen",              handle: "@sarahtrains",              testimonial: "I've tried many brands, but nothing compares to APEX. The moisture-wicking technology keeps me dry through intense cardio workouts.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg"
            },
            {
              id: "3",              name: "David Martinez",              handle: "@davidliftsbig",              testimonial: "The durability is incredible. After 6 months of daily gym sessions, my APEX gear looks brand new. Total game changer.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg"
            },
            {
              id: "4",              name: "Emma Wilson",              handle: "@emmafitness",              testimonial: "Finally, a brand that understands female athletes. Perfect fit, amazing colors, and the comfort level is out of this world.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-625.jpg"
            },
            {
              id: "5",              name: "James Lee",              handle: "@jamesathletic",              testimonial: "I recommend APEX to everyone at my gym. The performance benefits are real and the premium feel is worth every penny.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-618.jpg"
            },
            {
              id: "6",              name: "Lisa Thompson",              handle: "@lisafitness",              testimonial: "APEX gear makes me feel confident and supported during my workouts. It's become an essential part of my training routine.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Shop by Collection"
          description="Choose the perfect APEX gear for your fitness journey"
          tag="Pricing"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "essentials",              badge: "Essential",              badgeIcon: CheckCircle,
              price: "$79 - $129",              subtitle: "Perfect for beginners and casual gym-goers",              buttons: [
                { text: "Browse", href: "https://example.com/shop/essentials" }
              ],
              features: [
                "High-quality moisture-wicking fabrics",                "Comfortable fit for all body types",                "Available in 5+ colors",                "Affordable pricing",                "Machine washable"
              ]
            },
            {
              id: "performance",              badge: "Most Popular",              badgeIcon: Zap,
              price: "$129 - $199",              subtitle: "Advanced features for serious athletes",              buttons: [
                { text: "Shop Now", href: "https://example.com/shop/performance" }
              ],
              features: [
                "Proprietary moisture-wicking technology",                "Enhanced durability and fit",                "Seamless construction for comfort",                "Antibacterial fabric technology",                "Extended color selection",                "Lifetime quality guarantee"
              ]
            },
            {
              id: "elite",              badge: "Premium",              badgeIcon: Award,
              price: "$199 - $299",              subtitle: "Elite gear for competitive athletes",              buttons: [
                { text: "Explore Elite", href: "https://example.com/shop/elite" }
              ],
              features: [
                "Advanced performance fabrics",                "Olympic athlete-tested designs",                "Precision fit technology",                "Advanced temperature regulation",                "Premium material blend",                "Exclusive limited edition colors",                "VIP customer support"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about APEX gym apparel"
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288189.jpg"
          imageAlt="Customer support team"
          faqs={[
            {
              id: "1",              title: "What makes APEX different from other gym brands?",              content: "APEX combines premium materials, innovative design, and athlete feedback to create superior gym apparel. Our proprietary fabric technology, precision fit, and commitment to quality set us apart in the market."
            },
            {
              id: "2",              title: "How should I care for my APEX gear?",              content: "Machine wash cold with similar colors, use mild detergent, and air dry for best results. Avoid fabric softener and bleach. This ensures longevity and maintains the moisture-wicking properties of your APEX apparel."
            },
            {
              id: "3",              title: "Do you offer size exchanges or returns?",              content: "Yes! We offer a 30-day return policy and free size exchanges. If your APEX gear doesn't fit perfectly, we'll make it right with no hassle."
            },
            {
              id: "4",              title: "Are APEX products sustainable?",              content: "We're committed to sustainability. We use eco-friendly materials, ethical manufacturing practices, and partner with facilities that prioritize environmental responsibility and worker welfare."
            },
            {
              id: "5",              title: "What's your shipping and delivery timeframe?",              content: "We offer free shipping on orders over $100. Standard delivery is 5-7 business days. We also provide expedited shipping options for faster delivery to your door."
            },
            {
              id: "6",              title: "Can I wash APEX gear with other clothes?",              content: "Yes, APEX is designed to be durable and colorfast. We recommend washing with similar colors to prevent any potential dye transfer, which is standard care for quality athletic wear."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about APEX? We'd love to hear from you. Reach out and our team will respond within 24 hours."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/motivated-young-female-athlete-smiling-gym-using-leg-press-equipment_197531-22868.jpg"
          imageAlt="Team collaboration"
          mediaPosition="right"
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "subject",              type: "text",              placeholder: "Subject",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us how we can help...",            rows: 5,
            required: true
          }}
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="APEX"
          copyrightText="© 2025 APEX Gym Apparel. All rights reserved."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/apexgym",              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/apexgym",              ariaLabel: "Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/apexgym",              ariaLabel: "Twitter"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/apexgym",              ariaLabel: "LinkedIn"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}