diff --git a/src/app/storefront/Shopping_Cart_01.png b/src/app/storefront/Shopping_Cart_01.png new file mode 100644 index 00000000..9bf09887 Binary files /dev/null and b/src/app/storefront/Shopping_Cart_01.png differ diff --git a/src/app/storefront/User_01.png b/src/app/storefront/User_01.png new file mode 100644 index 00000000..83803efe Binary files /dev/null and b/src/app/storefront/User_01.png differ diff --git a/src/app/storefront/page.tsx b/src/app/storefront/page.tsx index a624b6c0..d6a8338e 100644 --- a/src/app/storefront/page.tsx +++ b/src/app/storefront/page.tsx @@ -1,8 +1,9 @@ 'use client'; import React from 'react'; -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faShoppingCart, faUser } from '@fortawesome/free-solid-svg-icons'; +import Image from 'next/image'; +import ShoppingCartImage from './Shopping_Cart_01.png'; +import UserProfileImage from './User_01.png'; import { GlobalStyle, Button } from './styles'; function handleCheckoutClick() { @@ -18,11 +19,11 @@ export default function App() {
diff --git a/src/app/storefront/styles.ts b/src/app/storefront/styles.ts index 051a10c0..f2bc5596 100644 --- a/src/app/storefront/styles.ts +++ b/src/app/storefront/styles.ts @@ -7,7 +7,8 @@ export const GlobalStyle = createGlobalStyle` `; export const Button = styled.button` - margin: 10px; + margin-top: 30px; + margin-right: 25px; color: black; text-align: center; font-family: sans-serif; @@ -15,8 +16,8 @@ export const Button = styled.button` font-style: normal; font-weight: normal; line-height: normal; - width: 50px; - height: 50px; + width: 70px; + height: 70px; background: transparent; border: transparent; float: right;