diff --git a/src/app/page.tsx b/src/app/page.tsx
index bdacba9..8e0f2e8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,11 +6,11 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Calendar, Heart, Leaf, MapPin, PartyPopper, Quote, Star, Utensils, Users } from 'lucide-react';
+import { Calendar, Camera, Heart, Leaf, MapPin, PartyPopper, Quote, Star, Utensils, Users } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -34,6 +34,7 @@ export default function LandingPage() {
             { name: "Menu", id: "menu" },
             { name: "Why Us", id: "why-us" },
             { name: "Testimonials", id: "testimonials" },
+            { name: "Events", id: "events" },
             { name: "Contact", id: "contact" }
           ]}
           button={{ text: "Reserve a Table", href: "contact" }}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 68b6a13..2c47c7d 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #0F3D2E;
+  --background: #000000;
+  --card: #1f4035;
+  --foreground: #ffffff;
   --primary-cta: #D4AF37;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #0d2b1f;
   --secondary-cta-text: #0F3D2E;
-  --accent: #8FBF9F;
-  --background-accent: #0F3D2E;
+  --accent: #10b981;
+  --background-accent: #10b981;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);