"use client";

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

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="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={false}
      title="Administrative Team"
      tag="Leadership"
      membersAnimation="slide-up"
      memberVariant="card"
      members={[
        {
          id: "a1",
          name: "Director Lee",
          imageSrc: "http://img.b2bpic.net/free-photo/young-professional-hairdresser-woman-apron-with-gold-medal-around-neck-holding-trophy-head-happy-positive-smiling-standing-blue-wall_141793-96481.jpg",
        },
        {
          id: "a2",
          name: "Head of IT Sarah",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-wearing-yellow-backpack-flexing-blue-wall_140725-43843.jpg",
        },
      ]}
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Admin Announcements"
      description="Stay updated with the latest institutional policies and news."
      blogs={[
        {
          id: "b1",
          category: "Policy",
          title: "Updated Campus Hours",
          excerpt: "Campus hours will change effective next semester.",
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-75690.jpg",
          authorName: "System",
          authorAvatar: "http://img.b2bpic.net/free-photo/attractive-young-female-has-strong-believe-success-keeps-hands-with-clenched-fists-has-desirable-facial-expression-dressed-striped-clothes-isolated-white-wall-body-language-concept_273609-15732.jpg",
          date: "Jan 2025",
        },
        {
          id: "b2",
          category: "Notice",
          title: "Maintenance Window",
          excerpt: "Scheduled server maintenance on Feb 1st.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-graduate-celebrating-graduation_23-2151970536.jpg",
          authorName: "System",
          authorAvatar: "http://img.b2bpic.net/free-photo/gymnast-smiling-after-winning-golden-medal_23-2150868065.jpg",
          date: "Jan 2025",
        },
      ]}
    />
  </div>

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