Update src/app/page.tsx

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">
+      <div id="hero" data-section="hero" style={{ backgroundColor: "#3b82f6" }}>
         <HeroBillboard
           title="Welcome to our restaurant"
           description="Discover exquisite flavors and unforgettable dining moments in an elegant atmosphere. Reserve your table today."
@@ -67,7 +67,7 @@ export default function LandingPage() {
         />
       </div>
       
-      <div id="about" data-section="about">
+      <div id="about" data-section="about" style={{ backgroundColor: "#10b981" }}>
         <ParallaxAbout
           title="Culinary Excellence Meets Hospitality"
           description="At Bogunya, we craft every dish with passion and precision. Our chefs blend traditional techniques with modern innovation to create an unforgettable dining experience that celebrates the finest ingredients and flavors."
@@ -87,14 +87,17 @@ export default function LandingPage() {
         />
       </div>
       
-      <div id="features" data-section="features">
+      <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",
@@ -132,7 +135,7 @@ export default function LandingPage() {
         />
       </div>
       
-      <div id="products" data-section="products" style={{ backgroundColor: "#ef4444" }}>
+      <div id="products" data-section="products" style={{ backgroundColor: "#8b5cf6" }}>
         <ProductCardFive
           title="Our Menu"
           description="Handcrafted dishes prepared with the finest seasonal ingredients"
@@ -192,7 +195,7 @@ export default function LandingPage() {
         />
       </div>
       
-      <div id="testimonials" data-section="testimonials">
+      <div id="testimonials" data-section="testimonials" style={{ backgroundColor: "#ec4899" }}>
         <TestimonialCardOne
           title="What Our Guests Say"
           description="Real experiences from people who have dined at Bogunya"
@@ -200,6 +203,9 @@ export default function LandingPage() {
           tagIcon={Star}
           textboxLayout="default"
           useInvertedBackground="noInvert"
+          buttons={[
+            { text: "Read More Reviews", href: "https://yelp.com/bogunya" }
+          ]}
           testimonials={[
             {
               id: "1",
@@ -266,7 +272,7 @@ export default function LandingPage() {
         />
       </div>
       
-      <div id="contact" data-section="contact">
+      <div id="contact" data-section="contact" style={{ backgroundColor: "#06b6d4" }}>
         <ContactText
           text="Ready for an unforgettable dining experience? Reserve your table at Bogunya today."
           animationType="entrance-slide"
@@ -282,7 +288,7 @@ export default function LandingPage() {
         />
       </div>
       
-      <div id="footer" data-section="footer">
+      <div id="footer" data-section="footer" style={{ backgroundColor: "#6366f1" }}>
         <FooterBaseReveal
           columns={[
             {
@@ -319,4 +325,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}