diff --git a/shrines/index.html b/shrines/index.html
index 61038e03..6b9efaff 100644
--- a/shrines/index.html
+++ b/shrines/index.html
@@ -19,14 +19,18 @@
         <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
         <link rel="manifest" href="/assets/favicon/site.webmanifest">
 
-        <script src="/js/header.js" defer></script>
-        <script src="/js/footer.js" defer></script>
+        <script src="/js/main-components.js" defer></script> 
 
         <title>Shrines | Leilukin's Hub</title>
     </head>
     <body>
-        <header></header>
-        <nav></nav>
+        <header class="main-header">
+            <noscript>
+                JavaScript is disabled in your browser. To get the best user experience on
+                this website, it is recommended that you enable it.
+            </noscript>
+        </header>
+        <nav class="navbar"></nav>
         <main>
             <!-- <aside class="left-sidebar">
                 Left sidebar content here
@@ -58,6 +62,6 @@
                 Right sidebar content here
             </aside> -->
         </main>
-        <footer></footer>
+        <footer class="main-footer"></footer>
     </body>
 </html>
\ No newline at end of file
