From 5e0f8e22d764daca0809870be9c74a43b1b3b3ef Mon Sep 17 00:00:00 2001
From: Gautam Velpula <gautamvelpula@gmail.com>
Date: Sat, 23 Mar 2024 10:39:25 -0400
Subject: [PATCH] styling updates

---
 app/favicon.ico                            | Bin 15086 -> 2667 bytes
 components/cart/add-to-cart.tsx            |   2 +-
 components/grid/tile.tsx                   |   4 ++--
 components/home/hero.tsx                   |   2 +-
 components/label.tsx                       |   4 ++--
 components/product/product-description.tsx |   2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/favicon.ico b/app/favicon.ico
index dc7d8431e47ee24c71eebaffe30786769b348353..b67557ee27e85ba37249cf8f8533193ea130fa84 100644
GIT binary patch
literal 2667
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
ZLfg*Si7SiTiw%Ej0lpzV$Gq03{S&qt_niO$

literal 15086
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
Cr`cHm

diff --git a/components/cart/add-to-cart.tsx b/components/cart/add-to-cart.tsx
index 5e7afbff9..d438f02d9 100644
--- a/components/cart/add-to-cart.tsx
+++ b/components/cart/add-to-cart.tsx
@@ -17,7 +17,7 @@ function SubmitButton({
 }) {
   const { pending } = useFormStatus();
   const buttonClasses =
-    'relative flex w-full items-center justify-center rounded-full bg-blue-600 p-4 tracking-wide text-white';
+    'relative flex w-full items-center justify-center rounded-md bg-0-fern_green-400 p-4 tracking-wide text-white';
   const disabledClasses = 'cursor-not-allowed opacity-60 hover:opacity-60';
 
   if (!availableForSale) {
diff --git a/components/grid/tile.tsx b/components/grid/tile.tsx
index f79a459f4..c70345dd6 100644
--- a/components/grid/tile.tsx
+++ b/components/grid/tile.tsx
@@ -20,10 +20,10 @@ export function GridTileImage({
   return (
     <div
       className={clsx(
-        'group flex h-full w-full items-center justify-center overflow-hidden rounded-lg border bg-white hover:border-blue-600 dark:bg-black',
+        'group flex h-full w-full items-center justify-center overflow-hidden rounded-lg border bg-white hover:border-0-fern_green-600 dark:bg-black',
         {
           relative: label,
-          'border-2 border-blue-600': active,
+          'border-2 border-0-fern_green-600': active,
           'border-neutral-200 dark:border-neutral-800': !active
         }
       )}
diff --git a/components/home/hero.tsx b/components/home/hero.tsx
index 4d4243adf..b5e6f72ee 100644
--- a/components/home/hero.tsx
+++ b/components/home/hero.tsx
@@ -38,7 +38,7 @@ export function Hero({
           <p>{ctaText3}</p>
         </p>
         <div className="mt-10 flex items-center gap-x-6">
-          <Link href="/landing">
+          <Link href="/search">
             <span className="rounded-md bg-0-fern_green-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-0-fern_green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-0-fern_green-600">
               Shop
             </span>
diff --git a/components/label.tsx b/components/label.tsx
index 113afacb0..db6efd622 100644
--- a/components/label.tsx
+++ b/components/label.tsx
@@ -18,10 +18,10 @@ const Label = ({
         'lg:px-20 lg:pb-[35%]': position === 'center'
       })}
     >
-      <div className="flex items-center rounded-full border bg-white/70 p-1 text-xs font-semibold text-black backdrop-blur-md dark:border-neutral-800 dark:bg-black/70 dark:text-white">
+      <div className="flex items-center rounded-sm border bg-white/70 p-1 text-xs font-semibold text-black backdrop-blur-md dark:border-neutral-800 dark:bg-black/70 dark:text-white">
         <h3 className="mr-4 line-clamp-2 flex-grow pl-2 leading-none tracking-tight">{title}</h3>
         <Price
-          className="flex-none rounded-full bg-blue-600 p-2 text-white"
+          className="flex-none rounded-md bg-0-fern_green-400 p-2 text-white"
           amount={amount}
           currencyCode={currencyCode}
           currencyCodeClassName="hidden @[275px]/label:inline"
diff --git a/components/product/product-description.tsx b/components/product/product-description.tsx
index a81a6b02c..8b5b56a44 100644
--- a/components/product/product-description.tsx
+++ b/components/product/product-description.tsx
@@ -9,7 +9,7 @@ export function ProductDescription({ product }: { product: Product }) {
     <>
       <div className="mb-6 flex flex-col border-b pb-6 dark:border-neutral-700">
         <h1 className="mb-2 text-5xl font-medium">{product.title}</h1>
-        <div className="mr-auto w-auto rounded-full bg-blue-600 p-2 text-sm text-white">
+        <div className="mr-auto w-auto rounded-md bg-0-fern_green-400 p-2 text-sm text-white">
           <Price
             amount={product.priceRange.maxVariantPrice.amount}
             currencyCode={product.priceRange.maxVariantPrice.currencyCode}