From 5950a15cf52e7a3f6a4ba29ad25f7f556bb298f9 Mon Sep 17 00:00:00 2001
From: Juthatip McDevitt <jtp@mcdevitt.tech>
Date: Wed, 29 May 2024 11:42:59 -0500
Subject: [PATCH] updated about page

---
 donutshop_ecommerce/src/app/about/page.js | 19 +++++++++++++++++--
 donutshop_ecommerce/src/app/cart/page.js  |  2 +-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/donutshop_ecommerce/src/app/about/page.js b/donutshop_ecommerce/src/app/about/page.js
index aa8bcf4..417f05c 100644
--- a/donutshop_ecommerce/src/app/about/page.js
+++ b/donutshop_ecommerce/src/app/about/page.js
@@ -1,5 +1,6 @@
 import Image from 'next/image'
 import React from 'react'
+import Footer from '../../components/layout/Footer'
 
 
 const AboutPage = () => {
@@ -41,7 +42,11 @@ const AboutPage = () => {
                   <Image src='/about-founder1.jpg' width={1600} height={1600} alt='about-story' className='h-full rounded-3xl object-cover'/>
                 </div>
                 <div className="flip-card-back rounded-3xl">
-                  <h3>Hello</h3>
+                  <div className='flex flex-col gap-2 px-4'>
+                    <h3 className='text-pink-500'>Jane Doe</h3>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><br/>
+                    <p>Et harum quidem rerum facilis est et expedita distinctio.</p>
+                  </div>
                 </div>
               </div>
             </div>
@@ -51,13 +56,23 @@ const AboutPage = () => {
                   <Image src='/about-founder2.jpg' width={1600} height={1600} alt='about-story' className='h-full rounded-3xl object-cover'/>
                 </div>
                 <div className="flip-card-back rounded-3xl">
-                  <h3>Hello</h3>
+                  <div className='flex flex-col gap-2 px-4'>
+                    <h3 className='text-pink-500'>Jennie Doe</h3>
+                    <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati 
+                      cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
+                  </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
+      <div className='bg-[#FFC55A]'>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
+          <path fill="#E1AFD1" fill-opacity="1" d="M0,96L16,106.7C32,117,64,139,96,133.3C128,128,160,96,192,69.3C224,43,256,21,288,26.7C320,32,352,64,384,80C416,96,448,96,480,117.3C512,139,544,181,576,176C608,171,640,117,672,85.3C704,53,736,43,768,80C800,117,832,203,864,245.3C896,288,928,288,960,288C992,288,1024,288,1056,250.7C1088,213,1120,139,1152,96C1184,53,1216,43,1248,80C1280,117,1312,203,1344,250.7C1376,299,1408,309,1424,314.7L1440,320L1440,0L1424,0C1408,0,1376,0,1344,0C1312,0,1280,0,1248,0C1216,0,1184,0,1152,0C1120,0,1088,0,1056,0C1024,0,992,0,960,0C928,0,896,0,864,0C832,0,800,0,768,0C736,0,704,0,672,0C640,0,608,0,576,0C544,0,512,0,480,0C448,0,416,0,384,0C352,0,320,0,288,0C256,0,224,0,192,0C160,0,128,0,96,0C64,0,32,0,16,0L0,0Z"></path>
+        </svg>
+      </div>
+      <Footer/>
     </>
   )
 }
diff --git a/donutshop_ecommerce/src/app/cart/page.js b/donutshop_ecommerce/src/app/cart/page.js
index c985a0a..0ba76fa 100644
--- a/donutshop_ecommerce/src/app/cart/page.js
+++ b/donutshop_ecommerce/src/app/cart/page.js
@@ -93,7 +93,7 @@ const CartPage = () => {
                                     )}
                                     {product.extra?.length > 0 && (
                                         <div className='text-gray-800 font-semibold text-xs sm:text-sm flex flex-col'>Add: {product.extra.map(extras => (
-                                            <span className='w-full lg:w-[200px] text-[10px] sm:text-xs text-gray-600'>{extras.itemName} (+${extras.price})</span>
+                                            <span key={extras._id} className='w-full lg:w-[200px] text-[10px] sm:text-xs text-gray-600'>{extras.itemName} (+${extras.price})</span>
                                             ))}
                                         </div>
                                     )}