From 907cc3a74e3ac35a418a0cbcaba9412fbbf9e6a3 Mon Sep 17 00:00:00 2001
From: Ephraim Atta-Duncan <ephraimduncan68@gmail.com>
Date: Thu, 23 May 2024 10:33:47 +0000
Subject: [PATCH] chore: add what's new label

---
 .../src/components/(marketing)/carousel.tsx      | 16 +++++-----------
 .../src/components/(marketing)/thumb.tsx         |  2 +-
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/apps/marketing/src/components/(marketing)/carousel.tsx b/apps/marketing/src/components/(marketing)/carousel.tsx
index d2c6486fb..e58cfc67b 100644
--- a/apps/marketing/src/components/(marketing)/carousel.tsx
+++ b/apps/marketing/src/components/(marketing)/carousel.tsx
@@ -9,16 +9,6 @@ import { Card } from '@documenso/ui/primitives/card';
 
 import { Thumb } from './thumb';
 
-type SlideType = {
-  label: string;
-  imageSrc: string;
-  type: 'image' | 'video';
-};
-
-type CarouselPropType = {
-  slides: SlideType[];
-};
-
 const SLIDES = [
   {
     label: 'Signing Process',
@@ -163,7 +153,11 @@ export const Carousel = () => {
       </Card>
 
       <div className="mx-auto mt-12 max-w-4xl px-2">
-        <div className="flex justify-between" ref={emblaThumbsRef}>
+        <div className="bg-muted-foreground/10 text-foreground inline-block rounded-xl px-3 py-2 text-sm">
+          What's new
+        </div>
+
+        <div className="mt-2 flex justify-between" ref={emblaThumbsRef}>
           {slides.map((slide, index) => (
             <Thumb
               key={index}
diff --git a/apps/marketing/src/components/(marketing)/thumb.tsx b/apps/marketing/src/components/(marketing)/thumb.tsx
index 7c2f7a25b..c4a690292 100644
--- a/apps/marketing/src/components/(marketing)/thumb.tsx
+++ b/apps/marketing/src/components/(marketing)/thumb.tsx
@@ -17,7 +17,7 @@ export const Thumb: React.FC<PropType> = (props) => {
       onClick={onClick}
       type="button"
       className={cn('text-muted-foreground border-b-2 border-transparent py-4', {
-        'border-primary border-b-2 text-neutral-900': selected,
+        'border-primary text-foreground border-b-2': selected,
       })}
     >
       {label}