forked from emre/www_projectmycelium_com
sasha-astiadi
51ef8dffb5
- Updated FeatureDescription text size to be larger on desktop (lg:text-base) - Added rounded corners (rounded-3xl) to DarkCard component - Modified CloudArchitecture section with wider container (max-w-5xl) and updated heading styles - Adjusted mobile feature navigation indicators with darker colors (bg-gray-600/700) - Improved hero section typography using H2 and H5 components for better hierarchy - Refined padding and background styling in CloudFeatures mobile
20 lines
548 B
TypeScript
20 lines
548 B
TypeScript
import * as React from "react";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
const DarkCard = React.forwardRef<
|
|
HTMLDivElement,
|
|
React.HTMLAttributes<HTMLDivElement>
|
|
>(({ className, ...props }, ref) => (
|
|
<div
|
|
ref={ref}
|
|
className={cn(
|
|
"border border-white/10 bg-white/3 p-8 backdrop-blur-sm transition hover:-translate-y-1 hover:border-cyan-300/50 rounded-3xl hover:bg-white/6 hover:scale-105 hover:shadow-lg hover:shadow-cyan-500/15",
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
));
|
|
DarkCard.displayName = "DarkCard";
|
|
|
|
export { DarkCard };
|