"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 ProductCardOne from '@/components/sections/product/ProductCardOne';
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="gallery-hero" data-section="gallery-hero">
      <TextAbout
      useInvertedBackground={false}
      tag="Our Expertise in Action"
      title="Our Work Gallery"
    />
  </div>

  <div id="project-gallery" data-section="project-gallery">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "gal-w1",          name: "UPVC Windows - Shrewsbury",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-using-smartphone-near-window_23-2147769532.jpg"},
        {
          id: "gal-w2",          name: "UPVC Windows - Telford",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/trendy-modern-interior-living-room-with-blue-walls-white-windows_181624-18642.jpg"},
        {
          id: "gal-w3",          name: "UPVC Windows - Chester",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-woman-inside-shelter_23-2148243198.jpg"},
        {
          id: "gal-d1",          name: "UPVC Doors - Stafford",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/modern-house-entrance-japan-building_23-2149301104.jpg"},
        {
          id: "gal-d2",          name: "UPVC Doors - Stoke",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-checking-products_23-2149148460.jpg"},
        {
          id: "gal-d3",          name: "UPVC Doors - Wolverhampton",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/two-active-woman-asian-caucasian-go-outside-practice-yoga-luxury-villa-poolside_343596-1780.jpg"},
        {
          id: "gal-f1",          name: "Fascias & Soffits - Shrewsbury",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg"},
        {
          id: "gal-f2",          name: "Fascias & Soffits - Telford",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/view-building-with-reflective-windows_23-2148252788.jpg"},
        {
          id: "gal-f3",          name: "Fascias & Soffits - Chester",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/simple-wooden-wall-background_23-2148261975.jpg"},
        {
          id: "gal-g1",          name: "Guttering - Stafford",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836786.jpg"},
        {
          id: "gal-g2",          name: "Guttering - Stoke",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/man-fishing-by-lake_53876-20826.jpg"},
        {
          id: "gal-g3",          name: "Guttering - Wolverhampton",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15424.jpg"},
      ]}
      title="Completed Projects"
      description="Explore our diverse portfolio of high-quality UPVC and roofline installations."
      buttons={[
        {
          text: "Get Your Free Quote Today",          href: "/contact"},
      ]}
    />
  </div>

  <div id="gallery-final-cta" data-section="gallery-final-cta">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Satisfied with what you see?"
      title="Bring Your Vision to Life"
      description="Contact us today to discuss your project and get 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>
  );
}
