Abstract Page Layouts into Reusable Responsive Components

[itasimo]

Most pages across the website rely on a few recurring layout patterns:

• Text Left, Image Right
• Image Left, Text Right
• Text Only
• Text with Cards

Currently, these layouts are rewritten repeatedly across different pages. We should abstract these core patterns into dedicated, reusable layout components.

Objectives:

• Reduce Code Duplication: Prevent rewriting the same UI patterns on every new page.
• Ensure Consistency: Standardize page structures and spacing across the entire application.
• Improve Responsiveness: Handle breakpoints and mobile layouts centrally within the abstracted components.