"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
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="services-hero" data-section="services-hero">
      <TextAbout
      useInvertedBackground={false}
      tag="Our Expertise"
      title="Our Services"
    />
  </div>

  <div id="detailed-services" data-section="detailed-services">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      features={[
        {
          title: "UPVC Windows",          description: "Upgrade to our high-performance UPVC windows for superior insulation, security, and a fresh new look. Available in casement, sash, tilt & turn, and bay styles, tailored to your home's architecture.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-wine-window_23-2147770788.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/attractive-young-girl-pajama-with-shorts-sunny-window-modern-apartment-she-chatting-tab-smiling_197531-24894.jpg",          buttonText: "Get a Quote",          buttonHref: "/contact?service=windows"},
        {
          title: "UPVC Doors",          description: "Choose from our extensive range of secure and stylish UPVC doors, including front doors, back doors, French doors, and patio doors. Enhance your home's entrance and garden access.",          imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-checking-mobile-phone_23-2148499917.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-city_1157-17236.jpg",          buttonText: "Get a Quote",          buttonHref: "/contact?service=doors"},
        {
          title: "Fascias & Soffits",          description: "Protect your roofline with our durable UPVC fascias and soffits. These low-maintenance solutions prevent rot, damp, and pest ingress, keeping your home pristine year-round.",          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-little-bird-balcony_23-2148107047.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970029.jpg",          buttonText: "Get a Quote",          buttonHref: "/contact?service=fascias"},
        {
          title: "Gutter Installation",          description: "Ensure efficient rainwater management with our robust UPVC guttering systems. We offer expert installation and repairs to prevent water damage and maintain your property's integrity.",          imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-standing-near-wall-with-repair-tools_1157-29766.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-shutter_23-2147626008.jpg",          buttonText: "Get a Quote",          buttonHref: "/contact?service=gutters"},
      ]}
      title="Comprehensive UPVC & Roofline Services"
      description="ProLine Installations offers a full spectrum of services, ensuring your home is both beautiful and protected."
    />
  </div>

  <div id="services-final-cta" data-section="services-final-cta">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Ready for a Home Upgrade?"
      title="Start Your Project Today"
      description="Contact ProLine Installations now for expert advice and a free, no-obligation quote."
    />
  </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>
  );
}
