hooked test

Sales Page Generator

API Key Configuration

Gemini API Key (Optional):

If left blank, Canvas will automatically provide a key at runtime.

Product/Offer Core Details

Product Name: Product Type: Core Problem Solved: Core Benefit Delivered: Target Audience: Your Relatable Struggle (brief idea for AI to expand): Primary CTA Text: Product Price Today: Product Original Value (e.g., $273, N/A): Your Brand Name: Your Support Email: Video Sales Letter (VSL) URL (Optional):

Enable AI Image Generation (Experimental):

If checked, the AI will attempt to generate relevant images based on your section ideas and embed them directly into the HTML. This may take longer.

Global Color Scheme Customization (Fallback)

These colors will be used by default if not overridden per section.

Primary Accent Color:

Secondary Accent Color:

Body Text Color:

Page Background Color:

Sales Page Sections

Section 1: Hero Section

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 2: Pain in Story Form

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 3: Solutions

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 4: Product or Service Intro

Idea for this Section:

Audience Bullet Ideas (one per line):

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 5: One More Pain + Solution

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 6: What Is The Offer Or Product In Detail

Idea for this Section:

Offer Item Ideas (Title; Description; Value - one item per line):

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 7: Key Features and Benefits

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 8: Testimonials / Social Proof

Idea for this Section:

Testimonial Ideas (Quote; Author Name; Image URL - one per line):

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 9: Inclusion in Core Offer (Part 1 - Bonus)

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 10: Inclusion in Core Offer (Part 2 - More Bonuses)

Idea for this Section:

Additional Bonus Ideas (Title; Description; Value - one per line):

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 11: The Ultimate Offer & Value Summary

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 12: Comparison

Idea for this Section:

Comparison Feature Ideas (Feature; Your Value; Others Value - one per line):

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 13: Risk Reversal / Guarantee

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 14: Positive Future Picture

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 15: FAQ

Idea for this Section:

FAQ Ideas (Question; Answer - one per line):

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 16: Final CTA

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Generating your sales page... Please wait.

Generated Sales Page HTML

Live Preview

Sales Page Generator

API Key Configuration

Gemini API Key (Optional):

If left blank, Canvas will automatically provide a key at runtime.

Product/Offer Core Details

Enable AI Image Generation (Experimental):

If checked, the AI will attempt to generate relevant images based on your section ideas and embed them directly into the HTML. This may take longer.

Global Color Scheme Customization (Fallback)

These colors will be used by default if not overridden per section.

Primary Accent Color:

Secondary Accent Color:

Body Text Color:

Page Background Color:

Sales Page Sections

Section 1: Hero Section

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 2: Pain in Story Form

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 3: Solutions

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 4: Product or Service Intro

Idea for this Section:

Audience Bullet Ideas (one per line):

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 5: One More Pain + Solution

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 6: What Is The Offer Or Product In Detail

Idea for this Section:

Offer Item Ideas (Title; Description; Value - one item per line):

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 7: Key Features and Benefits

Idea for this Section:

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction:

Section 8: Testimonials / Social Proof

Idea for this Section:

Testimonial Ideas (Quote; Author Name; Image URL - one per line):

Section Styling

Background Color:

Use Gradient?

Gradient Start Color:

Gradient End Color:

Gradient Direction: