Cuisine
The Art of Pasta Making
Discover the ancient traditions of pasta making in Emilia-Romagna.
By Marco Rossi•5 min read
Loading...
Loading...
The ContentSection component combines Section + Container + SectionHeader + ContentGrid into one convenient component. Perfect for common patterns where you have a section header followed by a grid of content cards.
Complete section with header and content grid in one component.
Discover the best content about Italian culture, cuisine, and travel
Section with centered header alignment.
Authentic Italian experiences you won't forget
Increase minimum column width for larger, more prominent cards.
Our favorite stories and guides
import { ContentSection } from '@/components/composite/ContentSection';
import { ContentCard } from '@/components/composite/ContentCard';
<ContentSection
title="Essential Experiences"
subtitle="Discover authentic local experiences"
action={{ text: "View All", href: "/experiences" }}
bg="bg-white"
minColumnWidth="280px"
>
{experiences.map(exp => <ContentCard key={exp.id} {...exp} />)}
</ContentSection>
// Centered header
<ContentSection
title="Featured Articles"
subtitle="Our best stories"
align="center"
bg="bg-crema"
minColumnWidth="300px"
>
{articles.map(article => <ContentCard key={article.id} {...article} />)}
</ContentSection>