crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-18 23:46:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

improving landing page

Browse Source
This commit is contained in:
Samantha Kellow 2023-11-23 21:57:27 +00:00
parent 8126a1fd21
commit abfd2eed05
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/page.tsx
View File

@ -1,5 +1,6 @@
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Carousel } from 'components/carousel'; import { Carousel } from 'components/carousel';
import { GridTileImage } from 'components/grid/tile';
import Footer from 'components/layout/footer'; import Footer from 'components/layout/footer';
import Link from 'next/link'; import Link from 'next/link';
import { Suspense } from 'react'; import { Suspense } from 'react';
@ -20,13 +21,16 @@ export default async function HomePage() {
<Carousel /> <Carousel />
<div className='container grid justify-around my-4 grid-cols-1 md:grid-cols-2 items-center justify-items-center'> <div className='container grid justify-around my-4 grid-cols-1 md:grid-cols-2 items-center justify-items-center'>
<Link className='h-full w-full md:w-10/12 flex items-center justify-center justify-items-center' href="/wall"> <Link className='h-full w-full md:w-10/12 flex items-center justify-center justify-items-center' href="/wall">
<Button className='py-3 w-full m-3' variant={'dark'}> <Button className='py-3 w-full m-3 bg-transparent' variant={'dark'}>
<h2>Art for the Wall</h2> <h2 className='absolute z-50 text-3xl text-white'>Art for the Wall</h2>
{/* <Image src="" alt='' /> */} <GridTileImage width={500} height={500} src="/_next/image?url=https%3A%2F%2Fcdn.shopify.com%2Fs%2Ffiles%2F1%2F0587%2F3251%2F1370%2Fproducts%2F2f6e3c70-ed36-4034-b670-7eda7d47afe1.jpg%3Fv%3D1700689495&w=1080&q=75" alt='Art for the Wall' />
</Button> </Button>
</Link> </Link>
<Link className='h-full w-full md:w-10/12 flex items-center justify-center' href="/wardrobe"> <Link className='h-full w-full md:w-10/12 flex items-center justify-center' href="/wardrobe">
<Button className='py-3 w-full m-3' variant={'dark'}>Art for the Wardrobe</Button> <Button className='py-3 w-full m-3 bg-transparent' variant={'dark'}>
<h2 className='absolute z-50 text-3xl text-white'>Art for the Wardrobe</h2>
<GridTileImage width={500} height={500} src="/_next/image?url=https%3A%2F%2Fcdn.shopify.com%2Fs%2Ffiles%2F1%2F0587%2F3251%2F1370%2Ffiles%2F2BCB00FC-35D9-4181-8F11-D6F4569D6446.jpg%3Fv%3D1700746166&w=1080&q=75" alt='Art for the Wardrobe' />
</Button>
</Link> </Link>
</div> </div>
<Suspense> <Suspense>