forked from emre/www_projectmycelium_com
sasha-astiadi
ef7dc12bc2
- Changed DarkCard border radius from rounded-3xl to rounded-xl for more subtle styling - Added ComputeOverview section to compute page - Replaced StackSectionLight with new StackSectionDark component featuring enhanced aurora effects and improved visual hierarchy
20 lines
547 B
TypeScript
20 lines
547 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-xl hover:bg-white/6 hover:scale-105 hover:shadow-lg hover:shadow-cyan-500/15",
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
));
|
|
DarkCard.displayName = "DarkCard";
|
|
|
|
export { DarkCard };
|