"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Users, BookOpen, TrendingUp, Award } from 'lucide-react';

export default function AboutPage() {
  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="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Growing Impact"
          description="Join a thriving community of learners and educators transforming education together. Our platform has facilitated meaningful connections and measurable academic success."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",
              icon: Users,
              title: "Active Users",
              value: "50,000+"
            },
            {
              id: "2",
              icon: BookOpen,
              title: "Sessions Completed",
              value: "250,000+"
            },
            {
              id: "3",
              icon: TrendingUp,
              title: "Grade Improvement",
              value: "89%"
            },
            {
              id: "4",
              icon: Award,
              title: "Satisfaction Rate",
              value: "4.9/5.0"
            }
          ]}
        />
      </div>

      <div id="testimonials-extended" data-section="testimonials-extended">
        <TestimonialCardTwo
          title="More Success Stories"
          description="Discover how our platform continues to create meaningful educational connections and drive academic excellence across diverse learning goals."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "4",
              name: "Marcus Williams",
              role: "Language Instructor",
              testimonial: "I teach Spanish and French through Tutorly, and I love the quality of students and the community vibe. The platform really attracts committed learners who want real progress.",
              imageSrc: "https://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
              imageAlt: "Marcus Williams"
            },
            {
              id: "5",
              name: "Priya Sharma",
              role: "STEM Student",
              testimonial: "Finding a tutor who could explain physics concepts in a way that actually made sense was impossible until Tutorly. My tutor broke down complex topics beautifully, and my confidence soared.",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-joyful-female-woman-with-tablet-posing-indoors_74855-2896.jpg",
              imageAlt: "Priya Sharma"
            },
            {
              id: "6",
              name: "David Kim",
              role: "Test Prep Specialist",
              testimonial: "Tutorly's platform is the best I've used for connecting with serious students. The vetting process, payment system, and communication tools are all top-notch. Highly professional.",
              imageSrc: "https://img.b2bpic.net/free-photo/responsible-student_23-2147650755.jpg",
              imageAlt: "David Kim"
            }
          ]}
        />
      </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>
  );
}