ok

src/app/(main)/page.tsx

@@ -10,6 +10,7 @@ import { Companies } from '@/components/Companies'
 import { CallTo } from '@/components/CallTo'
 import { ScrollDown } from '@/components/ui/ScrollDown'
 import { ScrollUp } from '@/components/ui/ScrollUp'
+import { GridStats } from '@/components/GridStats'
 
 export default function Home() {
   return (
@@ -20,6 +21,9 @@ export default function Home() {
       <section id="home-about">
         <HomeAbout />
       </section>
+      <section id="grid-stats">
+        <GridStats />
+      </section>
       <section id="companies">
         <Companies />
       </section>

src/components/About.tsx

@@ -1,32 +0,0 @@
-import { AppStoreLink } from '@/components/AppStoreLink'
-import { CircleBackground } from '@/components/CircleBackground'
-import { Container } from '@/components/Container'
-
-export function About() {
-  return (
-    <section
-      id="about"
-      className="relative overflow-hidden bg-gray-900 py-20 sm:py-28"
-    >
-      <div className="absolute top-1/2 left-20 -translate-y-1/2 sm:left-1/2 sm:-translate-x-1/2">
-        <CircleBackground color="#fff" className="animate-spin-slower" />
-      </div>
-      <Container className="relative">
-        <div className="mx-auto max-w-3xl sm:text-center">
-          <h2 className="text-3xl font-medium tracking-tight text-white sm:text-4xl">
-            Discover Mycelium
-          </h2>
-          <p className="mt-6 text-lg text-gray-300">
-            Mycelium is an unbreakable network, always finding the shortest path and providing 100% secure, peer-to-peer communication. But this is just the beginning.
-          </p>
-          <p className="mt-6 text-lg text-gray-300">
-            Our mission is to create a sustainable digital ecosystem where communication is seamless, data is secure, and scalability knows no bounds.
-          </p>
-          <div className="mt-8 flex justify-center">
-            <AppStoreLink color="white" />
-          </div>
-        </div>
-      </Container>
-    </section>
-  )
-}

src/components/GridStats.tsx

@@ -22,7 +22,6 @@ export function GridStats() {
               <Button className="mt-8" variant="outline" href="https://threefold.io/build" >Explore TFGrid →</Button>
             </div>
 
-
           </div>
 
           {/* Column 2: CORES (staggered) + SSD */}
@@ -32,7 +31,6 @@ export function GridStats() {
               description="A globally distributed mesh of CPU cores powering decentralized applications, AI workloads, and edge computing — without central bottlenecks."
               value={<CountUp end={54_958} duration={2.5} separator="," />}
               note="Total Central Processing Unit Cores available on the grid."
-              className="mt-24"
             />
 
             <StatCard
@@ -87,7 +85,7 @@ function StatCard({
 }) {
   return (
     <div
-      className={`relative flex flex-col overflow-hidden rounded-3xl bg-white  opacity-0 shadow-md shadow-gray-900/5 p-8 transition-all duration-300 ease-out hover:scale-105 ${className}`}
+      className={`relative flex flex-col overflow-hidden rounded-3xl bg-white shadow-md shadow-gray-900/5 p-8 transition-all duration-300 ease-out hover:scale-105 ${className}`}
       style={{
         filter: 'brightness(1)',
       }}