ImAlpha/kevos-attire
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update text colors

Browse Source
This commit is contained in:
Jacob Delgado 2024-10-19 18:27:46 -07:00
parent dc3cc74515
commit 02893354de
2 changed files with 46 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/package.json
View File

@ -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"

62
frontend/src/app/page.tsx
View File

@ -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>