"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';

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="gallery-work" data-section="gallery-work">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "g1",
          name: "Engine Overhaul",
          price: "Restoration",
          imageSrc: "http://img.b2bpic.net/free-photo/young-cobbler-glasses-is-working-shoe-sole-his-dark-workplace_613910-12936.jpg",
          imageAlt: "engine rebuild before after car",
        },
        {
          id: "g2",
          name: "Suspension Upgrade",
          price: "Performance",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-inspecting-wheel-system_23-2147897943.jpg",
          imageAlt: "car suspension upgrade install",
        },
        {
          id: "g3",
          name: "Bodywork & Paint",
          price: "Flawless Finish",
          imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750028.jpg",
          imageAlt: "car bodywork repair dent removal",
        },
        {
          id: "g4",
          name: "Interior Detailing",
          price: "Showroom Shine",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg",
          imageAlt: "car interior detailing before after",
        },
        {
          id: "g5",
          name: "Custom Paint Job",
          price: "Personalized",
          imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487042.jpg",
          imageAlt: "custom car paint job workshop",
        },
        {
          id: "g6",
          name: "Exhaust System Install",
          price: "Enhanced Sound",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car_107420-95949.jpg",
          imageAlt: "performance exhaust installation car",
        },
      ]}
      title="See Our Work: Quality You Can Trust"
      description="A picture is worth a thousand words. Browse through our gallery of completed projects, showcasing our precision and dedication."
    />
  </div>

  <div id="auto-blog" data-section="auto-blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Expert Insights: Keep Your Car Running Strong"
      description="Our latest articles and guides cover everything from preventative maintenance to understanding complex car issues."
      blogs={[
        {
          id: "b1",
          category: "Maintenance",
          title: "5 Essential Tips for Tire Longevity",
          excerpt: "Extend the life of your tires with these simple yet effective maintenance tips.",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11805.jpg",
          imageAlt: "car tire maintenance tips blog",
          authorName: "Mechanic Mike",
          authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-positive-young-man-business-suit-showing-thumbs-up-smiling-like-something-good-p_1258-173568.jpg",
          date: "July 25, 2024",
        },
        {
          id: "b2",
          category: "Diagnostics",
          title: "Understanding Your Check Engine Light",
          excerpt: "Don't ignore it! Learn what your check engine light means and what to do next.",
          imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-composition-with-coffee-wrench_23-2147790982.jpg",
          imageAlt: "engine health common issues blog",
          authorName: "Tech Sarah",
          authorAvatar: "http://img.b2bpic.net/free-photo/couple-giving-car-keys-their-auto-mechanic-auto-repair-shop-focus-is-mechanic_637285-7732.jpg",
          date: "July 18, 2024",
        },
        {
          id: "b3",
          category: "Safety",
          title: "The Importance of Regular Brake Inspections",
          excerpt: "Your brakes are crucial for safety. Discover why regular inspections are non-negotiable.",
          imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-examining-undercarriage-car-with-flashlight-repair-shop_637285-12709.jpg",
          imageAlt: "brake safety tips car repair blog",
          authorName: "Expert David",
          authorAvatar: "http://img.b2bpic.net/free-photo/mechanic-using-mobile-phone_1170-1150.jpg",
          date: "July 10, 2024",
        },
      ]}
    />
  </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>
  );
}
