"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { AlertCircle, BarChart3, Calendar, CheckCircle, Clock, Cog, Handshake, Mail, MessageCircle, MessageSquare, Send, Sparkles, TrendingDown, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "How It Works", id: "solution" },
            { name: "Services", id: "services" },
            { name: "Results", id: "results" },
            { name: "FAQ", id: "faq" }
          ]}
          brandName="ALRA"
          bottomLeftText="AI Revenue Leadership"
          bottomRightText="hello@alra.si"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="AI growth systems that fill your calendar."
          description="We deploy AI agents that reactivate your dead leads, book qualified meetings, and scale your revenue — so you focus on closing, not chasing."
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "User 1" },
            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "User 2" },
            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "User 3" },
            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "User 4" },
            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "User 5" }
          ]}
          avatarText="Trusted by 50+ service businesses worldwide"
          buttons={[
            { text: "Get My Free Growth Plan →", href: "#contact" },
            { text: "See How It Works ↓", href: "#solution" }
          ]}
          background={{ variant: "radial-gradient" }}
          buttonAnimation="slide-up"
          className="relative overflow-hidden"
          containerClassName="flex flex-col items-center justify-center gap-12"
          titleClassName="text-6xl md:text-8xl font-bold text-center leading-tight"
          descriptionClassName="text-lg md:text-xl text-center max-w-3xl"
          buttonContainerClassName="flex flex-col md:flex-row gap-4 justify-center"
        />
      </div>

      <div id="socialproof" data-section="socialproof">
        <SocialProofOne
          title="Trusted by industry leaders"
          description="Partners and clients spanning healthcare, real estate, finance, and professional services"
          names={["Acme Corp", "TechFlow Solutions", "Innovate Inc", "CloudSync Pro", "DataMind Labs", "FutureScale", "NetVision AI", "Peak Performance"]}
          textboxLayout="default"
          useInvertedBackground={false}
          showCard={true}
          speed={50}
        />
      </div>

      <div id="problem" data-section="problem">
        <FeatureCardTwentyFive
          tag="THE PROBLEM"
          title="Your leads are ready to buy. But they'll never hear from you."
          description="Scaling your business feels impossible when thousands of past leads sit untouched in your CRM. It's frustrating — but fixable. Here's what's happening:"
          features={[
            {
              title: "2-10% of old leads are still ready to buy right now",              description: "Dead leads are not actually dead. Many past prospects still need your service and have budget.",              icon: CheckCircle,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg", imageAlt: "CRM with dormant leads" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-g4h8tcyg.png", imageAlt: "ALRA logo gradient" }
              ]
            },
            {
              title: "You can't manually message 5,000 contacts",              description: "Manual outreach doesn't scale. You'd need an entire team just to touch your database.",              icon: AlertCircle,
              mediaItems: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-g4h8tcyg.png", imageAlt: "Time cost visual" },
                { imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg", imageAlt: "CRM scale challenge" }
              ]
            },
            {
              title: "Generic email blasts get ignored",              description: "Bulk campaigns land in spam or get scrolled past. Personalization is key.",              icon: Mail,
              mediaItems: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-44nhupjv.png", imageAlt: "Email campaign visual" },
                { imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg", imageAlt: "Low engagement" }
              ]
            },
            {
              title: "Every day without follow-up = revenue lost to competitors",              description: "Your competitors are already using AI. Every day you wait, they're booking your leads.",              icon: TrendingDown,
              mediaItems: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-g4h8tcyg.png", imageAlt: "Competitor threat" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-44nhupjv.png", imageAlt: "Lost revenue" }
              ]
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          buttons={[{ text: "See The Solution →", href: "#solution" }]}
        />
      </div>

      <div id="solution" data-section="solution">
        <FeatureCardTwentyFive
          tag="THE SOLUTION"
          title="The Revenue Recovery System"
          description="An AI system that turns your forgotten database into booked meetings. Here's how it works:"
          features={[
            {
              title: "Deploy Our AI Agent",              description: "We connect to your CRM or database. Setup: under 48 hours. Zero workflow disruption.",              icon: Zap,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-vector/creative-flat-business-concept_23-2147800499.jpg", imageAlt: "Deploy icon" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-g4h8tcyg.png", imageAlt: "Integration visual" }
              ]
            },
            {
              title: "Agent Reaches Your Leads",              description: "Personalized, human-sounding messages sent one-by-one. SMS, email, or both. No spam.",              icon: Send,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-vector/businessman-holding-envelope-flat-style_24908-58701.jpg", imageAlt: "Contact icon" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-44nhupjv.png", imageAlt: "Messaging visual" }
              ]
            },
            {
              title: "Meetings Get Booked",              description: "Interested leads are qualified and booked into your calendar automatically. You wake up to meetings.",              icon: Calendar,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/schedule-planner-task-agenda-checklist-concept_53876-124095.jpg", imageAlt: "Calendar icon" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-g4h8tcyg.png", imageAlt: "Booking visual" }
              ]
            },
            {
              title: "You Close The Deals",              description: "Show up, close deals, collect revenue. That's your only job.",              icon: Handshake,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-two-businesspeople-shaking-hands_23-2147838559.jpg", imageAlt: "Deal close icon" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-44nhupjv.png", imageAlt: "Revenue visual" }
              ]
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          buttons={[{ text: "Get Started Free →", href: "#contact" }]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFive
          title="Want more? We build growth systems for any service business."
          description="Lead reactivation is just the start. Here's the full arsenal:"
          features={[
            {
              title: "Lead Reactivation",              description: "Turn dead databases into booked meetings with AI SMS and email outreach.",              icon: Sparkles,
              mediaItems: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-g4h8tcyg.png", imageAlt: "Lead reactivation" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-44nhupjv.png", imageAlt: "Leads visual" }
              ]
            },
            {
              title: "Cold Outreach",              description: "Hyper-personalized cold email at 2-10% reply rates with AI-driven sequencing.",              icon: Mail,
              mediaItems: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-44nhupjv.png", imageAlt: "Cold email" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-g4h8tcyg.png", imageAlt: "Outreach visual" }
              ]
            },
            {
              title: "AI Appointment Setting",              description: "24/7 conversational AI that qualifies and books meetings without your intervention.",              icon: Clock,
              mediaItems: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-g4h8tcyg.png", imageAlt: "Appointment setting" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-44nhupjv.png", imageAlt: "Scheduling" }
              ]
            },
            {
              title: "CRM & Automation",              description: "End-to-end pipeline setup and workflow automation tuned to your business.",              icon: Cog,
              mediaItems: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-44nhupjv.png", imageAlt: "CRM setup" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-g4h8tcyg.png", imageAlt: "Workflow visual" }
              ]
            },
            {
              title: "AI Chatbots",              description: "Custom AI for website, WhatsApp, Instagram, SMS, and beyond.",              icon: MessageCircle,
              mediaItems: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-g4h8tcyg.png", imageAlt: "Chatbot" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-44nhupjv.png", imageAlt: "Multi-channel" }
              ]
            },
            {
              title: "Custom Solutions",              description: "Bespoke AI systems engineered for your specific business goals and challenges.",              icon: Zap,
              mediaItems: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-44nhupjv.png", imageAlt: "Custom solution" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-g4h8tcyg.png", imageAlt: "Implementation" }
              ]
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
        />
      </div>

      <div id="showcase" data-section="showcase">
        <FeatureCardTwentyFive
          tag="HOW IT LOOKS"
          title="Your AI agent, working 24/7"
          description="See ALRA's Revenue Recovery System in action across three core interfaces:"
          features={[
            {
              title: "Dashboard View",              description: "Real-time pipeline showing AI-contacted leads, qualified prospects, booked meetings, and closed deals. Live analytics tracking response rates, engagement, and revenue impact.",              icon: BarChart3,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg", imageAlt: "Dashboard interface" },
                { imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-man-typing-prompts-into-ai-powered-chat_482257-123072.jpg", imageAlt: "Phone overlay" }
              ]
            },
            {
              title: "Conversation View",              description: "Full AI conversation threads showing natural, warm dialogue with leads. The AI qualifies, proposes meeting times, and confirms bookings — all automatically.",              icon: MessageSquare,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-man-typing-prompts-into-ai-powered-chat_482257-123072.jpg", imageAlt: "Conversation interface" },
                { imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg", imageAlt: "Dashboard context" }
              ]
            },
            {
              title: "Calendar View",              description: "Weekly calendar filling with booked meetings. Each slot tagged with lead name, deal value, and AI confidence score. Sync with Calendly, Google Calendar, or Outlook.",              icon: Calendar,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/schedule-planner-task-agenda-checklist-concept_53876-124095.jpg", imageAlt: "Calendar interface" },
                { imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg", imageAlt: "Dashboard reference" }
              ]
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="results" data-section="results">
        <MetricCardSeven
          tag="RESULTS"
          title="Real numbers. Real businesses."
          description="These are the actual wins we're delivering to clients across industries right now."
          metrics={[
            {
              id: "1",              value: "50+",              title: "Service Businesses Served",              items: ["Healthcare, Real Estate, Professional Services, Home Services", "Across 8+ countries and growing"]
            },
            {
              id: "2",              value: "10,000+",              title: "Qualified Meetings Booked",              items: ["Avg. 23 meetings per client per month", "From leads they thought were completely dead"]
            },
            {
              id: "3",              value: "$2.4M+",              title: "Revenue Generated",              items: ["Average ROI: 12,400%", "Clients recoup investment in first month"]
            },
            {
              id: "4",              value: "8.4%",              title: "AI Response Rate",              items: ["Industry benchmark: 0.5-1%", "Our AI: 8-10% with personalization"]
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
        />
      </div>

      <div id="calculator" data-section="calculator">
        <ContactSplitForm
          title="Calculate Your Revenue Recovery Potential"
          description="See exactly how much revenue you're leaving on the table right now. Adjust your business details and watch your potential recovery shift in real time."
          inputs={[
            { name: "contacts", type: "number", placeholder: "Contacts in database (100–50,000)", required: true },
            { name: "dealValue", type: "number", placeholder: "Average deal value ($100–$50,000)", required: true }
          ]}
          textarea={{ name: "industry", placeholder: "Industry (Med Spa, Health & Wellness, Professional Services, etc.)", rows: 2, required: false }}
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APAdsZlRMFrt9HPXcfTOBP54tk/uploaded-1772483967194-g4h8tcyg.png"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          buttonText="Get Your Personalized Report →"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          tag="REVIEWS"
          title="Trusted by businesses across the globe"
          description="Hear from real companies experiencing real growth with ALRA's Revenue Recovery System."
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "@sarahchen_md",              testimonial: "ALRA's AI booked us 23 meetings in the first month from leads we thought were completely cold. The ROI was unlike anything we've experienced. We went from 0 follow-ups to a fully booked calendar.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Michael Torres",              handle: "@mikeyy_tor",              testimonial: "We were skeptical about AI handling our lead conversations, but the quality is incredible. Prospects can't tell they're talking to an AI. Results speak for themselves — 8 meetings per week now.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Michael Torres"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmarod_realestate",              testimonial: "Finally, a solution that actually works. Our database had 3,000+ old leads sitting in Salesforce. Now they're generating consistent pipeline. Best investment we've made this year.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              handle: "@davidkim_cpa",              testimonial: "The personalization is what sets ALRA apart. These aren't generic blasts — each message feels handwritten. Prospects reply. They book calls. No fluff.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              name: "Jessica Blake",              handle: "@jessiblake_med",              testimonial: "ROI is insane. We paid for the entire deployment and first month within the first two weeks of meetings booked. Can't imagine going back to manual outreach.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Jessica Blake"
            },
            {
              id: "6",              name: "Marcus Johnson",              handle: "@marcusj_legal",              testimonial: "We've tried every lead generation tool on the market. ALRA is the only one that actually delivers qualified conversations. The support team is phenomenal too.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Marcus Johnson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about ALRA's Revenue Recovery System."
          tag="FAQ"
          tagAnimation="slide-up"
          useInvertedBackground={false}
          textboxLayout="default"
          faqsAnimation="blur-reveal"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What exactly is the Revenue Recovery System?",              content: "The Revenue Recovery System is a fully managed AI infrastructure that connects to your CRM, identifies warm leads in your database, and sends personalized outreach via SMS and email. Our AI qualifies interested prospects and books them directly into your calendar. You wake up to meetings already scheduled."
            },
            {
              id: "2",              title: "How is this different from email blasts?",              content: "Completely different. Email blasts are generic, land in spam, and get ignored. Our AI sends one-to-one, hyper-personalized messages that feel like they're coming from a real person on your team. We respect inbox rules, manage reputation, and achieve 8-10% response rates vs. industry standard 0.5-1%."
            },
            {
              id: "3",              title: "What does 'free deployment' mean?",              content: "We handle the entire setup: CRM integration, lead list import, AI training on your business rules, and calendar sync. All completed within 48 hours at zero cost to you. You only pay for SMS costs (~$0.05-0.10 per message) and then a monthly retainer once meetings are booked. No surprise fees."
            },
            {
              id: "4",              title: "How long until I see results?",              content: "Most clients see their first meetings booked within 7-14 days. Pipeline builds week-over-week. By month two, clients are typically running 20-40 qualified meetings per month from leads they thought were completely dead."
            },
            {
              id: "5",              title: "What if I don't have a big contact list?",              content: "Even 500-1,000 cold or warm contacts can generate 3-5 meetings per month with the right personalization and sequencing. If your database is small, we can combine lead reactivation with cold outreach to expand your pipeline."
            },
            {
              id: "6",              title: "Do I need technical knowledge?",              content: "Zero. We handle everything. You provide CRM access (read-only), calendar access for booking, and we take care of the rest. It's literally plug-and-play. Your team focuses on closing; we handle everything else."
            },
            {
              id: "7",              title: "What industries do you work with?",              content: "We specialize in service-based businesses: Medical spas, real estate, professional services (accounting, law, consulting), financial advisors, home services, fitness studios, and SaaS companies. If you sell high-ticket services or products, we can help."
            },
            {
              id: "8",              title: "What's the catch?",              content: "No catch. We're performance-aligned. You only pay for results. If the AI doesn't book meetings, you're not paying retainer fees. We win when you win. That's it."
            }
          ]}
        />
      </div>

      <div id="final-cta" data-section="final-cta">
        <HeroCentered
          title="Your competitors are already using AI. The question is — are you?"
          description="Every day without an AI growth system is another day of lost revenue and leads going to competitors who move faster. Join 50+ service businesses transforming their pipeline right now."
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "User 1" },
            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "User 2" },
            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "User 3" }
          ]}
          buttons={[
            { text: "Get My Free Growth Plan →", href: "#contact" },
            { text: "Calculate My ROI ↑", href: "#calculator" }
          ]}
          background={{ variant: "radial-gradient" }}
          buttonAnimation="slide-up"
          containerClassName="flex flex-col items-center justify-center gap-8 py-24"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Company",              items: [
                { label: "How It Works", href: "#solution" },
                { label: "Services", href: "#services" },
                { label: "Results", href: "#results" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Get Growth Plan", href: "#contact" },
                { label: "Contact Us", href: "mailto:hello@alra.si" },
                { label: "Documentation", href: "#" },
                { label: "Status", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Security", href: "#" },
                { label: "Compliance", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 ALRA. All rights reserved."
          bottomRightText="Ljubljana, Slovenia 🇸🇮 • hello@alra.si"
        />
      </div>
    </ThemeProvider>
  );
}
