diff --git a/layouts/index.html b/layouts/index.html
index 6b21cb0..8e17091 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,38 +1,55 @@
 <!DOCTYPE html>
 <html lang="en">
     {{ partial "head.html" . }}
-<body>
+<body {{ if .Site.Params.background_image }}style="background-image: url('{{ .Site.Params.background_image }}'); background-size: cover; background-position: center; background-repeat: no-repeat;"{{ end }}>
     <!-- Background Animation -->
-    <div class="bg-animation" id="bgAnimation"></div>
 
-    <div class="container mx-auto px-4 py-12 max-w-md">
-        <!-- Profile Section -->
-        {{ partial "profile.html" . }}
+    <div style="
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 20px;
+">
+    <div style="
+        background: rgba(0, 0, 0, 0.7);
+        backdrop-filter: blur(10px);
+        -webkit-backdrop-filter: blur(10px);
+        padding: 40px;
+        border-radius: 15px;
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+        max-width: 600px;
+        margin: 0 auto;
+        ">
+        <!-- Your content here -->
+        <div class="container mx-auto px-4 py-14 max-w-md">
+            <!-- Profile Section -->
+            {{ partial "profile.html" . }}
 
-        <!-- Links Section -->
-        {{ partial "link-card.html" . }}
+            <!-- Links Section -->
+            {{ partial "link-card.html" . }}
 
-        <!-- Spotify Embed -->
-        {{ partial "spotify-playlist.html" . }}
+            <!-- Spotify Embed -->
 
-        <!-- Messaging Etiquette section -->
-        {{ partial "messaging-etiquette.html" . }}
-          
-        
-        <!-- Embed with hue-shift filter -->
-        <!-- style="filter: hue-rotate(150deg) saturate(0.6) brightness(0.9);" -->
+            <!-- Messaging Etiquette section -->
+              
+            
+            <!-- Embed with hue-shift filter -->
+            <!-- style="filter: hue-rotate(150deg) saturate(0.6) brightness(0.9);" -->
 
 
-        <!-- About Me section (If you want to write about yourself, uncomment the section below)--> 
-        {{ partial "about.html" . }}
+            <!-- About Me section (If you want to write about yourself, uncomment the section below)--> 
+            {{ partial "about.html" . }}
 
-        <!-- Instructions section (After you're done adding your links, remove or comment the line below) -->
-        {{ partial "Instructions.html" . }}
+            <!-- Instructions section (After you're done adding your links, remove or comment the line below) -->
 
-        <footer class="text-center text-xs opacity-60">
-            © 2025 LucentLink | Made with ❤️
-        </footer>
-        
+            <footer class="text-center text-xs opacity-60">
+                © {{ .Site.Params.copyright }}
+            </footer>
+            
+        </div>
+    </div>
     </div>
 
     <script src="js/script.js"></script>
diff --git a/static/css/style.css b/static/css/style.css
index bdc7fba..19a4a15 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -159,4 +159,4 @@ body {
   100% {
     clip-path: inset(0 100% 0 0); /* back to hidden */
   }
-}
\ No newline at end of file
+}
