LockedIn Landing Page

A sleek, professional landing page for the LockedIn CLI tool, built with Astro. It features a high-contrast Black and Red theme, solid colors, and professional iconography designed for developer appeal.

🚀 Features

• Sleek Aesthetic: Minimalist design with a strict Black/Red color palette.
• ASCII Branding: Authentic terminal-inspired logos integrated throughout the UI.
• Live NPM Stats: Real-time display of download counts via the NPM API.
• Responsive Layout: Optimized for both mobile and desktop viewing.
• Terminal Mockup: Interactive-style preview of the CLI tool in action.

🛠️ Tech Stack

• Framework: Astro
• Styling: Vanilla CSS (CSS Variables)
• Icons: Lucide (inline SVGs)
• Typography: Inter and JetBrains Mono

📁 Project Structure

/
├── public/
│   └── favicon.svg       # Custom red-and-black favicon
├── src/
│   ├── components/       # Modular UI components (Hero, Features, etc.)
│   ├── layouts/          # Global layout and design system
│   └── pages/            # Main landing page (index.astro)
└── package.json          # Dependencies and scripts

🧞 Commands

All commands are run from the lockedin-ui directory:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:4321
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally, before deploying

🤝 Relationship with CLI

This UI serves as the official landing page for the LockedIn CLI, highlighting its features like modular task management and local data persistence.

---

Built for LockedIn by the community.