"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Gallery",
          id: "/gallery",
        },
        {
          name: "Reviews",
          id: "/reviews",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="ProLine Installations"
      button={{
        text: "01234 567890",
        href: "tel:01234567890",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="reviews-hero" data-section="reviews-hero">
      <TextAbout
      useInvertedBackground={false}
      tag="Hear From Our Happy Homeowners"
      title="Customer Reviews"
      description="Discover why homeowners across the UK trust ProLine Installations for their UPVC and roofline needs. We pride ourselves on 5-star service."
    />
  </div>

  <div id="reviews-grid" data-section="reviews-grid">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "rev1",
          name: "Eleanor Vance - Shrewsbury",
          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-woman-smiling-confident-drinking-coffee-new-home_839833-34774.jpg",
        },
        {
          id: "rev2",
          name: "Thomas Brooks - Telford",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg",
        },
        {
          id: "rev3",
          name: "Olivia Parker - Chester",
          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-ok-sign_1262-2445.jpg",
        },
        {
          id: "rev4",
          name: "William Davies - Stafford",
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg",
        },
        {
          id: "rev5",
          name: "Isla Chapman - Stoke-on-Trent",
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-senior-woman-with-cell-phone-standing-front-shelf_23-2147901273.jpg",
        },
        {
          id: "rev6",
          name: "Noah Patel - Wolverhampton",
          imageSrc: "http://img.b2bpic.net/free-photo/view-albino-woman-home-day_52683-111770.jpg",
        },
      ]}
      cardTitle="Authentic Customer Feedback"
      cardTag="5.0 ★★★★★ — Based on 48 Google Reviews"
      buttons={[
        {
          text: "Read on Google",
          href: "https://www.google.com/search?q=proline+installations+reviews",
        },
      ]}
      cardAnimation="slide-up"
    />
  </div>

  <div id="reviews-final-cta" data-section="reviews-final-cta">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Join Our Happy Customers"
      title="Get Your Free Quote Today"
      description="Experience the same 5-star service for your UPVC and roofline needs. We're ready to help!"
      buttons={[
        {
          text: "Request a Free Quote",
          href: "/contact",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="ProLine Installations: Quality Roofline & UPVC — Installed Right, Every Time. Serving homeowners across the UK."
      leftLink={{
        text: "Contact Us",
        href: "/contact",
      }}
      rightLink={{
        text: "© 2025 ProLine Installations. All rights reserved.",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
