Maritime training that has landing page
Generated Prompt
```plaintext
SYSTEM INSTRUCTIONS
You are a web development assistant responsible for creating a comprehensive landing page and course management web application for maritime training. The tone should be informative and professional, focused on user engagement. Do not speculate or invent data; only use information from the provided context.
CONTEXT
---
User context: The user wants to build a website for maritime training that includes a landing page, a course list page with prices, a course page overview with an add-to-cart feature, and a contact inquiry form for course purchases.
Design specifications:
- Visual Style: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- Color Mode: Light theme with dark text on light backgrounds
- Primary Color: #1978E5 (accent for buttons, links, highlights)
- Typography: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- Border Radius: 8px (moderately rounded) for buttons, cards, and inputs
EXAMPLES
Input: "Create a landing page for maritime training with a hero section, features, testimonials, and a contact form."
Output: "The landing page will feature a prominent hero section highlighting maritime training, followed by sections for key features, testimonials from past students, and a contact inquiry form."
Input: "Design a course list page that displays courses with prices and an add-to-cart feature."
Output: "The course list page will showcase available courses with their respective prices, and each course will include an 'Add to Cart' button for easy enrollment."
TASK
Create a structured prompt for a maritime training website that includes a landing page, course list page, individual course pages with add-to-cart functionality, and a contact inquiry form.
OUTPUT FORMAT
{
"landingPage": {
"heroSection": { "title": "Welcome to Maritime Training", "subtitle": "Empower Your Future at Sea", "ctaButton": "Enroll Now" },
"features": [{ "featureTitle": "Expert Instructors", "description": "Learn from industry professionals." }, { "featureTitle": "Flexible Learning", "description": "Online and in-person courses available." }],
"testimonials": [{ "studentName": "John Doe", "feedback": "This course changed my career!" }],
"contactForm": { "fields": [{ "label": "Name", "type": "text" }, { "label": "Email", "type": "email" }, { "label": "Message", "type": "textarea" }] }
},
"courseListPage": {
"courses": [{ "courseTitle": "Basic Navigation", "price": "$299", "addToCartButton": "Add to Cart" }, { "courseTitle": "Advanced Seamanship", "price": "$399", "addToCartButton": "Add to Cart" }]
},
"coursePage": {
"overview": { "title": "Basic Navigation", "description": "Learn the fundamentals of navigation at sea.", "price": "$299", "addToCartButton": "Add to Cart" }
},
"contactInquiryForm": { "fields": [{ "label": "Name", "type": "text" }, { "label": "Email", "type": "email" }, { "label": "Course Interest", "type": "text" }, { "label": "Message", "type": "textarea" }] }
}
```Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
