"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 HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Clock, Star } from "lucide-react";

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="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      imagePosition="right"
      title="Professional UPVC & Roofline Specialists"
      description="Windows, Doors, Fascias, Soffits & Guttering — Installed to Last"
      testimonials={[
        {
          name: "Eleanor Vance",          handle: "@EleanorVance",          testimonial: "ProLine Installations transformed our home with beautiful new windows. The team was efficient, professional, and the results are stunning. Highly recommend their service!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",          imageAlt: "Portrait of middle aged businesswoman"},
        {
          name: "Thomas Brooks",          handle: "@ThomasB_Home",          testimonial: "We are absolutely delighted with our new composite front door. It's incredibly secure and looks fantastic. ProLine exceeded our expectations!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",          imageAlt: "Close-up of positive businesswoman"},
        {
          name: "Olivia Parker",          handle: "@OliviaP_Renov8",          testimonial: "The fascias and soffits job was carried out to the highest standard. Our roofline now looks brand new, and we have peace of mind knowing it's protected.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",          imageAlt: "Confident middle aged businesswoman looking at camera"},
        {
          name: "William Davies",          handle: "@DaviesHome",          testimonial: "Excellent guttering installation! The team was friendly, tidy, and completed the work quickly. No more overflowing gutters for us.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg",          imageAlt: "Beauty, style, fashion and age concept. Close up portrait of positive elegant 50 year old female with gray hair and wrinkled face posing against white brick wall"},
        {
          name: "Isla Chapman",          handle: "@IslaC_UK",          testimonial: "From the initial quote to the final fitting, ProLine was superb. Their expertise in UPVC is clear, and our new patio doors are perfect.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-green-shirt-looking-glad-front-view_176474-103360.jpg",          imageAlt: "Young woman showing double thumbs up in green shirt and looking glad , front view."},
      ]}
      buttons={[
        {
          text: "Get a Free Quote",          href: "/contact"},
        {
          text: "Call Us Now: 01234 567890",          href: "tel:01234567890"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3633.jpg",          alt: "blond businessman happy expression"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg",          alt: "woman trying to listening some sound"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-successful-businessman-suit-showing-okay-sign-looking-satisfied-standing-against-white-ba_1258-173565.jpg",          alt: "Smiling successful businessman in suit showing okay sign looking satisfied standing against white ba"},
        {
          src: "http://img.b2bpic.net/free-photo/young-hispanic-tourist-woman-smiling-happy-drinking-coffee-city_839833-25789.jpg",          alt: "Young hispanic tourist woman smiling happy drinking coffee at the city"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-caucasian-female-coat-hat-winter_181624-30114.jpg",          alt: "Portrait of a smiling blonde caucasian female in a coat and hat in winter"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/black-white-vintage-portrait-man-doing-housework-household-chores_23-2151448669.jpg"
      imageAlt="Freshly installed white UPVC window on a brick house"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Local Experts"},
        {
          type: "text-icon",          text: "5-Star Rated",          icon: Star,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/approved-authentic-quality-guaranteed-product-concept_53876-13748.jpg",          alt: "Approved Authentic Quality Guaranteed Product Concept"},
        {
          type: "text",          text: "Fully Insured"},
        {
          type: "text-icon",          text: "15+ Years Experience",          icon: Clock,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/protection-security-rights-guarantee-illustration_53876-123003.jpg",          alt: "Protection Security Rights Guarantee Illustration"},
      ]}
    />
  </div>

  <div id="trust-bar" data-section="trust-bar">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",          value: "Fully Insured",          description: "For your complete peace of mind"},
        {
          id: "metric-2",          value: "5-Star Rated",          description: "Exceptional customer satisfaction"},
        {
          id: "metric-3",          value: "15+ Years",          description: "Of industry experience"},
        {
          id: "metric-4",          value: "Local Experts",          description: "Serving your community directly"},
      ]}
      title="Why Choose ProLine Installations"
      description="Building trust and delivering excellence in every project."
    />
  </div>

  <div id="services-overview" data-section="services-overview">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      features={[
        {
          title: "UPVC Windows",          description: "Energy-efficient and secure windows in various styles.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-front-door-with-gray-wall_23-2149360614.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124295.jpg",          buttonText: "Learn More",          buttonHref: "/services#windows"},
        {
          title: "UPVC Doors",          description: "Secure and stylish doors that make a statement.",          imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building-with-stairs_23-2149301103.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/long-shot-front-view-man-hugging-saxophone_23-2148207566.jpg",          buttonText: "Learn More",          buttonHref: "/services#doors"},
        {
          title: "Fascias & Soffits",          description: "Protect and beautify your roofline with durable UPVC.",          imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-training-near-railings_23-2147786915.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-schematics_23-2148269844.jpg",          buttonText: "Learn More",          buttonHref: "/services#fascias"},
        {
          title: "Gutter Installation",          description: "Efficient guttering to manage rainwater effectively.",          imageSrc: "http://img.b2bpic.net/free-photo/white-diagonal-painted-wood-wall-background-texture_158595-6488.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",          buttonText: "Learn More",          buttonHref: "/services#gutters"},
      ]}
      title="What We Do"
      description="Specializing in high-quality UPVC and roofline installations to enhance your home's aesthetics and durability."
      buttons={[
        {
          text: "View All Services",          href: "/services"},
      ]}
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "proj-comp",          value: "500+",          description: "Projects Completed"},
        {
          id: "years-exp",          value: "15+",          description: "Years Experience"},
        {
          id: "satisfaction",          value: "100%",          description: "Satisfaction Guarantee"},
      ]}
      title="Our Commitment to Quality"
      description="Family-run business serving [your region] since 2008. No subcontractors. No hidden costs. Just quality workmanship and lasting results you can trust."
    />
  </div>

  <div id="recent-work" data-section="recent-work">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "work-1",          name: "UPVC Window Replacement",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-boxer-wrapping-his-hands-before-training-ring_23-2148759638.jpg"},
        {
          id: "work-2",          name: "Composite Door Installation",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-front-doors-with-green-beige-wall_23-2149360617.jpg"},
        {
          id: "work-3",          name: "Roofline & Gutter Upgrade",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg"},
      ]}
      title="Our Recent Work"
      description="See examples of our craftsmanship and how we've transformed homes across the UK."
      buttons={[
        {
          text: "See Full Gallery",          href: "/gallery"},
      ]}
    />
  </div>

  <div id="google-reviews" data-section="google-reviews">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Sarah J. - Shrewsbury",          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
        {
          id: "t2",          name: "David M. - Chester",          imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg"},
        {
          id: "t3",          name: "Emily R. - Telford",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-outside-portrait-smiling-happy-woman-with-perfect-smile-bright-make-up-wearing-bright-scarf-looking-aside-smiling-while-walking-city-meeting_291650-1743.jpg"},
        {
          id: "t4",          name: "Michael K. - Stafford",          imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg"},
        {
          id: "t5",          name: "Jessica L. - Stoke",          imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-angry-expression_1194-2016.jpg"},
        {
          id: "t6",          name: "Andrew B. - Wolverhampton",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-celebrating-birthday-together_23-2150598991.jpg"},
      ]}
      cardTitle="What Our Customers Say"
      cardTag="Trusted Google Reviews"
      buttons={[
        {
          text: "Read All Reviews on Google",          href: "https://www.google.com/search?q=proline+installations+reviews"},
      ]}
      cardAnimation="slide-up"
    />
  </div>

  <div id="final-cta" data-section="final-cta">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Transform Your Home"
      title="Ready to Transform Your Home?"
      description="Contact us today for a free, no-obligation quote and discover the ProLine difference."
    />
  </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>
  );
}
