Library · Content Sections

AboutUsIntroLeftImage

Secondary (sage) split section: portrait image left, heading + prose + CTA right.

Figma: About Us Intro / Left image ↗ View Elementor template in 8020 ↗
Live preview — edit theme bottom-right 
---
import AboutUsIntroLeftImage from "../components/figma/AboutUsIntroLeftImage.astro";
---
<AboutUsIntroLeftImage
  title="Meet John Doe"
  image="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=1200&h=1000&fit=crop"
  imageAlt="John Doe, principal agent"
  ctaLabel="Meet the team"
  ctaUrl="#team"
>
  <p>
    With over 30 years of combined experience, our team delivers expert guidance and
    outstanding results across the local market.
  </p>
  <p>
    As trusted local agents, we bring deep market knowledge, clear communication, and
    strategic negotiation to every sale — making the process seamless and stress-free.
  </p>
</AboutUsIntroLeftImage>

Props

NameTypeRequiredDescription
title string Yes Section heading.
image string (url) Yes Portrait image.
imageAlt string — Alt text for the image.
ctaLabel string — CTA button label.
ctaUrl string — CTA href.
(slot) children — Body copy (rich text / prose).

Example with all props

<AboutUsIntroLeftImage
  title="About the developer"
  image="/images/team-portrait.jpg"
  imageAlt="Founding directors in the display suite"
  ctaLabel="Meet the team"
  ctaUrl="/about"
>
  <p>Body copy goes in the default slot — rich text and prose are supported.</p>
</AboutUsIntroLeftImage>