Krystie
0bc10c373b
- globals.css: surface colors flip via CSS custom properties (.dark class) - Navbar: sun/moon toggle button, persists to localStorage, respects OS preference - Footer: theme-aware logo (light logo for dark mode, dark logo for light mode) - Layout: no-FOUC inline script applies theme before first paint - Both DashCaddy wide logos (light+dark) swap based on theme - Sami's personal samiahmed7777 logo in footer copyright is untouched
DashCaddy.net - Marketing Website
Marketing and sales website for DashCaddy, the self-hosted Docker dashboard with automatic SSL, DNS, and reverse proxy configuration.
Tech Stack
- Next.js 16 with App Router and TypeScript
- Tailwind CSS for styling
- Stripe for subscription payments ($20/mo or $99/yr)
Getting Started
# Install dependencies
npm install
# Copy environment file and configure
cp .env.example .env.local
# Run development server
npm run dev
Open http://localhost:3000 to see the site.
Pages
| Route | Description |
|---|---|
/ |
Landing page with hero, features, app showcase |
/features |
Detailed feature breakdown |
/pricing |
Pricing plans with Stripe Checkout |
/docs |
Getting started guide and documentation |
/about |
About page and company info |
/success |
Post-checkout success page |
Stripe Integration
See STRIPE_SETUP.md for detailed setup instructions.
API Routes:
POST /api/checkout- Creates Stripe Checkout sessionPOST /api/webhooks/stripe- Handles Stripe webhook events
Logo Setup
Place your samiahmed7777-logo.png file in public/images/ for the footer copyright branding.
Deployment
# Build for production
npm run build
# Start production server
npm start
The site can be deployed to Vercel, your own server (with Node.js), or any platform that supports Next.js.
License
Proprietary - DashCaddy