From 45364a7452641358177f23e191a352ec392e48f9 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Thu, 18 Sep 2025 20:09:48 +0200
Subject: [PATCH] ok

---
 src/components/CallToAction.tsx     | 2 +-
 src/components/ClickableGallery.tsx | 2 +-
 src/components/Footer.tsx           | 2 +-
 src/components/WorldMap.tsx         | 8 ++++----
 src/components/ui/bento-grid.tsx    | 6 +++---
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/CallToAction.tsx b/src/components/CallToAction.tsx
index 8b106f5..9e775df 100644
--- a/src/components/CallToAction.tsx
+++ b/src/components/CallToAction.tsx
@@ -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
diff --git a/src/components/ClickableGallery.tsx b/src/components/ClickableGallery.tsx
index 3da730e..61b0bd3 100644
--- a/src/components/ClickableGallery.tsx
+++ b/src/components/ClickableGallery.tsx
@@ -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)}
       >
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index dba16bb..dfa79bc 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -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" />
diff --git a/src/components/WorldMap.tsx b/src/components/WorldMap.tsx
index 8b7cdba..96c166c 100644
--- a/src/components/WorldMap.tsx
+++ b/src/components/WorldMap.tsx
@@ -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" />
diff --git a/src/components/ui/bento-grid.tsx b/src/components/ui/bento-grid.tsx
index d5189a5..fefd5fb 100644
--- a/src/components/ui/bento-grid.tsx
+++ b/src/components/ui/bento-grid.tsx
@@ -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>