Build Step: Hero Section

Updated October 26, 2026 143 views

Build Step: Hero Section

The Hero section is the first thing visitors see. Create an impactful header with stunning visuals and compelling taglines.

Audio Tour

Generate an AI-powered audio tour directly from this step:

  1. Click Generate Audio Tour
  2. AI analyzes your property data
  3. Professional narration is created
  4. Audio player appears on site

Background Image

Upload Image:

  1. Click the upload area
  2. Select a high-quality image
  3. Image appears as hero background

Best Practices:

  • Use landscape orientation
  • High resolution (1920px+ width)
  • Showcase best property feature
  • Consider lighting and composition

Tagline

Line One & Line Two: Enter compelling tagline text that appears over the hero image.

Auto Tagline: Click Auto Tagline to generate AI-powered tagline suggestions based on your property data.

Examples:

  • "Coastal Elegance" / "Overlooking the Pacific"
  • "Modern Luxury" / "In the Heart of Downtown"
  • "Historic Charm" / "Restored Victorian Beauty"

Logo Layout

Choose how the logo displays:

Vertical: Logo stacked above tagline.

Horizontal: Logo inline with tagline.

Content Position

Control where content appears:

  • Left: Content aligned left
  • Center: Content centered
  • Right: Content aligned right

Background Contrast

Use the slider to adjust overlay darkness:

  • Lower values: Lighter overlay
  • Higher values: Darker overlay
  • Adjust for text readability

Quick Nav Buttons

Toggle navigation buttons:

  • View Photos: Link to gallery
  • Watch Film: Link to video
  • 360° VTour: Link to virtual tour
  • Tour Home: Link to scheduling

Best Practices

  1. Use a striking hero image
  2. Keep taglines short and memorable
  3. Ensure text is readable over image
  4. Enable relevant nav buttons
  5. Generate audio tour for engagement
Sponsored

Was this article helpful?

Ready to Get Started?

Sign up for free and start using all the features mentioned in this article.

Still have questions?

Can't find what you're looking for? Ask the community.

Ask a Question

Contact Support

Need personalized help? Our support team is here for you.

Contact Us