"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Apple, BarChart2, LineChart, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="medium"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Platform",
          id: "#platform",
        },
        {
          name: "Impact",
          id: "#insights",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQs",
          id: "#faqs",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/blue-3d-map-icon-white-background_187299-46275.jpg"
      brandName="AI Health 3D"
      button={{
        text: "Get Started",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "canvas-reveal",
      }}
      title="AI Health 3D: Empowering Your Well-being with Precision"
      description="Discover personalized health insights through our cutting-edge AI platform. From optimized nutrition plans to advanced 3D facial bone development analysis, we provide the tools for a healthier future."
      tag="Revolutionizing Health"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Explore Features",
          href: "#features",
        },
        {
          text: "Get Started",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521324.jpg?_wi=1"
      imageAlt="AI Health 3D platform interface with facial scan and data visualizations"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Our Vision: Integrating AI, Nutrition, and 3D Anatomy",
        },
      ]}
      buttons={[
        {
          text: "Learn More",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "AI-Driven Nutritional Guidance",
          description: "Receive personalized meal plans and dietary recommendations tailored to your unique needs, health goals, and genetic profile, optimized by advanced AI algorithms.",
          icon: Apple,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-concept-with-tablet_23-2147802987.jpg",
              imageAlt: "AI-generated meal plan on a screen",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186459.jpg",
              imageAlt: "Person cooking with AI-generated recipe",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/blue-3d-map-icon-white-background_187299-46275.jpg",
          imageAlt: "AI personalized meal plan software",
        },
        {
          title: "3D Facial Bone Development",
          description: "Utilize state-of-the-art 3D scanning and modeling to track and analyze facial bone system development, identifying key insights for growth and health over time.",
          icon: BarChart2,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/skeleton-studio_23-2150891662.jpg",
              imageAlt: "Detailed 3D model of a facial bone structure",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/healthcare-experts-discuss-recovery-strategies-treatment-center_482257-123173.jpg",
              imageAlt: "Person being scanned in 3D for facial modeling",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521324.jpg?_wi=2",
          imageAlt: "AI personalized meal plan software",
        },
        {
          title: "Personalized Health Insights",
          description: "Gain a deeper understanding of your body with AI-powered analytics that connect dietary habits, activity, and anatomical data for a holistic view of your health.",
          icon: LineChart,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/empty-doctor-office-featuring-modern-medical-equipment-pills_482257-124730.jpg",
              imageAlt: "Health dashboard with personalized insights",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-discussing-with-doctor-video-conference-call_482257-123966.jpg",
              imageAlt: "Doctor discussing AI health report with patient",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-assistant-highlights-collagen-rich-cosmetics-skin-treatment_482257-122741.jpg",
          imageAlt: "AI personalized meal plan software",
        },
      ]}
      title="Advanced AI Features for Holistic Health"
      description="Our platform combines the power of artificial intelligence, detailed 3D modeling, and comprehensive nutritional science to deliver unparalleled insights into your well-being."
    />
  </div>

  <div id="platform" data-section="platform">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "nutrition-coach",
          name: "AI Nutrition Coach",
          price: "$19.99/month",
          variant: "Premium Plan",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2148898551.jpg",
          imageAlt: "AI Nutrition Coaching app on smartphone",
        },
        {
          id: "facial-tracker",
          name: "3D Facial Growth Tracker",
          price: "$29.99/month",
          variant: "Pro Access",
          imageSrc: "http://img.b2bpic.net/free-photo/combination-facial-features-portrait_23-2150065636.jpg",
          imageAlt: "3D Facial Bone Development Tracker on tablet",
        },
        {
          id: "wellness-hub",
          name: "Holistic Wellness Hub",
          price: "$39.99/month",
          variant: "Ultimate Package",
          imageSrc: "http://img.b2bpic.net/free-photo/active-woman-using-digital-device_53876-30638.jpg",
          imageAlt: "AI Wellness Hub dashboard on desktop",
        },
        {
          id: "modeling-suite",
          name: "3D Modeling Suite",
          price: "$49.99/month",
          variant: "Expert Tools",
          imageSrc: "http://img.b2bpic.net/free-photo/hospital-staff-examine-cardiovascular-x-ray-results-discuss-treatment-option_482257-123158.jpg",
          imageAlt: "Professional 3D anatomical modeling software interface",
        },
        {
          id: "research-insights",
          name: "Research Insights Access",
          price: "$59.99/month",
          variant: "Data Analyst",
          imageSrc: "http://img.b2bpic.net/free-photo/ceo-leading-corporate-briefing-meeting-present-monthly-statistics_482257-100514.jpg",
          imageAlt: "Data visualization of health research insights",
        },
        {
          id: "virtual-consult",
          name: "Virtual AI Consult",
          price: "$9.99/session",
          variant: "On-Demand",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-father-with-ill-daughter-consulting-doctor-via-video-call-about-prescription-medicines-coronavirus-pandemic_637285-12290.jpg",
          imageAlt: "Virtual consultation with an AI health assistant",
        },
      ]}
      title="Our Transformative AI Health Solutions"
      description="Explore the comprehensive suite of tools and services offered by AI Health 3D, designed to cater to every aspect of your personalized health journey."
    />
  </div>

  <div id="insights" data-section="insights">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric-1",
          value: "10,000+",
          title: "Active Users",
          description: "Our community is growing rapidly, benefiting from personalized health insights daily.",
          imageSrc: "http://img.b2bpic.net/free-photo/our-world-connected-social-networking-interconnection-concept_53876-21158.jpg",
          imageAlt: "Global map showing active users",
        },
        {
          id: "metric-2",
          value: "95%",
          title: "Customer Satisfaction",
          description: "Users consistently rate our platform high for its accuracy, ease of use, and impactful results.",
          imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367141.jpg",
          imageAlt: "Pie chart showing 95% satisfaction",
        },
        {
          id: "metric-3",
          value: "5 Years",
          title: "AI Innovation",
          description: "A testament to our continuous research and development in AI-driven health technology.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-working-laptop-network-graphic-overlay_53876-123687.jpg",
          imageAlt: "Timeline graphic showing 5 years of innovation",
        },
      ]}
      title="Impact & Innovation: Our Journey So Far"
      description="Witness the tangible impact and continuous innovation driving AI Health 3D forward, as reflected in our key metrics and user success stories."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Dr. Sarah Chen",
          handle: "@HealthInnovator",
          testimonial: "AI Health 3D has revolutionized my practice. The facial bone development analysis with 3D tech provides unparalleled insights for my patients. It's a game-changer for preventive health!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-female-dietician-holding-green-apple-with-food-clipboard-desk_23-2147882184.jpg",
          imageAlt: "Dr. Sarah Chen professional headshot",
        },
        {
          id: "2",
          name: "Michael Rodriguez",
          handle: "@NutriGuru",
          testimonial: "As a nutritionist, I'm always looking for precision. The AI-driven meal plans are incredibly effective and tailored. My clients love the detailed, actionable guidance.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-diverse-business-team-standing-row_1262-3845.jpg",
          imageAlt: "Michael Rodriguez professional headshot",
        },
        {
          id: "3",
          name: "Emily White",
          handle: "@WellnessJourney",
          testimonial: "I was skeptical, but the personalized health insights from AI Health 3D are truly transformative. Understanding my body's unique needs has never been easier or more accurate.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980746.jpg",
          imageAlt: "Emily White professional headshot",
        },
        {
          id: "4",
          name: "David Kim",
          handle: "@FutureHealth",
          testimonial: "The 3D visualization of facial bone structure is mind-blowing. It's not just technology; it's a window into my child's future health. A must-have for proactive parenting.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-with-cream-noses_23-2147807805.jpg",
          imageAlt: "David Kim professional headshot",
        },
        {
          id: "5",
          name: "Jessica Lee",
          handle: "@BioHacker",
          testimonial: "Beyond impressive! This platform integrates so many data points to give a truly holistic view. It's an essential tool for anyone serious about optimizing their health.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg",
          imageAlt: "Jessica Lee professional headshot",
        },
        {
          id: "6",
          name: "Alex Johnson",
          handle: "@TechForGood",
          testimonial: "The combination of AI and 3D medical tech is brilliantly executed. AI Health 3D delivers on its promise of advanced, accessible health management. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/male-entrepreneur-taking-phone-call-share-insight-kpi-metrics_482257-126552.jpg",
          imageAlt: "Alex Johnson professional headshot",
        },
      ]}
      showRating={true}
      title="What Our Community Says"
      description="Hear directly from our users and medical professionals about how AI Health 3D is making a tangible difference in their lives and practices."
    />
  </div>

  <div id="faqs" data-section="faqs">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "How does the AI personalize my nutrition plan?",
          content: "Our AI analyzes your dietary preferences, activity levels, health goals, and even integrates with genetic data (optional) to create a dynamic, optimized nutrition plan tailored just for you.",
        },
        {
          id: "faq-2",
          title: "What is 3D facial bone development analysis?",
          content: "We use advanced 3D imaging technology to create a detailed model of your facial bone structure. Our AI then analyzes growth patterns and identifies potential areas for attention related to health and development.",
        },
        {
          id: "faq-3",
          title: "Is my health data secure and private?",
          content: "Absolutely. We employ industry-leading encryption and strict privacy protocols to ensure your health data is secure, anonymous, and compliant with global health data regulations.",
        },
        {
          id: "faq-4",
          title: "Can I integrate data from my wearable devices?",
          content: "Yes, our platform is designed to seamlessly integrate with a wide range of popular wearable fitness and health trackers, providing a more comprehensive view of your well-being.",
        },
        {
          id: "faq-5",
          title: "Do I need special equipment for 3D scanning?",
          content: "Our 3D analysis can often leverage existing smartphone capabilities or work with readily available accessories. We provide clear guidance on how to get started with minimal additional equipment.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our AI-powered health platform, its features, and how it can benefit you."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Connect with AI Health 3D"
      description="Have questions or need support? Our team is here to assist you. Reach out to us and start your journey towards a healthier, more informed future."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number (Optional)",
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/older-woman-listening-online-documentary-topic-she-studies-taking-notes-finding-more_482257-136155.jpg"
      imageAlt="Futuristic customer support center with AI assistants"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-photo/blue-3d-map-icon-white-background_187299-46275.jpg"
      logoAlt="AI Health 3D Logo"
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Features",
              href: "#features",
            },
          ],
        },
        {
          items: [
            {
              label: "Platform",
              href: "#platform",
            },
            {
              label: "Impact",
              href: "#insights",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
          ],
        },
        {
          items: [
            {
              label: "FAQs",
              href: "#faqs",
            },
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Support",
              href: "#",
            },
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
      ]}
      logoText="AI Health 3D"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
