From 32069349576d5557698c0e6a4a095c940ea70bce Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Fri, 17 Oct 2025 17:52:10 +0200
Subject: [PATCH] style: adjust hero text size and hide solutions section on
 mobile

---
 src/components/AboutHero.tsx      | 2 +-
 src/components/AboutSolutions.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/AboutHero.tsx b/src/components/AboutHero.tsx
index 29f022f..4d3bcc9 100644
--- a/src/components/AboutHero.tsx
+++ b/src/components/AboutHero.tsx
@@ -31,7 +31,7 @@ const rotatingWords = [
 export function AboutHero() {
   return (
     <section className="lg:max-w-6xl flex flex-col items-start justify-center min-h-[60vh] px-6 md:px-16  text-white">
-      <h1 className="text-5xl lg:text-6xl font-medium leading-none">
+      <h1 className="text-4xl lg:text-6xl font-medium leading-none">
         Building a Decentralized Internet for{" "}
         <TypeAnimation
           sequence={rotatingWords}
diff --git a/src/components/AboutSolutions.tsx b/src/components/AboutSolutions.tsx
index cc27fa8..8b001d7 100644
--- a/src/components/AboutSolutions.tsx
+++ b/src/components/AboutSolutions.tsx
@@ -19,7 +19,7 @@ export function AboutSolutions() {
 
   return (
     <section
-      className="relative bg-[#121212] text-gray-200 overflow-hidden"
+      className="relative hidden bg-[#121212] text-gray-200 overflow-hidden md:block"
       style={
         {
           "--cell": "4rem",