Update src/app/page.tsx

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,7 +87,7 @@ 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"
@@ -132,7 +132,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 +192,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"
@@ -266,7 +266,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 +282,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 +319,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}