"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="noise"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Gallery",
          id: "/gallery",
        },
        {
          name: "Reviews",
          id: "/reviews",
        },
        {
          name: "FAQ",
          id: "/faq",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="TILES CONNECT"
      button={{
        text: "Get Free Estimate",
        href: "/contact",
      }}
    />
  </div>

  <div id="reviews-full" data-section="reviews-full">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "r1",
          name: "Alex P.",
          handle: "Toronto, ON",
          testimonial: "\"Pete is not only very knowledgeable, but a true artist when it comes to tiling.\"",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-home_23-2149248712.jpg",
          imageAlt: "Alex P.",
        },
        {
          id: "r2",
          name: "Maria S.",
          handle: "Mississauga, ON",
          testimonial: "\"His professionalism and communication are absolutely top notch.\"",
          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-young-smiling-male-sitting-harbor_181624-25884.jpg",
          imageAlt: "Maria S.",
        },
        {
          id: "r3",
          name: "John D.",
          handle: "Oakville, ON",
          testimonial: "\"The quality exceeded all expectations. Truly impeccable work.\"",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg",
          imageAlt: "John D.",
        },
        {
          id: "r4",
          name: "Lisa R.",
          handle: "Brampton, ON",
          testimonial: "\"He worked tirelessly to make sure everything was perfect.\"",
          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2550.jpg",
          imageAlt: "Lisa R.",
        },
        {
          id: "r5",
          name: "Mark T.",
          handle: "Etobicoke, ON",
          testimonial: "\"If you're super picky like I was, Pete is your guy.\"",
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-412.jpg",
          imageAlt: "Mark T.",
        },
        {
          id: "r6",
          name: "Sophia G.",
          handle: "Burlington, ON",
          testimonial: "\"The best service and warranty in Toronto. Highly recommend.\"",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up_74855-15159.jpg",
          imageAlt: "Sophia G.",
        },
        {
          id: "r7",
          name: "Chris B.",
          handle: "Milton, ON",
          testimonial: "\"We strongly recommend him for any tile or renovation project.\"",
          imageSrc: "http://img.b2bpic.net/free-photo/image-excited-hopeful-africanamerican-girl-white-tshirt-smiling-looking-amazed-uppe_1258-130776.jpg",
          imageAlt: "Chris B.",
        },
      ]}
      title="Trusted By Homeowners Across The GTA"
      description="Average Rating: 5.0 ★★★★★\nReal Client Experiences attest to our premium service."
    />
  </div>

  <div id="reviews-cta" data-section="reviews-cta">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      text="Join Our Growing List Of Happy Clients. Request your free quote today and experience the Tiles Connect difference for yourself."
      buttons={[
        {
          text: "Request Your Free Quote Today",
          href: "/contact",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/stacked-bundle-amaranth-leaves-marble-surface_114579-54865.jpg?_wi=5"
      imageAlt="Luxury tile pattern background"
      logoText="TILES CONNECT"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Services",
              href: "/services",
            },
            {
              label: "Gallery",
              href: "/gallery",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Reviews",
              href: "/reviews",
            },
            {
              label: "FAQ",
              href: "/faq",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Service Areas",
          items: [
            {
              label: "Mississauga",
              href: "#",
            },
            {
              label: "Oakville",
              href: "#",
            },
            {
              label: "Brampton",
              href: "#",
            },
            {
              label: "Toronto",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Tiles Connect. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
