From b33d1c15ff8f04b018744a5d4fa60c68e3d4acf5 Mon Sep 17 00:00:00 2001
From: Muhammad Safi <muhammadsafi@Muhammads-MacBook-Pro.local>
Date: Wed, 29 Jan 2025 22:47:37 -0800
Subject: [PATCH 1/2] - font family updated to use tailwind configured fonts. -
 removed yarn and mkdocs changes

---
 .../agptui/composite/HeroSection.tsx          | 22 +++++++------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/autogpt_platform/frontend/src/components/agptui/composite/HeroSection.tsx b/autogpt_platform/frontend/src/components/agptui/composite/HeroSection.tsx
index e7b19e1ca7ec..2195c026f126 100644
--- a/autogpt_platform/frontend/src/components/agptui/composite/HeroSection.tsx
+++ b/autogpt_platform/frontend/src/components/agptui/composite/HeroSection.tsx
@@ -16,24 +16,24 @@ export const HeroSection: React.FC = () => {
   return (
     <div className="mb-2 mt-8 flex flex-col items-center justify-center px-4 sm:mb-4 sm:mt-12 sm:px-6 md:mb-6 md:mt-16 lg:my-24 lg:px-8 xl:my-16">
       <div className="w-full max-w-3xl lg:max-w-4xl xl:max-w-5xl">
-        <div className="8md:mb-8 mb-4 text-center">
+        <div className="md:mb-8 mb-4 text-center">
           <h1 className="text-center">
-            <span className="font-poppins text-5xl font-semibold leading-[54px] text-neutral-950 dark:text-neutral-50">
+            <span className="font-poppin text-[48px] font-semibold leading-[54px] text-neutral-950 dark:text-neutral-50">
               Explore AI agents built for{" "}
             </span>
-            <span className="font-poppins text-5xl font-semibold leading-[54px] text-violet-600">
+            <span className="font-poppin text-[48px] font-semibold leading-[54px] text-violet-600">
               you
             </span>
             <br />
-            <span className="font-poppins text-5xl font-semibold leading-[54px] text-neutral-950 dark:text-neutral-50">
+            <span className="font-poppin text-[48px] font-semibold leading-[54px] text-neutral-950 dark:text-neutral-50">
               by the{" "}
             </span>
-            <span className="font-poppins text-5xl font-semibold leading-[54px] text-blue-500">
+            <span className="font-poppin text-[48px] font-semibold leading-[54px] text-blue-500">
               community
             </span>
           </h1>
         </div>
-        <h3 className="mb:text-2xl font-geist mb-6 text-center text-xl font-normal leading-loose text-neutral-700 dark:text-neutral-300 md:mb-12">
+        <h3 className="mb:text-2xl font-sans mb-6 text-center text-xl font-normal leading-loose text-neutral-700 dark:text-neutral-300 md:mb-12">
           Bringing you AI agents designed by thinkers from around the world
         </h3>
         <div className="mb-4 flex justify-center sm:mb-5 md:mb-6">
@@ -42,13 +42,7 @@ export const HeroSection: React.FC = () => {
         <div>
           <div className="flex justify-center">
             <FilterChips
-              badges={[
-                "Marketing",
-                "SEO",
-                "Content Creation",
-                "Automation",
-                "Fun",
-              ]}
+              badges={["Marketing", "SEO", "Content Creation", "Automation", "Fun"]}
               onFilterChange={onFilterChange}
               multiSelect={false}
             />
@@ -57,4 +51,4 @@ export const HeroSection: React.FC = () => {
       </div>
     </div>
   );
-};
+};
\ No newline at end of file

From bfe6561e6a41a033628f4e8ed5c8b1f38fc6b697 Mon Sep 17 00:00:00 2001
From: Muhammad Safi <muhammadsafi@Muhammads-MacBook-Pro.local>
Date: Thu, 30 Jan 2025 00:27:17 -0800
Subject: [PATCH 2/2] Fixed lints

---
 .../components/agptui/composite/HeroSection.tsx    | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/autogpt_platform/frontend/src/components/agptui/composite/HeroSection.tsx b/autogpt_platform/frontend/src/components/agptui/composite/HeroSection.tsx
index 2195c026f126..4b0fd384009e 100644
--- a/autogpt_platform/frontend/src/components/agptui/composite/HeroSection.tsx
+++ b/autogpt_platform/frontend/src/components/agptui/composite/HeroSection.tsx
@@ -16,7 +16,7 @@ export const HeroSection: React.FC = () => {
   return (
     <div className="mb-2 mt-8 flex flex-col items-center justify-center px-4 sm:mb-4 sm:mt-12 sm:px-6 md:mb-6 md:mt-16 lg:my-24 lg:px-8 xl:my-16">
       <div className="w-full max-w-3xl lg:max-w-4xl xl:max-w-5xl">
-        <div className="md:mb-8 mb-4 text-center">
+        <div className="mb-4 text-center md:mb-8">
           <h1 className="text-center">
             <span className="font-poppin text-[48px] font-semibold leading-[54px] text-neutral-950 dark:text-neutral-50">
               Explore AI agents built for{" "}
@@ -33,7 +33,7 @@ export const HeroSection: React.FC = () => {
             </span>
           </h1>
         </div>
-        <h3 className="mb:text-2xl font-sans mb-6 text-center text-xl font-normal leading-loose text-neutral-700 dark:text-neutral-300 md:mb-12">
+        <h3 className="mb:text-2xl mb-6 text-center font-sans text-xl font-normal leading-loose text-neutral-700 dark:text-neutral-300 md:mb-12">
           Bringing you AI agents designed by thinkers from around the world
         </h3>
         <div className="mb-4 flex justify-center sm:mb-5 md:mb-6">
@@ -42,7 +42,13 @@ export const HeroSection: React.FC = () => {
         <div>
           <div className="flex justify-center">
             <FilterChips
-              badges={["Marketing", "SEO", "Content Creation", "Automation", "Fun"]}
+              badges={[
+                "Marketing",
+                "SEO",
+                "Content Creation",
+                "Automation",
+                "Fun",
+              ]}
               onFilterChange={onFilterChange}
               multiSelect={false}
             />
@@ -51,4 +57,4 @@ export const HeroSection: React.FC = () => {
       </div>
     </div>
   );
-};
\ No newline at end of file
+};