Merge version_8 into main

Merge version_8 into main

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,9 +44,9 @@ export default function LandingPage() {
         />
       </div>
       
-      <div id="hero" data-section="hero">
+      <div id="hero" data-section="hero" style={{ backgroundColor: "#8b5cf6" }}>
         <HeroBillboard
-          title="Welcome to Bogunya"
+          title="Welcome to our restaurant"
           description="Discover exquisite flavors and unforgettable dining moments in an elegant atmosphere. Reserve your table today."
           tag="Fine Dining Experience"
           tagIcon={Utensils}
@@ -54,7 +54,7 @@ export default function LandingPage() {
             { text: "Reserve Now", href: "contact" },
             { text: "View Menu", href: "products" }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767626184121-3pfok692.jpg"
+          imageSrc="https://img.b2bpic.net/free-photo/top-view-table-full-food_23-2149209253.jpg?id=21088367"
           imageAlt="Elegant Bogunya restaurant dining room"
           frameStyle="card"
           ariaLabel="Welcome to Bogunya restaurant hero section"
@@ -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">
+      <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>
   );
-}
+}