"use client"

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { CheckCircle, Clock, Quote, Sparkles, Star, Target, TrendingUp, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="TaskFlow"
          navItems={[
            { name: "Features", id: "features" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Stay on Track with Your Assignments"
          description="TaskFlow helps students organize, prioritize, and manage school assignments with ease. Never miss a deadline and boost your academic performance with smart task management."
          background={{ variant: "glowing-orb" }}
          tag="Trusted by 400 Users"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/learning-concept-close-up-student-using-laptop-alibrary_1150-16609.jpg"
          imageAlt="Student using TaskFlow app to manage assignments"
          imagePosition="right"
          buttons={[
            { text: "Get Started Free", href: "https://example.com" },
            { text: "Watch Demo", href: "#features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Powerful Features"
          description="Everything you need to manage assignments and stay organized"
          tag="Features"
          tagIcon={CheckCircle}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          features={[
            {
              title: "Smart Task Organization",              description: "Create and organize assignments by subject, class, and priority. Keep all your tasks in one place with a clean, intuitive interface.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-reading-coffee-shop_23-2150183751.jpg",              imageAlt: "Task organization interface"
            },
            {
              title: "Deadline Reminders",              description: "Never miss a deadline with intelligent reminders. Get notified via push notifications at the right time before your assignment is due.",              imageSrc: "https://img.b2bpic.net/free-photo/boy-studying-university-library_23-2148844677.jpg",              imageAlt: "Deadline reminder system"
            },
            {
              title: "Class Collaboration",              description: "Share assignments with classmates, exchange notes, and collaborate on group projects. Make group work seamless and efficient.",              imageSrc: "https://img.b2bpic.net/free-photo/interior-designer-working-decoration-project_23-2150334531.jpg",              imageAlt: "Collaboration features"
            },
            {
              title: "Progress Tracking",              description: "Monitor your academic progress with detailed analytics. See which subjects need more attention and track your improvement over time.",              imageSrc: "https://img.b2bpic.net/free-photo/university-student-with-dark-skin-african-hairstyle-sitting-cafe-working-with-books-notebook-while-getting-prepared-exam-finding-necessary-information-internet-having-serious-look_273609-7467.jpg",              imageAlt: "Progress analytics dashboard"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="How It Works"
          tagIcon={Zap}
          title="Designed for Students, Built with Teachers"
          description="TaskFlow combines the expertise of educators and the feedback from thousands of students to create an assignment management tool that actually works. We understand the challenges students face and built solutions that make a real difference in academic success."
          metrics={[
            { value: "50K+", title: "Active Students" },
            { value: "98%", title: "Deadline Completion Rate" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/good-looking-college-student-taking-notes-using-laptop-library_662251-1198.jpg"
          imageAlt="TaskFlow app interface"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Impact"
          description="See how TaskFlow is transforming student success across schools and universities"
          tag="Statistics"
          tagIcon={TrendingUp}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "50",              title: "thousand",              description: "Students using TaskFlow daily",              icon: Users
            },
            {
              id: "2",              value: "3.2",              title: "hours",              description: "Average time saved per student per week",              icon: Clock
            },
            {
              id: "3",              value: "4.8",              title: "stars",              description: "Average app rating across platforms",              icon: Star
            },
            {
              id: "4",              value: "95",              title: "percent",              description: "Student retention rate",              icon: Target
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Student Success Stories"
          description="Hear from students who've transformed their academic performance with TaskFlow"
          tag="Testimonials"
          tagIcon={Quote}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Finally Organized",              quote: "TaskFlow completely changed how I manage my assignments. I went from missing deadlines to submitting everything on time. It's like having a personal assistant for my classes!",              name: "Sarah Johnson",              role: "High School Senior",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              title: "Academic Confidence Boost",              quote: "The reminder system is a lifesaver. I feel so much more confident knowing I won't forget any assignments. My GPA has improved significantly since I started using TaskFlow.",              name: "Michael Chen",              role: "College Sophomore",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              title: "Made Group Projects Easy",              quote: "Collaborating with my classmates on group projects is so much easier now. We can share tasks and see everyone's progress in real time. TaskFlow took the stress out of group work.",              name: "Emily Rodriguez",              role: "University Freshman",              imageSrc: "https://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-65739.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              title: "Stress-Free School Life",              quote: "I used to feel overwhelmed by the number of assignments I had. TaskFlow helps me break everything down into manageable pieces. I'm actually enjoying school more now!",              name: "David Kim",              role: "Middle School Student",              imageSrc: "https://img.b2bpic.net/free-photo/people-lifestyle-concept-young-woman-with-long-hairstyle-cheerful-confident-smile-looking-happy_273609-1876.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              title: "Time Management Game Changer",              quote: "The analytics dashboard shows me exactly where I'm spending my time. It's helped me become a much better time manager. My parents have even noticed the difference!",              name: "Jessica Martinez",              role: "High School Junior",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-young-female-model-wearing-rectangular-glasses-posing-indoors-against-wooden-wall_273609-1878.jpg",              imageAlt: "Jessica Martinez"
            },
            {
              id: "6",              title: "Best App for Students",              quote: "I've tried other assignment apps, but TaskFlow is by far the best. It's intuitive, reliable, and actually helps me succeed. Highly recommend to all students!",              name: "James Wilson",              role: "University Senior",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-woman-with-book_23-2147767502.jpg",              imageAlt: "James Wilson"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about TaskFlow and how to make the most of the app."
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Is TaskFlow free to use?",              content: "Yes! TaskFlow offers a free plan with all essential features for managing assignments. We also offer a premium plan with advanced analytics and collaboration tools for students who want even more."
            },
            {
              id: "2",              title: "Can I use TaskFlow offline?",              content: "TaskFlow works best with an internet connection for real-time syncing. However, you can view your assignments and mark tasks as complete in offline mode. Changes will sync automatically when you reconnect."
            },
            {
              id: "3",              title: "How do I share assignments with my classmates?",              content: "You can easily share assignments by tapping the share button on any task and selecting your classmates or creating a group. Shared assignments appear in everyone's task list, making group projects much easier to manage."
            },
            {
              id: "4",              title: "Can parents track my assignments?",              content: "Yes! Parents can request access to view their child's assignments and deadlines. This helps families stay informed about academic progress without being intrusive. Students maintain full control over what they share."
            },
            {
              id: "5",              title: "What devices does TaskFlow support?",              content: "TaskFlow is available on iOS, Android, and web browsers. Your tasks and settings sync seamlessly across all devices, so you can manage assignments wherever you are."
            },
            {
              id: "6",              title: "How do reminders work?",              content: "TaskFlow sends customizable reminders before assignment deadlines. You can set reminders for 1 day, 3 days, or 1 week before the due date. Premium users can customize reminder timing further."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your academic life? Join thousands of students who are already succeeding with TaskFlow. Start your free trial today and experience the difference."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Start Your Free Trial", href: "https://example.com" },
            { text: "Contact Support", href: "mailto:support@taskflow.app" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="TaskFlow"
          copyrightText="© 2025 TaskFlow. All rights reserved."
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Download", href: "https://example.com" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Blog", href: "#blog" },
                { label: "Careers", href: "https://example.com" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Help Center", href: "https://example.com" },
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "faq" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}