"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Users, BookOpen, TrendingUp, Award } from 'lucide-react';
import Link from 'next/link';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Tutorly"
          button={{
            text: "Get Started",
            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Connect with Expert Tutors Today"
          description="Join thousands of students finding their perfect tutor, and tutors building rewarding learning relationships. Tutorly makes education personal, accessible, and transformative."
          tag="The Future of Learning"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/teacher-doing-english-lesson-online-his-students_23-2148963006.jpg"
          imageAlt="Students and tutors connected through Tutorly platform"
          buttons={[
            { text: "Sign In as Student", href: "/contact" },
            { text: "Become a Tutor", href: "/about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Personalized Education for Every" },
            { type: "text", content: "Learner and Educator" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Explore Tutors", href: "/services" },
            { text: "Learn More", href: "/about" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Choose Tutorly?"
          description="See how our platform differs from traditional tutoring and other online solutions."
          textboxLayout="default"
          animationType="slide-up"
          negativeCard={{
            items: [
              "Generic matching algorithms",
              "Limited tutor availability",
              "No learning progress tracking",
              "High costs, low transparency",
              "Impersonal, one-size-fits-all approach"
            ]
          }}
          positiveCard={{
            items: [
              "AI-powered intelligent matching",
              "Vetted tutors available 24/7",
              "Real-time progress dashboards",
              "Flexible pricing, transparent rates",
              "Customized learning paths per student"
            ]
          }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Success Stories from Our Community"
          description="Real students and tutors sharing how Tutorly transformed their learning and teaching journeys."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",
              name: "Emma Rodriguez",
              role: "High School Student",
              testimonial: "I was struggling with calculus until I found my tutor on Tutorly. The personalized approach and patient teaching style made everything click. My grades improved from C to A in just two months!",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "2",
              name: "James Chen",
              role: "Professional Tutor",
              testimonial: "As a tutor, Tutorly has been a game-changer for my career. I can reach more students, build genuine relationships, and earn a fair income doing what I love. The platform handles logistics so I can focus on teaching.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-redhead-woman_23-2148339229.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              name: "Sophie Thompson",
              role: "College Prep Student",
              testimonial: "My SAT score jumped 200 points with my Tutorly tutor. The structured learning plan combined with flexible scheduling made test prep actually enjoyable. Highly recommend!",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
              imageAlt: "Sophie Thompson"
            }
          ]}
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-photo/online-education-homepage-e-learning-technology-concept_53876-133853.jpg"
        imageAlt="Learning community illustration"
        logoText="Tutorly"
        copyrightText="© 2025 Tutorly. All rights reserved."
        columns={[
          {
            title: "Platform",
            items: [
              { label: "For Students", href: "/" },
              { label: "For Tutors", href: "/about" },
              { label: "How It Works", href: "/services" },
              { label: "Pricing", href: "/services" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Blog", href: "/about" },
              { label: "Careers", href: "/about" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "/contact" },
              { label: "Terms of Service", href: "/contact" },
              { label: "Safety Guidelines", href: "/contact" },
              { label: "Trust Center", href: "/contact" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}