"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Activity, Box, Crown, Home, Laptop, Leaf, ListChecks, Scale, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Plans",          id: "#plans"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Blog",          id: "#blog"},
        {
          name: "Reference",          id: "/reference"},
      ]}
      brandName="DIETANCE"
      button={{
        text: "Book Consultation",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "plain"}}
      imagePosition="right"
      title="Transform Your Health With Expert Nutrition Guidance"
      description="Dr Shubhangi Sharma delivers personalized diet consultations combining clinical expertise with modern 3D health visualization. Achieve sustainable wellness through science-backed strategies tailored to your lifestyle."
      buttons={[
        {
          text: "Book Your Consultation Today",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/woman-using-tablet-with-summer-fruit-flat-lay_53876-133986.jpg"
      imageAlt="Dr. Shubhangi Sharma consulting a client with 3D health visualization"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/i-choose-you_329181-695.jpg",          alt: "Happy client 1"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-outdoors_23-2147956325.jpg",          alt: "Happy client 2"},
        {
          src: "http://img.b2bpic.net/free-photo/funny-young-adult-smiling-with-satisfaction_179666-2018.jpg",          alt: "Happy client 3"},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-emotiojnal-young-man-suit-poiting-with-two-finger-you_171337-9568.jpg",          alt: "Happy client 4"},
        {
          src: "http://img.b2bpic.net/free-photo/blond-business-woman-holding-hand-pocket_23-2148095771.jpg",          alt: "Happy client 5"},
      ]}
      avatarText="Trusted by over 1000+ clients"
      marqueeItems={[
        {
          type: "text-icon",          text: "Personalized Plans",          icon: ListChecks,
        },
        {
          type: "text-icon",          text: "Online Consultations",          icon: Laptop,
        },
        {
          type: "text-icon",          text: "3D Health Visualization",          icon: Box,
        },
        {
          type: "text-icon",          text: "Family Wellness",          icon: Home,
        },
        {
          type: "text-icon",          text: "Evidence-Based Nutrition",          icon: Scale,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="About Dr. Sharma"
      title="Your Journey to Sustainable Wellness Starts Here"
      description="Dr. Shubhangi Sharma is a highly qualified and experienced dietitian, committed to empowering individuals to achieve their health goals. With a clinical background and a passion for personalized care, she translates complex nutritional science into actionable, easy-to-follow plans."
      subdescription="Specializing in evidence-based strategies, Dr. Sharma utilizes innovative 3D health visualization tools to provide a deeper understanding of your body and progress, ensuring a truly tailored and effective journey towards lasting well-being."
      icon={Activity}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-person-holding-fast-food-burger_23-2151004504.jpg"
      imageAlt="Dr. Shubhangi Sharma, a professional dietitian smiling"
      mediaAnimation="opacity"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Customized Diet Plans",          description: "Receive a science-backed nutrition plan tailored specifically to your body, goals, and dietary preferences, with detailed meal suggestions.",          imageSrc: "http://img.b2bpic.net/free-photo/meal-planning-notepad-food-arrangement_23-2149099847.jpg",          imageAlt: "Personalized diet plan document with healthy food"},
        {
          title: "Convenient Online Consultations",          description: "Access expert guidance from anywhere with flexible online video consultations, making it easy to integrate wellness into your busy schedule.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-young-girl-vlogger-showing-her-breakfast-camera-recording-vlog-her-bedroom_1258-254201.jpg",          imageAlt: "Woman on a laptop during an online diet consultation"},
        {
          title: "Family Wellness Programs",          description: "Empower your entire family with healthy eating habits. Our programs provide guidance for children and adults, fostering a foundation for lifelong wellness.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-roommates-indoors_23-2148903543.jpg",          imageAlt: "Family eating healthy together at a kitchen table"},
      ]}
      title="Personalized Nutrition Services for Every Lifestyle"
      description="From busy professionals to growing families, we offer comprehensive and flexible diet consultation services designed to fit your unique needs and help you thrive."
      tag="Our Expertise"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      team={[
        {
          id: "dr-shubhangi",          name: "Dr. Shubhangi Sharma",          role: "Founder & Lead Dietitian",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-doctor-praying-yellow-background-human-covid-medic-pandemic_179666-11786.jpg",          imageAlt: "Portrait of Dr. Shubhangi Sharma"},
      ]}
      title="Dr. Shubhangi Sharma: Your Dedicated Nutrition Expert"
      description="Dr. Sharma combines advanced clinical knowledge with a compassionate approach, guiding clients toward holistic health through personalized, evidence-based nutrition."
      tag="Meet Our Founder"
    />
  </div>

  <div id="plans" data-section="plans">
      <PricingCardOne
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic-plan",          badge: "Start",          badgeIcon: Leaf,
          price: "₹4,999",          subtitle: "Single Consultation",          features: [
            "1 Initial Assessment",            "Personalized Diet Plan (1-month)",            "Basic Progress Tracking",            "Email Support"],
        },
        {
          id: "pro-plan",          badge: "Popular",          badgeIcon: Sparkles,
          price: "₹12,999",          subtitle: "3-Month Transformation",          features: [
            "Initial + 2 Follow-ups",            "Advanced Diet Plan (3-months)",            "Detailed 3D Progress Report",            "WhatsApp Support"],
        },
        {
          id: "premium-plan",          badge: "Best Value",          badgeIcon: Crown,
          price: "₹19,999",          subtitle: "6-Month Wellness Journey",          features: [
            "Initial + 5 Follow-ups",            "Comprehensive Diet Plan (6-months)",            "Holistic 3D Health Monitoring",            "Priority WhatsApp & Call Support"],
        },
      ]}
      title="Flexible Consultation Plans"
      description="Choose the plan that best fits your health journey and receive dedicated support every step of the way."
      tag="Investment in Health"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="Dr. Sharma's approach transformed my understanding of nutrition. Her personalized plan was easy to follow, and the 3D visualization helped me stay motivated. I've achieved results I never thought possible!"
      rating={5}
      author="Priya S. (Corporate Professional)"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/bearded-man-enjoying-last-rumors-yellow_179666-1437.jpg",          alt: "Avatar of a happy male client"},
        {
          src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg",          alt: "Avatar of a happy female client"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",          alt: "Avatar of a happy older male client"},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-young-woman-kitchen-holds-leek-her-hands_169016-23772.jpg",          alt: "Avatar of a happy young female client"},
        {
          src: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6769.jpg",          alt: "Avatar of a confident client"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "How do personalized diet plans work?",          content: "Our personalized diet plans begin with a thorough assessment of your health, lifestyle, and goals. Dr. Sharma then designs a custom plan, often incorporating 3D visualization, to ensure it's effective and sustainable for you."},
        {
          id: "faq-2",          title: "Are online consultations effective?",          content: "Yes, online consultations are highly effective and convenient. They offer the same personalized guidance as in-person sessions, allowing you to connect with Dr. Sharma from the comfort of your home or office."},
        {
          id: "faq-3",          title: "What is 3D health visualization?",          content: "3D health visualization is an innovative tool used to provide a detailed, interactive view of your body composition and progress. It helps you understand your health metrics visually and motivates you on your wellness journey."},
        {
          id: "faq-4",          title: "How do I book a consultation?",          content: "You can easily book a consultation by clicking on the 'Book Your Consultation Today' button. You'll be directed to our secure booking page where you can select a plan and schedule your session."},
        {
          id: "faq-5",          title: "Do you offer family nutrition guidance?",          content: "Absolutely. We provide tailored family wellness programs designed to help every member of your household develop healthy eating habits and enjoy a balanced lifestyle together."},
        {
          id: "faq-6",          title: "What if I have specific dietary restrictions?",          content: "Dr. Sharma specializes in creating plans that accommodate various dietary restrictions, allergies, and preferences. Your plan will be uniquely crafted to ensure both nutritional adequacy and enjoyment."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common queries about our services, consultations, and personalized diet plans."
      tag="Got Questions?"
      faqsAnimation="opacity"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Latest in Health & Nutrition"
      description="Stay informed with expert articles, healthy recipes, and tips from Dr. Shubhangi Sharma to support your wellness journey."
      tag="Insights & Resources"
      blogs={[
        {
          id: "blog-1",          category: "Healthy Eating",          title: "5 Easy Steps to a Balanced Breakfast",          excerpt: "Discover simple yet powerful ways to kickstart your day with nutritious and delicious breakfast options.",          imageSrc: "http://img.b2bpic.net/free-photo/kiwifruit-banana-creativity-wood-dry-fruit_1252-639.jpg",          imageAlt: "Healthy breakfast bowl with berries and oats",          authorName: "Dr. Shubhangi Sharma",          authorAvatar: "http://img.b2bpic.net/free-photo/doctor-with-hands-pocket-looking-camera_23-2148285727.jpg",          date: "July 15, 2024"},
        {
          id: "blog-2",          category: "Lifestyle",          title: "Integrating Mindfulness into Your Diet",          excerpt: "Learn how mindful eating can transform your relationship with food and contribute to overall well-being.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-laptop_23-2149144803.jpg",          imageAlt: "People doing yoga outdoors, symbolizing a healthy lifestyle",          authorName: "Dr. Shubhangi Sharma",          authorAvatar: "http://img.b2bpic.net/free-photo/smiling-adult-slavic-man-doctor-uniform-with-stethoscope-looking-front_141793-124210.jpg",          date: "July 08, 2024"},
        {
          id: "blog-3",          category: "Recipes",          title: "Quick & Nutritious Dinners for Busy Professionals",          excerpt: "Explore fast, healthy, and delicious dinner recipes designed to save you time without compromising on nutrition.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-cabbage-woman-s-hand-kitchen-table-vegetables_169016-24205.jpg",          imageAlt: "Colorful vegetables on a chopping board",          authorName: "Dr. Shubhangi Sharma",          authorAvatar: "http://img.b2bpic.net/free-photo/content-young-asian-female-doctor-holding-apple-palm_1262-12317.jpg",          date: "July 01, 2024"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Book Your Personalized Consultation"
      description="Ready to transform your health? Fill out the form below to schedule your consultation with Dr. Shubhangi Sharma."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Full Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email Address",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone Number (Optional)"},
      ]}
      textarea={{
        name: "message",        placeholder: "Tell us about your health goals (Optional)",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-reading-digital-magazine_23-2150162646.jpg"
      imageAlt="Online calendar booking system on a laptop"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Schedule Consultation"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-vector/vector-leaf-icon_53876-137688.jpg"
      logoAlt="DIETANCE logo"
      logoText="DIETANCE"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Custom Diet Plans",              href: "#services"},
            {
              label: "Online Consultations",              href: "#services"},
            {
              label: "Family Programs",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Dr. Sharma",              href: "#about"},
            {
              label: "Plans & Pricing",              href: "#plans"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Blog",              href: "#blog"},
            {
              label: "Reference",              href: "/reference"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 DIETANCE. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}