Article Component Preview

Article Component Preview

A preview of all available components in blog article format.

Content Team January 1, 2025 5 min

This article demonstrates all available components in the blog article format. Use this as a reference when creating new articles.

Normal Text Content

Most articles should primarily consist of regular text. Don't overload articles with too many components — let the content speak for itself. A well-written paragraph is often more effective than a fancy visual element.

The Costa Blanca has become one of the most sought-after destinations for property investment in Spain. With over 300 days of sunshine per year, excellent infrastructure, and a well-established expat community, it's easy to see why so many buyers choose this region.

Using Subheadings (H3)

Use level 3 headings to break up longer sections. This helps readers scan the article and find the information they're looking for. Keep paragraphs focused on one main idea.

Property prices in the region range from €150,000 for a two-bedroom apartment to over €2 million for a luxury villa with sea views. The average price per square meter is around €2,500, though this varies significantly between towns.

Another Subsection

When writing articles, aim for 2-4 paragraphs between headings. This creates a good reading rhythm and makes the content digestible. Avoid single-paragraph sections unless the content is a brief introduction.


Highlight Row

Use highlight-row to show 3-4 key statistics or features with icons.

12% Growth
5-7% Yields
45min Airport
300+ Days Sun

Info Box

Use info-box for important lists or key points.

Key Points to Remember
First important point
Second important point
Third important point
Fourth important point

Images

Single image with optional caption:

Click to view full size (lightbox enabled)

Use gallery for 2-4 images in a grid:

Accordion / FAQ

Use accordion for FAQ sections:

Video

Embed Vimeo or YouTube videos:

Property Investment in Spain

Calculator Cards

Use calculator-cards to open interactive calculators in a modal:

Use link-cards to link to related content:

Call to Action

Use cta for action buttons:

Ready to Find Your Dream Home? Our experts are here to guide you through every step of the buying process. Contact Us Today

That's all the available components! Use divider (shown above) to separate sections visually.