This commit is contained in:
2025-09-18 20:09:48 +02:00
parent b7f25d712f
commit 45364a7452
5 changed files with 10 additions and 10 deletions

View File

@@ -6,7 +6,7 @@ export function CallToAction() {
return (
<section
id="get-free-shares-today"
className="relative overflow-hidden py-20 sm:py-28"
className="relative overflow-hidden py-20 sm:py-28 border-t border-gray-800"
>
<video
autoPlay

View File

@@ -67,7 +67,7 @@ export function ClickableGallery() {
initial={{ opacity: 0 }}
animate={isInView ? { opacity: 1 } : { opacity: 0 }}
transition={{ duration: 1, delay: 0.4 }}
className="relative w-full flex items-center justify-center overflow-hidden bg-transparent -mt-8 pt-0 pb-12"
className="relative w-full flex items-center justify-center overflow-hidden bg-transparent -mt-8 pt-0 pb-0"
onMouseEnter={() => setHovering(true)}
onMouseLeave={() => setHovering(false)}
>

View File

@@ -24,7 +24,7 @@ export function Footer() {
return (
<footer id="footer" className="border-t border-gray-800">
<Container>
<div className="flex flex-col items-start justify-between gap-y-12 pt-16 pb-6 lg:flex-row lg:items-center lg:py-16">
<div className="flex flex-col items-start justify-between gap-y-12 pt-12 pb-6 lg:flex-row lg:items-center lg:py-12">
<div>
<div className="flex items-center text-white">
<Logomark className="h-10 w-10 flex-none fill-cyan-500" />

View File

@@ -59,7 +59,7 @@ export function WorldMap() {
animate={{ opacity: 1, x: 0 }}
transition={{ duration: 0.5, delay: 0.4 }}
whileHover={{ scale: 1.05 }}
className="absolute top-12 -left-12 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80"
className="absolute top-12 -left-12 rounded-xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80"
>
<CT color="light" className="uppercase tracking-wide">CORES</CT>
<CountUpNumber end={54958} color="light" className="mt-2 text-3xl font-bold" />
@@ -73,7 +73,7 @@ export function WorldMap() {
animate={{ opacity: 1, x: 0 }}
transition={{ duration: 0.5, delay: 0.5 }}
whileHover={{ scale: 1.05 }}
className="absolute -top-10 right-0 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80"
className="absolute -top-10 right-0 rounded-xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80"
>
<CT color="light" className="uppercase tracking-wide">NODES</CT>
<CountUpNumber end={1493} color="light" className="mt-2 text-3xl font-bold" />
@@ -87,7 +87,7 @@ export function WorldMap() {
animate={{ opacity: 1, x: 0 }}
transition={{ duration: 0.5, delay: 0.6 }}
whileHover={{ scale: 1.05 }}
className="absolute bottom-28 -left-12 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80"
className="absolute bottom-28 -left-12 rounded-xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80"
>
<CT color="light" className="uppercase tracking-wide">SSD CAPACITY</CT>
<CountUpNumber end={5388956} color="light" className="mt-2 text-3xl font-bold" />
@@ -101,7 +101,7 @@ export function WorldMap() {
animate={{ opacity: 1, x: 0 }}
transition={{ duration: 0.5, delay: 0.7 }}
whileHover={{ scale: 1.05 }}
className="absolute top-44 right-0 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80"
className="absolute top-44 right-0 rounded-xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80"
>
<CT color="light" className="uppercase tracking-wide">COUNTRIES</CT>
<CountUpNumber end={44} color="light" className="mt-2 text-3xl font-bold" />

View File

@@ -39,11 +39,11 @@ export const BentoGridItem = ({
return (
<div
className={cn(
"group/bento shadow-input row-span-1 flex flex-col justify-between border border-black bg-black/20 backdrop-blur-sm transition-all duration-300 ease-in-out hover:scale-105 hover:border-black hover:bg-black/40",
"group/bento shadow-input row-span-1 flex flex-col justify-between rounded-xl border border-black bg-black/10 backdrop-blur-md transition-all duration-300 ease-in-out hover:scale-105 hover:border-black hover:bg-black/40",
className,
)}
>
<div className="flex flex-1 w-full h-full min-h-[6rem] bg-black overflow-hidden">
<div className="flex flex-1 w-full h-full min-h-[6rem] bg-transparent overflow-hidden">
{video ? (
<video
src={video}
@@ -57,7 +57,7 @@ export const BentoGridItem = ({
<Image src={img} alt={title as string} width={300} height={300} className="w-full h-full object-cover opacity-90 group-hover/bento:opacity-100 transition-opacity duration-300" />
) : null}
</div>
<div className="p-4 transition duration-200 group-hover/bento:translate-x-2 backdrop-blur-md">
<div className="p-4 transition bg-white/5 hover:bg-white/7 backdrop-blur-md duration-200 group-hover/bento:translate-x-2 ">
<CT>{title}</CT>
<CP className="font-medium">{subtitle}</CP>
<CP className="mt-2">{description}</CP>