Intelligence Unchained. Truth Unfiltered.
Welcome to the Grok Freedom portal. This is a high-fidelity, cyberpunk-themed landing page and interactive experience built for the $GROKF token community. It features a retro-futuristic terminal interface, immersive animations, and a direct uplink to the mission.
- System Boot Sequence: Immersive CRT-style initialization animation on load.
- Cyberpunk Aesthetics: Scanlines, glitches, neon glows, and a "Matrix" inspired visual design.
- Interactive Terminal: A functional
Manifestoterminal where users can type commands likeHELP,BUY,STATUS, andMISSION. - Mission Control: Dashboard visualising the current community objectives.
- Live Data Visualizations: "Intelligence Matrix" with animated neural nodes and data streams.
- Responsive Design: Fully optimized for desktop and mobile "nodes".
- Framework: React (via Vite)
- Styling: Tailwind CSS
- Icons: Lucide React
- Animation: Custom CSS keyframes and Tailwind utilities.
This project uses Vite for lightning-fast development.
-
Clone the repository (if you haven't already):
git clone <repository-url> cd grokf
-
Install Dependencies:
npm install
-
Start the Development Server:
npm run dev
The app will come online at
http://localhost:5173. -
Build for Production:
npm run build
App.tsx: Main entry point handling the initial boot sequence and global layout.components/:Hero.tsx: The main landing area with Contract Address copier and "Intelligence Matrix" visualizer.Manifesto.tsx: The interactive CLI terminal component.MissionControl.tsx: Displays community missions and recruitment status.Tokenomics.tsx: Breakdown of token distribution (if applicable).Navigation.tsx: Top level navigation bar.JoinModal.tsx: Modal for community engagement.
In the Manifesto section, try typing:
HELP: List available commands.BUY: Display the Contract Address.MISSION: Show the current objective.STATUS: Check system integrity.
Initiated by the Grok Freedom Protocol.