"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Cloud, Crown, Heart, Leaf, Mail, Palette, Shield, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Stride"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" },
            { name: "Blog", id: "blog" }
          ]}
          button={{
            text: "Shop Now",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Stride"
          description="Premium flip flops designed for comfort, style, and sustainability. Step into your next adventure."
          buttons={[
            { text: "Explore Collection", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/top-view-woman-with-summer-elements-writing-sand_23-2147683374.jpg"
          imageAlt="Relaxing on beach with premium flip flops"
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Shop Our Collection"
          description="Discover our range of premium flip flops in various styles and colors"
          tag="New Arrivals"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              name: "Classic Blue Comfort",              price: "$34.99",              imageSrc: "https://img.b2bpic.net/free-photo/arrangement-with-flip-flops-sunglasses_23-2148922353.jpg",              imageAlt: "Classic blue flip flops with cushioned sole",              initialQuantity: 1
            },
            {
              id: "2",              name: "Tropical Print Paradise",              price: "$39.99",              imageSrc: "https://img.b2bpic.net/free-photo/view-flip-flops-with-summer-sunglasses-copy-space_23-2149460018.jpg",              imageAlt: "Colorful tropical pattern flip flops",              initialQuantity: 1
            },
            {
              id: "3",              name: "Minimalist Black",              price: "$32.99",              imageSrc: "https://img.b2bpic.net/free-photo/beach-concept-with-flip-flops-sand_23-2147796201.jpg",              imageAlt: "Elegant black minimalist flip flops",              initialQuantity: 1
            },
            {
              id: "4",              name: "Neon Pink Summer",              price: "$36.99",              imageSrc: "https://img.b2bpic.net/free-photo/flip-flops-old-weathered-blue-beach-wood_1101-3239.jpg",              imageAlt: "Vibrant neon pink summer flip flops",              initialQuantity: 1
            },
            {
              id: "5",              name: "Earth Tone Neutral",              price: "$37.99",              imageSrc: "https://img.b2bpic.net/free-photo/flip-flops-old-weathered-blue-beach-wood_1101-2356.jpg",              imageAlt: "Natural tan beige eco-friendly flip flops",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why Choose Stride"
          description="We're committed to creating the most comfortable, sustainable, and stylish flip flops for everyday living."
          tag="Our Story"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imagePosition="right"
          bulletPoints={[
            {
              title: "Premium Comfort",              description: "Ergonomically designed cushioned soles that feel like walking on clouds, perfect for all-day wear.",              icon: Cloud
            },
            {
              title: "Sustainable Materials",              description: "Crafted from eco-friendly, recycled materials that are gentle on both feet and the environment.",              icon: Leaf
            },
            {
              title: "Lifetime Quality",              description: "Built to last with durable construction and timeless designs that won't fade or wear out.",              icon: Shield
            },
            {
              title: "Stylish Designs",              description: "From minimalist to bold patterns, our collection matches every mood and occasion seamlessly.",              icon: Palette
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-man-exercising-after-online-instructor_23-2149240217.jpg"
          imageAlt="Close-up of cushioned flip flop sole for maximum comfort"
          buttons={[
            { text: "Shop All Products", href: "products" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="How We Make the Perfect Flip Flop"
          description="Every step of our production process is designed to deliver uncompromising quality and comfort"
          tag="Our Process"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Material Selection",              description: "We hand-select premium sustainable materials from trusted suppliers worldwide to ensure the highest quality.",              imageSrc: "https://img.b2bpic.net/free-photo/young-fit-woman-sportswear-trains-outdoors-playground_1153-6750.jpg",              imageAlt: "Material selection process"
            },
            {
              id: 2,
              title: "Comfort Engineering",              description: "Advanced cushioning technology is integrated into every sole for ergonomic support that lasts.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-man-exercising-after-online-instructor_23-2149240217.jpg",              imageAlt: "Comfort engineering process"
            },
            {
              id: 3,
              title: "Quality Testing",              description: "Each pair undergoes rigorous testing to ensure durability, comfort, and style standards are met.",              imageSrc: "https://img.b2bpic.net/free-photo/young-fit-woman-sportswear-trains-outdoors-playground_1153-6750.jpg",              imageAlt: "Quality testing process"
            },
            {
              id: 4,
              title: "Lightweight Design",              description: "Our innovative design keeps flip flops lightweight and portable, perfect for travel and daily activities.",              imageSrc: "https://img.b2bpic.net/free-vector/mattress-layers-material-infographics_1284-25413.jpg",              imageAlt: "Lightweight design process"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Our Collections"
          description="Explore our curated flip flop collections designed for every lifestyle and preference"
          tag="Premium Selection"
          tagIcon={Crown}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "comfort",              title: "Comfort Collection",              price: "$29.99",              period: "- $34.99",              imageSrc: "https://img.b2bpic.net/free-photo/legs-woman-beach_23-2147813371.jpg",              imageAlt: "Comfort collection flip flops",              button: {
                text: "Explore",                href: "products"
              },
              features: [
                "Cushioned EVA foam sole",                "Breathable fabric strap",                "Available in 8 colors",                "Perfect for casual wear",                "Machine washable"
              ]
            },
            {
              id: "sport",              title: "Sport Edition",              price: "$39.99",              period: "- $44.99",              imageSrc: "https://img.b2bpic.net/free-photo/body-part-female-feet-sand-beach-by-sea-close-up_169016-9736.jpg",              imageAlt: "Sport edition performance flip flops",              button: {
                text: "Explore",                href: "products"
              },
              features: [
                "Advanced grip sole",                "Moisture-wicking straps",                "Arch support technology",                "Ideal for active lifestyle",                "Extra durability"
              ]
            },
            {
              id: "premium",              title: "Premium Luxury",              price: "$49.99",              period: "- $59.99",              imageSrc: "https://img.b2bpic.net/free-photo/woman-relaxing-with-feet-up-hammock-beach_107420-9907.jpg",              imageAlt: "Premium luxury flip flops collection",              button: {
                text: "Explore",                href: "products"
              },
              features: [
                "Leather and suede materials",                "Limited edition designs",                "Premium gift packaging",                "Lifetime replacement guarantee",                "Concierge sizing service"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Join thousands of happy customers who've stepped into comfort with Stride"
          tag="Real Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Jessica Martinez, Busy Mom",              date: "Date: 15 January 2025",              title: "Finally, flip flops that keep up with my life!",              quote: "I've tried so many flip flop brands, but Stride is the first one that doesn't leave my feet sore by the end of the day. The cushioning is amazing and they look great too. My kids even want their own pairs now!",              tag: "Comfort Collection",              avatarSrc: "https://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg",              avatarAlt: "Jessica Martinez",              imageAlt: "Jessica Martinez testimonial"
            },
            {
              id: "2",              name: "David Chen, Travel Blogger",              date: "Date: 22 January 2025",              title: "Perfect travel companion",              quote: "As someone who travels constantly, I need shoes that are lightweight, durable, and stylish. Stride flip flops check all the boxes. They've been to 12 countries with me and still look brand new!",              tag: "Sport Edition",              avatarSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg",              avatarAlt: "David Chen",              imageAlt: "David Chen testimonial"
            },
            {
              id: "3",              name: "Sarah Johnson, Yoga Instructor",              date: "Date: 18 January 2025",              title: "Sustainable AND comfortable",              quote: "I love that Stride uses eco-friendly materials. It feels good knowing I'm making a positive impact with my purchase. Plus, the arch support in these flip flops is genuinely helpful for my active lifestyle.",              tag: "Premium Luxury",              avatarSrc: "https://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-looking-side-street_839833-27819.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-looking-side-street_839833-27819.jpg",              avatarAlt: "Sarah Johnson",              imageAlt: "Sarah Johnson testimonial"
            },
            {
              id: "4",              name: "Michael Rodriguez, College Student",              date: "Date: 12 January 2025",              title: "Style that doesn't compromise comfort",              quote: "These are honestly the best flip flops I've ever owned. They're comfortable enough for long days on campus, but stylish enough to wear out with friends. Definitely worth the investment!",              tag: "Comfort Collection",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",              avatarAlt: "Michael Rodriguez",              imageAlt: "Michael Rodriguez testimonial"
            },
            {
              id: "5",              name: "Emma Wilson, Fitness Enthusiast",              date: "Date: 25 January 2025",              title: "Great support for active recovery",              quote: "I wear these after my workouts and the support is incredible. The moisture-wicking material keeps my feet dry, and they look good enough to wear anywhere. Highly recommend to anyone with an active lifestyle!",              tag: "Sport Edition",              avatarSrc: "https://img.b2bpic.net/free-photo/indoor-portrait-cheerful-man-good-mood_273609-12337.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/indoor-portrait-cheerful-man-good-mood_273609-12337.jpg",              avatarAlt: "Emma Wilson",              imageAlt: "Emma Wilson testimonial"
            },
            {
              id: "6",              name: "Thomas Anderson, Gift Giver",              date: "Date: 8 January 2025",              title: "The perfect gift everyone actually wants",              quote: "I bought the Premium Collection as gifts for my parents and they absolutely love them. The packaging was beautiful and the quality is unmatched. They've already worn them every single day!",              tag: "Premium Luxury",              avatarSrc: "https://img.b2bpic.net/free-photo/middle-age-greyhaired-man-wearing-casual-clothes-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-27567.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/middle-age-greyhaired-man-wearing-casual-clothes-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-27567.jpg",              avatarAlt: "Thomas Anderson",              imageAlt: "Thomas Anderson testimonial"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Updated on New Releases"
          description="Subscribe to our newsletter for exclusive discounts, new product launches, and comfort tips delivered to your inbox."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-vector/computer-with-social-profile-social-community_24877-53905.jpg"
          imageAlt="Newsletter subscription illustration"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. We'll only send you updates about new products and special offers."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Stride"
          copyrightText="© 2025 Stride Flip Flops. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Products", href: "products" },
                { label: "Comfort Collection", href: "products" },
                { label: "Sport Edition", href: "products" },
                { label: "Premium Luxury", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Sustainability", href: "about" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "TikTok", href: "https://tiktok.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}