From 3eb52434be5370840ee829a18791c90fde1817bb Mon Sep 17 00:00:00 2001
From: Nacho Mandagaran <ignaciofmandagaran@gmail.com>
Date: Thu, 25 Apr 2024 15:03:35 -0300
Subject: [PATCH 1/3] upd

---
 src/app/components/hero/index.tsx   |  4 ++--
 src/app/components/hero/marquee.tsx | 14 ++++++++++++--
 src/lib/basehub-queries.ts          |  6 +++---
 3 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/app/components/hero/index.tsx b/src/app/components/hero/index.tsx
index 6e783a47..8d7886c7 100644
--- a/src/app/components/hero/index.tsx
+++ b/src/app/components/hero/index.tsx
@@ -13,7 +13,7 @@ export function Hero({ hero }: LandingPageFragment) {
   const { h1, h2 } = hero.heroVariants.items[0]
 
   return (
-    <section className="relative flex overflow-hidden">
+    <section className="relative flex overflow-hidden bg-[#FCFCFC]">
       <div className="absolute -top-[30%] left-0 h-[130%] w-full animate-fadeIn lg:-left-[35%] lg:top-0 lg:h-full lg:w-[135%]">
         <Hyperspace className="opacity-10" />
       </div>
@@ -59,7 +59,7 @@ export function Hero({ hero }: LandingPageFragment) {
             <div className="flex min-h-[40px] items-center text-[#8B8B8B]">
               <p className="hidden whitespace-nowrap xl:inline-block">{hero.logosTitle}</p>
               <div className="max-w-full flex-1">
-                <HomeHeroMarquee />
+                <HomeHeroMarquee gradientColor="#FCFCFC" />
               </div>
             </div>
           </div>
diff --git a/src/app/components/hero/marquee.tsx b/src/app/components/hero/marquee.tsx
index 486cd0a7..b8447998 100644
--- a/src/app/components/hero/marquee.tsx
+++ b/src/app/components/hero/marquee.tsx
@@ -10,11 +10,21 @@ import logoVercel from '~/images/hero-logos/vercel.svg'
 import logoWeightsAndBiases from '~/images/hero-logos/weights-and-biases.svg'
 import Marquee from 'react-fast-marquee'
 import { useMinTabletBreakpoint } from '~/hooks/use-media'
+import { PropsWithChildren } from 'react'
 
-export const HomeHeroMarquee = () => {
+type MarqueeProps = PropsWithChildren<{
+  style?: React.CSSProperties
+  className?: string
+  play?: boolean
+  pauseOnHover?: boolean
+  pauseOnClick?: boolean
+  gradientColor?: string
+}>
+
+export const HomeHeroMarquee = (props: MarqueeProps) => {
   const isMinTablet = useMinTabletBreakpoint()
   return (
-    <Marquee gradient gradientWidth={isMinTablet ? 200 : 60} speed={20}>
+    <Marquee gradient gradientWidth={isMinTablet ? 200 : 60} speed={20} {...props}>
       {[
         { name: 'React', logo: logoReact },
         { name: 'WeightsBiases', logo: logoWeightsAndBiases },
diff --git a/src/lib/basehub-queries.ts b/src/lib/basehub-queries.ts
index 33a1bfa0..3d126f2c 100644
--- a/src/lib/basehub-queries.ts
+++ b/src/lib/basehub-queries.ts
@@ -10,9 +10,9 @@ export const linkFragment = fragmentOn('LinkComponent', {
 
 export const landingPageFragment = fragmentOn('LandingPage', {
   hero: {
-    subtitle: {
-      json: { content: true }
-    },
+    // subtitle: {
+    //   json: { content: true }
+    // },
     getStartedLink: linkFragment,
     installationLink: linkFragment,
     contactUsLink: linkFragment,

From f069b2a382d4db843a3ed452f88756e877337ecc Mon Sep 17 00:00:00 2001
From: Nacho Mandagaran <ignaciofmandagaran@gmail.com>
Date: Thu, 25 Apr 2024 15:16:19 -0300
Subject: [PATCH 2/3] upd

---
 src/lib/basehub-queries.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/lib/basehub-queries.ts b/src/lib/basehub-queries.ts
index 3d126f2c..4acd4766 100644
--- a/src/lib/basehub-queries.ts
+++ b/src/lib/basehub-queries.ts
@@ -10,9 +10,6 @@ export const linkFragment = fragmentOn('LinkComponent', {
 
 export const landingPageFragment = fragmentOn('LandingPage', {
   hero: {
-    // subtitle: {
-    //   json: { content: true }
-    // },
     getStartedLink: linkFragment,
     installationLink: linkFragment,
     contactUsLink: linkFragment,

From 745d2b08ee8441c2ba9c61386a61dc8e15a745f5 Mon Sep 17 00:00:00 2001
From: Nacho Mandagaran <ignaciofmandagaran@gmail.com>
Date: Thu, 25 Apr 2024 15:17:11 -0300
Subject: [PATCH 3/3] upd

---
 src/app/components/hero/marquee.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/components/hero/marquee.tsx b/src/app/components/hero/marquee.tsx
index b8447998..ad40fe3d 100644
--- a/src/app/components/hero/marquee.tsx
+++ b/src/app/components/hero/marquee.tsx
@@ -12,14 +12,14 @@ import Marquee from 'react-fast-marquee'
 import { useMinTabletBreakpoint } from '~/hooks/use-media'
 import { PropsWithChildren } from 'react'
 
-type MarqueeProps = PropsWithChildren<{
+type MarqueeProps = {
   style?: React.CSSProperties
   className?: string
   play?: boolean
   pauseOnHover?: boolean
   pauseOnClick?: boolean
   gradientColor?: string
-}>
+}
 
 export const HomeHeroMarquee = (props: MarqueeProps) => {
   const isMinTablet = useMinTabletBreakpoint()