<div className="relative z-10 max-w-6xl mx-auto px-6">
<h1 className="text-6xl md:text-7xl font-bold leading-tight mb-6">
FALCON SIGHT
</h1>
<p className="text-2xl md:text-3xl text-blue-400 mb-6 font-semibold">
AI • VR • Tactical Training • Security Simulation
</p>
<p className="max-w-3xl text-lg text-gray-300 leading-relaxed mb-8">
Falcon Sight is building next-generation AI-powered VR tactical
training systems for SAPS, private security companies, law
enforcement, and civilian defense training in South Africa.
</p>
<div className="flex flex-wrap gap-4">
<button className="bg-blue-600 hover:bg-blue-500 px-8 py-4 rounded-2xl text-lg font-semibold shadow-2xl transition-all">
Request Partnership
</button>
<button className="border border-white hover:bg-white hover:text-black px-8 py-4 rounded-2xl text-lg font-semibold transition-all">
View Simulation Systems
</button>
</div>
</div>
</section>
{/* About Section */}
<section className="py-24 px-6 max-w-7xl mx-auto">
<div className="grid md:grid-cols-2 gap-16 items-center">
<div>
<h2 className="text-5xl font-bold mb-8">About Falcon Sight</h2>
<p className="text-gray-300 text-lg leading-relaxed mb-6">
Falcon Sight develops immersive VR tactical simulation systems,
AI-powered performance analytics, and advanced security training
environments designed for modern law enforcement and private
security operations.
</p>
<p className="text-gray-300 text-lg leading-relaxed">
Our mission is to modernize tactical readiness using intelligent
simulation technology that improves response time,
decision-making, performance tracking, and operational readiness.
</p>
</div>
<div>
<img
src="https://images.unsplash.com/photo-1516321497487-e288fb19713f?q=80&w=2070&auto=format&fit=crop"
alt="AI Tactical Training"
className="rounded-3xl shadow-2xl"
/>
</div>
</div>
</section>
{/* Systems Section */}
<section className="bg-zinc-950 py-24 px-6">
<div className="max-w-7xl mx-auto">
<div className="text-center mb-20">
<h2 className="text-5xl font-bold mb-6">
Advanced Simulation Systems
</h2>
<p className="text-gray-400 text-lg max-w-3xl mx-auto">
Designed for SAPS, tactical teams, private security firms, and
civilian preparedness.
</p>
</div>
<div className="grid md:grid-cols-3 gap-8">
<div className="bg-zinc-900 rounded-3xl overflow-hidden shadow-2xl border border-zinc-800">
<img
src="https://images.unsplash.com/photo-1545239351-1141bd82e8a6?q=80&w=2070&auto=format&fit=crop"
alt="VR Tactical Simulator"
className="h-72 w-full object-cover"
/>
<div className="p-8">
<h3 className="text-2xl font-bold mb-4 text-blue-400">
VR Tactical Simulators
</h3>
<p className="text-gray-400 leading-relaxed">
Immersive CQB, active threat, and tactical scenario training
systems using advanced VR environments.
</p>
</div>
</div>
<div className="bg-zinc-900 rounded-3xl overflow-hidden shadow-2xl border border-zinc-800">
<img
src="https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?q=80&w=2070&auto=format&fit=crop"
alt="AI Security Analytics"
className="h-72 w-full object-cover"
/>
<div className="p-8">
<h3 className="text-2xl font-bold mb-4 text-blue-400">
AI Performance Analytics
</h3>
<p className="text-gray-400 leading-relaxed">
Intelligent tracking systems that analyze reaction speed,
tactical decisions, shooting performance, and training
progress.
</p>
</div>
</div>
<div className="bg-zinc-900 rounded-3xl overflow-hidden shadow-2xl border border-zinc-800">
<img
src="https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=2070&auto=format&fit=crop"
alt="Driving Simulator"
className="h-72 w-full object-cover"
/>
<div className="p-8">
<h3 className="text-2xl font-bold mb-4 text-blue-400">
Tactical Driving Simulators
</h3>
<p className="text-gray-400 leading-relaxed">
High-intensity emergency response and pursuit simulation
systems for police and private security operations.
</p>
</div>
</div>
</div>
</div>
</section>
{/* Target Audience */}
<section className="py-24 px-6 max-w-7xl mx-auto">
<div className="text-center mb-16">
<h2 className="text-5xl font-bold mb-6">
Who We Serve
</h2>
</div>
<div className="grid md:grid-cols-3 gap-8">
<div className="bg-zinc-900 p-10 rounded-3xl border border-zinc-800 shadow-2xl">
<h3 className="text-3xl font-bold mb-6 text-blue-400">SAPS</h3>
<p className="text-gray-400 leading-relaxed text-lg">
Modern tactical simulation systems for police readiness,
firearms training, scenario response, and operational
performance evaluation.
</p>
</div>
<div className="bg-zinc-900 p-10 rounded-3xl border border-zinc-800 shadow-2xl">
<h3 className="text-3xl font-bold mb-6 text-blue-400">
Private Security
</h3>
<p className="text-gray-400 leading-relaxed text-lg">
Advanced VR and AI-driven training solutions for tactical units,
armed response teams, and security modernization.
</p>
</div>
<div className="bg-zinc-900 p-10 rounded-3xl border border-zinc-800 shadow-2xl">
<h3 className="text-3xl font-bold mb-6 text-blue-400">
Civilian Defense
</h3>
<p className="text-gray-400 leading-relaxed text-lg">
Safe, immersive, and realistic preparedness training designed to
improve awareness, defensive readiness, and emergency response.
</p>
</div>
</div>
</section>
{/* CTA */}
<section className="bg-blue-700 py-24 px-6 text-center">
<h2 className="text-5xl font-bold mb-8">
Building The Future Of Tactical Training In Africa
</h2>
<p className="text-xl max-w-3xl mx-auto mb-10 text-blue-100">
Falcon Sight combines artificial intelligence, immersive virtual
reality, and tactical simulation technology to redefine security
training for the modern world.
</p>
<button className="bg-white text-black px-10 py-5 rounded-2xl text-xl font-bold shadow-2xl hover:scale-105 transition-all">
Contact Falcon Sight
</button>
</section>
</div>
export default function FalconSightWebsite() {
return (
{/* Hero Section */}
<section
className="relative h-screen bg-cover bg-center flex items-center"
style={{
backgroundImage:
"url('https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?q=80&w=2070&auto=format&fit=crop')",
}}
>
);
}