Cuisine
The Art of Pasta Making in Emilia-Romagna
Discover the ancient traditions of pasta making in the heart of Italy, where family recipes have been passed down through generations.
By Marco Rossi•5 min read
Loading...
Loading...
The ContentCard component is a flexible, reusable card for displaying content items like articles, recipes, artisans, experiences, neighborhoods, and more. Supports multiple layouts and a wide range of features.
Standard card layout with image on top and content below.
Discover the ancient traditions of pasta making in the heart of Italy, where family recipes have been passed down through generations.
Image and content side-by-side, perfect for featured content or longer descriptions.
A family-run trattoria serving authentic Tuscan cuisine in the heart of Florence.
Discover the ancient traditions of pasta making in the heart of Italy, where family recipes have been passed down through generations.
Larger format for prominent content with enhanced typography.
Display location, hours, and other details with icon-labeled information.
Show categories, tags, and highlights for better content organization.
Display ratings and review counts for restaurants, attractions, and experiences.
Learn to make authentic Italian tiramisu with this traditional recipe from Veneto.
import { ContentCard } from '@/components/composite/ContentCard';
<ContentCard
id="1"
title="The Art of Pasta Making"
description="Discover ancient traditions..."
href="/articles/pasta-making"
image={{ src: "/image.jpg", alt: "Pasta", aspectRatio: "4/3" }}
category="Cuisine"
metadata={{ primary: "By Author", secondary: "5 min read" }}
/>
// Horizontal layout
<ContentCard
{...props}
variant="horizontal"
imagePosition="left"
/>
// Featured layout
<ContentCard
{...props}
variant="featured"
/>
// With icon list
<ContentCard
{...props}
iconListItems={[
{ icon: MapPin, text: "Via Roma 123" },
{ icon: Clock, text: "Open 9AM-6PM" },
]}
/>
// With rating
<ContentCard
{...props}
rating={{ value: 4.6, type: "star", label: "(89 reviews)" }}
/>