muayjtp/web_next
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated about page

Browse source
This commit is contained in:
Juthatip McDevitt 2024-05-29 11:42:59 -05:00
parent e8501f8446
commit 5950a15cf5
2 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
donutshop_ecommerce/src/app/about/page.js
View file

@ -1,5 +1,6 @@
import Image from 'next/image' import Image from 'next/image'
import React from 'react' import React from 'react'
import Footer from '../../components/layout/Footer'
const AboutPage = () => { 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'/> <Image src='/about-founder1.jpg' width={1600} height={1600} alt='about-story' className='h-full rounded-3xl object-cover'/>
</div> </div>
<div className="flip-card-back rounded-3xl"> <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> </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'/> <Image src='/about-founder2.jpg' width={1600} height={1600} alt='about-story' className='h-full rounded-3xl object-cover'/>
</div> </div>
<div className="flip-card-back rounded-3xl"> <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> </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/>
</> </>
) )
} }

2
donutshop_ecommerce/src/app/cart/page.js
View file

@ -93,7 +93,7 @@ const CartPage = () => {
)} )}
{product.extra?.length > 0 && ( {product.extra?.length > 0 && (
<div className='text-gray-800 font-semibold text-xs sm:text-sm flex flex-col'>Add: {product.extra.map(extras => ( <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> </div>
)} )}