"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardSix from '@/components/sections/team/TeamCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeLargeTitles"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Directory",
          id: "/directory",
        },
        {
          name: "Admin",
          id: "/admin",
        },
      ]}
      brandName="SchoolPortal"
    />
  </div>

  <div id="staff" data-section="staff">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      members={[
        {
          id: "1",
          name: "Dr. Sarah Smith",
          role: "Principal",
          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-girl-stands-sideways-holding-file-folders-isolated-green-background-with-copy-space_141793-67066.jpg",
        },
        {
          id: "2",
          name: "John Doe",
          role: "Math Teacher",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-male-standing-against-shelves_273609-12277.jpg",
        },
        {
          id: "3",
          name: "Jane Wilson",
          role: "Science Teacher",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",
        },
      ]}
      title="Our Dedicated Staff"
      description="Meet the educators shaping our future leaders."
    />
  </div>

  <div id="students" data-section="students">
      <TeamCardSix
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      members={[
        {
          id: "s1",
          name: "Alex River",
          role: "Gold Medalist",
          imageSrc: "http://img.b2bpic.net/free-photo/kid-celebrating-kindergarten-graduation_23-2149371617.jpg",
        },
        {
          id: "s2",
          name: "Jordan P.",
          role: "Science Champion",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-clever-boy-with-graduation-cap_1098-1109.jpg",
        },
        {
          id: "s3",
          name: "Taylor M.",
          role: "Top Achiever",
          imageSrc: "http://img.b2bpic.net/free-photo/young-student-girl-glasses-with-pigtails-white-shirt-clenching-fists-happy-excited-rejoicing-her-success-standing-orange-wall_141793-47855.jpg",
        },
      ]}
      title="School's Pride"
      description="Celebrating our top-performing students and olympiad winners."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="SchoolPortal"
      copyrightText="© 2025 School Portal Inc."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
