feat: add mobile solutions view and enhance about page layout

src/components/AboutTeam.tsx

@@ -1,19 +1,25 @@
 
 import { Gallery } from './Gallery'
+import { Button } from './Button'
 
 export function AboutTeam() {
   return (
-    <div className="relative my-12 lg:mt-12 lg:mb-24 mx-6">
+    <div className="relative lg:my-12 py-12 lg:mt-24 mt-12 lg:py-32 mx-6">
       <Gallery />
       <div className="mx-auto grid max-w-7xl lg:grid-cols-2">
-        <div className="pt-16 pb-24 lg:pt-24 lg:col-start-2">
+        <div className="lg:col-start-2">
           <div className="mx-auto max-w-2xl lg:max-w-lg">
-            <h1 className="mt-2 text-3xl font-medium tracking-tight text-pretty text-white lg:text-4xl">
+            <h1 className="text-3xl font-medium tracking-tight leading-tight lg:mt-0 mt-6 text-pretty text-white lg:text-4xl">
               Founded by Internet Pioneers and Powered by the Community
             </h1>
-            <p className="mt-6 text-sm font-light text-pretty text-gray-600 lg:text-base">
+            <p className="mt-6 text-sm font-light text-pretty text-gray-700 lg:text-base">
                ThreeFold was started by pioneers from the early days of the internet, when it was a true peer-to-peer network. Today, it’s an open-source movement supported by a dedicated team and a vibrant community of contributors. Over 50 full-time developers and countless Hosters worldwide help bring our shared vision to life.
             </p>
+            <div className="mt-6 lg:mt-10">
+            <Button href="#" variant="glass" >
+              Our People
+            </Button>
+            </div>
           </div>
         </div>
       </div>