Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -36,7 +36,7 @@ export default function RockSportsBarPage() {
               { name: "Reviews", id: "testimonials" },
               { name: "Contact", id: "contact" },
             ]}
-            button={{ text: "Book Table", href: "#contact" }}
+            button={{ text: "Book Table", href: "/contact" }}
           />
         </div>
 
@@ -45,8 +45,8 @@ export default function RockSportsBarPage() {
             title="The Rock Sports Bar & Grill"
             description="Catch the big game, grab a cold beer, and enjoy our signature pub grub. The best local spot for sports, food, and fun."
             buttons={[
-              { text: "View Menu", href: "#services" },
-              { text: "Book Now", href: "#contact" },
+              { text: "View Menu", href: "/services" },
+              { text: "Book Now", href: "/contact" },
             ]}
             imageSrc="https://images.unsplash.com/photo-1542832803-34e80387532d?q=80&w=2000"
             imageAlt="Sports bar atmosphere with screens and drinks"
@@ -124,7 +124,7 @@ export default function RockSportsBarPage() {
             description="Located at 123 Sports Plaza. Open daily from 11 AM – 2 AM. Grab a table or call us for a booking."
             buttons={[
               { text: "Call (555) 123-4567", href: "tel:5551234567" },
-              { text: "Get Directions", href: "#" }
+              { text: "Book Table", onClick: () => { window.location.href = "tel:5551234567"; } }
             ]}
             background={{ variant: "plain" }}
             useInvertedBackground={false}