"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 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="contact-hero" data-section="contact-hero">
      <TextAbout
      useInvertedBackground={false}
      tag="We're Here to Help"
      title="Get in Touch"
      description="Contact ProLine Installations today for a free, no-obligation quote or to discuss your UPVC and roofline project needs."
    />
  </div>

  <div id="contact-form-details" data-section="contact-form-details">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Contact Us"
      title="Request a Free Quote"
      description="Fill out the form below or use our direct contact details. We aim to respond within 2 hours during working hours.  \n\n**Phone:** 01234 567890 \n**Email:** info@prolineinstallations.co.uk \n**Working hours:** Mon–Fri 8am–6pm, Sat 9am–2pm \n**Service Areas:** Shrewsbury, Telford, Chester, Stafford, Stoke-on-Trent, Wolverhampton and surrounding areas within 25 miles."
      inputPlaceholder="Full Name*"
      buttonText="Send My Enquiry"
      termsText="All starred fields required. Email format check will apply."
    />
  </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>
  );
}
