Tidewater
Tidewater is the 14-page marketing site of a made-up data pipeline monitoring company. It has product pages with animated interface components, pricing with a usage slider and a twenty-row comparison table, customer stories, a blog, a changelog, and documentation with an API reference. Search, light and dark themes, and structured data for search engines and AI answer engines are included.
Will be live at saas.phoenixcodes.org
What it proves
- Pricing tiers and the comparison table are built from one source, so they cannot drift apart.
- Product interface components drawn in code, animated on scroll, and still under reduced motion.
- Documentation with code tabs, copy buttons and an API reference built from an OpenAPI file.
- Search across docs, blog and changelog, plus feeds and structured data.
How this adapts to your project
Move posts and the changelog into a CMS such as Sanity or Contentful, route demo requests to HubSpot or Salesforce, and add a real status page and consent-based analytics. Translation into other languages is the next step for new markets.