Landing Page Hero
Provides exact text content, layout structure, and animation details so v0 generates a complete, shippable hero section rather than a wireframe-level placeholder.
Create a hero section for a {{product_type}} landing page.\n\nStructure:\n- Navigation bar: logo left, {{nav_links}} center, "Get Started" button right\n- Hero: Split layout — left side has headline, description, two CTA buttons; right side has {{visual_element}}\n- Headline: "{{headline}}" (text-5xl, font-bold, tracking-tight)\n- Description: "{{description}}" (text-lg, text-gray-600, max-w-lg)\n- Primary CTA: "{{primary_cta}}" — {{accent_color}} bg, white text, large\n- Secondary CTA: "{{secondary_cta}}" — outline style\n\nBelow the fold: Logo bar with "Trusted by" and 5 placeholder company logos (gray, grayscale filter).\n\nDesign: Clean and modern. White background, generous whitespace. Subtle gradient orb behind the hero visual. Smooth entrance animation (fade up, 600ms stagger).
Variables to customize
Why this prompt works
Provides exact text content, layout structure, and animation details so v0 generates a complete, shippable hero section rather than a wireframe-level placeholder.
Save this prompt to your library
Organize, version, and access your best prompts across ChatGPT, Claude, and Cursor.
Related prompts
Forcing the agent to plan before acting prevents premature execution and wasted steps. Explicit dependency mapping enables parallel execution and catches logical gaps early.
Tool Selection AgentThe ReAct pattern (Reason + Act) creates an explicit reasoning trace that improves tool selection accuracy. The error-handling rule prevents infinite retry loops.
Prompt CompressorExplicitly requiring all functional requirements to be preserved prevents the model from over-compressing and losing critical instructions.
Memory Management AgentExplicit memory read/write instructions create agents that improve over time. Categorization keeps memories organized, and the deduplication rule prevents context bloat.