Falcon Sight Ai Vr Security Website

Inizia ispezionando la struttura esistente degli esempi nel repository e confrontala con il componente FalconSightWebsite nel corpo della issue. Determina dove appartiene questa pagina e come vengono eseguiti gli esempi, quindi verifica che l'esempio completato venga renderizzato correttamente e segua le convenzioni del repository.

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')",
}}
>

    <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>

);
}