"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Award, Star, HelpCircle, Mail } from "lucide-react";

export default function VitalityPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="noiseDiagonalGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Products", id: "product" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonial" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Shop Now",            href: "contact"
          }}
          brandName="Vitality"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel 
          title="Premium Wellness for NYC"
          description="Discover scientifically-formulated supplements crafted for optimal health and vitality. Experience the difference premium quality makes."
          tag="New Collection"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Products", href: "product" },
            { text: "Learn More", href: "about" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760059.jpg",              imageAlt: "Premium supplement bottle"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769474.jpg",              imageAlt: "Protein powder supplement"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/vitamin-injection-vial-glass-bottles-with-luxurious-patterned-labels_53876-165419.jpg",              imageAlt: "Vitamin supplement bottle"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760084.jpg",              imageAlt: "Collagen supplement jar"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760047.jpg",              imageAlt: "Sports nutrition supplement"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769462.jpg",              imageAlt: "Wellness supplement collection"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
          ariaLabel="Premium supplement products carousel"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutMetric 
          title="Committed to Your Wellness"
          description={[
            "Since 2015, Vitality has been NYC's trusted source for premium supplements. We partner with leading researchers and use only the finest natural ingredients, rigorously tested for purity and potency. Every product reflects our commitment to your health and our promise of uncompromising quality."
          ]}
          metrics={[
            { label: "Years of Excellence", value: "9+" },
            { label: "Quality Assurance Tests", value: "100%" }
          ]}
          useInvertedBackground="invertDefault"
          showBorder={false}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardTwo 
          title="Our Signature Collection"
          description="Handpicked formulations designed for peak performance and optimal wellness. Each product represents our standard of excellence."
          tag="Bestsellers"
          tagIcon={Award}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Vitality",              name: "Daily Multivitamin Elite",              price: "$34.99",              rating: 5,
              reviewCount: "2.8k",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-items-spa-therapy_23-2148290933.jpg",              imageAlt: "Daily multivitamin supplement"
            },
            {
              id: "2",              brand: "Vitality",              name: "Omega-3 Pure Marine",              price: "$28.99",              rating: 5,
              reviewCount: "1.9k",              imageSrc: "https://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760029.jpg",              imageAlt: "Omega-3 fish oil supplement"
            },
            {
              id: "3",              brand: "Vitality",              name: "Probiotic Gut Health",              price: "$31.99",              rating: 5,
              reviewCount: "2.3k",              imageSrc: "https://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769476.jpg",              imageAlt: "Probiotic digestive supplement"
            }
          ]}
          ariaLabel="Featured supplement products"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwo 
          title="Trusted by Thousands"
          description="See why health-conscious New Yorkers choose Vitality for their wellness journey."
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Fitness Instructor",              testimonial: "The quality is exceptional. I've noticed a real difference in my energy levels and recovery since switching to Vitality supplements. Highly recommended for anyone serious about health.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Nutritionist",              testimonial: "As a nutrition professional, I'm impressed by Vitality's transparency and commitment to quality. Their formulations are scientifically sound and their customer service is exceptional.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Jessica Rodriguez",              role: "Marathon Runner",              testimonial: "I've tried countless supplement brands, and Vitality stands out for consistency and effectiveness. My performance metrics have improved noticeably since I started their regimen.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Jessica Rodriguez"
            },
            {
              id: "4",              name: "Patricia Williams",              role: "Wellness Coach",              testimonial: "My clients love Vitality products. The premium packaging, reliable quality, and visible results make them perfect for anyone investing in their long-term health.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Patricia Williams"
            }
          ]}
          ariaLabel="Customer testimonials and reviews"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia 
          title="Common Questions"
          description="Everything you need to know about our supplements, quality standards, and your wellness journey."
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          animationType="smooth"
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/young-sportswoman-making-herself-healthy-smoothie-slicing-fresh-fruit-kitchen_637285-596.jpg"
          imageAlt="Healthy lifestyle and wellness"
          faqs={[
            {
              id: "1",              title: "Are Vitality supplements third-party tested?",              content: "Yes, absolutely. Every batch is tested by independent laboratories for purity, potency, and contaminants. We maintain the highest standards of quality assurance and transparency."
            },
            {
              id: "2",              title: "What's your return policy?",              content: "We offer a 60-day money-back guarantee on all products. If you're not completely satisfied, simply return the product for a full refund, no questions asked."
            },
            {
              id: "3",              title: "Are your supplements vegan and organic?",              content: "Many of our products are vegan and sourced from organic ingredients. Check individual product pages for specific certifications and ingredients. We're committed to transparency in everything we do."
            },
            {
              id: "4",              title: "How long does shipping take in NYC?",              content: "Orders within Manhattan typically arrive within 1-2 business days. All other NYC areas receive delivery within 2-3 business days. Free shipping on orders over $50."
            },
            {
              id: "5",              title: "Can I take multiple supplements together?",              content: "Yes, our supplements are designed to work synergistically. However, we recommend consulting with a healthcare professional or our wellness experts if you're on medications or have specific health concerns."
            }
          ]}
          ariaLabel="Frequently asked questions about supplements"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Newsletter"
          title="Join Our Wellness Community"
          description="Subscribe to receive exclusive wellness tips, new product launches, and special member-only offers delivered to your inbox."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/young-happy-athletic-woman-having-fruit-smoothie-breakfast-kitchen_637285-6196.jpg"
          imageAlt="Fitness and wellness community"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive marketing emails from Vitality."
          ariaLabel="Newsletter signup section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal 
          logoText="Vitality"
          logoLineHeight={1.1}
          ariaLabel="Vitality footer"
        />
      </div>
    </ThemeProvider>
  );
}