README.md

Peon Landing Page

Beautiful, modern landing page for Peon - Your Virtual Colleague for Code Automation.

🚀 Features

• ⚡ Built with Astro for lightning-fast performance
• 🎨 Tailwind CSS for modern, responsive design
• 🔍 SEO optimized with meta tags and structured data
• 📱 Fully responsive and mobile-friendly
• 🎯 Developer-focused messaging
• 💜 Clean, professional design with purple/pink gradient theme

🛠️ Tech Stack

• Astro - Static site framework
• Tailwind CSS v4 - Utility-first CSS framework
• Lucide React - Beautiful icon set
• TypeScript - Type safety

📦 Installation

npm install

🏃 Development

Start the development server:

npm run dev

The site will be available at http://localhost:4321

🏗️ Build

Build for production:

npm run build

👀 Preview

Preview the production build:

npm run preview

📄 Page Structure

• Hero Section - Compelling value proposition with CTAs
• Features Section - 6 key features with icons
• How It Works - 4-step process flow
• Case Study - Carvago success story with ROI calculations
• Social Proof - Company logos
• Final CTA - Strong call-to-action with GitHub link
• Footer - Links and company information

🎨 Design Features

• Purple (#7C3AED) and pink gradient theme
• Inter font family for modern look
• Smooth scroll behavior
• Hover effects and transitions
• Custom scrollbar styling
• Responsive grid layouts

🔗 Links

• Main app: https://app.peon.dev
• GitHub: https://github.com/peon-dev

📝 Content

All content is based on marketing materials in the /texts directory, highlighting:

• Time savings (30+ min per developer daily)
• Cost benefits ($12,500/month for companies)
• Developer happiness
• Open source nature
• Real-world case studies

🚢 Deployment

This site can be deployed to any static hosting provider:

• Vercel
• Netlify
• GitHub Pages
• Cloudflare Pages

npm run build
# Deploy the ./dist directory

📱 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)