"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmall"
        background="fluid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Gallery",
          id: "/gallery",
        },
        {
          name: "Schedule",
          id: "/schedule",
        },
        {
          name: "Reviews",
          id: "/reviews",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/motorcycle-badges-retro-style_23-2147563435.jpg"
      logoAlt="Apex Auto Solutions Logo"
      brandName="Apex Auto Solutions"
      bottomLeftText="Your Trusted Auto Partner"
      bottomRightText="info@apexauto.com"
      button={{
        text: "Call Now",
        href: "tel:+18001234567",
      }}
    />
  </div>

  <div id="leave-review" data-section="leave-review">
      <TestimonialCardSix
      animationType="opacity"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "lr1",
          name: "Alex P.",
          handle: "@Alex_Racer",
          testimonial: "Incredible service! My car's performance improved dramatically after their tune-up. Highly skilled mechanics.",
          imageSrc: "http://img.b2bpic.net/free-photo/successful-middle-aged-businesswoman-showing-ok-okay-sign-nod-approval-smiling-pleased-approve-something-good-white-background_176420-50223.jpg",
        },
        {
          id: "lr2",
          name: "Brenda S.",
          handle: "@Brenda_Travels",
          testimonial: "Honest and reliable. They fixed my AC quickly and at a fair price. So grateful for their transparent communication.",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycle-wheel_1170-2506.jpg",
        },
        {
          id: "lr3",
          name: "Chris T.",
          handle: "@Chris_Commuter",
          testimonial: "Apex Auto is my go-to for all car needs. Consistently excellent work and they always go the extra mile.",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1368.jpg",
        },
        {
          id: "lr4",
          name: "Diana L.",
          handle: "@Diana_Rides",
          testimonial: "Friendly staff and quick service. They made my car feel brand new again. Definitely recommend!",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-check-list-customer_1170-1267.jpg",
        },
        {
          id: "lr5",
          name: "Ethan M.",
          handle: "@Ethan_Explores",
          testimonial: "Top-tier service every time. They really care about their customers and their vehicles. Keep up the great work!",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg",
        },
      ]}
      title="Your Feedback Drives Us Forward"
      description="Have you recently visited Apex Auto Solutions? We'd love to hear about your experience! Your reviews help us improve and serve you better."
      buttons={[
        {
          text: "Leave Your Review",
          href: "#submit-review",
        },
      ]}
    />
  </div>

  <div id="review-faq" data-section="review-faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "qa1",
          title: "How can I leave a review for my recent service?",
          content: "You can leave a review directly on this page using the 'Leave Your Review' button above, or through our Google Business profile.",
        },
        {
          id: "qa2",
          title: "What information should I include in my review?",
          content: "Feel free to share details about the service you received, the staff you interacted with, and how satisfied you were with the overall experience.",
        },
        {
          id: "qa3",
          title: "Do you offer a warranty on your repairs?",
          content: "Yes, most of our repairs come with a standard 12-month/12,000-mile warranty. Specific details vary by service and parts. Please inquire for more information.",
        },
      ]}
      title="Frequently Asked Questions About Reviews & Service"
      description="Find answers to common questions about leaving feedback, our warranty policies, and what to expect during service."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Apex Auto Solutions"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Engine Diagnostics",
              href: "/services#diagnostics",
            },
            {
              label: "Brake Repair",
              href: "/services#brakes",
            },
            {
              label: "Oil Change",
              href: "/services#oil",
            },
            {
              label: "Tire Services",
              href: "/services#tires",
            },
            {
              label: "AC & Heating",
              href: "/services#ac",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Work",
              href: "/gallery",
            },
            {
              label: "Reviews",
              href: "/reviews",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Blog",
              href: "/blog",
            },
            {
              label: "FAQ",
              href: "/faq",
            },
            {
              label: "Schedule Online",
              href: "/schedule",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Apex Auto Solutions. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
