feat: use remote logo

1 files changed, 4 insertions, 3 deletions

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 3dd15a2..715179b 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,13 +1,14 @@
-import logo from '../../public/eug-vs.png';
+import '../styles/globals.css';
 import type { AppProps } from 'next/app';
 import Image from 'next/future/image';
+import benzinConfig from '../benzinConfig';
 
 function MyApp({ Component, pageProps }: AppProps) {
   return (
     <>
       <a href="/" style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textDecoration: 'none', marginBottom: '12px' }}>
-        <Image src={logo} width={128} height={128} alt="logo" />
-        <h1>{"Eugene's Space"}</h1>
+        <Image src={benzinConfig.CDN + benzinConfig.logoPath} width={128} height={128} alt="logo" />
+        <h1>{benzinConfig.title}</h1>
       </a>
       <Component {...pageProps} />
     </>