"use client";

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

export default function TeamPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="circleGradient"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Home", id: "#home" },
              { name: "HVAC Services", id: "#services" },
              { name: "Reviews", id: "#testimonials" },
              { name: "Team", id: "/team" },
              { name: "About Us", id: "#about" },
              { name: "Locations", id: "/locations" },
              { name: "Contact Us", id: "#contact" }
            ]}
            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/default-logo-transparent.png?_wi=1"
            logoAlt="USA HVAC Services Logo"
            brandName="USA HVAC Services"
            button={{ text: "Book Now", href: "#contact" }}
          />
        </div>

        <div className="min-h-[calc(100vh-theme(spacing.72))] flex flex-col justify-center items-center py-20">
          <TeamCardSix
            animationType="slide-up"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={false}
            textboxLayout="default"
            title="Meet Our Expert Team"
            description="Dedicated to your comfort, our certified technicians and support staff are the best in the business."
            members={[
              { id: "1", name: "Johnathan Doe", role: "Lead HVAC Technician", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-electric-box_23-2149591146.jpg", imageAlt: "Johnathan Doe" },
              { id: "2", name: "Sarah Chen", role: "Customer Service Manager", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-clipboard-looking-camera_23-2148114421.jpg", imageAlt: "Sarah Chen" },
              { id: "3", name: "Michael Rodriguez", role: "HVAC Specialist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-working-with-tools_23-2149454848.jpg", imageAlt: "Michael Rodriguez" },
              { id: "4", name: "Emily White", role: "Operations Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-glasses_23-2148455798.jpg", imageAlt: "Emily White" },
              { id: "5", name: "David Lee", role: "Installation Expert", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-with-electric-meter_23-2148456248.jpg", imageAlt: "David Lee" }
            ]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Services",                items: [
                  { label: "AC Repair", href: "#services" },
                  { label: "Furnace Installation", href: "#services" },
                  { label: "Duct Cleaning", href: "#services" },
                  { label: "Maintenance Plans", href: "#services" },
                  { label: "Emergency Service", href: "#services" }
                ]
              },
              {
                title: "Company",                items: [
                  { label: "About Us", href: "#about" },
                  { label: "Our Mission", href: "#about" },
                  { label: "Why Choose Us", href: "#features" },
                  { label: "Careers", href: "#" }
                ]
              },
              {
                title: "Resources",                items: [
                  { label: "FAQ", href: "#faq" },
                  { label: "Blog", href: "#" },
                  { label: "Customer Stories", href: "#testimonials" },
                  { label: "Service Areas", href: "/locations" }
                ]
              },
              {
                title: "Contact",                items: [
                  { label: "Get a Quote", href: "#contact" },
                  { label: "Support", href: "#" },
                  { label: "Call Us: 301-246-2456", href: "tel:+13012462456" },
                  { label: "Email: info@usahvac.com", href: "mailto:info@usahvac.com" }
                ]
              }
            ]}
            bottomLeftText="© 2024 USA HVAC Services. All rights reserved."
            bottomRightText="Privacy Policy | Terms of Service"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
