"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 FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import { Building, Droplet, Home, MessageCircle, Wrench } 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="services-list" data-section="services-list">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "New Slate & Tile Roofs",          description: "Full roof replacements, breathable membranes, insulation, leadwork, and ridge systems for lasting quality.",          icon: Home,
          mediaItems: [
            {
              imageSrc: "https://img.b2bpic.net/free-photo/worker-cutting-metal-roof-sheets_23-2151042792.jpg?_wi=2",              imageAlt: "Roofer installing new roof tiles"},
            {
              imageSrc: "https://img.b2bpic.net/free-photo/male-engineer-uniform-gloves-holding-drilling-machine_23-2147775510.jpg?_wi=2",              imageAlt: "Close-up of new tile roof installation"},
          ]
        },
        {
          title: "Flat Roof Replacement",          description: "Warm roof systems with GRP or high-grade felt for leak-free, energy-efficient, and neatly finished roofs.",          icon: Home,
          mediaItems: [
            {
              imageSrc: "https://img.b2bpic.net/free-photo/people-working-flat-roof_23-2149343729.jpg?_wi=2",              imageAlt: "Workers applying membrane to flat roof"},
            {
              imageSrc: "https://img.b2bpic.net/free-photo/roof-worker_23-2148464654.jpg?_wi=2",              imageAlt: "Finished flat roof with modern sealant"},
          ]
        },
        {
          title: "Chimney Removal & Rebuild",          description: "Safe structural removals, lead flashings, capping, and brickwork to resolve damp issues and ensure watertight integrity.",          icon: Building,
          mediaItems: [
            {
              imageSrc: "https://img.b2bpic.net/free-photo/bricklayer-working-site-close-up_23-2149405055.jpg?_wi=2",              imageAlt: "Bricklayer working on chimney rebuild"},
            {
              imageSrc: "https://img.b2bpic.net/free-photo/man-working-roof_1321-1041.jpg?_wi=2",              imageAlt: "Scaffolded chimney being repaired"},
          ]
        },
        {
          title: "Fascia, Soffits & Guttering",          description: "Installation of new fascia, soffits, gutters, and downpipes for improved drainage and a clean, modern aesthetic.",          icon: Droplet,
          mediaItems: [
            {
              imageSrc: "https://img.b2bpic.net/free-photo/metal-guttering-installed-house-roof_146919-21.jpg?_wi=2",              imageAlt: "New white fascia and guttering"},
            {
              imageSrc: "https://img.b2bpic.net/free-photo/workman-installing-plastic-drainage-pipe-house_1308-16149.jpg?_wi=2",              imageAlt: "Worker installing a new downpipe"},
          ]
        },
        {
          title: "Storm Damage & Emergency",          description: "Rapid response and same-day attendance where possible to make your roof safe and provide permanent repairs.",          icon: Wrench,
          mediaItems: [
            {
              imageSrc: "https://img.b2bpic.net/free-photo/roof-tiling-on-construction-site_1088-293.jpg?_wi=2",              imageAlt: "Damaged roof tiles after storm"},
            {
              imageSrc: "https://img.b2bpic.net/free-photo/worker-roof-repairing-house_1423-1493.jpg?_wi=2",              imageAlt: "Roofer fixing wind-damaged roof"},
          ]
        },
        {
          title: "Skylights & Roof Ventilation",          description: "Expert Velux installation, vent tiles, and condensation solutions to enhance attic comfort and natural light.",          icon: MessageCircle,
          mediaItems: [
            {
              imageSrc: "https://img.b2bpic.net/free-photo/roofer-installing-window_23-2148464673.jpg?_wi=2",              imageAlt: "Velux skylight being installed"},
            {
              imageSrc: "https://img.b2bpic.net/free-photo/roof-repair-specialist-is-replacing-shingles-damaged-by-hail_1308-142340.jpg?_wi=2",              imageAlt: "New roof ventilation system"},
          ]
        },
      ]}
      title="Our Full Range of Expert Roofing Solutions"
      description="GC Roofing offers comprehensive services from new installations to emergency repairs, delivered with professionalism and transparency."
    />
  </div>

  <div id="service-faqs" data-section="service-faqs">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-s1",          title: "What kind of roofs do you work on?",          content: "We specialize in both new slate and tiled roof installations, as well as flat roof replacements using modern warm roof systems, GRP, or high-grade felt."},
        {
          id: "faq-s2",          title: "How do you handle storm damage?",          content: "We offer same or next-day attendance for storm damage where possible. Our priority is to make your roof safe and watertight, followed by permanent repairs."},
        {
          id: "faq-s3",          title: "Do you provide guarantees on your work?",          content: "Yes, we provide a 10-year workmanship guarantee on all full roof replacements, and we honor manufacturer warranties on materials used."},
      ]}
      title="Frequently Asked Service Questions"
      description="Find answers to common questions about our roofing services and processes."
      faqsAnimation="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>
  );
}