Update src/app/page.tsx

src/app/globals.css

@@ -4,20 +4,20 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #1a1a1a;;
-  --card: #2d2d2d;;
-  --foreground: #ffffff;;
+  /* --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
   --primary-cta: #ff3d4a;;
   --secondary-cta: #1a1a1a;;
-  --accent: #ff3d4a;;
+  --accent: #7b2d2d;;
   --background-accent: #b8111f;; */
 
-  --background: #1a1a1a;;
-  --card: #2d2d2d;;
-  --foreground: #ffffff;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
   --primary-cta: #ff3d4a;;
   --secondary-cta: #1a1a1a;;
-  --accent: #ff3d4a;;
+  --accent: #7b2d2d;;
   --background-accent: #b8111f;;
 
   /* text sizing - set by ThemeProvider */

src/app/page.tsx

@@ -29,6 +29,13 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
           brandName="Magnolia"
+          navItems={[
+            { name: "Home", id: "hero" },
+            { name: "About", id: "about" },
+            { name: "Arrangements", id: "products" },
+            { name: "Services", id: "features" },
+            { name: "Contact", id: "contact" }
+          ]}
           button={{
             text: "Order Now",            href: "contact"
           }}