"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ChefHat, Heart, HelpCircle, Leaf, Mail, Sparkles, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="none"
      cardStyle="outline"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="NutriLife"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Recipes", id: "products" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title={'"Wellness Journey"'}
          description="Discover delicious, healthy food that fuels your body and mind. Transform your eating habits with our nutrition guidance, easy recipes, and wellness tips designed for busy, health-conscious individuals."
          tag="Wellness Journey"
          tagIcon={Leaf}
          background={{ variant: "glowing-orb" }}
          imageSrc="https://img.b2bpic.net/free-photo/sliced-cabbage-bell-pepper-cucumber-wooden-kitchen-board-top-view_169016-50121.jpg"
          imageAlt="Fresh, colorful healthy food and vegetables"
          imagePosition="right"
          buttons={[
            { text: "Start Your Journey Today", href: "contact" },
            { text: "Explore Recipes", href: "products" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Healthy eating isn't about restriction—it's about nourishing your body with foods that energize you, improve your focus, and support your long-term wellness goals. We believe small, consistent choices lead to transformative results."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Personalized Nutrition Guidance"
          description="Navigate the world of nutrition with confidence. Our expert-backed resources help you understand food labels, balance macronutrients, and make informed choices that fit your lifestyle and goals."
          tag="Features"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/diet-concept-with-female-scientist-healthy-food_23-2148193255.jpg"
          imageAlt="Nutrition information and healthy eating guide"
          mediaPosition="left"
          useInvertedBackground="noInvert"
          accordionItems={[
            {
              id: "1",              title: "Balanced Macro Ratios",              content: "Learn the optimal balance of proteins, carbohydrates, and fats for your specific health and fitness goals. Our guides help you structure meals that keep you satisfied and energized throughout the day."
            },
            {
              id: "2",              title: "Easy Meal Planning",              content: "Save time with our simple meal planning templates. Mix and match recipes, generate shopping lists, and prepare healthy meals even on your busiest weeks without compromising nutrition."
            },
            {
              id: "3",              title: "Budget-Friendly Options",              content: "Eating healthy doesn't need to drain your wallet. Discover affordable, nutritious ingredients and smart shopping strategies that support both your health and your budget."
            }
          ]}
          buttons={[
            { text: "Start Planning", href: "contact" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Healthy Recipes"
          description="Discover our collection of nutritionist-approved recipes designed for busy professionals, fitness enthusiasts, and families. Quick, delicious, and packed with nutrients."
          tag="Recipes"
          tagIcon={ChefHat}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              name: "Protein Power Smoothie Bowl",              price: "$12",              variant: "Berries | Gluten-Free",              imageSrc: "https://img.b2bpic.net/free-photo/acai-smoothie-coconut-shell-with-orange-juice_53876-124339.jpg",              imageAlt: "Colorful smoothie bowl with berries and granola"
            },
            {
              id: "2",              name: "Fresh Garden Salad",              price: "$10",              variant: "Organic | Vegan-Friendly",              imageSrc: "https://img.b2bpic.net/free-photo/acai-coconut-shell-healthy-meal-summer-vibes_53876-124345.jpg",              imageAlt: "Fresh green salad with mixed vegetables"
            },
            {
              id: "3",              name: "Quinoa Buddha Bowl",              price: "$14",              variant: "Plant-Based | High Protein",              imageSrc: "https://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-assortment_23-2149185987.jpg",              imageAlt: "Balanced Buddha bowl with grains and vegetables"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title={'"NutriLife"'}
          description="Join thousands of individuals who've transformed their relationship with food and achieved lasting wellness results through our guidance and community."
          tag="Results"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "50K+",              title: "Active Community Members",              description: "Health-conscious individuals following our nutrition programs",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-doctor-showing-results-patient_23-2148302133.jpg",              imageAlt: "Community of healthy people exercising together"
            },
            {
              id: "2",              value: "500+",              title: "Healthy Recipes",              description: "Nutritionist-approved recipes for every lifestyle and preference",              imageSrc: "https://img.b2bpic.net/free-photo/preparation-healthy-food-from-organic-products-table_169016-6247.jpg",              imageAlt: "Collection of healthy recipe ideas and meal plans"
            },
            {
              id: "3",              value: "95%",              title: "Wellness Success Rate",              description: "Members report improved energy, health, and eating habits",              imageSrc: "https://img.b2bpic.net/free-photo/female-nutritionist-giving-consultation-patient-making-diet-plan-weight-loss-clinic_657921-288.jpg",              imageAlt: "Wellness transformation and health benefits results"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by thousands of health-conscious individuals who've transformed their eating habits and health outcomes"
          cardTag="See what our community says"
          cardTagIcon={Heart}
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Johnson - busy professional"
            },
            {
              id: "2",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",              imageAlt: "Michael Chen - fitness enthusiast"
            },
            {
              id: "3",              name: "Emma Davis",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Emma Davis - health-conscious parent"
            },
            {
              id: "4",              name: "James Wilson",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "James Wilson - wellness advocate"
            },
            {
              id: "5",              name: "Lisa Anderson",              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              imageAlt: "Lisa Anderson - nutrition enthusiast"
            },
            {
              id: "6",              name: "David Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "David Martinez - fitness professional"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about nutrition, healthy eating, meal planning, and our wellness resources."
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How do I start eating healthier if I'm short on time?",              content: "Start with simple swaps: meal prep one batch of grains or proteins on Sunday, keep frozen vegetables stocked, and use our quick recipe collection designed for busy schedules. Even 15 minutes of meal planning can save you hours during the week."
            },
            {
              id: "2",              title: "What does a balanced meal look like?",              content: "A balanced plate typically includes: 1/4 lean protein (chicken, fish, legumes), 1/4 whole grains (brown rice, quinoa), and 1/2 colorful vegetables. Add healthy fats from olive oil, avocados, or nuts. Our nutrition guides provide visual examples for different calorie targets."
            },
            {
              id: "3",              title: "Are your recipes suitable for dietary restrictions?",              content: "Yes! We offer recipes labeled as gluten-free, vegan, dairy-free, keto, and more. Use our filter feature to find meals that match your specific dietary needs and preferences."
            },
            {
              id: "4",              title: "How can I maintain healthy eating habits long-term?",              content: "Focus on consistency over perfection. Start with small, sustainable changes, find recipes you genuinely enjoy, build a supportive community, and practice mindful eating. Our 8-week wellness program provides structure and accountability."
            },
            {
              id: "5",              title: "Do you offer personalized nutrition coaching?",              content: "We provide self-guided nutrition resources, meal plans, and community support. For personalized coaching, we recommend consulting with a registered dietitian who can assess your individual needs and goals."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Updated"
          title="Join Our Wellness Community"
          description="Subscribe to our newsletter for weekly healthy recipes, nutrition tips, wellness challenges, and exclusive resources delivered straight to your inbox."
          tagIcon={Mail}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe anytime. Check out our privacy policy for more info."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="NutriLife"
          copyrightText="© 2025 NutriLife. All rights reserved. Promoting healthy eating, one meal at a time."
          columns={[
            {
              title: "Resources",              items: [
                { label: "Recipes", href: "products" },
                { label: "Nutrition Guide", href: "features" },
                { label: "Meal Planning", href: "about" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Newsletter", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}