From 020116e2666cdfb01db163e9d0c8a53c02fcf868 Mon Sep 17 00:00:00 2001
From: Kacper Szarkiewicz <szarkiewiczmail@gmail.com>
Date: Wed, 8 Jan 2025 14:40:35 +0100
Subject: [PATCH 1/3] make Why Vortex section more consistent

---
 src/components/WhyVortex/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/WhyVortex/index.tsx b/src/components/WhyVortex/index.tsx
index 78551255..6e812df9 100644
--- a/src/components/WhyVortex/index.tsx
+++ b/src/components/WhyVortex/index.tsx
@@ -33,16 +33,16 @@ const features: Feature[] = [
 const FeatureCard = ({ icon, title, description, subtext }: Feature) => (
   <div className="flex flex-col items-center text-center">
     <img src={icon} alt={title} className="w-[100px] h-[100px] mb-4" />
-    <h3 className="mb-4 text-2xl font-extrabold text-blue-900">{title}</h3>
-    <p className="mb-2 text-lg text-black">{description}</p>
-    <p className="text-xl text-gray-600 text-pink-600">{subtext}</p>
+    <h3 className="mb-4 text-xl font-bold text-blue-900">{title}</h3>
+    <p className="mb-2 text-black">{description}</p>
+    <p className="text-gray-600 text-pink-600">{subtext}</p>
   </div>
 );
 
 export const WhyVortex = () => (
   <section className="container py-12 mx-auto mt-12">
-    <h2 className="mb-8 text-4xl font-bold text-center text-blue-900">Why Vortex?</h2>
-    <div className="grid grid-cols-1 gap-x-36 gap-y-8 md:grid-cols-3">
+    <h1 className="mb-6 text-4xl text-center text-black">Why Vortex?</h1>
+    <div className="grid grid-cols-1 gap-x-20 gap-y-8 md:grid-cols-3">
       {features.map((feature) => (
         <FeatureCard key={feature.title} {...feature} />
       ))}

From 666c5494b3b73ab8e704f5513f60d3fe63a2801c Mon Sep 17 00:00:00 2001
From: Marcel Ebert <mail@marcel-ebert.de>
Date: Thu, 9 Jan 2025 10:09:57 +0100
Subject: [PATCH 2/3] Reduce top margin of 'Why Vortex'

---
 src/components/WhyVortex/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/WhyVortex/index.tsx b/src/components/WhyVortex/index.tsx
index 6e812df9..1a4fda8e 100644
--- a/src/components/WhyVortex/index.tsx
+++ b/src/components/WhyVortex/index.tsx
@@ -40,7 +40,7 @@ const FeatureCard = ({ icon, title, description, subtext }: Feature) => (
 );
 
 export const WhyVortex = () => (
-  <section className="container py-12 mx-auto mt-12">
+  <section className="container py-12 mx-auto mt-6">
     <h1 className="mb-6 text-4xl text-center text-black">Why Vortex?</h1>
     <div className="grid grid-cols-1 gap-x-20 gap-y-8 md:grid-cols-3">
       {features.map((feature) => (

From 3e7bef6f53d94241fbbd1b843837c20a3ccc6957 Mon Sep 17 00:00:00 2001
From: Marcel Ebert <mail@marcel-ebert.de>
Date: Thu, 9 Jan 2025 10:10:46 +0100
Subject: [PATCH 3/3] Add top margin of 'Trusted by'

---
 src/components/TrustedBy/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/TrustedBy/index.tsx b/src/components/TrustedBy/index.tsx
index dcb2929f..1e22ed97 100644
--- a/src/components/TrustedBy/index.tsx
+++ b/src/components/TrustedBy/index.tsx
@@ -45,7 +45,7 @@ export const TrustedBy = () => {
   ];
 
   return (
-    <section className="container mx-auto">
+    <section className="container mt-12 mx-auto">
       <h1 className="mb-4 text-4xl text-center text-black">Trusted by</h1>
       <div className="flex flex-wrap items-center justify-center gap-y-4 gap-x-12">
         <ImageList images={trustedByImages} />