"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, BookOpen, Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="grid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "About",
          id: "about",
        },
        {
          name: "Philosophy",
          id: "philosophy",
        },
        {
          name: "Experience",
          id: "experience",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Shatha Sobih"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "sparkles-gradient",
      }}
      title="Inspiring Excellence in English Education"
      description="Shatha Sobih: 20+ years of dedication to English Language Arts, curriculum development, and student-centered growth aligned with CCSS standards."
      tag="Expert English Educator"
      mediaItems={[
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CI0rEwo1te8915qNwtygDFHmZw/uploaded-1776063209554-r194d35w.jpg?_wi=1",
          imageAlt: "Shatha Sobih teaching English",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-dressed-formally_273609-11367.jpg?_wi=1",
          imageAlt: "Shatha Sobih educational presentation",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-studying-math_23-2150444931.jpg",
          imageAlt: "Students studying English literature",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-black-man-posing-public-library_74855-1508.jpg",
          imageAlt: "Professional library workspace",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg",
          imageAlt: "Academic materials and books",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Trusted by 20 years of academic excellence"
      tagIcon={Sparkles}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="A Legacy of Academic Growth"
      metrics={[
        {
          label: "Years Experience",
          value: "20+",
          icon: Award,
        },
        {
          label: "Degrees Earned",
          value: "3",
          icon: BookOpen,
        },
        {
          label: "Students Taught",
          value: "1000+",
          icon: Users,
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="philosophy" data-section="philosophy">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Student-Centered Growth",
          description: "Creating classrooms where students feel safe, respected, and motivated to express ideas.",
          phoneOne: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CI0rEwo1te8915qNwtygDFHmZw/uploaded-1776063209554-r194d35w.jpg?_wi=2",
            imageAlt: "Classroom environment",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/man-woman-dressed-formally_273609-11367.jpg?_wi=2",
            imageAlt: "Student collaboration",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/picture-young-handsome-confident-smiling-businessman-writing-notebook-white-modern-office-interior_176420-42472.jpg?_wi=1",
          imageAlt: "User provided image",
        },
        {
          title: "Structured Routine",
          description: "Fostering academic growth through positive discipline and clear routines.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-with-boy-sitting-table_23-2147964477.jpg?_wi=1",
            imageAlt: "Routine planning",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/portrait-from-back-blonde-woman-stylish-shirt-reading-documents-while-asian-man-telling-something-her_197531-4982.jpg?_wi=1",
            imageAlt: "Classroom management",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/smart-looking-teacher_53876-23045.jpg?_wi=1",
          imageAlt: "User provided image",
        },
        {
          title: "Continuous Reflection",
          description: "A lifelong learning journey through professional development and collaboration.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/empty-company-desk-with-landline-phone-documents-work-financial-strategy-with-business-charts-startup-growth-nobody-table-with-professional-computer-close-up_482257-46115.jpg?_wi=1",
            imageAlt: "Reflection workshop",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/team-meeting-startups_23-2148898717.jpg",
            imageAlt: "Teacher mentorship",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-mixed-race-team-two-coworkers-using-electronic-gadgets-work-positive-cheerful-white-female-carrying-digital-tablet-handsome-smiling-black-male-embracing-laptop-computer_343059-1578.jpg",
          imageAlt: "User provided image",
        },
      ]}
      showStepNumbers={true}
      title="My Educational Philosophy"
      description="I believe that every student has the ability to succeed when provided with the right support, high expectations, and a positive learning environment."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Ahmed",
          role: "Parent",
          company: "School Community",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-dressed-formally_273609-11367.jpg?_wi=3",
        },
        {
          id: "2",
          name: "John Doe",
          role: "Department Head",
          company: "Education Board",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/picture-young-handsome-confident-smiling-businessman-writing-notebook-white-modern-office-interior_176420-42472.jpg?_wi=2",
        },
        {
          id: "3",
          name: "Layla Khan",
          role: "Parent",
          company: "School Community",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-boy-sitting-table_23-2147964477.jpg?_wi=2",
        },
        {
          id: "4",
          name: "David Smith",
          role: "Fellow Teacher",
          company: "Private Academy",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-from-back-blonde-woman-stylish-shirt-reading-documents-while-asian-man-telling-something-her_197531-4982.jpg?_wi=2",
        },
        {
          id: "5",
          name: "Fatima Zahr",
          role: "Parent",
          company: "School Community",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smart-looking-teacher_53876-23045.jpg?_wi=2",
        },
      ]}
      kpiItems={[
        {
          value: "98%",
          label: "Satisfied Parents",
        },
        {
          value: "20+",
          label: "Years Experience",
        },
        {
          value: "100%",
          label: "Commitment to Growth",
        },
      ]}
      title="Valued Professional Feedback"
      description="Insights from parents, colleagues, and school leadership."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Let's Connect"
      description="Reach out for consultation, workshops, or academic inquiries. Your kind feedback is always appreciated."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "subject",
          type: "text",
          placeholder: "Subject",
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "How can I support your educational needs?",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/empty-company-desk-with-landline-phone-documents-work-financial-strategy-with-business-charts-startup-growth-nobody-table-with-professional-computer-close-up_482257-46115.jpg?_wi=2"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Shatha Sobih"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "LinkedIn Profile",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
