Enterprise-grade marketing website for pLLM - High-Performance LLM Gateway
This is the official marketing website for pLLM - an enterprise-grade LLM gateway built in Go. The site showcases pLLM's features, architecture, benchmarks, and provides comprehensive documentation links.
- 🎨 Modern Design - Clean, professional interface with interactive components
- ⚡ High Performance - Static site generation with optimized loading
- 📱 Responsive - Mobile-first design that works on all devices
- 🔍 SEO Optimized - Complete meta tags, Open Graph, and structured data
- 🎭 Interactive - Dynamic flow diagrams and architecture visualizations
- 🚀 Fast Development - Hot reload with Astro's dev server
| Technology | Version | Purpose |
|---|---|---|
 |
5.13.4 |
Static site generator & framework |
 |
19.1.1 |
Interactive components |
 |
Latest | Type safety |
 |
4.1.12 |
Utility-first CSS |
 |
6.0.0 |
Icon system |
 |
12.8.4 |
Flow diagrams |
- Node.js 18.0+
- npm 8.0+
# Clone the repository
git clone <repository-url>
cd pllm-website
# Install dependencies
npm install
# Start development server
npm run dev🎉 That's it! Open http://localhost:4321 in your browser.
| Command | Description | Usage |
|---|---|---|
npm run dev |
🔥 Start development server | Development |
npm run build |
🏗️ Build for production | Deployment |
npm run preview |
👀 Preview production build | Testing |
npm run astro |
🛠️ Run Astro CLI commands | Maintenance |
📁 pllm-website/
├── 📁 public/ # Static assets
│ └── favicon.svg
├── 📁 src/
│ ├── 📁 components/ # UI Components
│ │ ├── 📄 *.astro # Server-side components
│ │ └── 📄 *.tsx # Client-side React components
│ ├── 📁 layouts/ # Page layouts
│ │ └── Layout.astro # Main layout with SEO
│ ├── 📁 lib/ # Utilities
│ │ └── utils.ts # Helper functions
│ ├── 📁 pages/ # Route pages
│ │ ├── index.astro # Homepage
│ │ └── docs.astro # Documentation page
│ └── 📁 styles/ # Global styles
├── 📄 astro.config.mjs # Astro configuration
├── 📄 package.json # Dependencies
├── 📄 tailwind.config.js # Tailwind configuration
└── 📄 tsconfig.json # TypeScript configuration
- Navigation.astro - Main navigation bar
- Hero.astro - Homepage hero section
- Features.astro - Feature showcase
- Architecture.astro - System architecture section
- BenchmarkSection.astro - Performance benchmarks
- QuickStart.astro - Getting started guide
- Footer.astro - Site footer
- HeroIllustration.tsx - Animated hero graphics
- ArchitectureDiagram.tsx - Interactive system diagram
- InteractiveFlowDiagram.tsx - Request flow visualization
- PerformanceChart.tsx - Performance metrics charts
- CustomIcons.tsx - Custom SVG icon library
| Page | Route | Description |
|---|---|---|
| 🏠 Homepage | / |
Main landing page with features, architecture, and quick start |
| 📚 Documentation | /docs |
Documentation hub with links to GitHub docs |
- ✅ Complete Meta Tags - Title, description, keywords
- ✅ Open Graph - Social media sharing optimization
- ✅ Twitter Cards - Enhanced Twitter sharing
- ✅ Structured Data - Schema.org JSON-LD markup
- ✅ Sitemap Generation - Automatic XML sitemap
- ✅ Optimized Loading - Font preloading, image optimization
- ✅ Mobile-First - Responsive design principles
The site is configured for deployment at https://pllm.dev
# Build for production
npm run build
# Preview build locally
npm run previewBuilt files will be in the dist/ directory, ready for deployment to any static hosting provider.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is part of the pLLM ecosystem. See the main repository for license information.
Built with ❤️ for the pLLM community