"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import { CalendarClock, Cog, Wrench } 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="about-intro" data-section="about-intro">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      imagePosition="right"
      title="About Leeds Building & Tiling Ltd"
      description="Meet Bruno and our dedicated team. We are a local, family-run business passionate about delivering high-quality building and tiling services across Leeds."
      bulletPoints={[
        {
          title: "Local Expertise",
          description: "Deep understanding of local architecture and building regulations.",
        },
        {
          title: "Personalised Service",
          description: "Every project is managed with personal attention and care.",
        },
        {
          title: "High Standards",
          description: "Commitment to excellence in every detail, from start to finish.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-shaking-hands_23-2148233778.jpg"
      imageAlt="Bruno, owner of Leeds Building & Tiling Ltd"
      mediaAnimation="opacity"
    />
  </div>

  <div id="our-team" data-section="our-team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      members={[
        {
          id: "member-bruno",
          name: "Bruno P.",
          role: "Founder & Lead Builder",
          description: "With over 15 years of experience, Bruno leads our team with a passion for quality.",
          imageSrc: "http://img.b2bpic.net/free-photo/architect-checking-new-project_23-2148242920.jpg",
          imageAlt: "Bruno, Founder & Lead Builder",
        },
        {
          id: "member-john",
          name: "John S.",
          role: "Lead Builder",
          description: "A seasoned craftsman, John ensures every project meets our high standards.",
          imageSrc: "http://img.b2bpic.net/free-photo/urban-manager_1098-16099.jpg",
          imageAlt: "John, Lead Builder",
        },
        {
          id: "member-sarah",
          name: "Sarah L.",
          role: "Project Coordinator",
          description: "Sarah keeps our projects running smoothly and on schedule.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-portrait-construction-engineer-holding-clipboard_23-2148233720.jpg",
          imageAlt: "Sarah, Project Coordinator",
        },
        {
          id: "member-dave",
          name: "Dave H.",
          role: "Master Tiler",
          description: "Dave's precision tiling work is second to none.",
          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-using-analog-tradition-cell-phone_613910-14675.jpg",
          imageAlt: "Dave, Master Tiler",
        },
      ]}
      title="Meet Our Expert Team"
      description="Our friendly and skilled professionals are the heart of Leeds Building & Tiling Ltd."
    />
  </div>

  <div id="company-metrics" data-section="company-metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "years-exp",
          value: "15+",
          title: "Years Experience",
          description: "In the building and renovation industry.",
          icon: CalendarClock,
        },
        {
          id: "projects-comp",
          value: "100+",
          title: "Projects Completed",
          description: "Transforming homes across Leeds.",
          icon: Cog,
        },
        {
          id: "trades",
          value: "Multi-Trade",
          title: "Skilled Trades",
          description: "Comprehensive services for any project.",
          icon: Wrench,
        },
      ]}
      title="Our Commitment to Excellence"
      description="Driven by experience and a dedication to quality."
    />
  </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>
  );
}
