Update src/app/page.tsx

src/app/globals.css

@@ -7,7 +7,7 @@
   --background: #ffffff;;
   --card: #fcfcfc;;
   --foreground: #120006e6;;
-  --primary-cta: #e63946;;
+  --primary-cta: #8b5cf6;;
   --secondary-cta: #ffffff;;
   --accent: #e2e2e2;;
   --background-accent: #c4c4c4;;

src/app/layout.tsx

@@ -1277,4 +1277,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -44,7 +44,7 @@ export default function LandingPage() {
         />
       </div>
       
-      <div id="hero" data-section="hero" style={{ backgroundColor: "#3b82f6" }}>
+      <div id="hero" data-section="hero" style={{ backgroundColor: "#8b5cf6" }}>
         <HeroBillboard
           title="Welcome to our restaurant"
           description="Discover exquisite flavors and unforgettable dining moments in an elegant atmosphere. Reserve your table today."
@@ -90,11 +90,14 @@ export default function LandingPage() {
       <div id="features" data-section="features" style={{ backgroundColor: "#f59e0b" }}>
         <FeatureCardFourteen
           title="Signature Experiences"
-          description="Explore our most celebrated dishes, each a masterpiece of flavor and presentation"
+          description="Explore our most celebrated dishes and reserve your table to experience them firsthand"
           tag="Featured Dishes"
           tagIcon={Sparkles}
           textboxLayout="default"
           useInvertedBackground="noInvert"
+          buttons={[
+            { text: "Reserve Your Table", href: "contact" }
+          ]}
           features={[
             {
               id: "1",
@@ -322,4 +325,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}