"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { AlertCircle, HelpCircle, Star, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Book Demo", id: "#book-demo" },
          ]}
          brandName="Nouxel AI"
          bottomLeftText="(855) 555-NOUXEL"
          bottomRightText="For Home Service Pros"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="YOU'RE LOSING JOBS EVERY NIGHT AFTER 5PM"
          description="Nouxel AI answers every call, follows up every lead, and books jobs directly into your CRM — 24/7, zero extra staff."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Book My Free Demo →", href: "#book-demo" },
          ]}
          layoutOrder="default"
          buttonAnimation="slide-up"
          mediaAnimation="none"
          frameStyle="card"
        />
      </div>

      <div id="pain-points" data-section="pain-points">
        <FeatureCardNine
          title="The Problem Your Competitors Are Solving Right Now"
          description="Every missed call after hours is a lead going to someone faster. Nouxel AI fixes all three pain points. Right now. Without hiring anyone."
          tag="Pain Points"
          tagIcon={AlertCircle}
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Lost Evening Calls",              description: "Lead calls after 5pm. No one answers. They Google the next roofer and call them instead. You never knew they existed.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg?_wi=1" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-architect-standing-by-solar-panels_1303-28130.jpg?_wi=1" },
            },
            {
              id: 2,
              title: "Zero Follow-Up",              description: "Estimate sent. No follow-up. The homeowner goes with whoever called them back first. Job gone.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-engineer-standing-front-fixed-air-conditioner-proud-work-done-skilled-technician-contracted-by-customer-happy-with-smooth-maintenance-hvac-system-components_482257-70160.jpg" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg" },
            },
            {
              id: 3,
              title: "Dead Lead Pile",              description: "Your old lead list is sitting in your CRM from the past year. Hundreds of contacts. No one has time to call them all. So no one does.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg?_wi=2" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-architect-standing-by-solar-panels_1303-28130.jpg?_wi=2" },
            },
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Why Roofing & Solar Companies Choose Nouxel"
          description="Real results from businesses just like yours."
          tag="Results"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "+24%",              title: "More Booked Jobs",              items: ["Calls answered 24/7", "Never miss a lead again"],
            },
            {
              id: "2",              value: "3 sec",              title: "AI Response Time",              items: ["Faster than any human", "Instant qualification"],
            },
            {
              id: "3",              value: "10×",              title: "Concurrent AI Calls",              items: ["Handle volume spikes", "Scale without hiring"],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Real Businesses. Real Results."
          description="Don't take our word for it. Hear from roofing, solar, and HVAC companies who are already booking more jobs."
          tag="Testimonials"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson, Owner of Johnson Roofing",              date: "Date: November 2024",              title: "We've got only good things to say!",              quote: "We set up Nouxel AI on a Monday. By Wednesday, it had answered 47 calls we would've missed. That's just the first week. Three months in, we're booking 24% more jobs and I'm actually sleeping at night knowing calls are being answered.",              tag: "Roofing",              avatarSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148397663.jpg?_wi=1"},
            {
              id: "2",              name: "Sarah Chen, Solar Installation Manager",              date: "Date: November 2024",              title: "Best investment we've made for lead generation",              quote: "The AI doesn't just answer—it qualifies. It's asking the right questions and feeding us only hot leads. Our salespeople aren't wasting time on junk calls anymore. Conversion rate is up 18%.",              tag: "Solar",              avatarSrc: "http://img.b2bpic.net/free-photo/young-architect-standing-by-solar-panels_1303-28130.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg?_wi=1"},
            {
              id: "3",              name: "David Rodriguez, HVAC Service Director",              date: "Date: October 2024",              title: "The thing we didn't expect: it sounds human",              quote: "Customers don't realize they're talking to AI. It handles scheduling, callbacks, objections—without a single complaint. We hired Nouxel instead of a call center person. Saved $3,500/month and we're handling 3x the volume.",              tag: "HVAC",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-professional-engineer-standing-front-fixed-air-conditioner-proud-work-done-skilled-technician-contracted-by-customer-happy-with-smooth-maintenance-hvac-system-components_482257-70160.jpg",              videoSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-reading-email-laptop-while-working-office_637285-6742.jpg?_wi=1"},
            {
              id: "4",              name: "Lisa Park, Roofing Company Owner",              date: "Date: September 2024",              title: "Our competition doesn't stand a chance",              quote: "When a homeowner calls at 9 PM on a Friday and gets an instant answer from us—not a voicemail—they're ours. Nouxel made us faster than companies twice our size. It's like having a 24/7 sales team that never gets tired.",              tag: "Roofing",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148397663.jpg?_wi=2"},
            {
              id: "5",              name: "Tom Bailey, Solar Sales Manager",              date: "Date: August 2024",              title: "Lead quality went through the roof",              quote: "The AI pre-qualifies. It's not just answering calls—it's doing discovery, booking estimates, and organizing the whole pipeline. Our team spends zero time on intake and 100% on closing. Revenue jumped 31% in 90 days.",              tag: "Solar",              avatarSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg?_wi=2"},
            {
              id: "6",              name: "James Wilson, Home Services Entrepreneur",              date: "Date: July 2024",              title: "We finally have a morning shift without hiring anyone",              quote: "For months I was answering calls until 2 AM. Couldn't afford a full-time person. Nouxel solved that in day one. It's professional, it's accurate, and it costs 1/5th what I'd pay an employee. This is how modern businesses scale.",              tag: "General",              avatarSrc: "http://img.b2bpic.net/free-photo/young-architect-standing-by-solar-panels_1303-28130.jpg",              videoSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-reading-email-laptop-while-working-office_637285-6742.jpg?_wi=2"},
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Questions From Skeptical Contractors"
          description="You've been burned by bad software. We get it. Here's what you need to know."
          tag="FAQ"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "How good is the AI really? Does it sound like a robot?",              content: "No. The AI uses conversational training from thousands of real calls. It understands context, handles objections, and sounds genuinely human. Customers don't realize they're talking to a machine. But if they ask to be transferred to a human, it does that instantly."},
            {
              id: "2",              title: "Will it actually book jobs into my CRM?",              content: "Yes. Nouxel integrates with HubSpot, Pipedrive, ServiceTitan, Housecall Pro, and 20+ other systems. Calls are transcribed, leads are created, and calendar invites are sent—all automatic. You wake up to fully-qualified leads in your system."},
            {
              id: "3",              title: "What if the customer has a weird question the AI can't handle?",              content: "The AI knows its limits. If it can't answer or the customer requests a human, it offers a callback or transfers immediately. You stay in control. Plus, we give you complete transcripts and recordings of every call—so you can train the AI on your specific scripts."},
            {
              id: "4",              title: "How fast can I get this live?",              content: "The 30-minute demo is actually a setup call. We walk through your current process, set your AI voice/personality, and connect it to your CRM. Most customers go live within 48 hours. No long implementation, no contracts."},
            {
              id: "5",              title: "What does it cost?",              content: "You only pay for calls answered. Most contractors spend $300-800/month depending on call volume. Compare that to hiring one part-time person ($2,500+/month) or missing leads entirely. ROI is usually day one."},
            {
              id: "6",              title: "Do you have a contract? Can I cancel?",              content: "No contract. Month-to-month billing, cancel anytime. But you won't want to. The typical customer stays for 2+ years because the ROI is too good to pass up."},
            {
              id: "7",              title: "Is my customer data secure?",              content: "Yes. We use enterprise-grade encryption, SOC 2 compliance, and all data is stored in US servers. Your customer conversations stay private—we never sell or share data."},
            {
              id: "8",              title: "Will this actually reduce my workload?",              content: "Absolutely. The AI handles intake, qualification, scheduling, and follow-up. Your team focuses only on closing and service delivery. Most customers say their team is happier and more productive because they're not drowning in calls anymore."},
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#" },
                { label: "Pricing", href: "#" },
                { label: "Security", href: "#" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
              ],
            },
            {
              title: "Support",              items: [
                { label: "Help Center", href: "#" },
                { label: "Contact", href: "#" },
                { label: "Status", href: "#" },
              ],
            },
          ]}
          bottomLeftText="© 2025 Nouxel AI. All rights reserved."
          bottomRightText="Built for home service pros."
        />
      </div>
    </ThemeProvider>
  );
}
