"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TeamCardOne from '@/components/sections/team/TeamCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Courses",
          id: "/courses",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Blog",
          id: "/blog",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="R-Dex Group"
    />
  </div>

  <div id="feature" data-section="feature">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          id: "1",
          title: "Ethical Hacking",
          subtitle: "Pentesting fundamentals",
          category: "Courses",
          value: "Level 1",
        },
        {
          id: "2",
          title: "Network Defense",
          subtitle: "Advanced architecture",
          category: "Courses",
          value: "Level 2",
        },
        {
          id: "3",
          title: "Incident Response",
          subtitle: "Digital forensics",
          category: "Courses",
          value: "Level 3",
        },
      ]}
      title="Cybersecurity Mastery Tracks"
      description="Choose from our industry-standard courses designed for experts and enthusiasts alike."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Course Enrollment Plans"
      description="Select the best learning path for your career growth."
      plans={[
        {
          id: "p1",
          badge: "FastTrack",
          price: "$499",
          subtitle: "Fast Track",
          buttons: [
            {
              text: "Enroll",
              href: "/contact",
            },
          ],
          features: [
            "Access to all modules",
            "Certificates",
          ],
        },
        {
          id: "p2",
          badge: "Elite",
          price: "$1299",
          subtitle: "Elite Mentorship",
          buttons: [
            {
              text: "Apply Now",
              href: "/contact",
            },
          ],
          features: [
            "1-on-1 Mentoring",
            "Project Feedback",
          ],
        },
      ]}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="Our Expert Instructors"
      description="Learn from the brightest minds in cybersecurity."
      members={[
        {
          id: "t1",
          name: "Dr. Sarah",
          role: "Lead Architect",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232849.jpg",
        },
        {
          id: "t2",
          name: "James V.",
          role: "Security Researcher",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-equipment-blue-desk-generated-by-ai_188544-27062.jpg",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="R-Dex Group"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Cyber Solutions",
              href: "/services",
            },
            {
              label: "Training",
              href: "/courses",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
