diff --git a/assets/hero-background.png b/assets/hero-background.png
new file mode 100644
index 0000000..0cfec80
Binary files /dev/null and b/assets/hero-background.png differ
diff --git a/index.html b/index.html
index bab204a..de3f0b2 100644
--- a/index.html
+++ b/index.html
@@ -7,11 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>TailwindCSS Boilerplate</title>
 
-  <script type="module" crossorigin src="/assets/style.7f2dd081.js"></script>
-  <link rel="stylesheet" href="/assets/style.9371fd0a.css">
+  <script type="module" crossorigin src="https://hasinhayder.github.io/hydra/assets/style.7f2dd081.js"></script>
+  <link rel="stylesheet" href="https://hasinhayder.github.io/hydra/assets/style.9371fd0a.css">
 </head>
 
-<body class="bg-gray-800" style="background-image: url(https://tinkerwell.app/images/hero-background.png);background-size: cover; background-repeat: no-repeat; ">
+<body class="bg-gray-800" style="background-image: url(https://hasinhayder.github.io/hydra/assets/hero-background.png);background-size: cover; background-repeat: no-repeat; ">
     <div class="ud-header absolute top-0 left-0 z-40 flex w-full items-center bg-transparent">
         <div class="container">
             <div class="relative -mx-4 flex items-center pt-3">
