"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Activity, CheckCircle, Cloud, CookingPot, Grid, Home, Lightbulb, Sparkles, Wind, Wrench } from "lucide-react";

export default function LandingPage() {
  const commonNavItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/#services" },
    { name: "About", id: "/#about" },
    { name: "Reviews", id: "/#reviews" },
    { name: "Contact", id: "/contact-us" }
  ];

  const footerColumns = [
    {
      items: [
        { label: "Home", href: "/" },
        { label: "Services", href: "/#services" },
        { label: "About", href: "/#about" },
        { label: "Reviews", href: "/#reviews" },
        { label: "Contact", href: "/contact-us" }
      ]
    },
    {
      items: [
        { label: "Greater Victoria, BC", href: "#" },
        { label: "Phone: (XXX) XXX-XXXX", href: "tel:XXX-XXX-XXXX" },
        { label: "Email: info@prizmhvac.com", href: "mailto:info@prizmhvac.com" },
        { label: "Hours: Mon-Fri, 8 AM - 5 PM", href: "#" }
      ]
    }
  ];

  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLarge"
        background="noise"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={commonNavItems}
      brandName="Prizm Heating & Ventilation"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="Precision Comfort for Modern Homes"
      description="Prizm Heating & Ventilation delivers clean, thoughtful heat pump, ductwork, and ventilation installations for homeowners across Greater Victoria. From older home upgrades to carefully planned renovations, every project is completed with precision, professionalism, and respect for your space."
      tag="Greater Victoria Heating & Ventilation"
      buttons={[
        {
          text: "Request an Estimate",          href: "/contact-us"},
        {
          text: "View Services",          href: "/#services"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349205.jpg",          imageAlt: "Luxury modern home interior with subtle vents"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-using-soft-dusting-brush-sweep-away-built-up-layer-dirt-debris-from-hvac-system-coil-while-adept-repairman-refills-air-conditioner-cooling-system-refrigerant-tank_482257-63969.jpg",          imageAlt: "HVAC technician working carefully in a finished home"},
      ]}
      mediaAnimation="opacity"
      rating={5}
      ratingText="5-star client satisfaction | Heat pumps | Ductwork | Ventilation | Clean, respectful installs"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Wade D",          role: "Homeowner",          testimonial: "Flexible with scheduling, punctual, friendly and professional on site.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-busines-clothes-showing-thumb-up-looking-camera-gray_171337-11351.jpg",          imageAlt: "Wade D, satisfied customer"},
        {
          id: "2",          name: "Wade D",          role: "Client",          testimonial: "The work was clean, efficient, and thoroughly tidied up afterward.",          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-man-smiling-confident-wearing-glasses-isolated-white-background_839833-35235.jpg",          imageAlt: "Wade D, satisfied customer"},
        {
          id: "3",          name: "Gregory C",          role: "Property Manager",          testimonial: "Delivered an excellent new ductwork and heat pump solution in a very challenging old home upgrade.",          imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",          imageAlt: "Gregory C, satisfied customer"},
        {
          id: "4",          name: "Megan M",          role: "Resident",          testimonial: "They took the time to map out exactly where we needed vents.",          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",          imageAlt: "Megan M, satisfied customer"},
        {
          id: "5",          name: "Michael S",          role: "Homeowner",          testimonial: "A pleasure to have in the house.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-sweater-holding-cup-hands_23-2148414845.jpg",          imageAlt: "Michael S, satisfied customer"},
        {
          id: "6",          name: "Sarah J",          role: "Client",          testimonial: "Prizm's communication was excellent, keeping us informed every step of the way.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193990.jpg",          imageAlt: "Sarah J, satisfied customer"},
      ]}
      title="The team homeowners feel confident bringing into their home."
      description="Clients choose Prizm because the experience is as strong as the workmanship. Known for punctual service, clear communication, clean installs, and thoughtful planning, Prizm has earned the trust of homeowners who want the job done properly - and done with care."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Heat Pump Install Support",          description: "Expert ducting, venting, and airflow solutions that help your heat pump system perform beautifully.",          icon: Activity,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250263.jpg",              imageAlt: "Outdoor heat pump unit"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/men-working-with-equipment-full-shot_23-2148921408.jpg",              imageAlt: "Indoor air handler unit"},
          ],
        },
        {
          title: "Ductwork Installation & Replacement",          description: "Custom ductwork designed for comfort, efficiency, and a clean fit within the realities of your home.",          icon: Wind,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281313.jpg",              imageAlt: "New ductwork in attic"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388952.jpg",              imageAlt: "Flexible ductwork in crawlspace"},
          ],
        },
        {
          title: "Home Ventilation",          description: "Fresh air systems, ERVs, air handlers, and exhaust solutions that improve comfort and indoor air quality.",          icon: Cloud,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388960.jpg",              imageAlt: "Home ERV unit"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281304.jpg",              imageAlt: "Modern residential air handler"},
          ],
        },
        {
          title: "Kitchen Venting & Hood Fan Installation",          description: "Clean, efficient venting installations completed with care and attention to detail.",          icon: CookingPot,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/couple-having-breakfast-home_657883-479.jpg",              imageAlt: "Modern kitchen hood fan"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/female-opening-kitchen-hoods_23-2147810080.jpg",              imageAlt: "Technician installing kitchen hood vent"},
          ],
        },
        {
          title: "Renovation & Retrofit Work",          description: "Thoughtful solutions for older homes, attics, crawlspaces, and renovation projects with real-world constraints.",          icon: Home,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207747.jpg",              imageAlt: "HVAC installation during older home renovation"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388990.jpg",              imageAlt: "Technician working on HVAC in an attic"},
          ],
        },
      ]}
      title="Specialized heating and ventilation services"
      description="Prizm Heating & Ventilation provides residential ductwork, ventilation, and heat pump support services for homeowners across Greater Victoria. Every installation is planned carefully, executed cleanly, and finished with attention to detail."
      buttons={[
        {
          text: "See All Services",          href: "/#services"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Philosophy"
      title="Why homeowners choose Prizm"
      description="Prizm is a strong fit for homeowners who want more than a basic install. Whether you're upgrading an older home, renovating, adding a heat pump, or improving ventilation, the work is approached with craftsmanship, communication, and care."
      subdescription="Every project starts with thoughtful planning, executed with precision workmanship, and always with respect for your home and clear communication. Led by Justin and Jordan, Prizm has earned a reputation for being skilled, friendly, and meticulous - the kind of team homeowners feel good about hiring and recommending."
      icon={Sparkles}
      imageSrc="http://img.b2bpic.net/free-photo/emotional-furious-male-female-buillders-gesture-angrily-have-irritated-expressions-as-there-is-much-work_273609-8289.jpg"
      imageAlt="Prizm Heating & Ventilation team"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="process" data-section="process">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "step-1",          icon: Grid,
          title: "Walkthrough & assessment",          value: "Step 1"},
        {
          id: "step-2",          icon: Lightbulb,
          title: "Thoughtful recommendations",          value: "Step 2"},
        {
          id: "step-3",          icon: Wrench,
          title: "Clean, professional installation",          value: "Step 3"},
        {
          id: "step-4",          icon: CheckCircle,
          title: "Final review",          value: "Step 4"},
      ]}
      title="A smoother installation from the start"
      description="From initial walkthrough to final review, our process ensures clarity and quality."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "project-1",          brand: "Ventilation",          name: "Modern Vent Placement",          price: "Luxury Service",          rating: 5,
          reviewCount: "Impeccable",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388989.jpg",          imageAlt: "Modern vent installed in a home interior"},
        {
          id: "project-2",          brand: "Heat Pump",          name: "Outdoor Unit Install",          price: "Premium Quality",          rating: 5,
          reviewCount: "Flawless",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207724.jpg",          imageAlt: "Cleanly installed outdoor heat pump unit"},
        {
          id: "project-3",          brand: "Ductwork",          name: "Concealed Ducting",          price: "Custom Solution",          rating: 5,
          reviewCount: "Seamless",          imageSrc: "http://img.b2bpic.net/free-photo/focused-male-plant-engineer-hardhat-glasses-operating-industrial-machine-pushing-buttons-control-panel_74855-16376.jpg",          imageAlt: "Concealed ductwork in a finished basement"},
        {
          id: "project-4",          brand: "Ventilation",          name: "ERV System Integration",          price: "Air Quality",          rating: 5,
          reviewCount: "Effective",          imageSrc: "http://img.b2bpic.net/free-photo/sterile-hospital-lab-with-metal-supply-cart-wheels-clinical-space_482257-124175.jpg",          imageAlt: "ERV system integrated into a utility room"},
        {
          id: "project-5",          brand: "Kitchen Venting",          name: "Sleek Hood Fan",          price: "High-End",          rating: 5,
          reviewCount: "Elegant",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388953.jpg",          imageAlt: "Sleek kitchen range hood fan"},
        {
          id: "project-6",          brand: "Retrofit",          name: "Older Home Upgrade",          price: "Expert Work",          rating: 5,
          reviewCount: "Challenging",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-restoring-furniture_23-2150232658.jpg",          imageAlt: "HVAC retrofit in an older home's attic"},
      ]}
      title="Our Projects: Craftsmanship in Detail"
      description="Explore examples of our precise heating and ventilation installations in homes across Greater Victoria."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Planning a heat pump or ventilation upgrade? Start with a team known for clean work, careful planning, and a professional experience from day one."
      buttons={[
        {
          text: "Request Your Estimate",          href: "/contact-us"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={footerColumns}
      logoText="Prizm Heating & Ventilation"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
