A complete landing page with hero, features, pricing, testimonials, FAQ, and footer. Responsive, modern design.
Prompt
Build a complete SaaS landing page for a project management tool. Include:
- Hero section with headline, subheadline, and CTA button
- Features grid (6 features with icons)
- Pricing table with 3 tiers (Free, Pro $29/mo, Enterprise $99/mo)
- Testimonials section with 3 quotes
- FAQ section with 5 questions (collapsible)
- Footer with links and newsletter signup
Use a clean, modern design with a blue/indigo accent color. Make it fully responsive. Use only HTML, CSS, and vanilla JavaScript. Put everything in a single index.html file in ~/data/public/
1
Copy the prompt above
2
Paste in Claude Code terminal
3
Your project is live
landing pagesaasstartupmarketing
About this prompt
Building a SaaS landing page from scratch typically takes a developer 4-8 hours — or costs $500-2000 from a freelancer. With this prompt, Claude Code builds the entire page in about 3 minutes. You get a production-ready landing page with a hero section, feature grid, pricing table, testimonials, FAQ, and footer. Everything is responsive and uses clean, semantic HTML. No frameworks, no dependencies — just code that works.
What you get
✓ Hero section with headline, subheadline, and call-to-action button
✓ Feature grid with 6 features and icons
✓ Pricing table with 3 tiers (Free, Pro, Enterprise)
✓ Testimonials section with 3 customer quotes
✓ FAQ section with 5 collapsible questions
✓ Footer with navigation links and newsletter signup
✓ Fully responsive design for mobile, tablet, and desktop
✓ Clean HTML, CSS, and vanilla JavaScript — no dependencies
How to customize
Change the product name and description in the hero section. Update the pricing tiers to match your actual plans. Replace testimonial quotes with real customer feedback. Modify the color scheme by changing the accent color variable. Add your own logo and brand fonts.
Frequently asked questions
How long does it take to build?
About 3-5 minutes. Claude Code writes all the HTML, CSS, and JavaScript in one go. Your page is live on your domain immediately.
Can I customize the design after?
Yes. Everything is clean HTML and CSS. You can ask Claude to change colors, fonts, sections, or layout. Or edit the code directly.
Do I need coding experience?
No. You copy the prompt, paste it in Claude Code, and it builds everything. You can customize by describing what you want changed in plain English.
Is the output production-ready?
Yes. The code is semantic, responsive, and uses no external dependencies. It works in all modern browsers and scores well on Google PageSpeed.