Landing page for Sobers - a free 12-step recovery accountability app for sponsors and sponsees.
- Framework: Astro v5
- Styling: Tailwind CSS v4
- Font: JetBrains Mono
- Deployment: Vercel
- Node.js 20+
- npm, pnpm, or yarn
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run previewsrc/
├── components/ # Reusable UI components
│ ├── Header.astro
│ ├── Footer.astro
│ ├── Hero.astro
│ ├── Features.astro
│ ├── HowItWorks.astro
│ ├── Screenshots.astro
│ ├── FAQ.astro
│ └── CTA.astro
├── layouts/ # Page layouts
│ └── Layout.astro
├── pages/ # Route pages
│ ├── index.astro
│ ├── privacy.astro
│ ├── terms.astro
│ └── support.astro
└── styles/ # Global styles
└── global.css
- Dark/Light Mode: System preference detection with manual toggle
- Responsive Design: Mobile-first approach
- Accessibility: WCAG 2.1 AA compliant
- SEO Optimized: Meta tags, Open Graph, JSON-LD schema
- Performance: Lighthouse 95+ scores
- Sitemap: Auto-generated via
@astrojs/sitemap
/- Landing page with hero, features, FAQ sections/privacy- Privacy Policy/terms- Terms of Service/support- Support & FAQ
Edit src/styles/global.css:
@theme {
--color-primary: #007aff;
--color-secondary: #af58da;
--color-dark-bg: #0f172a;
--color-dark-surface: #1e293b;
}Replace placeholder files in public/:
app-screenshot.png- Hero app screenshot (320x640px)og-image.png- Social sharing image (1200x630px)screenshots/*.png- App screenshots gallery
- Push to GitHub
- Import project in Vercel
- Deploy automatically
npm run build
# Upload dist/ folder to any static host- iOS: App Store
- Android: Google Play
ISC License - see LICENSE
Made with love by Volvox