From 02893354de7832843840541342f42ea65b458737 Mon Sep 17 00:00:00 2001
From: ImAlpha <arcticjcb@gmail.com>
Date: Sat, 19 Oct 2024 18:27:46 -0700
Subject: [PATCH] update text colors

---
 frontend/package.json     |  2 +-
 frontend/src/app/page.tsx | 62 ++++++++++++++++++++++++++++-----------
 2 files changed, 46 insertions(+), 18 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 74ed1ba..a3fc538 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "proxy": "http://192.168.50.107:5580/",
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start -p 3003",
     "lint": "next lint"
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 0ced094..90a0810 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -36,22 +36,20 @@ export default function Home() {
     await sendEmail(formData);
 
     // Send new order email to self
-    const clientEmail = formData.get('senderEmail') as string
+    const clientEmail = formData.get("senderEmail") as string;
     // console.log(JSON.stringify({"senderEmail":clientEmail}))
     await fetch("/api/emails", {
       method: "POST",
       headers: {
         "Content-type": "application/json",
       },
-      body: JSON.stringify({"senderEmail":clientEmail}),
-    })
-      .catch((error) => {
-        console.error(error);
-      });
-
+      body: JSON.stringify({ senderEmail: clientEmail }),
+    }).catch((error) => {
+      console.error(error);
+    });
 
     const response = await fetch("/backend/new-order", {
-    // const response = await fetch("http://localhost:5080/new-order", {
+      // const response = await fetch("http://localhost:5080/new-order", {
       method: "POST",
       headers: {
         "Content-type": "application/json",
@@ -68,19 +66,47 @@ export default function Home() {
       emails: "",
       orders: "",
     });
-    alert("Order Placed! Please check your email.")
+    alert("Order Placed! Please check your email.");
   }
 
   return (
     <main className="flex min-h-screen flex-col px-20">
       {/* Title */}
-      <div className="text-4xl w-full justify-center text-center items-center flex flex-col gap-4 py-12 font-medium text-orange-600">
-        <span className={`${Popp.className}`}>Kevo&#39;s Attire</span>
-        <div className={`${Popp.className} text-orange-600 text-center`}>
-          <p>All sizes - $25</p>
-        </div>
-        <div className={`${Popp.className} text-orange-600 text-center`}>
-          <p>Youth-S/M/L/2XL - Adult-S/M/L/2XL</p>
+      <div className="text-4xl w-full justify-center text-center items-center flex flex-col gap-9 py-12 font-medium text-orange-600">
+        <h1 className={`${Popp.className} text-white text-5xl`}>
+          Kevo&#39;s Attire
+        </h1>
+        <div
+          className={`${Popp.className} text-orange-600 text-center flex flex-col gap-5`}
+        >
+          <div>
+            <p>
+              <span className="text-emerald-500">Youth:</span>{" "}
+              <span className="text-orange-600">
+                S <span className="text-gray-600">|</span> M{" "}
+                <span className="text-gray-600">|</span> L
+              </span>
+            </p>
+            <p>
+              <span className="text-emerald-500">Adult:</span>{" "}
+              <span className="text-orange-600">
+                S <span className="text-gray-600">|</span> M{" "}
+                <span className="text-gray-600">|</span> L{" "}
+                <span className="text-gray-600">|</span> XL{" "}
+                <span className="text-gray-600">|</span> 2XL
+              </span>
+            </p>
+          </div>
+          <div
+            className={`${Popp.className} text-gray-400 text-center gap-1 flex flex-col text-2xl`}
+          >
+            <p className="">
+              Small - Large: <span className="text-orange-600 pl-4">$25</span>
+            </p>
+            <p className="">
+              XL - 2XL: <span className="text-orange-600 pl-4">$27</span>
+            </p>
+          </div>
         </div>
       </div>
 
@@ -98,7 +124,9 @@ export default function Home() {
       >
         <div className="text-orange-600 flex flex-col text-2xl pb-4 text-center gap-2">
           <h3>Example Order</h3>
-          <div className="text-green-500"><p>example@example.com</p></div>
+          <div className="text-green-500">
+            <p>example@example.com</p>
+          </div>
           <div className="flex flex-col text-green-500">
             <p>1 blue Terminator Youth M</p>
             <p>1 black Bear-Relax Adult XL</p>