"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 SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

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="review-showcase" data-section="review-showcase">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "tr1",
          name: "Jessica L.",
          date: "5 days ago",
          title: "Amazing Service!",
          quote: "Got a flat tire on a busy highway. Eagle Towing arrived so quickly and changed it with a smile. Fantastic experience from start to finish. Highly recommend to everyone in St. Louis!",
          tag: "Tire Change",
          avatarSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",
          avatarAlt: "Jessica L. customer review",
          imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-fantasy-scenario_23-2151437465.jpg",
          imageAlt: "Flat tire change",
        },
        {
          id: "tr2",
          name: "Robert S.",
          date: "2 weeks ago",
          title: "Professional & Courteous",
          quote: "Needed a tow after a minor fender bender. The driver was incredibly professional, handled my car with care, and got me to the repair shop without any hassle. Best towing service around!",
          tag: "Accident Tow",
          avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-gesturing-ok_23-2147767531.jpg",
          avatarAlt: "Robert S. customer review",
          imageSrc: "http://img.b2bpic.net/free-photo/emergency-mechanic-lifting-vehicle-with-car-jack-street_651396-3248.jpg",
          imageAlt: "Accident scene",
        },
        {
          id: "tr3",
          name: "Olivia P.",
          date: "1 month ago",
          title: "Fastest Response Ever!",
          quote: "Locked my keys in my car at the grocery store. Called Eagle Towing, and they were there in literally 10 minutes. Super quick, super friendly. Saved me so much time and stress!",
          tag: "Vehicle Lockout",
          avatarSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",
          avatarAlt: "Olivia P. customer review",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-wheel-brake-disc_1170-1332.jpg",
          imageAlt: "Car lockout service",
        },
        {
          id: "tr4",
          name: "Thomas A.",
          date: "2 months ago",
          title: "Reliable Long-Distance",
          quote: "Had to move a project car from St. Louis to Kansas City. Eagle Towing's long-distance service was flawless. Vehicle arrived safely and on time. Highly recommend their professional transport.",
          tag: "Long Distance Tow",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-call-center-operator-wearing-headset-sitting-desk-with-office-tools-looking-laptop-showing-thumb-up-okay-gesture_141793-121302.jpg",
          avatarAlt: "Thomas A. customer review",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11814.jpg",
          imageAlt: "Long distance tow",
        },
        {
          id: "tr5",
          name: "Maria C.",
          date: "3 months ago",
          title: "Trustworthy & Affordable",
          quote: "My old truck broke down, and I was worried about the cost. Eagle Towing gave me an honest quote and stuck to it. Very trustworthy and their rates are completely fair. Great service!",
          tag: "Honest Pricing",
          avatarSrc: "http://img.b2bpic.net/free-photo/man-talking-through-earbuds_1098-21450.jpg",
          avatarAlt: "Maria C. customer review",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-details-closed-fuel-cap_93675-128709.jpg",
          imageAlt: "Tow truck at a breakdown",
        },
      ]}
      title="What Our St. Louis Customers Are Saying"
      description="Authentic feedback from real drivers who experienced Eagle Towing's commitment to fast, professional, and reliable service. Your satisfaction is our top priority!"
    />
  </div>

  <div id="review-platforms" data-section="review-platforms">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Google Reviews",
        "Yelp",
        "Facebook Reviews",
        "BBB Ratings",
        "Angi",
        "Nextdoor",
        "Trustpilot",
      ]}
      title="Find Us On Your Favorite Review Platforms"
      description="Your feedback helps us continue to provide the best towing and roadside assistance in St. Louis. Share your experience or read more reviews here!"
      showCard={true}
    />
  </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>
  );
}
