diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1f143dc..752643b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,24 +14,25 @@ import { Car, Fish, Wine } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="small"
-        sizing="mediumSizeLargeTitles"
-        background="blurBottom"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="extrabold"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="mediumSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="extrabold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleCentered
             navItems={[
               { name: "Home", id: "hero" },
-              { name: "Menu", id: "menu" },
+              { name: "Gallery", id: "gallery" },
               { name: "Experience", id: "features" },
+              { name: "Menu", id: "menu" },
               { name: "Contact", id: "contact" },
             ]}
             brandName="Oyster Bay"
@@ -70,7 +71,6 @@ export default function LandingPage() {
         <div id="features" data-section="features">
           <MetricCardOne
             animationType="slide-up"
-            textboxLayout="default"
             gridVariant="uniform-all-items-equal"
             useInvertedBackground={true}
             metrics={[
@@ -80,13 +80,13 @@ export default function LandingPage() {
             ]}
             title="The Experience"
             description="Sophisticated service details for your dining pleasure."
+            textboxLayout="default"
           />
         </div>
 
         <div id="menu" data-section="menu">
           <ProductCardOne
             animationType="slide-up"
-            textboxLayout="default"
             gridVariant="three-columns-all-equal-width"
             useInvertedBackground={false}
             products={[
@@ -99,6 +99,7 @@ export default function LandingPage() {
             ]}
             title="Curated Menu"
             description="Freshly Sourced Bounty and Fine Dining selections."
+            textboxLayout="default"
           />
         </div>