"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

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="blog" data-section="blog">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      title="Cyber Security Insights"
      description="Stay updated with the latest trends and threats in the industry."
      blogs={[
        {
          id: "1",
          category: "Security",
          title: "AI in Cyber Attack",
          excerpt: "The next frontier of digital warfare...",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7zsidl",
          authorName: "CEO R-Dex",
          authorAvatar: "http://img.b2bpic.net/free-photo/close-up-right-hand-holding-visit-card_1409-3370.jpg",
          date: "Oct 2024",
        },
        {
          id: "2",
          category: "Tech",
          title: "Cloud Security Tips",
          excerpt: "Securing your remote assets...",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bd4465",
          authorName: "Lead Analyst",
          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mk6nj5",
          date: "Oct 2024",
        },
        {
          id: "3",
          category: "News",
          title: "The Evolution of Malware",
          excerpt: "Understanding new threats...",
          imageSrc: "http://img.b2bpic.net/free-photo/glowing-electric-lightning-bolt-icon-dark-smoky-background-energy-concept_84443-91273.jpg",
          authorName: "Training Head",
          authorAvatar: "http://img.b2bpic.net/free-vector/hand-drawn-start-up-concept-with-rocket_23-2147789007.jpg",
          date: "Oct 2024",
        },
      ]}
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      title="Community Voices"
      description="What our readers say about the R-Dex blog."
      testimonials={[
        {
          id: "v1",
          title: "Game Changer",
          quote: "The blog articles changed my perspective on malware.",
          name: "Tech Enthusiast",
          role: "Student",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-business-office-space_23-2151003785.jpg?_wi=1",
          imageAlt: "cybersecurity team in office",
        },
        {
          id: "v2",
          title: "Highly Insightful",
          quote: "Detailed and well-researched content.",
          name: "Industry Professional",
          role: "Analyst",
          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645614.jpg?_wi=2",
          imageAlt: "cybersecurity team in office",
        },
      ]}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="Our Editorial Team"
      description="The authors behind the insights."
      members={[
        {
          id: "e1",
          name: "Leo P.",
          role: "Senior Editor",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232845.jpg",
        },
        {
          id: "e2",
          name: "Maya S.",
          role: "Tech Writer",
          imageSrc: "http://img.b2bpic.net/free-photo/empty-office-with-analytics-diagrams-screen-running-economy-statistics-computers-business-space-startup-company-with-research-plans-charts-late-night-handheld-shot_482257-65066.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>
  );
}
