"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import { Award, ListChecks, ShieldCheck, Trash2 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="medium"
        background="circleGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Projects",
          id: "/projects",
        },
        {
          name: "Reviews",
          id: "/reviews",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "FAQs",
          id: "/faq",
        },
        {
          name: "Get a Quote",
          id: "/contact",
        },
      ]}
      brandName="GC Roofing"
    />
  </div>

  <div id="meet-the-team" data-section="meet-the-team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      members={[
        {
          id: "team-1",
          name: "Gerard Collins",
          role: "Founder & Lead Roofer",
          description: "With over 20 years experience, Gerard personally oversees every project, ensuring the highest standards of quality.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149343696.jpg",
          imageAlt: "Gerard Collins, Founder of GC Roofing",
        },
        {
          id: "team-2",
          name: "Mark Davison",
          role: "Certified Roofing Technician",
          description: "Mark is a meticulous craftsman, specializing in complex installations and ensuring every detail is perfect.",
          imageSrc: "http://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg",
          imageAlt: "Mark Davison, Roofing Technician",
        },
        {
          id: "team-3",
          name: "Sarah Walsh",
          role: "Client Relations Manager",
          description: "Sarah ensures clear communication and photographic updates, keeping clients informed and satisfied.",
          imageSrc: "http://img.b2bpic.net/free-photo/two-engineers-designers-working-construction-project_273609-16395.jpg",
          imageAlt: "Sarah Walsh, Client Relations Manager",
        },
      ]}
      title="Meet the GC Roofing Team"
      description="Led by Gerard Collins, our team is dedicated to reliability, transparency, and craftsmanship, ensuring your peace of mind."
    />
  </div>

  <div id="company-credentials" data-section="company-credentials">
      <AboutMetric
      useInvertedBackground={true}
      title="Our Values & Credentials"
      metrics={[
        {
          icon: ShieldCheck,
          label: "Workmanship",
          value: "10-Year Guarantee",
        },
        {
          icon: Award,
          label: "Public & Employer's",
          value: "Fully Insured",
        },
        {
          icon: ListChecks,
          label: "Safety Training",
          value: "Certified Team",
        },
        {
          icon: Trash2,
          label: "Waste Management",
          value: "Licensed Carrier",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="GC Roofing"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "New Slates & Tiled Roofs",
              href: "/services#slate-tile",
            },
            {
              label: "Flat Roof Replacement",
              href: "/services#flat-roof",
            },
            {
              label: "Chimney Removal/Rebuild",
              href: "/services#chimney",
            },
            {
              label: "Fascia, Soffits & Guttering",
              href: "/services#fascia-gutter",
            },
            {
              label: "Storm Damage & Emergency",
              href: "/services#storm-damage",
            },
            {
              label: "Skylights & Ventilation",
              href: "/services#skylights",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Projects",
              href: "/projects",
            },
            {
              label: "Reviews",
              href: "/reviews",
            },
            {
              label: "FAQs",
              href: "/faq",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 GC Roofing. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
