fix(SEO): og:image base url issue

Author: ShahVandit8

README.md

@@ -0,0 +1,85 @@
+# 🚀 BlockchainX - Interactive Blockchain Simulator & Visualizer
+
+![BlockchainX](https://i.ibb.co/sJ2WsJvz/og-5.png) 
+
+BlockchainX is an **interactive blockchain simulator** built with **Next.js** that helps users **visualize block mining, create transactions, and manage wallets in real-time**. This project is ideal for those looking to **understand basics of blockchain technology, Bitcoin mining, and the Proof-of-Work (PoW) mechanism** with hands-on experience.
+
+🔗 **Live Demo:** [BlockchainX](https://shahvandit8.github.io/blockchain-simulator/)
+
+---
+
+## 🌟 Features
+
+✅ **Real-time Blockchain Visualization** – Watch blocks being mined and linked dynamically.  
+✅ **Interactive Wallets** – Create wallets, send transactions, and manage balances.  
+✅ **Block Mining Simulator** – Experience live **nonce iteration** and block creation.  
+✅ **Bitcoin Mining Simulation** – Learn **Proof-of-Work (PoW)** in an engaging way.  
+✅ **Fast & Optimized** – Built with **Next.js** for smooth performance.  
+
+---
+
+## 🛠️ Tech Stack
+
+- **Frontend:** Next.js (React), TypeScript, Tailwind CSS, shadcn/ui  
+- **Blockchain Mechanism:** JavaScript-based Proof-of-Work, SHA-256 hashing algorithm, crypto-js library for encryption, uuid library for unique identifiers.  
+- **Hosting:** Github Pages using Github Actions  
+
+---
+
+## 💡 How You Can Learn from BlockchainX
+
+BlockchainX is a great tool for:  
+- Understanding **block creation and mining** in blockchain networks.  
+- Learning how **wallets and transactions** function in a decentralized system.  
+- Exploring **real-time nonce iteration** to see how mining works.  
+- Experimenting with a **blockchain simulation** in a controlled environment.  
+
+👨‍💻 **Perfect for:** Developers, students, and blockchain enthusiasts!  
+
+---
+
+## 💬 Feedback & Contributions
+
+Got feedback or ideas to improve BlockchainX? Feel free to:  
+📌 **Open an issue** [here](https://github.com/shahvandit8/blockchain-simulator/issues)  
+📌 **Fork & contribute** – PRs are welcome!  
+
+---
+
+## 🧑‍💻 About Me
+
+Hey! I'm **Vandit Shah**, a **Software developer** with experience in **Full Stack Development. Learning Blockchain, and cybersecurity**.  
+🚀 Passionate about building interactive web apps and exploring blockchain technology.  
+
+🔗 **Connect with me:**  
+- 💼 [LinkedIn](https://linkedin.com/in/shah-vandit)  
+- 📸 [Instagram](https://instagram.com/shahvandit8)  
+- 📧 [Email](mailto:[email protected])  
+
+---
+
+## 📌 Checkout My Other Projects
+
+🔹 [ProfileX.dev - Github Profile Readme Generator](https://github.com/shahvandit8/profile-x)  
+🔹 [Developer Portfolio Website](https://github.com/shahvandit8/portfolio)    
+
+
+---
+
+## 💖 Support the Project
+
+If you like **BlockchainX**, please consider giving it a ⭐ **star** on GitHub! It helps others discover this project.  
+
+🔗 **[Star this repository](https://github.com/shahvandit8/blockchain-simulator)**  
+
+<a href="https://www.buymeacoffee.com/xk9lzsuhij" style="margin-right:10px" target="_blank" rel="noreferrer">
+<picture>
+<img width="150" src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="buymeacoffee" />
+</picture>
+</a>
+
+---
+
+📜 **License:** MIT – Feel free to use and modify this project!  
+
+

app/layout.tsx

@@ -6,8 +6,29 @@ import { ThemeProvider } from "@/components/theme-provider";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "BlockchainX - Interactive Blockchain Simulator & Visualizer | Learn Block Mining",
+  title: "BlockchainX - Interactive Blockchain Simulator & Visualizer",
   description: "BlockchainX is an interactive blockchain simulator to visualize mining, create wallets, and send transactions in real-time. Learn blockchain and Bitcoin mining easily.",
+  metadataBase: new URL('https://shahvandit8.github.io/blockchain-simulator/'),
+  keywords: ["Blockchain Simulator", "Blockchain Visualizer", "Interactive Blockchain", "BlockchainX", "Learn Blockchain", "Block Mining Simulator", "Bitcoin Mining Simulator", "Crypto Mining Visualization", "Blockchain Development", "Cryptocurrency Transactions", "Blockchain Learning Tool", "Real-time Blockchain", "Next.js Blockchain App", "Blockchain Education", "Decentralized Ledger", "Blockchain Demo", "Cryptocurrency Wallet Simulation", "Digital Currency Transactions"],
+  authors: [{ name: "Vandit Shah", url: "https://github.com/shahvandit8" }],
+  category: "Blockchain Technology",
+  openGraph: {
+    title: "BlockchainX - Interactive Blockchain Simulator & Visualizer",
+    description: "BlockchainX is an interactive blockchain simulator to visualize mining, create wallets, and send transactions in real-time. Learn blockchain and Bitcoin mining easily.",
+    url: 'https://shahvandit8.github.io/blockchain-simulator/',
+    siteName: "BlockchainX",
+    type: "website",
+    locale: "en_US",
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "BlockchainX - Interactive Blockchain Simulator & Visualizer",
+    description: "BlockchainX is an interactive blockchain simulator to visualize mining, create wallets, and send transactions in real-time. Learn blockchain and Bitcoin mining easily.",
+    images: ["https://i.ibb.co/sJ2WsJvz/og-5.png"],
+  },
+  alternates: {
+    canonical: "https://shahvandit8.github.io/blockchain-simulator/",
+  },
 };
 
 export default function RootLayout({