GeekBrain.io

A futuristic single-page website for GeekBrain.io VC fund.

Features

• Particle background with interactive connections
• Glitch text animations on main heading
• Glassmorphism UI with glowing effects
• Fully responsive design
• Optimized for performance (Lighthouse >90)
• WCAG 2.1 AA accessible

Tech Stack

• Next.js 14 (App Router)
• React 18
• TypeScript 5
• Tailwind CSS 3
• @tsparticles/react

Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Install dependencies:

   npm install

2. Run the development server:

   npm run dev

Open http://localhost:3000 in your browser.

Build for Production

npm run build
npm start

Project Structure

geekbrain-site/
├── app/
│   ├── layout.tsx
│   ├── page.tsx
│   └── globals.css
├── components/
│   ├── Hero.tsx
│   ├── About.tsx
│   ├── Contact.tsx
│   ├── ParticleBackground.tsx
│   ├── GlitchText.tsx
│   └── GlowButton.tsx
├── lib/
│   └── particles-config.ts
├── public/
│   └── assets/
│       └── images/
│           └── Geekbrain-io.png
├── tailwind.config.ts
├── next.config.js
├── tsconfig.json
└── package.json

Design

Colors

• Background: #050510 (deep navy)
• Primary: #0088ff (electric blue)
• Secondary: #00ddff (cyan)
• Accent: #6600ff (purple)

Typography

• Headings: Space Grotesk (600, 700)
• Body: Inter (400, 500)

Deployment

Deploy to Vercel or Netlify:

License

Private - All rights reserved