"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Building, Camera, Clock, Droplet, Home, Leaf, MessageCircle, ShieldCheck, Wallet, 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="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-static"}}
      title="GC Roofing: Unwavering Reliability, Unmatched Craftsmanship."
      description="Across Greater Belfast, GC Roofing delivers peace of mind with every project. Reliable. Transparent. Built to last."
      titleClassName="text-5xl lg:text-7xl font-extrabold text-[var(--primary-cta)]"
      descriptionClassName="text-lg lg:text-xl"
      buttons={[
        {
          text: "Get a Quote",          href: "/contact"},
        {
          text: "Call Now 07927282276",          href: "tel:07927282276"},
      ]}
      carouselItems={[
        {
          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",          imageAlt: "Roofer inspecting roof"},
        {
          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/people-age-job-occupation-concept-portrait-confident-focused-senior-man-wearing-yellow-goggles-plaid-shirt-hardhat-wiast-bag-with-tools-carrying-wooden-bar-his-shoulder_343059-2737.jpg",          imageAlt: "Team repairing storm damage"},
        {
          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/home-clay-roof-tile_657883-716.jpg",          imageAlt: "Close up of new roof tiles"},
        {
          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748233.jpg",          imageAlt: "Modern home with new roof and skylights"},
        {
          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg",          imageAlt: "Flat roof replacement in progress"},
        {
          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg",          imageAlt: "New fascia and guttering"},
      ]}
    />
  </div>

  <div id="services-snapshot" data-section="services-snapshot">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "New Slate & Tile Roofs",          description: "Full roof replacements to a high standard, with breathable membranes and leadwork.",          icon: Home,
          mediaItems: [
            {
              imageSrc: "https://img.b2bpic.net/free-photo/worker-cutting-metal-roof-sheets_23-2151042792.jpg?_wi=1",              imageAlt: "Roofer installing new roof tiles"},
            {
              imageSrc: "https://img.b2bpic.net/free-photo/male-engineer-uniform-gloves-holding-drilling-machine_23-2147775510.jpg?_wi=1",              imageAlt: "Close-up of new tile roof installation"},
          ]
        },
        {
          title: "Flat Roof Replacement",          description: "Warm roof systems, GRP or high-grade felt for leak-free, energy-efficient solutions.",          icon: Home,
          mediaItems: [
            {
              imageSrc: "https://img.b2bpic.net/free-photo/people-working-flat-roof_23-2149343729.jpg?_wi=1",              imageAlt: "Workers applying membrane to flat roof"},
            {
              imageSrc: "https://img.b2bpic.net/free-photo/roof-worker_23-2148464654.jpg?_wi=1",              imageAlt: "Finished flat roof with modern sealant"},
          ]
        },
        {
          title: "Chimney Removal & Rebuild",          description: "Structural removals, lead flashings, capping, and brickwork to cure damp and ensure safety.",          icon: Building,
          mediaItems: [
            {
              imageSrc: "https://img.b2bpic.net/free-photo/bricklayer-working-site-close-up_23-2149405055.jpg?_wi=1",              imageAlt: "Bricklayer working on chimney rebuild"},
            {
              imageSrc: "https://img.b2bpic.net/free-photo/man-working-roof_1321-1041.jpg?_wi=1",              imageAlt: "Scaffolded chimney being repaired"},
          ]
        },
        {
          title: "Fascia, Soffits & Guttering",          description: "New fascia, soffits, gutters, and downpipes for tidy edges and improved drainage.",          icon: Droplet,
          mediaItems: [
            {
              imageSrc: "https://img.b2bpic.net/free-photo/metal-guttering-installed-house-roof_146919-21.jpg?_wi=1",              imageAlt: "New white fascia and guttering"},
            {
              imageSrc: "https://img.b2bpic.net/free-photo/workman-installing-plastic-drainage-pipe-house_1308-16149.jpg?_wi=1",              imageAlt: "Worker installing a new downpipe"},
          ]
        },
        {
          title: "Storm Damage & Repairs",          description: "Fast diagnosis and same-day call-outs where possible to make safe and permanently repair.",          icon: Wrench,
          mediaItems: [
            {
              imageSrc: "https://img.b2bpic.net/free-photo/roof-tiling-on-construction-site_1088-293.jpg?_wi=1",              imageAlt: "Damaged roof tiles after storm"},
            {
              imageSrc: "https://img.b2bpic.net/free-photo/worker-roof-repairing-house_1423-1493.jpg?_wi=1",              imageAlt: "Roofer fixing wind-damaged roof"},
          ]
        },
        {
          title: "Skylights & Roof Ventilation",          description: "Velux installation, vent tiles, and condensation solutions for attic comfort.",          icon: MessageCircle,
          mediaItems: [
            {
              imageSrc: "https://img.b2bpic.net/free-photo/roofer-installing-window_23-2148464673.jpg?_wi=1",              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=1",              imageAlt: "New roof ventilation system"},
          ]
        },
      ]}
      title="Comprehensive Roofing Services"
      description="From new installations to emergency repairs, our expert team delivers reliable and transparent service across Greater Belfast."
    />
  </div>

  <div id="trust-bar" data-section="trust-bar">
      <AboutMetric
      useInvertedBackground={false}
      title="Why Homeowners Trust GC Roofing"
      metrics={[
        {
          icon: ShieldCheck,
          label: "Rated by homeowners",          value: "★★★★★"},
        {
          icon: Wallet,
          label: "Itemized Quotes",          value: "Fair Pricing"},
        {
          icon: Camera,
          label: "Job Updates",          value: "Photo Progress"},
        {
          icon: Leaf,
          label: "Clean Site",          value: "Tidy Work"},
        {
          icon: Clock,
          label: "Rapid Response",          value: "Emergency"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="review-carousel" data-section="review-carousel">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-trendy-hairstyle_23-2149430890.jpg"},
        {
          id: "2",          name: "Michael C.",          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733151.jpg"},
        {
          id: "3",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-big-smile-before-starting-run_23-2147562226.jpg"},
        {
          id: "4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/executive-holding-hot-drink-tree_23-2147562284.jpg"},
        {
          id: "5",          name: "Aisling M.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-multicultural-family-taking-selfie_23-2148466958.jpg"},
      ]}
      cardTitle="What Our Clients Say"
      cardTag="Trusted Craftsmanship"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="process-section" data-section="process-section">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "step-1",          value: "1",          title: "Inspect & Explain",          items: [
            "We assess your roof thoroughly",            "Share photos of our findings"],
        },
        {
          id: "step-2",          value: "2",          title: "Upfront, Itemized Quote",          items: [
            "Clear, no-surprise pricing",            "Defined timelines and options"],
        },
        {
          id: "step-3",          value: "3",          title: "Professional Finish",          items: [
            "Skilled team, tidy site",            "Photo updates & guaranteed work"],
        },
      ]}
      title="Our Transparent Roofing Process"
      description="We keep you informed every step of the way, ensuring peace of mind and a perfect finish."
    />
  </div>

  <div id="guarantees-coverage" data-section="guarantees-coverage">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Workmanship Guarantee",        "Fully Insured",        "Photographic Updates",        "Tidy Work, Every Time",        "Fair, Transparent Pricing",        "Rapid Emergency Response",        "Local & Trusted"]}
      title="Our Commitment to Quality"
      description="Peace of mind comes standard with every GC Roofing project."
    />
  </div>

  <div id="final-cta-band" data-section="final-cta-band">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Need help today? Get a fast, transparent quote or call us now for immediate assistance."
      buttons={[
        {
          text: "Get a Quote",          href: "/contact"},
        {
          text: "Call 07927282276",          href: "tel:07927282276"},
      ]}
    />
  </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>
  );
}