"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import LegalSection from '@/components/legal/LegalSection';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function ContactPage() {
  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="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch with R-Dex"
      description="Work with us at workforrdex@gmail.com or rdexgroup.industry@gmail.com"
      inputs={[
        { name: "name", type: "text", placeholder: "Your Name" },
        { name: "email", type: "email", placeholder: "Email Address" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/manager-who-keeps-track-sales-figures-phone-screen-moon-light_482257-32838.jpg"
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      title="Client Success"
      description="Success stories from our consulting partners."
      testimonials={[
        {
          id: "c1",          title: "Reliable",          quote: "R-Dex transformed our network security.",          name: "CEO, TechCorp",          role: "Partner",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-business-office-space_23-2151003785.jpg",          imageAlt: "cybersecurity team in office"
        },
        {
          id: "c2",          title: "Fast & Efficient",          quote: "They identified our weak points within 24 hours.",          name: "CTO, FinBank",          role: "Partner",          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645614.jpg",          imageAlt: "cybersecurity team in office"
        }
      ]}
    />
  </div>

  <div id="legal" data-section="legal">
      <LegalSection
      layout="section"
      title="Privacy and Security Terms"
      sections={[
        {
          heading: "Data Protection",          content: { text: "We handle all client data with maximum encryption." },
        },
        {
          heading: "Client Confidentiality",          content: { items: ["Non-disclosure Agreements", "Secure Data Disposal"] },
        },
      ]}
    />
  </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>
  );
}
