"use client"
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Leaf, Shield, Zap, Heart, Award, Star, HelpCircle, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="medium"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="VitaBoost"
          navItems={[
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard 
          title="Transform Your Health with Premium Supplements"
          description="Science-backed formulations designed to support your wellness journey. Experience the difference quality makes."
          background={{ variant: "sparkles-gradient" }}
          tag="100% Natural Ingredients"
          tagIcon={Leaf}
          imageSrc="https://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769462.jpg"
          imageAlt="Premium supplement bottles and vitamins"
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12670.jpg", alt: "Customer 1" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiling-woman-posing-white-shirt_23-2149021840.jpg", alt: "Customer 2" },
            { src: "https://img.b2bpic.net/free-photo/young-pretty-woman-getting-special-skin-treatment-beautiful-girl-applying-serum-isolated-white-background-smooth-skin-without-wrinkles_657921-610.jpg", alt: "Customer 3" }
          ]}
          avatarText="Trusted by 50,000+ customers"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve 
          title="Why Choose VitaBoost"
          description="Our supplements are formulated with premium ingredients and backed by scientific research"
          tag="Quality Promise"
          tagIcon={Shield}
          features={[
            {
              id: "quality",              label: "Quality",              title: "Premium Grade Ingredients",              items: [
                "Third-party tested",                "No artificial additives",                "GMP certified facilities",                "Sourced from trusted suppliers"
              ],
              buttons: [{ text: "View Certifications", href: "#" }]
            },
            {
              id: "efficacy",              label: "Science",              title: "Scientifically Formulated",              items: [
                "Backed by clinical studies",                "Optimal nutrient ratios",                "Maximum bioavailability",                "Proven results"
              ],
              buttons: [{ text: "Read Research", href: "#" }]
            },
            {
              id: "value",              label: "Value",              title: "Best Value for Money",              items: [
                "Competitive pricing",                "Bulk discounts available",                "Money-back guarantee",                "Free shipping on orders"
              ],
              buttons: [{ text: "View Pricing", href: "#" }]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree 
          title="Our Best Sellers"
          description="Discover our most popular supplements loved by thousands of health-conscious customers"
          tag="Limited Stock"
          tagIcon={Zap}
          products={[
            {
              id: "1",              name: "Daily Multivitamin Complex",              price: "$24.99",              imageSrc: "https://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769474.jpg",              imageAlt: "Multivitamin bottle",              initialQuantity: 1
            },
            {
              id: "2",              name: "Plant-Based Protein Powder",              price: "$34.99",              imageSrc: "https://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760064.jpg",              imageAlt: "Protein powder container",              initialQuantity: 1
            },
            {
              id: "3",              name: "Mineral & Electrolyte Blend",              price: "$19.99",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-man-holding-pill-pill-recipient_23-2148306660.jpg",              imageAlt: "Mineral supplement bottle",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard 
          tag="Our Story"
          tagIcon={Heart}
          title="Committed to Your Wellness Journey"
          description="Founded in 2018, VitaBoost has been dedicated to providing premium supplements that truly work."
          subdescription="Trusted by health professionals and fitness enthusiasts worldwide"
          icon={Award}
          imageSrc="https://img.b2bpic.net/free-photo/colleagues-office-stretching-work-day_23-2150468562.jpg"
          imageAlt="VitaBoost wellness team and office"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive 
          title="What Our Customers Say"
          description="Real stories from people who've transformed their health with VitaBoost supplements"
          tag="Customer Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Fitness Coach",              date: "Date: 15 January 2025",              title: "Game-changing supplements for my fitness journey",              quote: "I've been recommending VitaBoost to all my clients. The quality is exceptional and the results speak for themselves. My energy levels have never been better, and I can see real improvements in my strength and endurance.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12670.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12670.jpg"
            },
            {
              id: "2",              name: "James Rodriguez, Health Professional",              date: "Date: 12 January 2025",              title: "Scientifically formulated and effective",              quote: "As a health professional, I'm very particular about supplements. VitaBoost's commitment to quality and transparency is refreshing. Their products are truly science-backed, and my patients report noticeable improvements within weeks.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-woman-posing-white-shirt_23-2149021840.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-woman-posing-white-shirt_23-2149021840.jpg"
            },
            {
              id: "3",              name: "Emma Thompson, Nutritionist",              date: "Date: 10 January 2025",              title: "Premium quality supplements I can trust",              quote: "I've worked with VitaBoost for over two years now. Their attention to detail, third-party testing, and clean ingredients make them stand out. My clients consistently see better results with their formulations.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/young-pretty-woman-getting-special-skin-treatment-beautiful-girl-applying-serum-isolated-white-background-smooth-skin-without-wrinkles_657921-610.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/young-pretty-woman-getting-special-skin-treatment-beautiful-girl-applying-serum-isolated-white-background-smooth-skin-without-wrinkles_657921-610.jpg"
            },
            {
              id: "4",              name: "Michael Chen, Athlete",              date: "Date: 8 January 2025",              title: "Essential part of my training regimen",              quote: "Training at a competitive level requires supplements you can trust. VitaBoost delivers consistency and quality every single time. I've noticed improved recovery times and sustained energy throughout my workouts.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-woman-sportswear-with-her-eyes-closed_618663-120.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-woman-sportswear-with-her-eyes-closed_618663-120.jpg"
            },
            {
              id: "5",              name: "Jessica Lee, Wellness Blogger",              date: "Date: 5 January 2025",              title: "Honest supplements that actually work",              quote: "I appreciate VitaBoost's transparency about ingredients and sourcing. In a market full of false claims, they stand out for their integrity. My followers have had amazing experiences with their products.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12670.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12670.jpg"
            },
            {
              id: "6",              name: "David Park, Busy Professional",              date: "Date: 1 January 2025",              title: "Perfect for maintaining health on-the-go",              quote: "As someone always on the move, I needed reliable supplements. VitaBoost's products are convenient, effective, and I can feel the difference in my energy and immunity within days of starting.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-woman-posing-white-shirt_23-2149021840.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-woman-posing-white-shirt_23-2149021840.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble 
          title="Frequently Asked Questions"
          description="Get answers to common questions about our supplements, ingredients, and ordering"
          tag="Help & Support"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "Are your supplements safe?",              content: "Yes, all VitaBoost supplements are third-party tested and manufactured in GMP-certified facilities. We use only premium-grade ingredients and follow strict quality control standards. Every product undergoes rigorous testing for purity, potency, and safety before reaching customers."
            },
            {
              id: "2",              title: "Do you use natural ingredients?",              content: "We use 100% natural ingredients sourced from trusted suppliers worldwide. Our formulations exclude artificial additives, preservatives, and fillers. We believe in transparency, which is why all ingredient sources are clearly labeled on our packaging."
            },
            {
              id: "3",              title: "How long does shipping take?",              content: "Standard shipping typically takes 5-7 business days. We offer expedited shipping options for faster delivery. All orders over $50 qualify for free standard shipping. You'll receive a tracking number via email as soon as your order ships."
            },
            {
              id: "4",              title: "What is your return policy?",              content: "We offer a 60-day money-back guarantee on all products. If you're not completely satisfied for any reason, simply return the product in its original packaging for a full refund. No questions asked. We stand behind the quality of our supplements."
            },
            {
              id: "5",              title: "Can I take multiple supplements together?",              content: "Most VitaBoost supplements are designed to complement each other and can be taken together. However, we recommend consulting with your healthcare provider before starting any new supplement regimen, especially if you're taking medications or have existing health conditions."
            },
            {
              id: "6",              title: "Are your supplements vegan and gluten-free?",              content: "Many of our products are vegan and gluten-free, but not all. Each product page clearly indicates whether it's vegan, vegetarian, gluten-free, or suitable for specific dietary restrictions. Check the individual product labels for detailed allergen information."
            },
            {
              id: "7",              title: "How do I know which supplement is right for me?",              content: "Our website includes a supplement finder quiz and detailed product descriptions to help you choose. You can also contact our customer support team for personalized recommendations based on your health goals and dietary preferences."
            },
            {
              id: "8",              title: "Do you offer bulk discounts?",              content: "Yes! We offer discounted pricing for bulk orders. Orders of 3+ bottles receive 10% off, orders of 6+ receive 15% off. Subscribe to our monthly subscription service for an additional 20% off and automatic deliveries."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA 
          tag="Get in Touch"
          tagIcon={Mail}
          title="Ready to Start Your Wellness Journey?"
          description="Have questions about our supplements? Our expert team is here to help you find the perfect products for your health goals. Reach out today and get personalized recommendations."
          buttons={[
            { text: "Contact Us", href: "mailto:hello@vitaboost.com" },
            { text: "Shop Now", href: "products" }
          ]}
          background={{ variant: "gradient-bars" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple 
          columns={[
            {
              title: "Products",              items: [
                { label: "Vitamins", href: "#" },
                { label: "Proteins", href: "#" },
                { label: "Minerals", href: "#" },
                { label: "All Products", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Our Mission", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact", href: "#" },
                { label: "FAQ", href: "#faq" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 VitaBoost. All rights reserved."
          bottomRightText="Made for wellness"
        />
      </div>
    </ThemeProvider>
  );
}