Landing Page Builder Tutorial

Configure the primary metrics and parameters for your project:

• Project Name Input a title to identify the page inside your backend directory (required).
• Page Goal / Type Select your landing page conversion funnel model:
  • Hard-Sell Funnel Designed for direct sales conversion with strong call-to-actions, product features, and price details.
  • Copywriter's Letter A text-rich, long-form editorial sales letter style focused on storytelling and building high trust.
  • Lead Magnet Capture Optimized for lead collection by offering free resources (e.g. e-books, discount vouchers) in exchange for customer contacts.
  • Webinar / Event Hype Focused on event RSVPs, schedules, speaker lists, and calendar booking reservations.
  • App/SaaS Spotlight A sleek modern theme highlighting software features, application screenshots, and app pricing matrices.
• Target Language Select the language presented to your visitors.
• AI Model Engine Click to select an AI model card. Each card displays the generation credit cost and the annual hosting credit cost.
• Conversion Style Matrix Choose between Standard Matrix - A (balanced, value-driven logical copy structure) or Aggressive Matrix - B (⚡ styled urgency-driven emotional trigger strategy designed to maximize instant conversions).

Formulate the copy blueprint and visual directions for the AI layout builder:

• Import from Asset HUB (Optional) Click "Select From Library" to link products. Sgen AI auto-populates product details and maps custom Target Audience tags.
• Manual Entry Fill in the Product Name and Target Audience fields manually.
• Brand Identity Source Link preset brand configurations from your Brand Kit, or upload custom logos and mood boards.
• Generate High-Converting Copy Click the main button to prompt the AI to draft a detailed Product Copy Blueprint inside the editable text area.
• Suggested Visuals & Color Palette Sgen AI extracts Primary and Secondary hex colors and outlines visual hooks matching your niche. Click "Apply Design" to map these automatically into Step 4.

Choose the call-to-action (CTA) trigger mechanism for your page:

• Click Link Action (Button Redirect) Embeds CTA redirect links directing traffic to external checkouts or WhatsApp channels.
• Lead Form Action (Form Embed) Integrates a customizable registration form to capture customer names, emails, and contact tags directly.

Designate final visual layouts and custom styling codes:

• Layout Theme Select design styles like Bento Grid (modular bento card layouts), Glassmorphism & Frost (semi-transparent grids over dark gradients), Neo-Brutalism (high contrast blocks with heavy borders), Quiet Luxury (premium serif typefaces and low-key accents), or Cyberpunk (neon glowing dark tech presets).
• Color and Style Rules Verify the Primary and Secondary hex color codes (auto-filled if you clicked "Apply Design" in Step 2).