"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Briefcase, Building, Cog, CookingPot, Droplet, Home, ListChecks, MapPin, Star, Users, Wrench, ZoomIn } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Services",          id: "/services"},
        {
          name: "About Us",          id: "/about"},
        {
          name: "Projects",          id: "/projects"},
        {
          name: "Reviews",          id: "/reviews"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      brandName="Leeds Building & Tiling Ltd"
      button={{
        text: "Get Free Quote",        href: "/contact"}}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "plain"}}
      title="Trusted Builders in Leeds for High-Quality Home Renovations"
      description="Transforming homes with expertise in bathrooms, kitchens, extensions & full refurbishments. Your local building partner."
      buttons={[
        {
          text: "Call Now",          href: "tel:07552198577"},
        {
          text: "Get Free Quote",          href: "/contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-kitchen-ergonomics-functional-space_169016-68869.jpg",          imageAlt: "Modern kitchen renovation"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-bathtub-bathroom-interior-with-window_169016-26296.jpg",          imageAlt: "Stylish bathroom renovation"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302623.jpg",          imageAlt: "Contemporary house extension"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976527.jpg",          imageAlt: "Interior home renovation"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/professional-builder-work-clothes-works-with-cutting-tool_169016-11227.jpg",          imageAlt: "Professional bricklaying"},
      ]}
      mediaAnimation="opacity"
    />
  </div>

  <div id="trust-bar" data-section="trust-bar">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "rating",          value: "4.9",          title: "Star Rating",          description: "From 82+ satisfied customers.",          icon: Star,
        },
        {
          id: "customers",          value: "82+",          title: "Happy Customers",          description: "Families we've helped across Leeds.",          icon: Users,
        },
        {
          id: "local",          value: "Local",          title: "Leeds Based",          description: "Proudly serving our local community.",          icon: MapPin,
        },
      ]}
      title="Building Trust, Delivering Excellence"
      description="Our commitment to quality and customer satisfaction speaks for itself."
    />
  </div>

  <div id="services-overview" data-section="services-overview">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Bathroom Renovations",          description: "Modern designs and expert installations for your dream bathroom.",          icon: Droplet,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-arrangement-pvc_23-2149062971.jpg",              imageAlt: "Bathtub icon"},
            {
              imageSrc: "http://img.b2bpic.net/free-vector/guy-giving-his-dog-bath-vector_53876-17215.jpg",              imageAlt: "Bathtub icon"},
          ]
        },
        {
          title: "Kitchen Remodelling",          description: "Creating functional and beautiful kitchens tailored to your lifestyle.",          icon: CookingPot,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-kitchen-cabinets-with-copper-hardware-minimalist-furniture-design-home_169016-72747.jpg",              imageAlt: "Kitchen icon"},
            {
              imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-cooking-lettering_23-2150850577.jpg",              imageAlt: "Kitchen icon"},
          ]
        },
        {
          title: "Extensions & Conversions",          description: "Expand your living space with seamless and high-quality home additions.",          icon: Home,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-sign-front-side-with-white-background_187299-39803.jpg",              imageAlt: "House icon"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/graphic-design-color-swatches-pens-desk-architectural-drawing-with-work-tools-accessories_1421-384.jpg",              imageAlt: "House icon"},
          ]
        },
        {
          title: "Repointing & Brickwork",          description: "Restoring the integrity and beauty of your property's exterior. ",          icon: Building,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-vector/happy-labour-day-design_1057-8443.jpg",              imageAlt: "Brick wall icon"},
            {
              imageSrc: "http://img.b2bpic.net/free-vector/construction-template-flat-style_23-2147757626.jpg",              imageAlt: "Brick wall icon"},
          ]
        },
        {
          title: "Plumbing & Electrical",          description: "Integrated services with trusted partners for a complete solution.",          icon: Wrench,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-55754.jpg",              imageAlt: "Wrench icon"},
            {
              imageSrc: "http://img.b2bpic.net/free-vector/25-plumber-line-icon-pack-vector-icons-illustration_1142-19381.jpg",              imageAlt: "Wrench icon"},
          ]
        },
        {
          title: "General Building",          description: "From structural work to finishing touches, we handle it all.",          icon: Cog,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/3d-render-lamp-with-lightning-inside-think-icon_107791-17176.jpg",              imageAlt: "Hammer icon"},
            {
              imageSrc: "http://img.b2bpic.net/free-vector/coloured-plugs-collection_1333-2.jpg",              imageAlt: "Hammer icon"},
          ]
        },
      ]}
      title="Our Multi-Trade Expertise"
      description="Comprehensive building and renovation services, all under one trusted roof."
    />
  </div>

  <div id="featured-projects" data-section="featured-projects">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "proj-kitchen-modern",          name: "Modern Kitchen Remodel",          price: "Leeds, LS6",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg",          imageAlt: "Before and after of a modern kitchen remodel"},
        {
          id: "proj-bath-luxury",          name: "Luxury Bathroom Renovation",          price: "Roundhay, LS8",          imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-design_23-2151962347.jpg",          imageAlt: "Before and after of a luxury bathroom renovation"},
        {
          id: "proj-extension-rear",          name: "Seamless Rear Extension",          price: "Headingley, LS6",          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-dining-room-with-garden-view_23-2152008199.jpg",          imageAlt: "Newly built seamless rear house extension"},
        {
          id: "proj-loft-conversion",          name: "Attic to Master Suite",          price: "Chapel Allerton, LS7",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-blurry-woman-holding-color-palette_23-2148819906.jpg",          imageAlt: "Finished attic conversion into a master suite"},
        {
          id: "proj-brick-repoint",          name: "Victorian Facade Repointing",          price: "Horsforth, LS18",          imageSrc: "http://img.b2bpic.net/free-photo/construction-electrician-cuts-voltage-cable-repair_169016-11855.jpg",          imageAlt: "Restored Victorian brick facade"},
        {
          id: "proj-wetroom",          name: "Contemporary Wetroom",          price: "Moortown, LS17",          imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bathroom-interior-with-natural-stone-tiles-bathtub_1194-640320.jpg",          imageAlt: "Modern wetroom installation with dark tiles"},
      ]}
      title="Our Featured Projects"
      description="See the quality and craftsmanship we bring to every home transformation."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      imagePosition="left"
      title="Why Choose Leeds Building & Tiling?"
      description="Experience the difference of working with a local team dedicated to your vision."
      bulletPoints={[
        {
          title: "Fully Managed Projects",          description: "From concept to completion, we handle every detail with precision and care.",          icon: ListChecks,
        },
        {
          title: "Skilled Multi-Trade Team",          description: "Our experienced craftsmen deliver exceptional quality across all trades.",          icon: Briefcase,
        },
        {
          title: "Attention to Detail",          description: "We pride ourselves on meticulous workmanship and a flawless finish.",          icon: ZoomIn,
        },
        {
          title: "Reliable & Professional",          description: "Trustworthy service with clear communication and timely execution.",          icon: Award,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/important-information-three-men-protective-helmet-looking-laptop-with-interest-while-standing-construction-site-day_259150-57630.jpg"
      imageAlt="Leeds Building & Tiling team working on site"
      mediaAnimation="opacity"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "test-1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",          imageAlt: "Sarah Johnson, happy customer"},
        {
          id: "test-2",          name: "Michael C.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-hands-pray-namaste-press-hands-together-politely-being-grateful-thanking-standing-t-shirt-white_176420-39785.jpg",          imageAlt: "Michael Chen, satisfied client"},
        {
          id: "test-3",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-cheerful-girl-baking-kitchen-making-dough-holding-recipe-book-having-ideas_1258-195119.jpg",          imageAlt: "Emily Rodriguez, homeowner"},
        {
          id: "test-4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-65932.jpg",          imageAlt: "David Kim, delighted customer"},
        {
          id: "test-5",          name: "Laura P.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-man_23-2149272737.jpg",          imageAlt: "Laura Price, happy homeowner"},
        {
          id: "test-6",          name: "James & Chloe",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-holding-keys-excited-move-together_1163-4147.jpg",          imageAlt: "James and Chloe, satisfied couple"},
      ]}
      cardTitle="What Our Clients Say"
      cardTag="Trusted Local Builder"
      buttons={[
        {
          text: "Read All Reviews",          href: "/reviews"},
      ]}
      cardAnimation="slide-up"
    />
  </div>

  <div id="contact-cta" data-section="contact-cta">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Ready to Start Your Project?"
      description="Get a free, no-obligation quote from your trusted local builders today. Call us directly or fill out the form."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Email Address (Optional)"},
      ]}
      multiSelect={{
        name: "projectType",        label: "Type of Project",        options: [
          "Bathroom Renovation",          "Kitchen Remodelling",          "Home Extension",          "General Building Work",          "Repointing & Brickwork",          "Other"],
      }}
      textarea={{
        name: "message",        placeholder: "Tell us about your project...",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/architecture-concept-with-notepad_23-2147813119.jpg"
      imageAlt="Architectural blueprints and construction tools"
      mediaPosition="left"
      buttonText="Get Free Quote"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Bathroom Renovations",              href: "/services#bathrooms"},
            {
              label: "Kitchen Remodelling",              href: "/services#kitchens"},
            {
              label: "Extensions",              href: "/services#extensions"},
            {
              label: "General Building",              href: "/services#general-building"},
            {
              label: "Repointing & Brickwork",              href: "/services#brickwork"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Our Projects",              href: "/projects"},
            {
              label: "Client Reviews",              href: "/reviews"},
            {
              label: "Contact Us",              href: "/contact"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Call Us: 07552 198577",              href: "tel:07552198577"},
            {
              label: "Email: info@leedsbuildingtiling.co.uk",              href: "mailto:info@leedsbuildingtiling.co.uk"},
            {
              label: "Leeds, West Yorkshire",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Leeds Building & Tiling Ltd. All rights reserved."
      bottomRightText="Privacy Policy"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
