Component Library

Content Blocks v2 Demo

This guide demonstrates every block type available in the new section-based content system. Use it as a reference when creating guides and articles.

Modern Mediterranean architecture
22
Block Types
4
Width Options
3
Backgrounds
Possibilities

Standard

The Default Header

Left-aligned with optional label above. Perfect for introducing content sections. The description text has a max-width for optimal reading.


Two Column

Header Split

Title on the left, description on the right. Creates visual balance and uses horizontal space effectively. Great for intros where you want to establish context quickly.


Section 2: Prose & Article Flow

How a Real Article Looks

Most guides and articles are primarily text. This section demonstrates realistic prose flow—how paragraphs, images, and supporting blocks work together with proper vertical rhythm.

Friends enjoying dinner at sunset in Spain
The Spanish lifestyle is a major draw for international buyers.

"We visited three times before buying—once in summer, once in winter, and once during the shoulder season. Each visit showed us something new about the area."

James & Helen , Purchased in Jávea, 2023

If you're financing the purchase, Spanish banks offer mortgages to non-residents with up to 70% loan-to-value. Interest rates have risen from historic lows but remain competitive by international standards.

You'll need proof of income, a clean credit history, and usually a Spanish bank account before applying. The approval process takes 3-6 weeks, so start early if you need financing.

At a Glance

Max LTV 70%
Approval time 3-6 weeks
Min deposit 30%
Typical term 20-25 years

Single Image (Base Width)

Friends enjoying dinner at sunset
Images can include captions. This one uses the default 'base' width (1200px).

Wide Image (1400px)

Beach restaurant scene
Using width: 'wide' aligns with the navigation bar for visual impact.

Image Gallery

Video Embed

Stats Row

320+
Days of Sun
€1,800
Avg. Price/m²
45 min
To Airport
18°C
Winter Average

Resale Property

Ready to move in
Negotiable price
Established community
May need updates
8-10% transfer tax

New Build

Modern specifications
Builder warranty
Energy efficient
12-24 month wait
10% VAT + 1.5% stamp duty

Step by Step

Numbered List

01

Find Your Property

Work with a local agent who understands your needs. View properties in person whenever possible—photos never capture the full picture.

02

Make an Offer

Your agent presents your offer to the seller. Most properties sell for 5-10% below asking price. Be prepared to move quickly on good properties.

03

Complete Due Diligence

Your lawyer verifies ownership, checks for debts, confirms building permits, and ensures the property is legally clean before you proceed.

Simple Bullet List

Simple CTA Button

"The process was smoother than we expected. Having the right professionals made all the difference."

Sarah & James , Purchased in Jávea, 2024

Info Box

Expandable Info Box

Highlight Row