From d7f0e23cf36ece0902b5733eece4965951c7f575 Mon Sep 17 00:00:00 2001
From: Jacob Delgado <arcjcb11@gmail.com>
Date: Tue, 25 Jun 2024 18:10:43 -0700
Subject: [PATCH] color updates

---
 src/app/page.tsx                        | 6 +++---
 src/components/ui/MenuCard/MenuCard.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7c2f677..b221635 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,9 +5,9 @@ import { cn } from "../lib/utils";
 
 export default function Home() {
   return (
-    <main className="flex min-h-screen flex-col px-20 bg-[##F4F4F0]">
+    <main className="flex min-h-screen flex-col px-20 bg-[#F9F6EE]">
       {/* Title */}
-      <div className="text-4xl w-full justify-center text-center items-center flex py-12 font-medium">
+      <div className="text-4xl w-full justify-center text-center items-center flex py-12 font-medium text-gray-600">
         <span>Kevo&#39;s Attire</span>
       </div>
 
@@ -17,7 +17,7 @@ export default function Home() {
       </div>
 
       {/* Footer */}
-      <div className="flex w-full h-[250px] items-center ">
+      <div className="flex w-full h-[250px] items-center text-gray-400">
         <div className="font-bold ">
           Email us at
           <a href="mailto:kevosattire@gmail.com" className="text-emerald-500"> kevosattire@gmail.com</a> to
diff --git a/src/components/ui/MenuCard/MenuCard.tsx b/src/components/ui/MenuCard/MenuCard.tsx
index 6432dab..8d3cf1f 100644
--- a/src/components/ui/MenuCard/MenuCard.tsx
+++ b/src/components/ui/MenuCard/MenuCard.tsx
@@ -18,12 +18,12 @@ const inter = Inter({ subsets: ["latin"] });
 
 const MenuCard = ({ Menu }: any) => {
   return (
-    <div className="grid desktop:grid-cols-5 tablet:grid-cols-3 md:grid-cols-3 grid-flow-row gap-y-6 md:gap-x-6">
+    <div className="grid desktop:grid-cols-5 tablet:grid-cols-3 md:grid-cols-2 grid-cols-1 grid-flow-row gap-y-6 md:gap-x-6">
       {Menu.map((menu_item: any) => {
         return (
           <Card
             key={menu_item.id}
-            className="flex-1 flex-col max-w-[325px] h-[452px] relative shadow-xl rounded-xl overflow-hidden"
+            className="flex-1 flex-col max-w-[325px] h-[452px] relative shadow-xl rounded-xl overflow-hidden bg-slate-500"
           >
             <div className="w-full h-[68%]">
               <div className="h-full relative w-full">