"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function VitalityLanding() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="noiseGradient"
      cardStyle="outline-light"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Vitality"
          navItems={[
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Premium Supplements for the Modern New Yorker"
          description="Ethically sourced, rigorously tested, and expertly formulated. Elevate your wellness journey with Vitality's curated collection of premium supplements crafted for peak performance."
          tag="NYC's #1 Wellness Brand"
          buttons={[
            { text: "Explore Products", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/image-young-woman-sporty-fitness-girl-taking-vitamins-dietary-supplements-muscles-strength_1258-189561.jpg"
          imageAlt="Premium supplement collection"
          frameStyle="card"
          metricsLabel="Trusted by thousands of health-conscious New Yorkers"
          metrics={[
            { id: "1", value: "50K+", label: "Satisfied Customers" },
            { id: "2", value: "200+", label: "Premium Products" },
            { id: "3", value: "24hr", label: "NYC Delivery" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutCards
          title="Why Choose Vitality"
          description="We believe in transparency, quality, and results. Every product in our collection meets the highest standards of purity and efficacy."
          tag="Our Promise"
          features={[
            {
              id: "sourcing",              title: "Ethically Sourced",              description: "We partner with premium suppliers worldwide to bring you the finest botanical extracts, minerals, and nutrients. Every ingredient is third-party tested for purity and potency.",              label: "100% Verified Quality"
            },
            {
              id: "expert-guidance",              title: "Expert Guidance",              description: "Our certified nutrition specialists provide personalized recommendations tailored to your wellness goals. Access expert consultations with every membership plan.",              label: "Certified Advisors"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Our Best Sellers"
          description="Discover the supplements trusted by thousands of New Yorkers for health, vitality, and performance."
          tag="Shop Now"
          products={[
            {
              id: "1",              brand: "Vitality",              name: "Premium Whey Protein Powder",              price: "$49.99",              rating: 5,
              reviewCount: "892",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-containers-arrangement_23-2149080636.jpg",              imageAlt: "Premium Whey Protein Powder"
            },
            {
              id: "2",              brand: "Vitality",              name: "Advanced Multivitamin Complex",              price: "$39.99",              rating: 5,
              reviewCount: "1.2k",              imageSrc: "https://img.b2bpic.net/free-photo/barman-filling-shaker-with-ice_23-2148209409.jpg",              imageAlt: "Advanced Multivitamin Complex"
            },
            {
              id: "3",              brand: "Vitality",              name: "Omega-3 Fish Oil Capsules",              price: "$34.99",              rating: 5,
              reviewCount: "756",              imageSrc: "https://img.b2bpic.net/free-photo/natural-spa-sand-bowls-copy-space-paper_23-2148724060.jpg",              imageAlt: "Omega-3 Fish Oil Capsules"
            },
            {
              id: "4",              brand: "Vitality",              name: "Creatine Monohydrate",              price: "$24.99",              rating: 5,
              reviewCount: "654",              imageSrc: "https://img.b2bpic.net/free-photo/beach-sand-with-bowl-spoon_23-2148724107.jpg",              imageAlt: "Creatine Monohydrate"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Membership Plans"
          description="Choose the perfect wellness plan for your lifestyle. All plans include free shipping, expert consultations, and exclusive early access to new products."
          tag="Flexible & Affordable"
          plans={[
            {
              id: "basic",              title: "Essential",              price: "$29",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-caucasian-girl-closing-her-eyes-doing-rest-after-yoga-mat-home-sportswoman-training-top-sports-tight-clothes-healthy-lifestyle-concept_197531-32136.jpg",              imageAlt: "Essential Plan",              button: { text: "Get Started", href: "#contact" },
              features: [
                "15% off all products",                "Free US shipping",                "Monthly wellness guide",                "Email support"
              ]
            },
            {
              id: "pro",              title: "Premium",              price: "$59",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/woman-stretching-training-outdoors_23-2149676953.jpg",              imageAlt: "Premium Plan",              button: { text: "Choose Plan", href: "#contact" },
              features: [
                "25% off all products",                "Priority shipping (24hr NYC)",                "Bi-weekly wellness guide",                "Expert consultation (2x/month)",                "Exclusive product access"
              ]
            },
            {
              id: "elite",              title: "Elite",              price: "$99",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/woman-practising-yoga-park-looking-involved_259150-58681.jpg",              imageAlt: "Elite Plan",              button: { text: "Become Elite", href: "#contact" },
              features: [
                "35% off all products",                "Same-day NYC delivery",                "Weekly personalized plan",                "Unlimited expert consultations",                "VIP early access",                "Quarterly health assessment"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Real people, real results. Discover why thousands of New Yorkers trust Vitality for their wellness journey."
          tag="Customer Stories"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Fitness Trainer",              company: "NYC Fitness Studio",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              role: "Executive",              company: "Manhattan Tech Corp",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Professional Athlete",              company: "Elite Sports",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Torres",              role: "Health Coach",              company: "NYC Wellness Center",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Michael Torres"
            },
            {
              id: "5",              name: "Patricia Johnson",              role: "Nutritionist",              company: "Upper West Side Clinic",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              imageAlt: "Patricia Johnson"
            },
            {
              id: "6",              name: "David Kim",              role: "Wellness Director",              company: "Corporate Health",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "David Kim"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about Vitality supplements and our membership plans."
          faqs={[
            {
              id: "1",              title: "Are all Vitality supplements third-party tested?",              content: "Yes, every single product undergoes rigorous third-party testing for purity, potency, and safety. We maintain certifications from NSF, USP, and other leading organizations."
            },
            {
              id: "2",              title: "What is 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: "How fast is shipping to NYC?",              content: "Members receive free 24-hour shipping on all orders placed before 2 PM EST. Non-members can opt for 2-3 day delivery at checkout."
            },
            {
              id: "4",              title: "Can I get personalized supplement recommendations?",              content: "Absolutely! All Premium and Elite members receive consultations with our certified nutrition specialists. They'll assess your goals and create a personalized supplement plan."
            },
            {
              id: "5",              title: "Do you offer international shipping?",              content: "Currently, we ship to all US states and select international locations. Contact our team for specific international shipping options."
            },
            {
              id: "6",              title: "Are your supplements vegan or vegetarian?",              content: "We offer a wide selection of both vegan and non-vegan supplements. Each product is clearly labeled, and our team can help you find options that match your dietary preferences."
            }
          ]}
          textPosition="left"
          animationType="smooth"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Join 50,000+ wellness seekers. Get exclusive offers, expert tips, and early access."
          animationType="background-highlight"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Products", href: "products" },
                { label: "Best Sellers", href: "products" },
                { label: "New Arrivals", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Mission", href: "about" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "faq" },
                { label: "Shipping Info", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Vitality. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}