Merge version_3 into main

2026-03-04 09:42:52 +00:00
parent 0381f809f9 23c4e5fc58
commit bfde636e94
3 changed files with 63 additions and 57 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,13 +1,14 @@
 import type { Metadata } from "next";
-import { DM_Sans } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";

-const dmSans = DM_Sans({
-  variable: "--font-dm-sans",  subsets: ["latin"],
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
 });

 export const metadata: Metadata = {
-  title: "WarRoom Automations - AI Revenue Infrastructure",  description: "AI-powered revenue infrastructure for local businesses. Stop losing leads. Capture every call, automate follow-ups, close more deals."};
+  title: "WarRoom Automations - AI Revenue Infrastructure",  description: "AI-powered revenue infrastructure for local businesses. Stop losing leads. Capture every call, automate follow-ups, close more deals."
+};

 export default function RootLayout({
  children,
@@ -16,7 +17,7 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body className={dmSans.variable}>{children}
+      <body className={inter.variable}>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,20 +11,20 @@ import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCa
 import FaqDouble from "@/components/sections/faq/FaqDouble";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { CheckCircle, Clock, DollarSign, TrendingUp, Zap } from "lucide-react";
+import { CheckCircle, Clock, DollarSign, TrendingUp, Zap, Flame, AlertTriangle, Pulse, BarChart3, Lock, Cpu } from "lucide-react";

 export default function LandingPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="expand-hover"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="pill"
-      contentWidth="compact"
-      sizing="medium"
-      background="circleGradient"
-      cardStyle="inset"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="layered"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="largeSizeMediumTitles"
+      background="none"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
@@ -43,11 +43,11 @@ export default function LandingPage() {
      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="WarRoom Automations"
-          description="AI Revenue Infrastructure for Modern Businesses. Stop losing revenue to missed calls. We install AI systems that capture every lead, answer 24/7, and eliminate manual admin chaos. Results in 30 days or less."
+          description="COMMAND CENTER FOR REVENUE. Stop losing revenue to missed calls. We install AI systems that capture every lead, answer 24/7, and eliminate manual admin chaos. Results in 30 days or less."
          background={{ variant: "radial-gradient" }}
          buttons={[
-            { text: "Schedule Strategic Automation Audit", href: "#cta" },
-            { text: "See Revenue Impact Analysis", href: "#roi" }
+            { text: "⚡ Schedule Strategic Automation Audit", href: "#cta" },
+            { text: "📊 See Revenue Impact Analysis", href: "#roi" }
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/a-dark-command-center-dashboard-interfac-1772616667057-2f3e3b91.png"
@@ -59,25 +59,26 @@ export default function LandingPage() {

      <div id="problem" data-section="problem">
        <FeatureCardThree
-          title="The Problem: Revenue Leakage at Every Layer"
+          title="🚨 THE PROBLEM: Revenue Leakage at Every Layer"
          description="Elite revenue infrastructure requires systematic capture across five critical layers. Missing one layer costs thousands monthly."
          tag="The Challenge"
+          tagIcon={AlertTriangle}
          features={[
            {
-              id: "01",              title: "Capture Layer: Missed Calls",              description: "Every unanswered call is lost revenue. Local services lose $15,000+ monthly to voicemail. Your competitors are capturing your leads right now.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/a-frustrated-small-business-owner-lookin-1772616666636-d9290644.png?_wi=1",              imageAlt: "Missed Call Problem"
+              id: "01",              title: "💔 Capture Layer: Missed Calls = Dead Revenue",              description: "Every unanswered call is lost revenue. Local services lose $15,000+ monthly to voicemail. Your competitors are capturing your leads RIGHT NOW.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/a-frustrated-small-business-owner-lookin-1772616666636-d9290644.png?_wi=1",              imageAlt: "Missed Call Problem"
            },
            {
-              id: "02",              title: "Response Layer: Slow Reactions",              description: "Leads expect answers within minutes. Manual follow-up delays lose 40% of deals. Speed determines winners in service businesses.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/a-frustrated-small-business-owner-lookin-1772616666636-d9290644.png?_wi=2",              imageAlt: "Slow Response Problem"
+              id: "02",              title: "⏱️ Response Layer: Slow Reactions = Lost Deals",              description: "Leads expect answers within MINUTES. Manual follow-up delays lose 40% of deals. Speed determines winners in service businesses.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/a-frustrated-small-business-owner-lookin-1772616666636-d9290644.png?_wi=2",              imageAlt: "Slow Response Problem"
            },
            {
-              id: "03",              title: "Conversion Layer: Inefficient Follow-Up",              description: "Manual admin work consumes capacity. Hiring staff costs $3,000-5,000/month. AI infrastructure costs less and never sleeps.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/a-frustrated-small-business-owner-lookin-1772616666636-d9290644.png?_wi=3",              imageAlt: "Conversion Problem"
+              id: "03",              title: "👥 Conversion Layer: Manual Chaos = Bottleneck",              description: "Manual admin work consumes capacity. Hiring staff costs $3,000-5,000/month. AI infrastructure costs LESS and never sleeps.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/a-frustrated-small-business-owner-lookin-1772616666636-d9290644.png?_wi=3",              imageAlt: "Conversion Problem"
            },
            {
-              id: "04",              title: "Retention Layer: No-Show Hemorrhage",              description: "Unconfirmed appointments create empty slots. Retention gaps cost 20-30% of potential revenue. Systematic confirmation eliminates this entirely.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/a-frustrated-small-business-owner-lookin-1772616666636-d9290644.png?_wi=4",              imageAlt: "Retention Problem"
+              id: "04",              title: "🎯 Retention Layer: No-Show Hemorrhage = Lost Slots",              description: "Unconfirmed appointments create empty slots. Retention gaps cost 20-30% of potential revenue. Systematic confirmation eliminates this entirely.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/a-frustrated-small-business-owner-lookin-1772616666636-d9290644.png?_wi=4",              imageAlt: "Retention Problem"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
+          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
@@ -85,25 +86,26 @@ export default function LandingPage() {

      <div id="solutions" data-section="solutions">
        <FeatureCardThree
-          title="The WarRoom System: Five Layers of Revenue Infrastructure"
-          description="Institutional-grade infrastructure designed for precision and scale. Every layer built for maximum capture and conversion."
+          title="⚔️ THE WARROOM SYSTEM: Five Layers of Revenue Infrastructure"
+          description="Institutional-grade infrastructure designed for PRECISION and SCALE. Every layer built for maximum capture and conversion."
          tag="The Solution"
+          tagIcon={Cpu}
          features={[
            {
-              id: "01",              title: "Capture Layer: AI Receptionist",              description: "Answers every incoming call instantly. Qualifies leads in real-time. 24/7/365 availability. Zero missed calls. Professional, brand-aligned responses.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/clean-visualization-of-an-ai-receptionis-1772616667654-6e0d23a2.png?_wi=1",              imageAlt: "Capture Layer"
+              id: "01",              title: "🎙️ Capture Layer: AI Receptionist",              description: "Answers EVERY incoming call instantly. Qualifies leads in real-time. 24/7/365 availability. ZERO missed calls. Professional, brand-aligned responses.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/clean-visualization-of-an-ai-receptionis-1772616667654-6e0d23a2.png?_wi=1",              imageAlt: "Capture Layer"
            },
            {
-              id: "02",              title: "Response Layer: Instant Communication",              description: "SMS and email automation fires within seconds. First responder wins. Our infrastructure guarantees you're first with qualified leads.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/clean-visualization-of-an-ai-receptionis-1772616667654-6e0d23a2.png?_wi=2",              imageAlt: "Response Layer"
+              id: "02",              title: "⚡ Response Layer: Instant Communication",              description: "SMS and email automation fires within SECONDS. First responder wins. Our infrastructure guarantees you're FIRST with qualified leads.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/clean-visualization-of-an-ai-receptionis-1772616667654-6e0d23a2.png?_wi=2",              imageAlt: "Response Layer"
            },
            {
-              id: "03",              title: "Conversion Layer: Automated Sequences",              description: "Drip campaigns maintain engagement. Multi-touch automation closes deals 24/7. Your team focuses on high-value activities. System handles qualification.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/clean-visualization-of-an-ai-receptionis-1772616667654-6e0d23a2.png?_wi=3",              imageAlt: "Conversion Layer"
+              id: "03",              title: "🔄 Conversion Layer: Automated Sequences",              description: "Drip campaigns maintain engagement. Multi-touch automation closes deals 24/7. Your team focuses on high-value activities. System handles qualification.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/clean-visualization-of-an-ai-receptionis-1772616667654-6e0d23a2.png?_wi=3",              imageAlt: "Conversion Layer"
            },
            {
-              id: "04",              title: "Retention Layer: Systematic Engagement",              description: "Appointment reminders, follow-ups, and reviews automated. 60%+ reduction in no-shows. Systematic retention turns leads into recurring revenue.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/clean-visualization-of-an-ai-receptionis-1772616667654-6e0d23a2.png?_wi=4",              imageAlt: "Retention Layer"
+              id: "04",              title: "🔒 Retention Layer: Systematic Engagement",              description: "Appointment reminders, follow-ups, and reviews automated. 60%+ reduction in no-shows. Systematic retention turns leads into recurring revenue.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/clean-visualization-of-an-ai-receptionis-1772616667654-6e0d23a2.png?_wi=4",              imageAlt: "Retention Layer"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
+          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
@@ -111,21 +113,22 @@ export default function LandingPage() {

      <div id="how-it-works" data-section="how-it-works">
        <MetricCardEleven
-          title="Strategic Deployment: Three-Step Implementation"
-          description="Institutional-grade rollout process. Minimal disruption. Maximum impact. Full system deployment in weeks, not months."
+          title="🎯 Strategic Deployment: Three-Step Implementation"
+          description="Institutional-grade rollout process. Minimal disruption. MAXIMUM IMPACT. Full system deployment in weeks, not months."
          tag="Process"
+          tagIcon={Pulse}
          metrics={[
            {
-              id: "1",              value: "Phase 1",              title: "Strategic Audit & Analysis",              description: "Deep analysis of your current systems, lead flow, conversion gaps, and revenue leakage. Identify every optimization opportunity. Calculate precise revenue recovery potential.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/step-1-audit-process-visualization-busin-1772616666820-9d1aff63.png",              imageAlt: "Strategic Audit Phase"
+              id: "1",              value: "Phase 1",              title: "Strategic Audit & Analysis",              description: "Deep analysis of your current systems, lead flow, conversion gaps, and revenue leakage. Identify EVERY optimization opportunity. Calculate precise revenue recovery potential.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/step-1-audit-process-visualization-busin-1772616666820-9d1aff63.png",              imageAlt: "Strategic Audit Phase"
            },
            {
-              id: "2",              value: "Phase 2",              title: "System Architecture & Deployment",              description: "Build custom AI infrastructure matched to your workflows. Integrate with existing systems. Train your team. Go live with zero downtime or revenue impact.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/step-2-installation-process-tech-team-se-1772616666807-6cf897ad.png",              imageAlt: "Deployment Phase"
+              id: "2",              value: "Phase 2",              title: "System Architecture & Deployment",              description: "Build custom AI infrastructure matched to your workflows. Integrate with existing systems. Train your team. Go live with ZERO downtime or revenue impact.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/step-2-installation-process-tech-team-se-1772616666807-6cf897ad.png",              imageAlt: "Deployment Phase"
            },
            {
-              id: "3",              value: "Phase 3",              title: "Continuous Optimization",              description: "Real-time performance monitoring. Weekly optimization cycles. Systematic refinement. Watch revenue grow as the system learns your business. Quarterly strategy reviews.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/step-3-optimization-phase-real-time-moni-1772616667405-910e7601.png",              imageAlt: "Optimization Phase"
+              id: "3",              value: "Phase 3",              title: "Continuous Optimization",              description: "Real-time performance monitoring. Weekly optimization cycles. Systematic refinement. Watch revenue GROW as the system learns your business. Quarterly strategy reviews.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/step-3-optimization-phase-real-time-moni-1772616667405-910e7601.png",              imageAlt: "Optimization Phase"
            }
          ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
@@ -133,7 +136,7 @@ export default function LandingPage() {

      <div id="roi" data-section="roi">
        <AboutMetric
-          title="Revenue Impact Modeling: Conservative Projections Based on Real Data"
+          title="💰 Revenue Impact Modeling: Conservative Projections Based on Real Data"
          metrics={[
            {
              icon: DollarSign,
@@ -152,15 +155,15 @@ export default function LandingPage() {
              label: "No-Show Reduction",              value: "60%+"
            }
          ]}
-          metricsAnimation="slide-up"
+          metricsAnimation="scale-rotate"
          useInvertedBackground={false}
        />
      </div>

      <div id="industries" data-section="industries">
        <SocialProofOne
-          title="Multi-Industry Revenue Infrastructure"
-          description="WarRoom infrastructure serves high-velocity service businesses across every vertical. Enterprise-grade system. Local business pricing."
+          title="🏢 Multi-Industry Revenue Infrastructure"
+          description="WarRoom infrastructure serves high-velocity service businesses across EVERY vertical. Enterprise-grade system. Local business pricing."
          tag="Industries"
          textboxLayout="default"
          useInvertedBackground={false}
@@ -174,9 +177,10 @@ export default function LandingPage() {

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
-          title="Data-Driven Case Studies: Measurable Results"
-          description="Real businesses. Real revenue recovery. Real systems operating at scale."
+          title="📈 Data-Driven Case Studies: Measurable Results"
+          description="Real businesses. Real revenue recovery. Real systems operating at SCALE."
          tag="Results"
+          tagIcon={BarChart3}
          testimonials={[
            {
              id: "1",              name: "Dr. Sarah Mitchell",              date: "November 2024",              tag: "Dental Practice",              title: "$180K annual revenue recovery in 90 days",              quote: "We were losing 8-10 calls daily. Two weeks post-launch: 100% capture rate. Schedule fully booked. The system paid for itself on Day 3. Now it generates profit every single day.",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/professional-headshot-of-a-confident-den-1772616665563-ad165fde.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATVW4VOPvoQVq0dBRjfPhyrtSL/professional-headshot-of-a-confident-den-1772616665563-ad165fde.png?_wi=1",              imageAlt: "Dr. Sarah Mitchell"
@@ -207,6 +211,7 @@ export default function LandingPage() {
          title="Strategic Questions & Enterprise Answers"
          description="Clarity on implementation, security, ROI, and operations."
          tag="FAQ"
+          tagIcon={Lock}
          faqs={[
            {
              id: "1",              title: "What is the WarRoom System exactly?",              content: "A unified revenue infrastructure platform combining AI receptionist, instant lead response, automated follow-up, and retention systems. Purpose-built for service businesses. Not a collection of point solutions—a cohesive system architected for maximum revenue capture across all five layers (Capture, Response, Conversion, Retention, Intelligence)."
@@ -239,7 +244,7 @@ export default function LandingPage() {
              id: "10",              title: "What's your approach to customer success?",              content: "Outcome-focused partnership. We're compensated based on revenue impact. Quarterly business reviews with your team. Monthly performance optimization. Direct access to engineering for customization needs. We win when you win—revenue growth is our shared objective."
            }
          ]}
-          faqsAnimation="slide-up"
+          faqsAnimation="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
@@ -249,13 +254,13 @@ export default function LandingPage() {
      <div id="cta" data-section="cta">
        <ContactCenter
          tag="Strategic Partnership"
-          title="Revenue Infrastructure Demands Precision. Let's Build Yours."
+          title="⚡ Revenue Infrastructure Demands Precision. Let's Build Yours."
          description="Schedule a Strategic Automation Audit. We'll analyze your systems, quantify revenue leakage, model recovery potential, and present a clear implementation roadmap. 30-minute call. No obligation. Enterprise-grade analysis."
-          tagIcon={Zap}
+          tagIcon={Flame}
          background={{ variant: "downward-rays-animated" }}
          useInvertedBackground={false}
          inputPlaceholder="your@email.com"
-          buttonText="Schedule Strategic Audit"
+          buttonText="⚡ Schedule Strategic Audit"
          termsText="We respect your privacy. Your information is encrypted and secure. We'll contact you within 2 hours during business hours."
        />
      </div>
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -4,21 +4,21 @@

  /* --background: #0a0a0a;;
  --card: #1a1a1a;;
-  --foreground: #f5f5f5;;
-  --primary-cta: #c41e3a;;
-  --secondary-cta: #0a0a0a;;
-  --accent: #8b0000;;
-  --background-accent: #c41e3a;; */
+  --foreground: #ff0000;;
+  --primary-cta: #ff0000;;
+  --secondary-cta: #000000;;
+  --accent: #ff3333;;
+  --background-accent: #330000;; */

  --background: #0a0a0a;;
  --card: #1a1a1a;;
-  --foreground: #f5f5f5;;
-  --primary-cta: #c41e3a;;
+  --foreground: #ff0000;;
+  --primary-cta: #ff0000;;
  --primary-cta-text: #ffffff;;
-  --secondary-cta: #0a0a0a;;
+  --secondary-cta: #000000;;
  --secondary-cta-text: #1a1a2e;;
-  --accent: #8b0000;;
-  --background-accent: #c41e3a;;
+  --accent: #ff3333;;
+  --background-accent: #330000;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);