- Astro static site generator with zero-JS default output - Tailwind CSS for styling (consistent with main app stack) - German-language landing page: hero, how-it-works, features, pricing, FAQ, CTA - Placeholder pages for Impressum, Datenschutz, AGB - Reusable Header/Footer/Base layout components - FTP-deployable static output via `npm run build` - README with content TODO list for CMO Co-Authored-By: Paperclip <noreply@paperclip.ing>
wohlruf-website
Wohlruf marketing landing page — built with Astro + Tailwind CSS.
Stack
- Astro — static site generator, zero-JS by default
- Tailwind CSS — utility-first styling
- Output: pure static HTML/CSS/JS (
dist/) — FTP-deployable
Development
npm install
npm run dev # http://localhost:4321
Build
npm run build # outputs to dist/
The dist/ folder contains the complete static site ready for FTP upload.
Deployment
Copy the contents of dist/ to your webserver via FTP. No server-side runtime required.
Content structure
| File | Purpose |
|---|---|
src/pages/index.astro |
Main landing page — hero, how-it-works, features, pricing, FAQ, CTA |
src/pages/impressum.astro |
Impressum (legal) |
src/pages/datenschutz.astro |
Datenschutzerklärung (privacy policy) |
src/pages/agb.astro |
Allgemeine Geschäftsbedingungen (terms) |
src/layouts/Base.astro |
HTML shell with meta tags |
src/components/Header.astro |
Navigation |
src/components/Footer.astro |
Footer with links |
TODO for CMO
- Finalize pricing tiers and replace
XX €placeholders inindex.astro - Fill in Impressum, Datenschutz, and AGB pages
- Add actual logo/brand assets to
public/ - Review and refine copy in all sections
- Add contact form or booking link once backend is ready
Description
Languages
Astro
96.3%
JavaScript
3.7%