"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { MessageCircle, Instagram, Facebook, Twitter, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="VITALIS"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Benefits", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="VITALIS"
          description="Premium supplements crafted in NYC for the health-conscious. Scientifically formulated, naturally sourced, and designed for optimal wellness."
          imageSrc="https://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg"
          imageAlt="Premium supplement collection"
          frameStyle="card"
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Wellness Reimagined"
          description="At VITALIS, we believe premium health supplements should be accessible, transparent, and effective. Since 2018, we've been sourcing the finest ingredients from around the world and crafting formulations that truly make a difference in your health journey. Our commitment to quality means every product is tested, verified, and backed by science."
          tag="Our Story"
          imageSrc="https://img.b2bpic.net/free-photo/natural-handmade-soap-plants-gray-background_93675-135163.jpg"
          imageAlt="VITALIS brand philosophy"
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "Explore Our Philosophy",              href: "#features"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwenty
          title="Supplement Excellence"
          description="Each VITALIS product is engineered with precision, combining ancient wellness wisdom with modern nutritional science. We source only the highest quality ingredients and verify every batch for purity and potency. Your health deserves nothing less than premium."
          tag="Why Choose VITALIS"
          images={[
            {
              id: 1,
              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-items-spa-therapy_23-2148290933.jpg",              imageAlt: "Energy and vitality support"
            },
            {
              id: 2,
              imageSrc: "https://img.b2bpic.net/free-photo/skincare-products-bowl-with-copy-space_23-2148317656.jpg",              imageAlt: "Immune system strengthening"
            },
            {
              id: 3,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-zero-waste-products-arrangement_23-2148491118.jpg",              imageAlt: "Recovery and performance optimization"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Shop Premium Supplements",              href: "#products"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Premium Collection"
          description="Handpicked formulations for every wellness goal. Each product is third-party tested and crafted to the highest standards."
          tag="Shop Now"
          products={[
            {
              id: "1",              name: "Daily Multivitamin Complex",              price: "$49.99",              imageSrc: "https://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769474.jpg",              imageAlt: "Daily Multivitamin Complex supplement bottle",              initialQuantity: 1
            },
            {
              id: "2",              name: "Premium Protein Powder",              price: "$59.99",              imageSrc: "https://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769462.jpg",              imageAlt: "Premium Protein Powder container",              initialQuantity: 1
            },
            {
              id: "3",              name: "Omega-3 Fish Oil",              price: "$44.99",              imageSrc: "https://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760059.jpg",              imageAlt: "Omega-3 Fish Oil supplement capsules",              initialQuantity: 1
            },
            {
              id: "4",              name: "Marine Collagen Peptides",              price: "$64.99",              imageSrc: "https://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769502.jpg",              imageAlt: "Marine Collagen Peptides premium supplement",              initialQuantity: 1
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Trusted by NYC Wellness Leaders"
          description="See how VITALIS has transformed the health journeys of thousands of customers."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              quote: "VITALIS supplements have been a game-changer for my fitness routine. The quality is exceptional and I can feel the difference in my energy levels and recovery.",              name: "Sarah Mitchell",              role: "Fitness Instructor",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Mitchell testimonial"
            },
            {
              id: "2",              quote: "As someone who's tried countless supplement brands, VITALIS stands out for their transparency and effectiveness. Worth every penny.",              name: "James Chen",              role: "Nutritionist & Wellness Coach",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "James Chen testimonial"
            },
            {
              id: "3",              quote: "I love that VITALIS products are premium yet accessible. My whole family uses them and we've noticed significant improvements in our overall health.",              name: "Elizabeth Rodriguez",              role: "Health Advocate",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",              imageAlt: "Elizabeth Rodriguez testimonial"
            },
            {
              id: "4",              quote: "The attention to detail and quality control at VITALIS is impressive. These aren't just supplements—they're an investment in your health.",              name: "David Park",              role: "CEO, Wellness Tech Company",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "David Park testimonial"
            },
            {
              id: "5",              quote: "Finally found supplements that actually work and taste good. VITALIS has become essential to my daily wellness routine.",              name: "Amanda Thompson",              role: "Holistic Health Practitioner",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Amanda Thompson testimonial"
            },
            {
              id: "6",              quote: "Supporting a local NYC supplement brand that doesn't compromise on quality is a no-brainer. VITALIS is my go-to recommendation.",              name: "Michael Foster",              role: "Sports Medicine Doctor",              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg",              imageAlt: "Michael Foster testimonial"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get Expert Guidance"
          ctaDescription="Have questions about which supplements are right for you? Our wellness advisors are here to help."
          ctaIcon={MessageCircle}
          ctaButton={{
            text: "Contact Our Team",            href: "mailto:hello@vitalisnyc.com"
          }}
          faqs={[
            {
              id: "1",              title: "Are VITALIS supplements third-party tested?",              content: "Yes, every batch of VITALIS supplements undergoes rigorous third-party testing for purity, potency, and contaminants. We maintain full transparency about our testing protocols and results are available upon request."
            },
            {
              id: "2",              title: "What makes VITALIS supplements premium?",              content: "Our premium designation reflects our commitment to sourcing the finest ingredients, using advanced formulation techniques, and maintaining the highest manufacturing standards. Each product is designed for maximum bioavailability and efficacy."
            },
            {
              id: "3",              title: "How quickly will I see results?",              content: "Results vary by individual and product type. Most customers report noticing improvements in energy, recovery, or overall wellness within 2-4 weeks of consistent use. We recommend consulting our wellness advisors for personalized guidance."
            },
            {
              id: "4",              title: "Do you offer subscriptions?",              content: "Yes! Our subscription service provides 15% off your regular orders and ensures you never run out of your favorite supplements. You can modify, pause, or cancel anytime."
            },
            {
              id: "5",              title: "Are VITALIS products vegan and gluten-free?",              content: "Most of our line is vegan and gluten-free, with specific information clearly labeled on each product page. Some formulations contain sustainably-sourced marine ingredients. Check individual product details for complete nutritional information."
            }
          ]}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="VITALIS"
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Products", href: "#products" },
                { label: "Multivitamins", href: "#products" },
                { label: "Protein & Sports", href: "#products" },
                { label: "Beauty & Wellness", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#contact" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/vitalisnyc",              ariaLabel: "Follow us on Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/vitalisnyc",              ariaLabel: "Follow us on Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/vitalisnyc",              ariaLabel: "Follow us on Twitter"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/vitalisnyc",              ariaLabel: "Connect with us on LinkedIn"
            }
          ]}
          copyrightText="© VITALIS, Inc. 2025. All rights reserved. NYC-based wellness."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}