No templates. No designers. No $5k agencies. Just paste this into Lovable, change the placeholder text, and you have a full website with: → Hero section with animated text effects → Comparison tables → Pricing cards → Testimonials → FAQ accordion → Footer → Mobile responsive → Hover animations Everything is editable. Just swap out the [brackets] with your own content.
Here's the prompt:
{ "project": { "type": "Landing Page", "style": "Futuristic, premium, dark theme", "responsive": true },
"global_styling": { "colors": { "background": "#0a0a12", "background_secondary": "#12121a", "card_background": "#1a1a24", "card_border": "#2a2a3a", "primary_accent": "#8B5CF6", "secondary_accent": "#A78BFA", "glow_color": "#8B5CF6", "text_primary": "#FFFFFF", "text_secondary": "#9CA3AF", "success": "#22C55E", "error": "#EF4444", "button_gradient": "linear-gradient(135deg, #7C3AED, #8B5CF6)" }, "typography": { "font_family": "Inter, sans-serif", "headline_weight": "700", "body_weight": "400" }, "animations": { "hover_transition": "0.3s ease", "glow_sweep_duration": "2.5s", "accordion_expand": "0.3s ease-out" } },
"header": { "layout": "flex, space-between", "left": { "logo": "[Brand Name]", "icon": "simple upward arrow, thick lines, geometric, minimal" }, "right": { "links": ["Sign In"], "cta_button": { "text": "Get Started", "style": "filled purple gradient with subtle glow" } } },
"sections": [ { "name": "hero", "headline": { "text": "[Your Headline Here]", "style": "white text with soft white glow behind it", "animation": { "target": "last word", "effect": "shimmer sweep left-to-right", "color": "#8B5CF6", "duration": "2.5s", "repeat": "infinite" } }, "subheadline": { "text": "[Your subheadline here]", "color": "#9CA3AF" }, "buttons": [ {"text": "Get Started →", "style": "filled purple gradient (#7C3AED to #8B5CF6) with glow"}, {"text": "How it works", "style": "outline/ghost with purple border"} ], "price_placeholder": true },
{
"name": "vsl_video",
"aspect_ratio": "16:9",
"background": "dark card with purple border glow",
"caption": "[Your video caption]",
"editable": true
},
{
"name": "comparison_table",
"headline": "[Your comparison headline]",
"columns": ["Your Product", "Competitors"],
"rows": [
{"feature": "[Feature 1]", "yours": "[Benefit]", "theirs": "[Downside]"},
{"feature": "[Feature 2]", "yours": "[Benefit]", "theirs": "[Downside]"},
{"feature": "[Feature 3]", "yours": "[Benefit]", "theirs": "[Downside]"},
{"feature": "[Feature 4]", "yours": "[Benefit]", "theirs": "[Downside]"},
{"feature": "Price", "yours": "$X/mo", "theirs": "$XX/mo"}
],
"styling": {
"your_column_border": "2px purple (#8B5CF6) pulsing/glowing vertical line on left",
"your_icons": "green checkmarks",
"competitor_icons": "red X marks",
"horizontal_lines": false
},
"mobile": {
"condensed": true,
"show_only": "checkmarks and X marks",
"expand_on_tap": true,
"expand_animation": "slide down 0.3s ease-out"
}
},
{
"name": "use_cases",
"headline": "Perfect for",
"cards": [
{"icon": "[icon]", "title": "[Use case 1]", "description": "[Description]"},
{"icon": "[icon]", "title": "[Use case 2]", "description": "[Description]"},
{"icon": "[icon]", "title": "[Use case 3]", "description": "[Description]"},
{"icon": "[icon]", "title": "[Use case 4]", "description": "[Description]"},
{"icon": "[icon]", "title": "[Use case 5]", "description": "[Description]"},
{"icon": "[icon]", "title": "[Use case 6]", "description": "[Description]"}
],
"layout": {
"desktop": "3 columns",
"mobile": "2 columns"
},
"card_style": "dark (#1a1a24) with subtle purple border on hover, simple line icons"
},
{
"name": "testimonials",
"headline": "[Social proof headline]",
"subheadline": "[Subheadline]",
"card_structure": {
"screenshot": "image placeholder 16:9",
"profile": "small circle + name on same line",
"title": "below name"
},
"layout": "horizontal scrolling row",
"editable": true
},
{
"name": "pricing",
"headline": "Simple pricing",
"subheadline": "[Your pricing subheadline]",
"tiers": [
{
"name": "[Basic tier]",
"subtitle": "[Description]",
"price": "$X/mo",
"features": ["[Feature 1]", "[Feature 2]", "[Feature 3]"],
"button": {"text": "Get Started", "style": "outline purple"},
"highlighted": false
},
{
"name": "[Popular tier]",
"subtitle": "[Description]",
"price": "$X/mo",
"features": ["[Feature 1]", "[Feature 2]", "[Feature 3]", "[Feature 4]"],
"button": {"text": "Get Started", "style": "filled purple gradient"},
"highlighted": true,
"badge": "Most popular",
"card_border": "purple glow"
},
{
"name": "[Premium tier]",
"subtitle": "[Description]",
"price": "$X/mo",
"features": ["[Feature 1]", "[Feature 2]", "[Feature 3]", "[Feature 4]", "[Feature 5]"],
"button": {"text": "Get Started", "style": "outline purple"},
"highlighted": false
}
],
"layout": {
"desktop": "3 columns",
"mobile": "stack vertically"
}
},
{
"name": "faq",
"headline": "Frequently asked questions",
"style": "accordion, click to expand/collapse",
"animation": "smooth slide",
"questions": [
{"q": "[Question 1]", "a": "[Answer 1]"},
{"q": "[Question 2]", "a": "[Answer 2]"},
{"q": "[Question 3]", "a": "[Answer 3]"},
{"q": "[Question 4]", "a": "[Answer 4]"},
{"q": "[Question 5]", "a": "[Answer 5]"}
]
},
{
"name": "final_cta",
"headline": "[Your CTA headline]",
"subheadline": "[Your CTA subheadline]",
"button": {"text": "Get Started →", "style": "filled purple gradient with glow"},
"layout": "centered"
}
],
"footer": { "background": "#0a0a12", "text_color": "#9CA3AF", "columns": [ {"title": "Brand", "content": "Logo + [Brand description]"}, {"title": "Product", "links": ["[Link]", "[Link]", "[Link]"]}, {"title": "Resources", "links": ["[Link]", "[Link]", "[Link]"]}, {"title": "Company", "links": ["[Link]", "[Link]"]} ], "bottom_bar": { "left": "© 2025 [Brand]. All rights reserved.", "right": "[Link] | [Link]" }, "layout": { "desktop": "4 columns", "mobile": "stack vertically" } },
"requirements": { "all_text_editable": true, "all_images_editable": true, "all_links_editable": true, "mobile_responsive": true }
That's it.
Copy. Paste. Edit. Done.
Follow me on X: https://x.com/RomanTheRed_
Join my Telegram: @romantheredsecrets