feat(poc): changes for new design

components/icons/logo.tsx

@@ -1,16 +1,18 @@
-import clsx from 'clsx';
+import Image from 'next/image';
 
-export default function LogoIcon(props: React.ComponentProps<'svg'>) {
+export type ImageProps = {
+  width?: number | string;
+  height?: number | string;
+  className?: string;
+};
+
+export default function LogoIcon(props: ImageProps) {
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      aria-label={`${process.env.SITE_NAME} logo`}
-      viewBox="0 0 32 28"
-      {...props}
-      className={clsx('h-4 w-4 fill-black dark:fill-white', props.className)}
-    >
-      <path d="M21.5758 9.75769L16 0L0 28H11.6255L21.5758 9.75769Z" />
-      <path d="M26.2381 17.9167L20.7382 28H32L26.2381 17.9167Z" />
-    </svg>
+    <Image
+      src="https://www.shopware.com/media/pages/solutions/shopware-frontends/shopware-frontends-intro-graphic-base.svg"
+      alt="Shopware Composable Frontends Logo"
+      width={Number(props.width)}
+      height={Number(props.height)}
+    ></Image>
   );
 }