74 lines
1.7 KiB
Markdown
74 lines
1.7 KiB
Markdown
# PRD: Static Landing Page
|
|
|
|
## Overview
|
|
A simple static landing page for a fictional SaaS product. Tests Loki Mode's frontend and marketing agent capabilities.
|
|
|
|
## Target Users
|
|
Marketing teams needing a quick landing page.
|
|
|
|
## Page Sections
|
|
|
|
### Hero Section
|
|
- Headline: "Supercharge Your Workflow"
|
|
- Subheadline: "The all-in-one tool for modern teams"
|
|
- Primary CTA: "Get Started Free"
|
|
- Secondary CTA: "Watch Demo"
|
|
- Hero image placeholder
|
|
|
|
### Features Section (3 features)
|
|
1. **Fast Setup** - "Get started in minutes, not days"
|
|
2. **Team Collaboration** - "Work together seamlessly"
|
|
3. **Analytics** - "Track what matters"
|
|
|
|
### Social Proof
|
|
- 3 testimonial cards with placeholder content
|
|
- "Trusted by 10,000+ teams"
|
|
|
|
### Pricing Section
|
|
- Free tier: $0/month
|
|
- Pro tier: $29/month
|
|
- Enterprise: Contact us
|
|
|
|
### FAQ Section
|
|
- 4 common questions with answers
|
|
|
|
### Footer
|
|
- Links: About, Blog, Careers, Contact
|
|
- Social icons: Twitter, LinkedIn, GitHub
|
|
- Copyright notice
|
|
|
|
## Tech Stack
|
|
- HTML5
|
|
- CSS3 (no framework, or Tailwind CSS)
|
|
- Minimal JavaScript (for FAQ accordion)
|
|
- No build step required
|
|
|
|
## Requirements
|
|
- Responsive design (mobile + desktop)
|
|
- Semantic HTML
|
|
- Accessible (WCAG 2.1 AA basics)
|
|
- Fast load time (< 2s)
|
|
- No external dependencies (except fonts)
|
|
|
|
## Assets
|
|
- Use placeholder images (placeholder.com or similar)
|
|
- Use system fonts or Google Fonts
|
|
- Use emoji for icons if needed
|
|
|
|
## Out of Scope
|
|
- Backend/API
|
|
- Form submission handling
|
|
- Analytics tracking
|
|
- A/B testing
|
|
- Deployment
|
|
|
|
## Deliverables
|
|
1. `index.html` - Main page
|
|
2. `styles.css` - Stylesheet
|
|
3. `script.js` - Minimal JS (optional)
|
|
4. `README.md` - How to view locally
|
|
|
|
---
|
|
|
|
**Purpose:** Tests frontend agent, marketing agent (copy), and design patterns without backend complexity.
|