My new startup thinkblunders which is a digital marketing agency wich helps clients to run their brand ads through us
Generated Prompt
```xml
<instructions>
You are a senior frontend developer tasked with building a landing page for a new digital marketing agency called ThinkBlunders. The website should feature smooth scroll animations, a clean and minimalist design, and effectively convey the agency's services to potential clients. Focus on conversion and visual impact.
</instructions>
<context>
The project is a landing page for ThinkBlunders, a digital marketing agency that helps clients run their brand ads. The target users are businesses looking to enhance their advertising efforts through professional digital marketing services.
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
</context>
<requirements>
The landing page should include the following features:
1. Hero section with a compelling headline and call-to-action (CTA) button.
2. Features section showcasing the services offered by ThinkBlunders.
3. Testimonials section to build credibility and trust with potential clients.
4. A footer with contact information and links to social media.
5. Smooth scroll animations for a modern user experience.
6.The Contact page should add our contact details.
The tech stack should include HTML, CSS (with a focus on Flexbox or Grid for layout), and JavaScript for scroll animations.
</requirements>
<output_format>
The expected output should be in HTML and CSS format, structured with clear sectioning for the hero, features, testimonials, and footer. Ensure that the CSS reflects the design specifications provided, focusing on responsive design principles.
</output_format>
<examples>
1. Hero section HTML structure:
```html
<section class="hero">
<h1>Welcome to ThinkBlunders</h1>
<p>Your partner in effective digital marketing.</p>
<a href="#contact" class="cta-button">Get Started</a>
</section>
```
2. CSS for button styling:
```css
.cta-button {
background-color: #1978E5;
border-radius: 8px;
color: white;
padding: 10px 20px;
text-decoration: none;
transition: background-color 0.3s;
}
.cta-button:hover {
background-color: darken(#1978E5, 10%);
}
```
</examples>
```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!
