"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Sparkles, Award, CheckCircle, Truck, Shield, Clock, MessageCircle, Mail, Phone, Users, TrendingUp, Twitter, Linkedin, Instagram } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="medium"
      background="blurBottom"
      cardStyle="subtle-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Novalys Peptides"
          navItems={[
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Shop Now", href: "#products" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Premium Peptides for Peak Performance"
          description="Scientifically formulated peptide solutions designed for optimal health, recovery, and longevity. Experience the future of wellness."
          tag="Clinical Grade"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/vaccine-injection-bottles-with-white-label-row_53876-167237.jpg"
          imageAlt="Peptide product showcase with scientific equipment"
          buttons={[
            { text: "Explore Products", href: "#products" },
            { text: "Learn More", href: "#about" },
          ]}
          buttonAnimation="slide-up"
          className="min-h-screen"
        />
      </div>

      <div id="products" data-section="products">
        <div className="pb-8">
          <div className="text-center max-w-2xl mx-auto">
            <div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-green-100 text-green-700 text-sm font-medium mb-4">
              <CheckCircle className="w-4 h-4" />
              <span>100% Third-Party Tested</span>
            </div>
            <h3 className="text-lg font-semibold text-gray-900 mb-2">Quality You Can Trust</h3>
            <p className="text-gray-600">Every batch is independently verified for purity and potency. Plus, enjoy our <span className="font-semibold text-green-700">30-Day Money-Back Guarantee</span> — your satisfaction is guaranteed.</p>
          </div>
        </div>
        <ProductCardFour
          title="Our Premium Peptide Collection"
          description="Handpicked, laboratory-verified peptides formulated for specific health and performance goals. All products are third-party tested for purity and potency."
          tag="Best Sellers"
          tagIcon={Award}
          tagAnimation="slide-up"
          products={[
            {              id: "1",              name: "BPC-157 Advanced Formula",              price: "$89.99",              variant: "10mg | 5 Vials",              imageSrc: "http://img.b2bpic.net/free-photo/medicine-vaccine-bottles_181624-40551.jpg?_wi=1",              imageAlt: "BPC-157 peptide vials"},
            {              id: "2",              name: "TB-500 Recovery Complex",              price: "$79.99",              variant: "5mg | 3 Vials",              imageSrc: "http://img.b2bpic.net/free-photo/medicine-vaccine-bottles_181624-40551.jpg?_wi=2",              imageAlt: "TB-500 recovery peptide"},
            {              id: "3",              name: "AOD-9604 Fat Loss Support",              price: "$69.99",              variant: "5mg | 4 Vials",              imageSrc: "http://img.b2bpic.net/free-photo/laboratory-test-tube-with-coronavirus-vaccine_637285-4809.jpg?_wi=1",              imageAlt: "AOD-9604 metabolism peptide"},
            {              id: "4",              name: "Semax Cognitive Enhancer",              price: "$84.99",              variant: "3mg | 6 Vials",              imageSrc: "http://img.b2bpic.net/free-photo/laboratory-test-tube-with-coronavirus-vaccine_637285-4809.jpg?_wi=2",              imageAlt: "Semax nootropic peptide"},
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View All Products", href: "#" }]}
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <FeatureBento
          title="Why Choose Novalys Peptides"
          description="We deliver premium quality peptides with rigorous testing, scientific backing, and customer satisfaction as our core values."
          tag="Quality Assured"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              title: "Laboratory Verified",              description: "Every batch undergoes third-party testing for purity, potency, and contamination screening.",              bentoComponent: "globe"},
            {
              title: "Scientific Formulation",              description: "Our peptides are formulated based on peer-reviewed research and clinical studies.",              bentoComponent: "animated-bar-chart"},
            {
              title: "Fast & Secure Shipping",              description: "Discreet packaging with temperature-controlled shipping to ensure product integrity.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Truck, label: "Shipping", value: "24-48 Hours" },
                { icon: Shield, label: "Security", value: "100% Safe" },
                { icon: Clock, label: "Storage", value: "Optimal Conditions" },
              ],
            },
            {
              title: "Expert Support",              description: "Our team of peptide specialists is available to answer questions and provide guidance.",              bentoComponent: "3d-stack-cards",              items: [
                {
                  icon: MessageCircle,
                  title: "Chat Support",                  subtitle: "24/7 Available",                  detail: "Real-time assistance for all inquiries"},
                {
                  icon: Mail,
                  title: "Email Support",                  subtitle: "Fast Response",                  detail: "Detailed answers within 2 hours"},
                {
                  icon: Phone,
                  title: "Phone Support",                  subtitle: "Expert Guidance",                  detail: "Direct access to our specialists"},
              ],
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          carouselMode="buttons"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Health Professionals"
          description="Leading fitness coaches, medical professionals, and wellness experts recommend Novalys Peptides."
          tag="Industry Leaders"
          tagIcon={Users}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Elite Fitness Pro",            "Recovery Lab",            "Wellness Institute",            "Performance Hub",            "Health Optimization",            "Athletic Science",            "Longevity Center",            "Biohacking Academy"]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Novalys by the Numbers"
          description="Our commitment to quality and customer satisfaction speaks through these key metrics."
          tag="Performance Data"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "50K+",              title: "Satisfied Customers",              description: "Worldwide peptide enthusiasts trust Novalys",              imageSrc: "http://img.b2bpic.net/free-photo/colleagues-with-thumbs-up-medium-shot_23-2149008932.jpg",              imageAlt: "customer satisfaction happy users community testimonials"},
            {
              id: "2",              value: "99.8%",              title: "Purity Grade",              description: "Laboratory certified quality standards",              imageSrc: "http://img.b2bpic.net/free-photo/lab-doctor-performing-medical-exam-urine_23-2149372019.jpg",              imageAlt: "laboratory testing quality control certified verification"},
            {
              id: "3",              value: "15+",              title: "Premium Peptides",              description: "Comprehensive product lineup for all goals",              imageSrc: "http://img.b2bpic.net/free-photo/volunteer-selecting-organizing-clothes-donations-charity_23-2149230517.jpg",              imageAlt: "product range variety collection inventory"},
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about our peptides, ordering, and shipping."
          tag="Support"
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Are your peptides authentic and verified?",              content: "Yes, every batch undergoes rigorous third-party laboratory testing for purity, potency, and sterility. We provide certificates of analysis upon request, ensuring complete transparency and peace of mind."},
            {
              id: "2",              title: "What is your shipping policy?",              content: "We offer discreet, temperature-controlled shipping with 24-48 hour processing times. All orders ship with tracking information and arrive in secure, professional packaging to maintain product integrity."},
            {
              id: "3",              title: "How should I store my peptides?",              content: "Store peptides in a cool, dry place, preferably in a refrigerator at 2-8°C. Keep vials away from direct sunlight and moisture. Proper storage ensures maximum shelf life and potency."},
            {
              id: "4",              title: "Do you offer customer support?",              content: "Absolutely. Our expert team provides 24/7 support via chat, email, and phone. We're here to answer questions about products, usage, and to ensure your complete satisfaction."},
            {
              id: "5",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, cryptocurrency options, and bank transfers for maximum flexibility and security."},
            {
              id: "6",              title: "Do you offer bulk discounts?",              content: "Yes! We offer tiered pricing for bulk orders. Contact our sales team for custom quotes and wholesale opportunities."},
          ]}
          textboxLayout="default"
          faqsAnimation="slide-up"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Novalys Peptides"
          copyrightText="© 2025 Novalys Peptides. All rights reserved. Premium peptide solutions for optimal health."
          socialLinks={[
            {
              icon: Twitter,
              href: "https://twitter.com",              ariaLabel: "Twitter"},
            {
              icon: Linkedin,
              href: "https://linkedin.com",              ariaLabel: "LinkedIn"},
            {
              icon: Instagram,
              href: "https://instagram.com",              ariaLabel: "Instagram"},
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
