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.
Image and content side-by-side, perfect for featured content or longer descriptions.
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.
Info cards can work without images for text-focused content.
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)" }}
/>