src/components/Layout.tsx

@@ -41,14 +41,22 @@ export default function Layout() {
     <StyleProvider buttonVariant="bubble" siteBackground="gridDots" heroBackground="gradientBars">
       <SiteBackgroundSlot />
       <SectionErrorBoundary name="navbar">
-        <NavbarFloatingLogo
-      logo="Pulse Point Media NI"
-      logoImageSrc="https://storage.googleapis.com/webild/users/user_3FIz6snJPeDvZERJUlVII7bqhSh/uploaded-1782052013217-ejofqs29.jpg"
-      ctaButton={{
-        text: "Get Audit",
-        href: "/contact",
-      }}
-     navItems={navItems} />
+        <header className="fixed top-0 left-0 w-full z-50 pointer-events-none p-4 md:p-8 flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
+          <a href="/" className="pointer-events-auto flex items-center gap-4 md:gap-6 hover:opacity-90 transition-opacity">
+            <img src="https://storage.googleapis.com/webild/users/user_3FIz6snJPeDvZERJUlVII7bqhSh/uploaded-1782052013217-ejofqs29.jpg" alt="Pulse Point Media NI" className="h-20 w-20 md:h-28 md:w-28 rounded-full object-cover shadow-2xl border-2 border-primary-cta/30" />
+            <span className="font-bold text-2xl md:text-4xl text-primary-cta tracking-widest drop-shadow-lg uppercase">Pulse Point Media</span>
+          </a>
+          <div className="pointer-events-auto">
+            <nav className="bg-card/95 backdrop-blur-md border border-white/10 rounded-full px-4 md:px-6 py-2 md:py-3 flex items-center gap-4 md:gap-6 shadow-xl">
+              <div className="hidden lg:flex items-center gap-6">
+                {navItems.map(item => (
+                  <a key={item.name} href={item.href} className="text-sm font-medium text-foreground hover:text-primary-cta transition-colors">{item.name}</a>
+                ))}
+              </div>
+              <a href="/contact" className="primary-button text-sm px-5 py-2 rounded-full font-bold whitespace-nowrap">Get Audit</a>
+            </nav>
+          </div>
+        </header>
       </SectionErrorBoundary>
       <main className="flex-grow">
         <Outlet />

src/components/ui/NavbarFloatingLogo.tsx

@@ -50,7 +50,7 @@ const NavbarFloatingLogo = ({ logo, logoImageSrc, navItems, ctaButton }: NavbarF
         <div className="mx-auto w-full md:w-1/2 overflow-hidden rounded backdrop-blur-sm card">
           <div className="relative z-10 flex items-center justify-between gap-3 xl:gap-4 2xl:gap-5 p-3 xl:p-4 2xl:p-5">
             <a href="/" className="flex items-center gap-2">
-              <img src={logoImageSrc} alt={logo} className="h-8 w-8 rounded-full object-cover" />
+              <img src={logoImageSrc} alt={logo} className="h-16 w-16 rounded-full object-cover" />
               <span className="text-xl font-medium text-2xl font-bold text-[var(--primary-cta)]">{logo}</span>
             </a>