"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="fluid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Reviews",
          id: "/reviews",
        },
        {
          name: "Areas",
          id: "/service-areas",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/eagle-logo-icon-heraldic-style_126523-770.jpg"
      logoAlt="Eagle Towing Company Logo"
      brandName="Eagle Towing"
      button={{
        text: "Call Now: (314) 123-4567",
        href: "tel:+13141234567",
      }}
    />
  </div>

  <div id="about-us" data-section="about-us">
      <TextAbout
      useInvertedBackground={true}
      tag="Our Story"
      title="Meet Nidal Nazzal: The Driving Force Behind Eagle Towing"
      buttons={[
        {
          text: "See Our Services",
          href: "/services",
        },
      ]}
    />
  </div>

  <div id="our-team" data-section="our-team">
      <TeamCardTen
      useInvertedBackground={false}
      title="Professionalism on Every Call"
      tag="Our Dedicated Crew"
      membersAnimation="slide-up"
      members={[
        {
          id: "member-nidal",
          name: "Nidal Nazzal, Founder & CEO",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-talking-phone-balcony_23-2147689212.jpg",
          imageAlt: "Nidal Nazzal, owner of Eagle Towing",
        },
        {
          id: "member-driver-1",
          name: "Mike Johnson, Lead Driver",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-standing-with-arms-crossed_1170-1161.jpg",
          imageAlt: "Mike Johnson, lead tow truck driver",
        },
        {
          id: "member-dispatch-1",
          name: "Sarah Lee, Dispatch Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-man-smiling-listening-music-headphones_176420-12661.jpg",
          imageAlt: "Sarah Lee, dispatch manager",
        },
      ]}
      memberVariant="card"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/eagle-logo-icon-heraldic-style_126523-770.jpg"
      logoAlt="Eagle Towing Logo"
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Services",
              href: "/services",
            },
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Reviews",
              href: "/reviews",
            },
          ],
        },
        {
          items: [
            {
              label: "Service Areas",
              href: "/service-areas",
            },
            {
              label: "Contact Us",
              href: "/contact",
            },
            {
              label: "Get a Quote",
              href: "/contact#quote",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
        {
          items: [
            {
              label: "Call 24/7",
              href: "tel:+13141234567",
            },
            {
              label: "Email: info@eagletowingstl.com",
              href: "mailto:info@eagletowingstl.com",
            },
            {
              label: "St. Louis, MO",
              href: "/service-areas#st-louis",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/eagletowing",
            },
          ],
        },
      ]}
      logoText="Eagle Towing - St. Louis's most trusted 24/7 roadside partner."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
