From 93cb042d62ec04a564712d2ccee4ecc7f8394ff5 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Tue, 22 Jul 2025 05:51:27 +0000
Subject: [PATCH] Remove navigation menu and center logo in header

Co-authored-by: lucaswan348 <lucaswan348@gmail.com>
---
 index.html | 14 +-------------
 script.js  |  2 ++
 styles.css |  2 +-
 3 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 199bcd9..b621260 100644
--- a/index.html
+++ b/index.html
@@ -15,19 +15,7 @@
                 <span class="logo-text"><span class="c-letter">C</span>+<span class="n-letter">N</span></span>
                 <span class="logo-subtitle">Hosting</span>
             </div>
-            <ul class="nav-menu">
-                <li><a href="#home">Home</a></li>
-                <li><a href="#who-we-are-for">Who We Are For</a></li>
-                <li><a href="#services">Services</a></li>
-                <li><a href="#pricing">Pricing</a></li>
-                <li><a href="#contact">Contact</a></li>
-            </ul>
-            <button class="hamburger" aria-label="Toggle navigation" aria-expanded="false">
-                <span></span>
-                <span></span>
-                <span></span>
-            </button>
-        </div>
+            </div>
     </nav>
 
     <section id="home" class="hero">
diff --git a/script.js b/script.js
index 8c23e28..a70ffeb 100644
--- a/script.js
+++ b/script.js
@@ -35,6 +35,7 @@ window.addEventListener('scroll', () => {
     }
 });
 
+if (hamburger && navMenu) {
 hamburger.addEventListener('click', () => {
     hamburger.classList.toggle('active');
     navMenu.classList.toggle('active');
@@ -82,6 +83,7 @@ document.addEventListener('click', (e) => {
     }
 });
 
+}
 // Active navigation highlighting
 function updateActiveNav() {
     const sections = document.querySelectorAll('section[id]');
diff --git a/styles.css b/styles.css
index ce10577..57e26f3 100644
--- a/styles.css
+++ b/styles.css
@@ -111,7 +111,7 @@ body::before {
     margin: 0 auto;
     padding: 0 20px;
     display: flex;
-    justify-content: space-between;
+    justify-content: center;
     align-items: center;
     gap: 2rem;
 }