diff --git a/addons/dine360_theme_shivasakthi/static/src/scss/shop.scss b/addons/dine360_theme_shivasakthi/static/src/scss/shop.scss
index f4eface..1db2569 100644
--- a/addons/dine360_theme_shivasakthi/static/src/scss/shop.scss
+++ b/addons/dine360_theme_shivasakthi/static/src/scss/shop.scss
@@ -510,8 +510,8 @@ body,
             width: 100%;
             margin-bottom: 20px;
             gap: 12px;
-            
-            > * {
+
+            >* {
                 margin-bottom: 0 !important;
             }
 
@@ -532,7 +532,7 @@ body,
                 align-items: center !important;
                 width: 100% !important;
                 gap: 10px;
-                
+
                 .mobile-cat-bar-btn {
                     margin-right: auto !important;
                 }
@@ -606,7 +606,8 @@ body,
                 text-transform: capitalize;
             }
 
-            &:hover, &:active {
+            &:hover,
+            &:active {
                 background: #e5a500 !important;
                 transform: translateY(-1px);
                 box-shadow: 0 5px 14px rgba(255, 184, 0, 0.35) !important;
@@ -642,18 +643,18 @@ body,
             max-width: 100% !important;
             flex: 0 0 100% !important;
             padding: 0 !important;
-            
+
             .o_wsale_products_grid_table_wrapper {
                 overflow: hidden !important;
                 width: 100% !important;
                 max-width: 100% !important;
-                
+
                 table {
                     display: flex !important;
                     flex-direction: column !important;
                     width: 100% !important;
                     max-width: 100% !important;
-                    
+
                     tbody {
                         display: flex !important;
                         flex-wrap: wrap !important;
@@ -663,7 +664,7 @@ body,
                         margin-left: 0 !important;
                         margin-right: 0 !important;
                     }
-                    
+
                     tr {
                         display: flex !important;
                         flex-wrap: wrap !important;
@@ -671,13 +672,14 @@ body,
                         width: 100% !important;
                         max-width: 100% !important;
                     }
-                    
+
                     td {
                         display: block !important;
                         width: 50% !important;
                         max-width: 50% !important;
                         flex: 0 0 50% !important;
-                        padding: 4px !important; /* Tight padding to fit 2 items */
+                        padding: 4px !important;
+                        /* Tight padding to fit 2 items */
                         box-sizing: border-box !important;
                     }
                 }
@@ -689,12 +691,13 @@ body,
                 margin-bottom: 10px;
 
                 .oe_product_image {
-                    height: 120px !important; /* Smaller image to fit in 3-col layout on mobile */
+                    height: 120px !important;
+                    /* Smaller image to fit in 3-col layout on mobile */
                 }
 
                 .o_wsale_product_information {
                     padding: 8px !important;
-                    
+
                     .o_wsale_products_item_title a {
                         font-size: 0.75rem !important;
                         white-space: nowrap;
@@ -702,11 +705,11 @@ body,
                         text-overflow: ellipsis;
                         display: block;
                     }
-                    
+
                     .price-row span {
                         font-size: 0.85rem !important;
                     }
-                    
+
                     .btn-add-to-cart-overlay {
                         padding: 5px !important;
                         font-size: 0.7rem !important;
@@ -718,7 +721,7 @@ body,
 
     /* Custom Pagination */
     .products_pager {
-        margin-top: 60px;
+        // margin-top: 60px;
 
         ul.pagination {
             justify-content: center !important;
@@ -1023,7 +1026,8 @@ body,
                 pointer-events: none;
             }
 
-            &:hover, &:active {
+            &:hover,
+            &:active {
                 background: #ffb800;
                 border-color: #ffb800;
                 color: #000;
@@ -1143,7 +1147,8 @@ body,
                         flex-shrink: 0 !important;
                     }
 
-                    span, .category-name {
+                    span,
+                    .category-name {
                         color: #222222 !important;
                         font-weight: 700 !important;
                         font-size: 0.9rem !important;
@@ -1163,7 +1168,8 @@ body,
                         font-weight: 900 !important;
                         box-shadow: 0 4px 12px rgba(255, 184, 0, 0.35) !important;
 
-                        span, .category-name {
+                        span,
+                        .category-name {
                             color: #000000 !important;
                             font-weight: 900 !important;
                         }
@@ -1172,4 +1178,4 @@ body,
             }
         }
     }
-}
+}
\ No newline at end of file
diff --git a/addons/dine360_theme_shivasakthi/static/src/scss/theme.scss b/addons/dine360_theme_shivasakthi/static/src/scss/theme.scss
index 6ac5c50..f9940dd 100644
--- a/addons/dine360_theme_shivasakthi/static/src/scss/theme.scss
+++ b/addons/dine360_theme_shivasakthi/static/src/scss/theme.scss
@@ -1066,7 +1066,7 @@ section h2.display-4 {
 
 // Also ensure the oe_structure wrap div doesn't clip content
 #wrap>.s_blog_detail_section:last-child {
-    padding-bottom: 100px !important;
+    padding: 80px 0 !important;
 }
 
 // Blog Section
@@ -1628,7 +1628,7 @@ footer#bottom {
 /* Link hover color */
 body:not(.editor_enable):not(.o_edit_mode) a:hover,
 body:not(.editor_enable):not(.o_edit_mode) a:hover * {
-    color: #ffb800 !important;
+    color: #000 !important;
 }
 
 /* Button hover color */
@@ -3054,7 +3054,7 @@ body.o_edit_mode {
     .food-slider-container {
         width: 100%;
         overflow: hidden;
-        padding: 0 0 20px 0;
+        padding: 80px 0;
     }
     
     .food-slider-track {
@@ -3253,4 +3253,11 @@ section h2.display-4, section h2.display-5, section h2.testi-main-title, section
     .products_header .oe_search_button {
         min-width: 44px !important;
     }
+}
+
+@media (max-width: 768px) {
+  .pt80,
+  .pb80, .food-slider-container, .s_footer_image_match {
+    padding: 60px 0 !important;
+  }
 }
\ No newline at end of file
diff --git a/addons/dine360_theme_shivasakthi/views/about_page.xml b/addons/dine360_theme_shivasakthi/views/about_page.xml
index 484b431..a79007e 100644
--- a/addons/dine360_theme_shivasakthi/views/about_page.xml
+++ b/addons/dine360_theme_shivasakthi/views/about_page.xml
@@ -20,8 +20,8 @@
                     </section>
 
                     <!-- Section 1: Where Flavor Meets Festivity -->
-                    <section class="s_about_flavor_festivity pt-5 pb-5 bg-white">
-                        <div class="container pt-5 pb-5">
+                    <section class="s_about_flavor_festivity pt80 pb80 bg-white">
+                        <div class="container">
                             <div class="row align-items-center flex-column-reverse flex-lg-row">
                                 <div class="col-lg-6 mb-5 mb-lg-0 text-center">
                                     <img src="/dine360_theme_shivasakthi/static/src/img/about_v2/vada.png" alt="Vada Dish" class="img-fluid floating-img"/>
@@ -52,15 +52,15 @@
                                         </div>
                                     </div>
 
-                                    <a href="/menu" class="btn btn-warning text-uppercase fw-bold px-4 py-3 rounded-0" style="font-size: 14px; letter-spacing: 1px;">Discover More <i class="fa fa-arrow-right ms-2"></i></a>
+                                    <a href="/shop" class="btn btn-warning text-uppercase fw-bold px-4 py-3 rounded-0" style="font-size: 14px; letter-spacing: 1px;">Discover More <i class="fa fa-arrow-right ms-2"></i></a>
                                 </div>
                             </div>
                         </div>
                     </section>
 
                     <!-- Section 2: Banner Cards (Biryani) -->
-                    <section class="s_about_biryani_banners pb-5 bg-white">
-                        <div class="container pb-5">
+                    <section class="s_about_biryani_banners pb80 bg-white">
+                        <div class="container">
                             <div class="row g-4">
                                 <div class="col-lg-6">
                                     <img src="/dine360_theme_shivasakthi/static/src/img/about_v2/chicken_biryani_banner.png" alt="Ambur Chicken Biryani" class="img-fluid w-100 banner-card"/>
@@ -82,8 +82,8 @@
                     </section>
 
                     <!-- Section 4: Authentic Flavors -->
-                    <section class="s_about_authentic_flavors pt-5 pb-5 bg-white position-relative overflow-hidden">
-                        <div class="container pt-5 pb-5">
+                    <section class="s_about_authentic_flavors pt80 pb80 bg-white position-relative overflow-hidden">
+                        <div class="container">
                             <div class="row align-items-center">
                                 <div class="col-lg-6 pe-lg-5">
                                     <h6 class="text-uppercase mb-2 fw-bold" style="color: #ffb800; font-size: 14px; letter-spacing: 1px;">Discover True South Indian Taste At Shiva Sakthi</h6>
@@ -116,9 +116,9 @@
                                     <a href="tel:+1234567890" class="btn btn-outline-light text-uppercase fw-bold px-4 py-3 rounded-0 mt-2" style="font-size: 14px; letter-spacing: 1px; border-width: 2px;">Call Us <i class="fa fa-phone ms-2"></i></a>
                                 </div>
                             </div>
-                            <!-- Right Black Section -->
-                            <div class="col-lg-6 position-relative" style="background-color: #111; min-height: 400px; display: flex; align-items: center; justify-content: center;">
-                                <img src="/dine360_theme_shivasakthi/static/src/img/about_v2/noodles.png" alt="Noodles" class="img-fluid floating-img" style="max-height: 450px; z-index: 2;"/>
+                            <!-- Right Image Section -->
+                            <div class="col-lg-6 position-relative">
+                                <img src="/dine360_theme_shivasakthi/static/src/img/about_v2/noodles.png" alt="Noodles" class="img-fluid w-100 h-100" style="object-fit: cover; min-height: 400px;"/>
                             </div>
                         </div>
                     </section>
diff --git a/addons/dine360_theme_shivasakthi/views/blog_detail_page.xml b/addons/dine360_theme_shivasakthi/views/blog_detail_page.xml
index 950ecfa..ed97117 100644
--- a/addons/dine360_theme_shivasakthi/views/blog_detail_page.xml
+++ b/addons/dine360_theme_shivasakthi/views/blog_detail_page.xml
@@ -86,8 +86,8 @@
                     </section>
 
                     <!-- 2. Main Blog Detail Section -->
-                    <section class="s_blog_detail_section py-5 o_colored_level" style="background-color: #F9F6F0;">
-                        <div class="container py-4">
+                    <section class="s_blog_detail_section o_colored_level" style="background-color: #F9F6F0;">
+                        <div class="container">
                             <div class="row g-5">
                                 
                                 <!-- Left Main Article Column (col-lg-8) -->
diff --git a/addons/dine360_theme_shivasakthi/views/blog_page.xml b/addons/dine360_theme_shivasakthi/views/blog_page.xml
index cebe264..86716c3 100644
--- a/addons/dine360_theme_shivasakthi/views/blog_page.xml
+++ b/addons/dine360_theme_shivasakthi/views/blog_page.xml
@@ -20,7 +20,7 @@
                     </section>
 
                     <!-- Blog Listing Section -->
-                    <section class="s_blog_listing o_colored_level pt96 pb96" style="background-color: #F9F6F0;">
+                    <section class="s_blog_listing o_colored_level pt80 pb80" style="background-color: #F9F6F0;">
                         <div class="container">
                             <!-- Header -->
                             <div class="row mb-5">
diff --git a/addons/dine360_theme_shivasakthi/views/contact_page.xml b/addons/dine360_theme_shivasakthi/views/contact_page.xml
index 6031ab1..9d27a32 100644
--- a/addons/dine360_theme_shivasakthi/views/contact_page.xml
+++ b/addons/dine360_theme_shivasakthi/views/contact_page.xml
@@ -20,8 +20,8 @@
                     </section>
 
                     <!-- 2. GET IN TOUCH WITH US + DARK CARDS -->
-                    <section class="s_contact_get_in_touch pt-5 pb-5 bg-white position-relative" style="z-index: 10;">
-                        <div class="container pt-5 pb-5">
+                    <section class="s_contact_get_in_touch pt80 pb80 bg-white position-relative" style="z-index: 10;">
+                        <div class="container">
                             <div class="text-center mb-5">
                                 <h6 style="color: #ffb800; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 15px;">Contact Us</h6>
                                 <h2 class="display-5 fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; color: #111;">Get In Touch With Us</h2>
@@ -72,8 +72,8 @@
                     </section>
 
                     <!-- 3. FORM & IMAGE SECTION (Dark wrapper, Light inner) -->
-                    <section class="s_contact_form_split pt-5 pb-5" style="background-color: #111;">
-                        <div class="container pt-5 pb-5">
+                    <section class="s_contact_form_split pt80 pb80" style="background-color: #111;">
+                        <div class="container">
                             <div class="row g-0">
                                 <!-- Left Image -->
                                 <div class="col-lg-6">
diff --git a/addons/dine360_theme_shivasakthi/views/faq_page.xml b/addons/dine360_theme_shivasakthi/views/faq_page.xml
index a0ccf82..1db7852 100644
--- a/addons/dine360_theme_shivasakthi/views/faq_page.xml
+++ b/addons/dine360_theme_shivasakthi/views/faq_page.xml
@@ -22,7 +22,7 @@
                     </section>
 
                     <!-- Main FAQ Section -->
-                    <section class="s_faq_page_section pt96 pb96 o_colored_level" style="background-color: #F9F6F0;">
+                    <section class="s_faq_page_section pt80 pb80 o_colored_level" style="background-color: #F9F6F0;">
                         <div class="container">
                             <div class="row">
                                 <!-- Left Content: Questions -->
diff --git a/addons/dine360_theme_shivasakthi/views/layout.xml b/addons/dine360_theme_shivasakthi/views/layout.xml
index f483a19..6033525 100644
--- a/addons/dine360_theme_shivasakthi/views/layout.xml
+++ b/addons/dine360_theme_shivasakthi/views/layout.xml
@@ -159,7 +159,7 @@
                                     <ul class="footer-links-list list-unstyled ps-0" style="font-size: 14px;">
                                         <li class="mb-3"><a href="/" class="text-decoration-none text-white">Home</a></li>
                                         <li class="mb-3"><a href="/about" class="text-decoration-none text-white">About</a></li>
-                                        <li class="mb-3"><a href="/menu" class="text-decoration-none text-white">Menu</a></li>
+                                        <li class="mb-3"><a href="/shop" class="text-decoration-none text-white">Menu</a></li>
                                         <li class="mb-3"><a href="/contactus" class="text-decoration-none text-white">Contact</a></li>
                                     </ul>
                                 </div>
@@ -189,7 +189,7 @@
                         <div class="footer-copyright-bar" style="border-top: 1px solid rgba(255,255,255,0.05); padding: 20px 0;">
                             <div class="container text-center">
                                 <p class="mb-0" style="font-size: 13px; color: #dcdcdc;">
-                                    Copyright 2026 © Shivas Dosa Restaurant. Powered by <span style="color: #ffb800;">MetatronCube</span>. All Right Reserved.
+                                    Copyright 2026 © Shiva Sakthi Restaurant. Powered by <span style="color: #ffb800;">MetatronCube</span>. All Right Reserved.
                                 </p>
                             </div>
                         </div>
diff --git a/addons/dine360_theme_shivasakthi/views/pages.xml b/addons/dine360_theme_shivasakthi/views/pages.xml
index 85d289c..4d24f4d 100644
--- a/addons/dine360_theme_shivasakthi/views/pages.xml
+++ b/addons/dine360_theme_shivasakthi/views/pages.xml
@@ -20,7 +20,7 @@
             
             <div class="carousel-inner">
                 <!-- Slide 1 -->
-                <div class="carousel-item o_colored_level pt128 pb128 active oe_img_bg o_bg_img_center shivasakthi-hero-slide" data-name="Slide">
+                <div class="carousel-item o_colored_level pt80 pb80 active oe_img_bg o_bg_img_center shivasakthi-hero-slide" data-name="Slide">
                     <!-- Left Side Dish (Pizza/Uttapam Platter) -->
                     <img src="/dine360_theme_shivasakthi/static/src/img/left-side-image.webp" class="hero-left-dish d-none d-lg-block" alt="Left Pizza Platter"/>
                     
@@ -53,7 +53,7 @@
                 </div>
 
                 <!-- Slide 2 -->
-                <div class="carousel-item o_colored_level pt128 pb128 oe_img_bg o_bg_img_center shivasakthi-hero-slide" data-name="Slide">
+                <div class="carousel-item o_colored_level pt80 pb80 oe_img_bg o_bg_img_center shivasakthi-hero-slide" data-name="Slide">
                     <!-- Left Side Dish -->
                     <img src="/dine360_theme_shivasakthi/static/src/img/left-side-image.webp" class="hero-left-dish d-none d-lg-block" alt="Left Pizza Platter"/>
                     
@@ -86,7 +86,7 @@
                 </div>
 
                 <!-- Slide 3 -->
-                <div class="carousel-item o_colored_level pt128 pb128 oe_img_bg o_bg_img_center shivasakthi-hero-slide" data-name="Slide">
+                <div class="carousel-item o_colored_level pt80 pb80 oe_img_bg o_bg_img_center shivasakthi-hero-slide" data-name="Slide">
                     <!-- Left Side Dish -->
                     <img src="/dine360_theme_shivasakthi/static/src/img/left-side-image.webp" class="hero-left-dish d-none d-lg-block" alt="Left Pizza Platter"/>
                     
@@ -129,7 +129,7 @@
             </a>
         </div>
     </section>
-    <section class="s_about_premium o_colored_level pt96 pb96" data-snippet="s_about_premium" data-name="Premium About">
+    <section class="s_about_premium o_colored_level pt80 pb80" data-snippet="s_about_premium" data-name="Premium About">
         <!-- Floating Elements Removed as requested -->
 
         <div class="container">
@@ -168,7 +168,7 @@
     </section>
 
     <!-- Stats Section -->
-    <section class="s_stats_section o_colored_level pt128" style="background-image: url('/dine360_theme_shivasakthi/static/src/img/bg-image.jpg'); background-size: cover; background-position: center; position: relative; min-height: 600px; display: flex; align-items: flex-end; padding-bottom: 0;">
+    <section class="s_stats_section o_colored_level pt80" style="background-image: url('/dine360_theme_shivasakthi/static/src/img/bg-image.jpg'); background-size: cover; background-position: center; position: relative; min-height: 600px; display: flex; align-items: flex-end; padding-bottom: 0;">
         <div class="o_we_bg_filter bg-black-25" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); z-index: 1;"/>
         <div class="container position-relative" style="z-index: 2;">
             <div class="row justify-content-center">
@@ -308,7 +308,7 @@
     </section>
 
     <!-- Unlimited Thali Section -->
-    <section class="s_unlimited_thali_section o_colored_level pt128 pb128" style="background-color: #080808; background-image: url('/dine360_theme_shivasakthi/static/src/img/hero-bg.jpg'); background-size: cover; background-position: center; position: relative; overflow: hidden;">
+    <section class="s_unlimited_thali_section o_colored_level pt80 pb80" style="background-color: #080808; background-image: url('/dine360_theme_shivasakthi/static/src/img/hero-bg.jpg'); background-size: cover; background-position: center; position: relative; overflow: hidden;">
         <div class="o_we_bg_filter bg-black-85" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); z-index: 1;"/>
         
         <!-- Watermark -->
@@ -352,7 +352,7 @@
     </section>
 
     <!-- From Authentic Indian Kitchen Section -->
-    <section class="s_authentic_kitchen_section o_colored_level pt96 pb96" style="background-color: #fcfbf7; position: relative; overflow: hidden;">
+    <section class="s_authentic_kitchen_section o_colored_level pt80 pb80" style="background-color: #fcfbf7; position: relative; overflow: hidden;">
         <!-- Floating Accent Images -->
         <img src="/dine360_theme_shivasakthi/static/src/img/menu-cucumber.png" class="menu-accent-cucumber d-none d-lg-block" alt="Cucumber Accent"/>
         <img src="/dine360_theme_shivasakthi/static/src/img/menu-tomato.png" class="menu-accent-tomato d-none d-lg-block" alt="Tomato Accent"/>
@@ -677,7 +677,7 @@
     </section>
 
     <!-- Premium Blog Section -->
-    <section class="s_blog_premium o_colored_level" style="background-color: #ffffff; padding: 80px 0;">
+    <section class="s_blog_premium o_colored_level pt80 pb80" style="background-color: #ffffff;">
         <div class="container">
 
             <!-- Header -->
@@ -739,6 +739,31 @@
 
 
 
+    <!-- Instagram Reels Section -->
+    <section class="s_instagram_reels_premium o_colored_level pt80 pb80" style="background-color: #111111;">
+        <div class="container">
+            <!-- Header -->
+            <div class="row mb-5">
+                <div class="col-12 text-center">
+                    <p class="blog-subtitle-top mb-2" style="color: #ffb800; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">FOLLOW US ON INSTAGRAM</p>
+                    <h2 class="blog-main-heading mb-4" style="color: #ffffff; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 52px; letter-spacing: 1px;">LATEST REELS</h2>
+                    <p class="mt-4" style="color: #d1d1d1; font-size: 18px; font-weight: 400; max-width: 600px; margin: 0 auto; line-height: 1.6;">Follow <a href="https://www.instagram.com/shivasakthi.ca/?hl=en" target="_blank" style="color: #ffb800 !important; font-weight: 600; text-decoration: none; border-bottom: 2px dashed #ffb800; padding-bottom: 2px; transition: all 0.3s ease;">@shivasakthi.ca</a> for our latest updates and delicious moments.</p>
+                </div>
+            </div>
+
+            <!-- Instagram Widget Container -->
+            <div class="row justify-content-center">
+                <div class="col-12">
+                    <div class="instagram-widget-container" style="background-color: transparent; min-height: 200px;">
+                        <!-- Zyff Instagram Feed widget -->
+                        <div class="zyff-instagram" data-zyff-widget="instagram" data-zyff-id="uKQdhDxThLY0mg"></div>
+                        <script src="https://www.zyff.app/w/instagram.js" defer="defer"></script>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
     <!-- Pre-footer Food Slider -->
     <section class="s_prefooter_food_slider overflow-hidden" style="background-color: #ffffff;">
         <div class="food-slider-container">