My personal website
renderg.host
1export const carouselContainer = 'w-full py-8';
2export const carouselTitle = 'text-2xl font-bold mb-6';
3export const carouselWrapper = 'relative overflow-hidden';
4export const carouselTrack = 'flex transition-transform duration-300 ease-in-out';
5export const postCard = 'px-2 flex-shrink-0 transition-all duration-300';
6export const cardContent = 'h-full border rounded-lg overflow-hidden shadow-sm hover:shadow-md transition-shadow';
7export const cardImageWrapper = 'relative aspect-video overflow-hidden';
8export const cardTextWrapper = 'p-4';
9export const postMeta = 'text-sm text-muted-foreground mb-2';
10export const postTitle = 'font-semibold text-lg mb-2 line-clamp-2';
11export const postExcerpt = 'text-muted-foreground line-clamp-3';
12export const navigationWrapper = 'flex items-center justify-between mt-6';
13export const buttonGroup = 'flex gap-2';
14export const navButton = 'p-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700';