fix rsspnsvness

templates/layouts/why.html

@@ -7,6 +7,6 @@
 {% include "partials/why/matters.html" %}
 {% include "partials/why/values.html" %}
 {% include "partials/why/team.html" %}
-
+{% include "partials/home/cta.html" %}
 
 {% endblock content %}

templates/partials/home/cta.html

@@ -1,4 +1,4 @@
-<div class="bg-transparent">
+<div class="bg-transparent pt-24 pb-12">
     <div class="mx-auto rounded-2xl bg-white/5 max-w-7xl px-6 py-12 lg:flex lg:items-center lg:justify-between lg:px-20">
       <h2 class="lg:text-balance text-left items-start  font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in">
         Build the <br>Internet of Tomorrow, <br>Today.

templates/partials/why/matters.html

@@ -4,8 +4,8 @@
             <!-- Left Content -->
             <div class="lg:col-span-7">
                 <div class="mx-auto max-w-2xl lg:mx-0">
-                    <h1 class="fade-in text-balance text-4xl font-normal tracking-tight text-white sm:text-5xl">Why it Matters</h1>
+                    <h1 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">Why it Matters</h1>
-                    <p class="fade-in mt-6 text-lg font-light text-white">
+                    <p class="fade-in mt-6 text-lg lg:text-xl font-light text-white">
                         For +30 years, we’ve dedicated ourselves to this vision, and ThreeFold is the culmination of that journey. Today, we have a fully operational product (V3) and a thriving community of farmers, users, and partners.
                         <br><br>
                         But we won’t stop here.
@@ -19,7 +19,7 @@
             <div class="lg:col-span-5">
                 <figure class=" mt-6   pl-8">
                     <blockquote class=" text-2xl text-white fade-in font-semibold">
-                        <p class="text-2xl text-white font-semibold">Over the past decade, we’ve tackled complex challenges in areas such as data storage, secure overlay networking, and autonomous cloud security to bring this vision to life.</p>
+                        <p class="lg:text-2xl text-xl leading-normal text-white font-semibold">Over the past decade, we’ve tackled complex challenges in areas such as data storage, secure overlay networking, and autonomous cloud security to bring this vision to life.</p>
                     </blockquote>
                     <br>
                     <div class=" border border-white px-6 py-2 rounded-xl inline-flex items-center gap-2 fade-in blinking-effect">

templates/partials/why/team.html

@@ -1,10 +1,10 @@
-<div class="bg-transparent relative isolate overflow-hidden py-12 mb-12">
+<div class="bg-transparent relative isolate overflow-hidden py-12">
     <div class="mx-auto max-w-7xl px-6 lg:px-8">
       <div class="mx-auto max-w-2xl lg:max-w-none">
         <div class="text-center">
-          <h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white sm:text-5xl">The Team Behind ThreeFold</h2>
+          <h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">The Team Behind ThreeFold</h2>
           <p class="mx-auto mt-4 max-w-3xl text-pretty lg:text-2xl text-xl font-medium text-gray-200 fade-in">Founded by Internet Pioneers 1.0</p>
-          <p class="mx-auto mb-10 mt-6 max-w-4xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">We are a dedicated group committed to advancing a new digital era. Some of us have been working on Internet technology since the early days, when it was a decentralized network. We aim to help bring that vision to life once more. Beyond those below, we have more than 50 engineers, developers, and other team members supporting the project.</p>
+          <p class="mx-auto mb-10 mt-6 max-w-4xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">We are a dedicated group committed to advancing a new digital era. Some of us have been working on Internet technology since the early days, when it was a decentralized network. We aim to help bring that vision to life once more. Beyond those below, we have more than 50 engineers, developers, and other team members supporting the project.</p>
         </div>
 
         <div class="mt-12 grid grid-cols-1 gap-x-4 lg:gap-y-10 lg:gap-x-8 lg:grid-cols-4 gap-y-0">
@@ -17,7 +17,7 @@
               <h3 class="mt-4 text-xl font-semibold text-white">
                   Kristof de Spiegeleer
               </h3>
-              <p class="text-sm text-gray-300">Co-founder & CEO</p>
+              <p class="text-md text-gray-300">Co-founder & CEO</p>
               <p class="mt-1 text-sm font-light  text-white">
                 Serial entrepreneur with 30 years of experience in Internet infrastructure and cloud technology. Passionate about tech for good. +600m $ exits.</p>
             </div>
@@ -30,7 +30,7 @@
                 <h3 class="mt-4 text-xl font-semibold text-white">
                     Adnan Fatayerji
                 </h3>
-                <p class="text-sm text-gray-300">Co-founder</p>
+                <p class="text-md text-gray-300">Co-founder</p>
                 <p class="mt-1 text-sm font-light  text-white">
                   Tech entrepreneur with multiple exits. Based in Dubai for 20 years. Head of Partnerships and Business Development..</p>
               </div>
@@ -43,7 +43,7 @@
                 <h3 class="mt-4 text-xl font-semibold text-white">
                     Jan De Landtsheer
                 </h3>
-                <p class="text-sm text-gray-300">Co-founder & CTO</p>
+                <p class="text-md text-gray-300">Co-founder & CTO</p>
                 <p class="mt-1 text-sm font-light  text-white">
                   Engineer with 40+ years of experience in deep tech, networking, cloud and storage.</p>
               </div>
@@ -56,7 +56,7 @@
                 <h3 class="mt-4 text-xl font-semibold text-white">
                     Florian Fournier
                 </h3>
-                <p class="text-sm text-gray-300">Co-founder & CMO</p>
+                <p class="text-md text-gray-300">Co-founder & CMO</p>
                 <p class="mt-1 text-sm font-light  text-white">
                   Ex Apple marketing director, serial entrepreneur living between Africa and Latin America.</p>
               </div>

templates/partials/why/timeline.html

@@ -1,15 +1,15 @@
-<div class="fade-in bg-transparent relative isolate overflow-hidden py-12">
+<div class="fade-in bg-transparent relative isolate overflow-hidden pt-12 pb-0">
     <div class="mx-auto max-w-7xl px-6 lg:px-8">
         <div class="mx-auto max-w-2xl lg:max-w-none">
             <div class="text-center">
                 <h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">ThreeFold’s Journey</h2>
-                <p class="fade-in mx-auto mt-6 mb-12 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200">The pivotal milestones that have shaped Threefold's growth and innovation, driving us towards a sustainable, decentralized future.</p>
+                <p class="fade-in mx-auto mt-6 lg:mb-1 mb-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200">The pivotal milestones that have shaped Threefold's growth and innovation, driving us towards a sustainable, decentralized future.</p>
             </div>
         </div>
     </div>
 </div>
 
-<div class="space-y-8 pt-10 pb-24 mx-auto max-w-7xl relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-slate-300 before:to-transparent">
+<div class="space-y-8 pt-12 pb-24 mx-auto max-w-7xl relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-slate-300 before:to-transparent">
 
     <!-- Item #1 -->
     <div class="fade-in relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active">