Library · Content Sections

Value Prop / Simple Paragraph

Two-column value proposition — large serif heading left, small-caps subheading (H5) + body copy right. Built on Section/Grid; tone via the shared contract.

Figma: Value Prop / Simple Paragraph ↗ View Elementor template in 8020 ↗

Live preview — edit theme bottom-right

---
import ValuePropSimpleParagraph from "../components/figma/ValuePropSimpleParagraph.astro";
---
<ValuePropSimpleParagraph
  title="Real estate, simplified: The Company XYZ difference"
  subheading="Effortless real estate, where clarity and confidence lead the way"
>
  <p>
    At Company XYZ, we believe real estate should be simple, straightforward,
    and stress-free. With a fresh approach and a focus on clear communication,
    we guide you through every step of the process, ensuring you make
    confident decisions with ease.
  </p>
  <p>
    Our team is dedicated to delivering exceptional results with authenticity,
    making your experience as seamless and rewarding as possible.
  </p>
</ValuePropSimpleParagraph>

Props

Name	Type	Required	Description
`title`	`string`	Yes	The value statement (H2, left column)
`subheading`	`string`	—	Small-caps line above the body copy (H5 text style)
`level`	`'h1' \| 'h2' \| 'h3'`	—	Semantic heading level (visual style stays H2) (default: 'h2')
`tone`	`"base-100" \| "base-200" \| "base-300" \| "primary" \| "secondary" \| "neutral"`	—	Background tone — the Figma colour-variant axis
`(slot)`	`children`	—	Body copy (rich text / prose).

Example with all props

<ValuePropSimpleParagraph
  title="Real estate, simplified: The Company XYZ difference"
  subheading="Effortless real estate, where clarity leads the way"
  level="h2"
  tone="base-200"
>
  <p>Body copy goes in the default slot.</p>
</ValuePropSimpleParagraph>