"use client"

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Milk Benefits"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Benefits", id: "feature" },
            { name: "Education", id: "about" },
            { name: "Science", id: "metric" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Learn More",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="MILK"
          description="Discover the powerful nutrients in milk that support strong bones, energy, and overall wellness"
          buttons={[
            { text: "Learn More About Milk's Benefits Today", href: "feature" },
            { text: "Explore Nutrition Facts", href: "metric" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/glass-milk-natural-background_93675-128777.jpg",              imageAlt: "Fresh milk in glass"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-athletic-woman-adding-strawberries-while-making-fruit-salad-kitchen_637285-6186.jpg",              imageAlt: "Healthy lifestyle wellness"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/lesbian-couple-with-their-son-preparing-some-food_23-2149099731.jpg",              imageAlt: "Family health and nutrition"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline
          tag="The Science of Milk"
          title="Nature's Complete Nutritional Source"
          description="Milk is a naturally rich source of essential nutrients that your body needs. From calcium for strong bones to proteins for muscle development, milk provides a comprehensive nutritional profile that supports your health at every stage of life. Whether you're growing, maintaining strength, or aging gracefully, milk's balanced combination of vitamins, minerals, and proteins makes it an invaluable addition to a healthy diet."
          phoneOne={{
            imageSrc: "https://img.b2bpic.net/free-vector/nutrition-facts-food-labels-information_24908-59473.jpg",            imageAlt: "Milk nutrition information"
          }}
          phoneTwo={{
            imageSrc: "https://img.b2bpic.net/free-photo/young-sportswoman-making-herself-healthy-smoothie-slicing-fresh-fruit-kitchen_637285-596.jpg",            imageAlt: "Calcium for bone health"
          }}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Discover All Benefits", href: "feature" }
          ]}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardEleven
          tag="Health Benefits"
          title="How Milk Fuels Your Wellbeing"
          description="Milk provides essential nutrients that work together to support your body's key functions and long-term health"
          features={[
            {
              id: 1,
              title: "Strong Bones & Teeth",              description: "Rich in calcium and vitamin D, milk is the cornerstone of skeletal health. These nutrients work synergistically to build bone density, prevent mineral loss, and maintain strong teeth throughout your life. Regular milk consumption supports bone health from childhood development through aging.",              imageSrc: "https://img.b2bpic.net/free-photo/elder-woman-doing-sport-bedroom_23-2148341492.jpg",              imageAlt: "Strong bones health"
            },
            {
              id: 2,
              title: "Energy & Muscle Development",              description: "Milk contains high-quality proteins with all essential amino acids your muscles need. These proteins support muscle growth, recovery after exercise, and sustained energy levels. The carbohydrates in milk also help replenish glycogen stores for optimal performance.",              imageSrc: "https://img.b2bpic.net/free-photo/pretty-sport-woman-doing-yoga-exercises-park_231208-12429.jpg",              imageAlt: "Energy and vitality"
            },
            {
              id: 3,
              title: "Overall Wellness & Immunity",              description: "Beyond calcium and protein, milk provides vitamin A for vision, B vitamins for metabolism, and immunoglobulins for immune support. This comprehensive nutrient profile contributes to overall health, cellular function, and your body's natural defense systems.",              imageSrc: "https://img.b2bpic.net/free-photo/young-smiling-couple-enjoying-piggyback-ride-laughing_171337-6033.jpg",              imageAlt: "Health and wellness"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          usePrimaryButtonImage={false}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardFive
          title="Quality Milk Products"
          description="Choose from a variety of milk products to fit your lifestyle and dietary preferences"
          products={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/dairy-products_114579-8756.jpg",              imageAlt: "Fresh milk bottle",              button: { text: "Learn More" }
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/view-allergens-commonly-found-dairy_23-2150170319.jpg",              imageAlt: "Healthy yogurt",              button: { text: "Learn More" }
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/simple-vintage-bottle-filled-with-fresh-milk-thick-wooden-table-closed-with-black-cap-cafe-shop_346278-510.jpg",              imageAlt: "Nutritious cheese",              button: { text: "Learn More" }
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardEleven
          tag="Nutritional Science"
          title="The Nutritional Profile of Milk"
          description="Every glass of milk delivers essential nutrients that work together to support your health"
          metrics={[
            {
              id: "1",              value: "300mg",              title: "Calcium Per Serving",              description: "Essential mineral for bone strength and density",              imageSrc: "https://img.b2bpic.net/free-vector/nutrition-label-collection-design_23-2149522443.jpg",              imageAlt: "Calcium nutrition"
            },
            {
              id: "2",              value: "8g",              title: "Protein Content",              description: "High-quality complete protein for muscle support",              imageSrc: "https://img.b2bpic.net/free-photo/happy-athletic-woman-cutting-fruit-while-preparing-healthy-meal-kitchen_637285-6179.jpg",              imageAlt: "Protein and health"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFifteen
          testimonial="Adding milk to my daily routine transformed my energy levels and I can feel the difference in my bone health. The science-backed information on this site convinced me of milk's importance."
          rating={5}
          author="Dr. Sarah Mitchell, Nutritionist"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Sarah Mitchell" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "John Smith" },
            { src: "https://img.b2bpic.net/free-photo/portrait-woman-therapist_23-2148759115.jpg", alt: "Emily Chen" },
            { src: "https://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg", alt: "Michael Johnson" },
            { src: "https://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", alt: "Jessica Williams" },
            { src: "https://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg", alt: "David Brown" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions About Milk & Health"
          sideDescription="Clear, science-based answers to help you understand milk's role in your wellness journey"
          faqs={[
            {
              id: "1",              title: "Is milk suitable for lactose-intolerant individuals?",              content: "Yes! Lactose-free milk options provide all the nutritional benefits of regular milk without digestive discomfort. Additionally, many people find that certain dairy products like yogurt and cheese contain lower lactose levels due to fermentation processes."
            },
            {
              id: "2",              title: "How much milk should I consume daily?",              content: "Most health guidelines recommend 2-3 servings of dairy per day for adults. One serving equals 1 cup of milk or yogurt, or 1.5 ounces of cheese. However, individual needs may vary based on age, activity level, and health status."
            },
            {
              id: "3",              title: "Does milk help with bone health?",              content: "Absolutely. Milk is an excellent source of calcium and vitamin D, both crucial for bone formation and strength. Studies show that adequate dairy consumption throughout life reduces the risk of osteoporosis and bone fractures."
            },
            {
              id: "4",              title: "Is whole milk better than low-fat or skim?",              content: "Each type has benefits. Whole milk contains fat-soluble vitamins and provides satiety, while low-fat and skim milk contain fewer calories. The best choice depends on your dietary goals and preferences. All provide similar calcium and protein content."
            },
            {
              id: "5",              title: "Can children drink milk safely?",              content: "Yes, milk is excellent for children's development. It supports bone growth, muscle development, and provides essential nutrients for cognitive development. Most children benefit from 2-3 servings of dairy daily, though individual needs vary by age."
            },
            {
              id: "6",              title: "Does milk contain important vitamins?",              content: "Yes, milk is naturally rich in B vitamins (including B12), vitamin A, and vitamin D. These vitamins support energy metabolism, immune function, and nutrient absorption, making milk a well-rounded nutritional choice."
            }
          ]}
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Informed"
          title="Subscribe to Health Tips & Latest Research"
          description="Get evidence-based nutrition insights delivered to your inbox. Stay updated on the latest scientific discoveries about milk's role in wellness."
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe at any time. You'll receive wellness updates and nutrition tips."
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Milk Benefits"
        />
      </div>
    </ThemeProvider>
  );
}