From 6c96f39dfd147a892a1eaa435b2a4803f590dd17 Mon Sep 17 00:00:00 2001 From: Samantha Kellow Date: Thu, 27 Jul 2023 20:08:51 +0100 Subject: [PATCH] quick branding --- components/cart/open-cart.tsx | 2 +- components/icons/logo.tsx | 14 ++------------ components/layout/footer.tsx | 6 +++--- components/layout/navbar/index.tsx | 11 ++++++----- components/logo-type.tsx | 29 +++++++++++++++++++++++++++++ public/logo-square-black.png | Bin 0 -> 143180 bytes public/logo-white.png | Bin 0 -> 79301 bytes 7 files changed, 41 insertions(+), 21 deletions(-) create mode 100644 components/logo-type.tsx create mode 100644 public/logo-square-black.png create mode 100644 public/logo-white.png diff --git a/components/cart/open-cart.tsx b/components/cart/open-cart.tsx index fa8226ab5..14587b2a5 100644 --- a/components/cart/open-cart.tsx +++ b/components/cart/open-cart.tsx @@ -9,7 +9,7 @@ export default function OpenCart({ quantity?: number; }) { return ( -
+
diff --git a/components/icons/logo.tsx b/components/icons/logo.tsx index 46fa02464..d3405f300 100644 --- a/components/icons/logo.tsx +++ b/components/icons/logo.tsx @@ -1,16 +1,6 @@ -import clsx from 'clsx'; -export default function LogoIcon(props: React.ComponentProps<'svg'>) { +export default function LogoIcon(props: React.ComponentProps<'img'>) { return ( - - - - + scape squared logo ); } diff --git a/components/layout/footer.tsx b/components/layout/footer.tsx index 989f9992c..79f13366f 100644 --- a/components/layout/footer.tsx +++ b/components/layout/footer.tsx @@ -56,11 +56,11 @@ export default async function Footer() { {copyrightName.length && !copyrightName.endsWith('.') ? '.' : ''} All rights reserved.

-

Designed in California

+

Designed in England

Crafted by{' '} - - ▲ Vercel + + Sammii Sparkle

diff --git a/components/layout/navbar/index.tsx b/components/layout/navbar/index.tsx index 09341c646..0fb602e9f 100644 --- a/components/layout/navbar/index.tsx +++ b/components/layout/navbar/index.tsx @@ -1,6 +1,6 @@ import Cart from 'components/cart'; import OpenCart from 'components/cart/open-cart'; -import LogoSquare from 'components/logo-square'; +import LogoType from 'components/logo-type'; import { getMenu } from 'lib/shopify'; import { Menu } from 'lib/shopify/types'; import Link from 'next/link'; @@ -13,7 +13,7 @@ export default async function Navbar() { const menu = await getMenu('next-js-frontend-header-menu'); return ( -