src/components/Layout.tsx

@@ -19,7 +19,7 @@ export default function Layout() {
 
   const navItems = [
   {
-    "name": "Home",    "href": "#hero"
+    "name": "Home",    "href": "/"
   },
   {
     "name": "About",    "href": "#about"
@@ -52,7 +52,7 @@ export default function Layout() {
       <SectionErrorBoundary name="navbar">
         <nav className={`fixed top-0 z-50 w-full transition-colors duration-300 ${isScrolled ? 'bg-background/95 backdrop-blur-sm border-b border-foreground/10' : 'bg-transparent'} py-4`}>
           <div className="mx-auto flex w-content-width items-center justify-between">
-            <a href="#" className="text-xl md:text-2xl font-bold text-foreground tracking-tight">
+            <a href="/" className="text-xl md:text-2xl font-bold text-foreground tracking-tight">
               The Grand Hotel
             </a>
             <div className="hidden lg:flex items-center gap-6">