"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SplitAbout from '@/components/sections/about/SplitAbout';
import { Building, CookingPot, Droplet, Home } 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="services-intro" data-section="services-intro">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Comprehensive Building Services in Leeds"
      description="Leeds Building & Tiling Ltd offers a full spectrum of high-quality building and renovation services, executed by our skilled local team. Discover how we can bring your vision to life."
      bulletPoints={[
        {
          title: "Experienced Craftsmen",          description: "Our team brings years of experience to every project."},
        {
          title: "Quality Materials",          description: "We use only the best materials for lasting results."},
        {
          title: "Customer Satisfaction",          description: "Your happiness is our top priority."},
      ]}
      mediaAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836104.jpg"
      imageAlt="Construction worker reviewing plans on site"
    />
  </div>

  <div id="detailed-services" data-section="detailed-services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Bathroom Renovations",          description: "Complete overhauls or refreshing updates, including tiling, plumbing, and fixture installation.",          icon: Droplet,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/composition-cleaning-objects-with-copyspace_23-2148104521.jpg",              imageAlt: "Bathtub icon"},
            {
              imageSrc: "http://img.b2bpic.net/free-vector/flat-world-water-day-infographic-template_23-2148872854.jpg",              imageAlt: "Bathtub icon"},
          ]
        },
        {
          title: "Kitchen Remodelling",          description: "Custom kitchen designs, cabinet installation, worktops, splashbacks, and integrated appliances.",          icon: CookingPot,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059679.jpg",              imageAlt: "Kitchen icon"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-with-potted-plant-table_23-2149428018.jpg",              imageAlt: "Kitchen icon"},
          ]
        },
        {
          title: "Home Extensions",          description: "Single and double-story extensions, conservatories, and garage conversions to expand your home.",          icon: Home,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-55.jpg",              imageAlt: "House icon"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/screen-icon-front-side_187299-39667.jpg",              imageAlt: "House icon"},
          ]
        },
        {
          title: "Repointing & Brickwork",          description: "Specialist masonry services including brick repair, repointing, and decorative brickwork.",          icon: Building,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/facade-modern-glass-skyscraper-abstract-business-center-architecture_169016-73100.jpg",              imageAlt: "Brick wall icon"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nyrgu4",              imageAlt: "Brick wall icon"},
          ]
        },
      ]}
      title="Our Detailed Service Offerings"
      description="From minor repairs to major transformations, we've got you covered."
    />
  </div>

  <div id="service-faq" data-section="service-faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "How long does a typical bathroom renovation take?",          content: "A standard bathroom renovation usually takes between 1-2 weeks, depending on the scope of work and materials chosen."},
        {
          id: "faq2",          title: "Do you provide free quotes?",          content: "Yes, we offer free, no-obligation quotes for all potential projects. Contact us to schedule a visit."},
        {
          id: "faq3",          title: "Are you insured and certified?",          content: "Absolutely. Leeds Building & Tiling Ltd is fully insured and all our tradesmen are certified in their respective fields."},
        {
          id: "faq4",          title: "Can you help with design and planning?",          content: "Yes, we can provide guidance on design ideas and work closely with architects and planners to ensure your project meets all specifications."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our building and renovation services."
      faqsAnimation="slide-up"
    />
  </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>
  );
}
