"use client";

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Brain, CheckCircle, Linkedin, Instagram, Mail, Sparkles, Twitter } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Quiz", id: "quiz" },
            { name: "Learning", id: "learning" },
            { name: "Hacks", id: "hacks" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Claro Mind"
          bottomLeftText="ADHD Education Platform"
          bottomRightText="hello@claromind.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Claro Mind"
          description="Unlock your full potential with ADHD-tailored learning strategies. Get personalized insights through our interactive quiz, discover proven study hacks, and master complex topics with intelligent spacing and visual recall techniques designed specifically for ADHD brains."
          buttons={[
            { text: "Start Your Quiz", href: "#quiz" },
            { text: "Explore Learning", href: "#learning" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/boy-with-glasses-looking-tablet-sitting-desk_259150-60208.jpg"
          imageAlt="ADHD learner with focus and clarity"
          mediaAnimation="slide-up"
          frameStyle="card"
          ariaLabel="Claro Mind hero section"
        />
      </div>

      <div id="quiz" data-section="quiz">
        <FeatureCardEight
          features={[
            {
              id: 1,
              title: "Understanding Your Profile",              description: "Answer targeted questions to identify your learning style, focus patterns, and ADHD profile type.",              imageSrc: "http://img.b2bpic.net/free-photo/customer-satisfaction-service-care-problem-solving_53876-122820.jpg",              imageAlt: "Quiz introduction"
            },
            {
              id: 2,
              title: "Drifter Profile",              description: "For minds that thrive with flexible, multi-tasking approaches and visual learning stimulation.",              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-young-college-student-paying-attention-listening-her-online-teacher-laptop-home_662251-2487.jpg?_wi=1",              imageAlt: "Learning modules"
            },
            {
              id: 3,
              title: "Overwhelmed Profile",              description: "Get structured support, simplified pathways, and manageable content chunks tailored to reduce cognitive overload.",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-coloured-envelopes-success-plan-writings-magnifying-glass-spiral-notebook-gray-sand-background_179666-19963.jpg?_wi=1",              imageAlt: "Study hacks"
            },
            {
              id: 4,
              title: "Personalized Recommendations",              description: "Receive custom study hacks, learning modules, and quiz strategies based on your unique profile.",              imageSrc: "http://img.b2bpic.net/free-photo/music-theory-lesson-solfeggio-using-piano-app-your-phone-educational-flashcards_169016-12347.jpg?_wi=1",              imageAlt: "Quiz cards"
            }
          ]}
          title="Your ADHD Learning Journey"
          description="Take our onboarding quiz to discover your learning profile and unlock personalized learning strategies designed for how your ADHD brain works best."
          tag="Onboarding"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Onboarding quiz process"
        />
      </div>

      <div id="learning" data-section="learning">
        <ProductCardFour
          products={[
            {
              id: "module-1",              name: "Focus & Attention Module",              price: "Free",              variant: "Techniques & Tools",              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-young-college-student-paying-attention-listening-her-online-teacher-laptop-home_662251-2487.jpg?_wi=2",              imageAlt: "Focus techniques module"
            },
            {
              id: "module-2",              name: "Time Management Strategies",              price: "Free",              variant: "Planning & Organization",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-coloured-envelopes-success-plan-writings-magnifying-glass-spiral-notebook-gray-sand-background_179666-19963.jpg?_wi=2",              imageAlt: "Time management strategies"
            },
            {
              id: "module-3",              name: "Memory & Retention Hacks",              price: "Free",              variant: "Learning Techniques",              imageSrc: "http://img.b2bpic.net/free-photo/music-theory-lesson-solfeggio-using-piano-app-your-phone-educational-flashcards_169016-12347.jpg?_wi=2",              imageAlt: "Memory techniques module"
            },
            {
              id: "module-4",              name: "Executive Function Tools",              price: "Free",              variant: "Practical Resources",              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-young-college-student-paying-attention-listening-her-online-teacher-laptop-home_662251-2487.jpg?_wi=3",              imageAlt: "Executive function tools"
            }
          ]}
          title="Free Learning Modules"
          description="Access all our comprehensive learning modules completely free. Master ADHD-specific techniques with our interactive courses."
          tag="All Free"
          tagAnimation="slide-up"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="hacks" data-section="hacks">
        <BlogCardOne
          blogs={[
            {
              id: "hack-1",              category: "Focus",              title: "The Pomodoro Twist for ADHD Brains",              excerpt: "Learn how to modify the classic Pomodoro technique to work with hyperfocus and restlessness patterns.",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-coloured-envelopes-success-plan-writings-magnifying-glass-spiral-notebook-gray-sand-background_179666-19963.jpg?_wi=3",              imageAlt: "Pomodoro technique visualization",              authorName: "Dr. Sarah Chen",              authorAvatar: "http://img.b2bpic.net/free-photo/enthusiastic-young-woman-glasses-teacher-celebrating-raising-hand-up-cheering-tirumphing-with_1258-217543.jpg",              date: "15 Jan 2025"
            },
            {
              id: "hack-2",              category: "Memory",              title: "Visual Anchoring for Better Recall",              excerpt: "Use spatial memory and color coding to boost information retention and fight the ADHD forgetting curve.",              imageSrc: "http://img.b2bpic.net/free-photo/music-theory-lesson-solfeggio-using-piano-app-your-phone-educational-flashcards_169016-12347.jpg?_wi=3",              imageAlt: "Visual memory techniques",              authorName: "Coach Marcus",              authorAvatar: "http://img.b2bpic.net/free-photo/young-beautiful-student-girl-sitting-stairs-university-with-notebook-knees-cup-coffee-go-near-happily-looking-camera-tying-her-dark-curly-hair_574295-2245.jpg",              date: "12 Jan 2025"
            },
            {
              id: "hack-3",              category: "Organization",              title: "Structured Flexibility: The ADHD Planner",              excerpt: "Balance structure with flexibility using our hybrid planning system designed for ADHD minds.",              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-young-college-student-paying-attention-listening-her-online-teacher-laptop-home_662251-2487.jpg?_wi=4",              imageAlt: "ADHD planner system",              authorName: "Lisa Rodriguez",              authorAvatar: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-woman-with-curly-hair-holds-notepad-pen-makes-notes-what-she-observes-around-city-dressed-casual-green-jumper-poses-outdoors-against-blurred-background_273609-56665.jpg",              date: "10 Jan 2025"
            }
          ]}
          title="Study Hacks for ADHD"
          description="Proven techniques and strategies from educators and ADHD specialists to optimize your learning experience."
          tag="Strategies"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="quick-quiz" data-section="quick-quiz">
        <PricingCardTwo
          plans={[
            {
              id: "quiz-1",              badge: "Quick Quiz",              badgeIcon: Sparkles,
              price: "5 min",              subtitle: "Test your focus abilities",              buttons: [{ text: "Start Quiz", href: "#" }],
              features: ["Instant assessment", "Real-time feedback", "No registration required"]
            },
            {
              id: "quiz-2",              badge: "Deep Dive Quiz",              badgeIcon: Brain,
              price: "15 min",              subtitle: "Comprehensive learning assessment",              buttons: [{ text: "Begin Deep Dive", href: "#" }],
              features: ["Personalized report", "Learning insights", "Strategy recommendations"]
            },
            {
              id: "quiz-3",              badge: "Profile Mastery",              badgeIcon: CheckCircle,
              price: "25 min",              subtitle: "Full ADHD profile analysis",              buttons: [{ text: "Take Full Assessment", href: "#" }],
              features: ["Detailed profile report", "Custom learning paths", "Ongoing progress tracking"]
            }
          ]}
          title="Quick Quiz Cards"
          description="Test your knowledge with interactive quiz cards. Choose your quiz level and challenge yourself with ADHD-optimized questions."
          tag="Assessment"
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          testimonials={[
            {
              id: "1",              name: "Jordan Williams",              role: "High School Student",              company: "Claro Mind User",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-woman-glasses-teacher-celebrating-raising-hand-up-cheering-tirumphing-with_1258-217543.jpg",              imageAlt: "Jordan Williams testimonial"
            },
            {
              id: "2",              name: "Alex Chen",              role: "College Student",              company: "STEM Major",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-student-girl-sitting-stairs-university-with-notebook-knees-cup-coffee-go-near-happily-looking-camera-tying-her-dark-curly-hair_574295-2245.jpg?_wi=1",              imageAlt: "Alex Chen testimonial"
            },
            {
              id: "3",              name: "Taylor Martinez",              role: "Professional",              company: "Tech Industry",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-woman-with-curly-hair-holds-notepad-pen-makes-notes-what-she-observes-around-city-dressed-casual-green-jumper-poses-outdoors-against-blurred-background_273609-56665.jpg",              imageAlt: "Taylor Martinez testimonial"
            },
            {
              id: "4",              name: "Casey Thompson",              role: "Parent & Educator",              company: "Claro Mind Family Plan",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-student-girl-sitting-stairs-university-with-notebook-knees-cup-coffee-go-near-happily-looking-camera-tying-her-dark-curly-hair_574295-2245.jpg?_wi=2",              imageAlt: "Casey Thompson testimonial"
            }
          ]}
          kpiItems={[
            { value: "10,000+", label: "Students Empowered" },
            { value: "92%", label: "Improved Focus" },
            { value: "4.9/5", label: "User Rating" }
          ]}
          title="Success Stories"
          description="Join thousands of ADHD learners who've transformed their educational experience with Claro Mind."
          tag="Testimonials"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Updated"
          description="Get weekly study hacks, ADHD learning tips, and exclusive resources delivered to your inbox. Join our community of focused learners."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-vector/computer-with-social-profile-social-community_24877-53905.jpg"
          imageAlt="Newsletter subscription"
          mediaPosition="right"
          mediaAnimation="slide-up"
          inputPlaceholder="your.email@example.com"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe anytime. We send practical ADHD learning strategies only."
          ariaLabel="Newsletter signup"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Claro Mind"
          copyrightText="© 2025 Claro Mind | Making ADHD Learning Clear & Accessible"
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/claromind", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/claromind", ariaLabel: "LinkedIn" },
            { icon: Instagram, href: "https://instagram.com/claromind", ariaLabel: "Instagram" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
