From abfd2eed0587a5b97bd39633a4db1fd07c78308c Mon Sep 17 00:00:00 2001
From: Samantha Kellow <sammii.h@icloud.com>
Date: Thu, 23 Nov 2023 21:57:27 +0000
Subject: [PATCH] improving landing page

---
 app/page.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 72b51633d..1a60d5cb5 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,5 +1,6 @@
 import { Button } from '@/components/ui/button';
 import { Carousel } from 'components/carousel';
+import { GridTileImage } from 'components/grid/tile';
 import Footer from 'components/layout/footer';
 import Link from 'next/link';
 import { Suspense } from 'react';
@@ -20,13 +21,16 @@ export default async function HomePage() {
         <Carousel />
         <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">
-            <Button className='py-3 w-full m-3' variant={'dark'}>
-              <h2>Art for the Wall</h2>
-              {/* <Image src="" alt='' /> */}
+            <Button className='py-3 w-full m-3 bg-transparent' variant={'dark'}>
+              <h2 className='absolute z-50 text-3xl text-white'>Art for the Wall</h2>
+              <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>
           </Link>
           <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>
         </div>
         <Suspense>