Create landing/page.tsx

src/app/landing/page.tsx

@@ -0,0 +1,98 @@
+'use client'
+
+import React from 'react';
+import Navigation from '../../components/Navigation';
+import { Leaf } from 'lucide-react';
+
+const LandingPage = () => {
+  return (
+    <div className="min-h-screen w-full flex flex-col items-center bg-gradient-to-b from-emerald-950 via-green-900 to-emerald-950">
+      <div className="container max-w-7xl mx-auto px-4 py-8">
+        <Navigation />
+
+        {/* Hero Section */}
+        <div className="text-center mb-12">
+          <h1 className="text-4xl sm:text-5xl font-bold mb-4 text-transparent bg-clip-text bg-gradient-to-r from-emerald-400 to-teal-300">
+            Ranger: It Pays to Wander
+          </h1>
+          <p className="text-emerald-200 text-lg">
+            Unlocking Global Citizen Science
+          </p>
+          <div className="mt-6">
+            <a href="https://ranger.apps.vaasl.io/" className="inline-block px-6 py-3 m-2 bg-emerald-500 text-white font-bold rounded-lg shadow-md hover:bg-emerald-600 transition">
+              Contribute Specimens
+            </a>
+            <a href="https://forms.gle/KCK3SYfGY4eBnipR9" className="inline-block px-6 py-3 m-2 bg-emerald-500 text-white font-bold rounded-lg shadow-md hover:bg-emerald-600 transition">
+              Create a Data Collection Portal
+            </a>
+          </div>
+        </div>
+
+        {/* Content */}
+        <div className="max-w-3xl mx-auto bg-emerald-900/20 rounded-xl p-8 border border-emerald-800/50 space-y-8">
+          <div className="section">
+            <h2 className="text-3xl font-semibold text-emerald-300 mb-4">About Ranger</h2>
+            <p className="text-emerald-200">
+              Ranger is the gateway to decentralized science, bridging citizen participation with cutting-edge research. Built by Zach Ramsay, with a robust backend refined since 2016, Ranger empowers scientists and citizen scientists alike to collaborate, share, and monetize data—all without traditional intermediaries like the U.S. government. Ranger transforms the citizen science model, making institutions customers rather than gatekeepers.
+            </p>
+          </div>
+
+          <div className="section">
+            <h2 className="text-3xl font-semibold text-emerald-300 mb-4">Why Ranger?</h2>
+            <ul className="list-disc list-inside text-emerald-200 space-y-2">
+              <li>Short Academia, Long DeSci: Traditional funding structures like NIH are shrinking. DeSci offers a sustainable future for research.</li>
+              <li>Global Citizen Science: Engage both general populations and academics worldwide.</li>
+              <li>Disintermediating the USA: Ranger removes national barriers, putting control back into the hands of researchers.</li>
+              <li>Stargate Integration: DeSci + AI is the next frontier—Ranger is the portal.</li>
+            </ul>
+          </div>
+
+          <div className="section">
+            <h2 className="text-3xl font-semibold text-emerald-300 mb-4">Key Features</h2>
+            <ul className="list-disc list-inside text-emerald-200 space-y-2">
+              <li>Decentralized Access: Launch your own research portal with ease.</li>
+              <li>Verifiable Data: Leverage AI and blockchain to ensure the integrity of your findings.</li>
+              <li>Monetize Contributions: Reward citizen scientists for their efforts with $RNT tokens.</li>
+              <li>Flexible Trust Spectrum: Customize the level of data verification, from anonymous submissions to KYC-verified contributions.</li>
+            </ul>
+          </div>
+
+          <div className="section">
+            <h2 className="text-3xl font-semibold text-emerald-300 mb-4">Who’s Using Ranger?</h2>
+            <ul className="list-disc list-inside text-emerald-200 space-y-2">
+              <li>Researchers: Collect valuable field data at a fraction of the traditional cost.</li>
+              <li>Citizen Scientists: Participate in groundbreaking studies and get paid for it.</li>
+              <li>Institutions: Access verified, crowdsourced data without bureaucratic barriers.</li>
+            </ul>
+          </div>
+
+          <div className="section">
+            <h2 className="text-3xl font-semibold text-emerald-300 mb-4">Infinite Use Cases</h2>
+            <ul className="list-disc list-inside text-emerald-200 space-y-2">
+              <li>Ecological monitoring</li>
+              <li>Biodiversity research</li>
+              <li>Consumer goods verification</li>
+              <li>Insurance claims</li>
+              <li>Humanitarian efforts</li>
+            </ul>
+          </div>
+
+          <div className="section">
+            <h2 className="text-3xl font-semibold text-emerald-300 mb-4">Join the DeSci Revolution</h2>
+            <p className="text-emerald-200">
+              Whether you're a scientist seeking reliable data, a citizen eager to contribute, or an institution looking for efficient solutions, Ranger is your gateway to the future of science.
+            </p>
+          </div>
+        </div>
+
+        {/* Footer */}
+        <div className="text-center mt-8 text-emerald-400">
+          <p>Contact: zach /at/ mito [dot] systems</p>
+          <p>&copy; 2025 Ranger. All rights reserved.</p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default LandingPage;