- Guerrilla Growth AI

import React, { useState, useEffect } from ‘react’;

import { Crosshair, Activity, Radar, ShieldAlert, Play, Lock, ChevronRight, Terminal } from ‘lucide-react’;

const App = () => {

const [scrolled, setScrolled] = useState(false);

useEffect(() => {

const handleScroll = () => {

setScrolled(window.scrollY > 50);

};

window.addEventListener(‘scroll’, handleScroll);

return () => window.removeEventListener(‘scroll’, handleScroll);

}, []);

return (

{/* Import Google Fonts */}

@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Oswald:wght@500;700&display=swap’);

.font-oswald { font-family: ‘Oswald’, sans-serif; }

.font-inter { font-family: ‘Inter’, sans-serif; }

.bg-grid { background-image: linear-gradient(to right, #1f1f1f 1px, transparent 1px), linear-gradient(to bottom, #1f1f1f 1px, transparent 1px); background-size: 40px 40px; }

.text-glow { text-shadow: 0 0 20px rgba(220, 38, 38, 0.5); }

.box-glow { box-shadow: 0 0 30px rgba(220, 38, 38, 0.15); }

`}} />

{/* Navigation */}

<span className=”text-white font-oswald text-xl tracking-widest uppercase”>GuerrillaGrowth.AI</span>

</div>

Client Login

</button>

</div>

</nav>

{/* Hero Section */}

{/* Background Image & Effects */}

Classified Intelligence Briefing

</div>

The System For <br />

<span className=”text-transparent bg-clip-text bg-gradient-to-r from-white via-neutral-300 to-neutral-600″>Total Victory.</span>

</h1>

While your competitors are looking at last month’s data,<br className=”hidden md:block”/> you’re seeing their <span className=”text-white font-medium border-b border-red-600″>next three moves.</span>

</p>

Watch The Briefing <Play className=”w-5 h-5 fill-current” />

</a>

</div>

</section>

{/* Intro Section */}

{/* Abstract Tech Image */}

<img

src=”https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop”

alt=”Digital War Room”

className=”w-full h-[500px] object-cover grayscale opacity-60 mix-blend-luminosity”

<span className=”font-oswald uppercase tracking-widest text-xs text-white”>Live Net Sentiment Shift</span>

</div>

Look, I’m going to be straight with you.

</h2>

<p>

If you’re a public figure, a CEO, or a leader in a high-stakes environment, you already know the truth: <strong className=”text-white font-medium”>The old way of “strategizing” is a death trap.</strong>

</p>

<p>

Relying on legacy consultants, slow-moving PR agencies, and “gut feelings” is like trying to win a modern war with a musket. The world moves too fast. The “Net Sentiment” shifts in hours, not weeks.

</p>

“If you don’t have a Command Center that gives you total, ‘God-view’ visibility over your territory… you aren’t leading. You’re just reacting.”

</p>

</div>

<p>

And in this game, reacting is how you lose.

</p>

</div>

</section>

{/* The Solution */}

{/* Background Tech Image for entire section */}

Introducing

</p>

GuerrillaGrowth.AI

</h2>

The Asymmetric Operating System for Modern Monopolies.

</p>

</div>

We didn’t build a “dashboard.” <strong className=”text-white text-glow”>We built a digital war room.</strong> GuerrillaGrowth.AI is the first platform that fuses military-grade human intelligence with high-frequency algorithmic execution. It’s designed for the 1% who refuse to leave their legacy to chance.

</p>

</div>

{/* The Three Pillars (Now Highly Visual) */}

{/* Pillar 1 */}

</div>

1. Market Intelligence

</h3>

<p className=”text-red-600 font-oswald text-sm tracking-widest uppercase mb-4″>(The Reconnaissance)</p>

Knowledge isn’t power. Hidden knowledge is power. Our system identifies the intent behind the noise.

</p>

<span><strong className=”text-white”>HumInt Integration:</strong> We capture whispers—insider realignments and defection likelihoods before they hit the press.</span>

</li>

<span><strong className=”text-white”>Dialect-Aware AI:</strong> Our proprietary models understand local nuance and sarcasm.</span>

</li>

</ul>

</div>

{/* Pillar 2 */}

</div>

2. Strategic OS

</h3>

<p className=”text-red-600 font-oswald text-sm tracking-widest uppercase mb-4″>(The Execution)</p>

Complexity is the enemy of victory. Data is useless if you don’t know what to do with it. We give you the sequence.

</p>

<span><strong className=”text-white”>Victory Blueprints:</strong> Micro-targeted strategies telling you exactly where to deploy resources.</span>

</li>

<span><strong className=”text-white”>Asymmetric Response:</strong> High-speed response protocols that neutralize threats in real-time.</span>

</li>

</ul>

</div>

{/* Pillar 3 */}

</div>

3. Data Analytics

</h3>

Own the narrative. Own the outcome. We treat the digital landscape like a multi-front battlefield.

</p>

<span><strong className=”text-white”>Touchpoint Engineering:</strong> We ensure your message hits your target 15-21 times across platforms.</span>

</li>

<span><strong className=”text-white”>Algorithmic Velocity:</strong> We don’t track “likes.” We track the speed of your influence.</span>

</li>

</ul>

</div>

</section>

{/* Scarcity / High Status Close */}

{/* Topographic / Radar Map Background */}

</div>

This Is Not For Everyone.

</h2>

<p>

GuerrillaGrowth.AI is a weapon. Because of the nature of the “unfair advantage” we provide, we strictly operate on a <strong className=”text-white border-b border-red-600″>One-Territory, One-Leader policy.</strong>

</p>

<p>

We do not work with your competitors. We do not hedge our bets. We help one entity dominate the field entirely.

</p>

If you aren’t the one using this system, someone else in your territory eventually will.

</p>

</div>

</section>

{/* CTA / Video Section */}

Watch the Intelligence Briefing.

</h2>

<p className=”text-neutral-400 mb-12″>See the Guerrilla Growth Strategy in Action.</p>

{/* Faux Video Player */}

</div>

Play Classified Briefing

</span>

</div>

{/* Fake progress bar */}

</div>

<Lock className=”w-4 h-4″ /> Strategic Consultation Required After Viewing

</p>

Apply For Access

</button>

</div>

</section>

{/* Footer */}

<span className=”text-neutral-400 font-oswald text-lg tracking-widest uppercase”>GuerrillaGrowth.AI</span>

</div>

<span>Confidential</span>

<span>Asymmetric</span>

<span>Final</span>

</div>

</div>

</footer>

</div>

);

};

export default App