Merge branch 'main' of github.com:Yoii-Inc/ethtokyo-2024-hackathon

next.config.mjs

@@ -3,6 +3,10 @@ const nextConfig = {
   // fixes wallet connect dependency issue https://docs.walletconnect.com/web3modal/nextjs/about#extra-configuration
   webpack: (config) => {
     config.externals.push("pino-pretty", "lokijs", "encoding");
+    config.module.rules.push({
+      test: /\.svg$/,
+      use: ["@svgr/webpack"],
+    });
     return config;
   },
 };

package.json

@@ -38,6 +38,7 @@
     "@nomicfoundation/hardhat-network-helpers": "^1.0.0",
     "@nomicfoundation/hardhat-verify": "^2.0.0",
     "@nomicfoundation/ignition-core": "^0.15.5",
+    "@svgr/webpack": "^8.1.0",
     "@typechain/ethers-v6": "^0.5.0",
     "@typechain/hardhat": "^9.0.0",
     "@types/chai": "^4.2.0",

src/app/page.tsx

@@ -1,11 +1,18 @@
 import Link from 'next/link';
-import Image from 'next/image';
+import OpenBooking from '../assets/openbooking.svg';
 
 export default function Home() {
     return (
         <main className="min-h-screen bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center">
             <div className="bg-white p-8 rounded-xl shadow-2xl max-w-2xl w-full">
-                <h1 className="text-4xl font-bold mb-6 text-center text-gray-800">OpenBooking</h1>
+                <div className="mt-8 text-center">
+                    <OpenBooking
+                        alt="OpenBooking"
+                        width={500}
+                        height={300}
+                        className="mx-auto mb-8 text-blue-600"
+                    />
+                </div>
                 <div className="flex flex-col space-y-6">
                     <Link href="/customer" className="bg-blue-500 hover:bg-blue-600 text-white font-bold py-4 px-6 rounded-lg text-center transition duration-300 ease-in-out transform hover:scale-105">
                         Customer Page
@@ -14,16 +21,7 @@ export default function Home() {
                         Store Management Page
                     </Link>
                 </div>
-                <div className="mt-12 text-center">
-                    <Image
-                        src="/thirdweb.svg"
-                        alt="Thirdweb Logo"
-                        width={100}
-                        height={100}
-                        className="mx-auto mb-4"
-                    />
-                    <p className="text-gray-600">Powered by Thirdweb</p>
-                </div>
+
             </div>
         </main>
     );