diff --git a/app/page.js b/app/page.js
index d79b404..c23a7c6 100644
--- a/app/page.js
+++ b/app/page.js
@@ -11,6 +11,7 @@ import PopularMenu from "@/components/home/PopularMenu";
 import MenuCategory from "@/components/home/MenuCategory";
 import BlogSection from "@/components/home/BlogSection";
 import { useEffect, useState } from "react";
+import GoogleReviewsBranding from "@/components/GoogleReviewsBrandingmain";
 const page = () => {
   const [reviews, setReviews] = useState([]);
   const [loading, setLoading] = useState(true);
@@ -388,6 +389,7 @@ const page = () => {
                     customer feedback
                   </span>
                   <h2>what our customer’s say us</h2>
+                  <GoogleReviewsBranding/>
                 </div>
                 <Slider
                   {...sliderProps.testimonialsTwoCarousel}
diff --git a/components/GoogleReviewsBranding.js b/components/GoogleReviewsBranding.js
new file mode 100644
index 0000000..81b49d6
--- /dev/null
+++ b/components/GoogleReviewsBranding.js
@@ -0,0 +1,56 @@
+import React from 'react';
+
+const GoogleReviewsBranding = ({ centered = false }) => {
+    return (
+        <div className="google-reviews-branding" style={{
+            marginTop: '15px',
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: centered ? 'center' : 'flex-start',
+            gap: '0px'
+        }}>
+            <div style={{
+                fontSize: '28px',
+                fontWeight: '700',
+                lineHeight: '1.2',
+                letterSpacing: '3px',
+                fontFamily: '"Product Sans", "Google Sans", Roboto, Arial, sans-serif',
+                display: 'flex',
+                alignItems: 'center'
+            }}>
+                <span style={{ color: '#4285F4' }}>G</span>
+                <span style={{ color: '#EA4335' }}>o</span>
+                <span style={{ color: '#FBBC04' }}>o</span>
+                <span style={{ color: '#4285F4' }}>g</span>
+                <span style={{ color: '#34A853' }}>l</span>
+                <span style={{ color: '#EA4335' }}>e</span>
+            </div>
+            <div style={{
+                fontSize: '13px',
+                fontWeight: '700',
+                lineHeight: '1.2',
+                fontFamily: '"Product Sans", "Google Sans", Roboto, Arial, sans-serif',
+                display: 'flex',
+                alignItems: 'center',
+                gap: '5px',
+                marginTop: '-2px'
+            }}>
+                <span style={{ color: '#5F6368' }}>Reviews</span>
+                <div style={{
+                    display: 'flex',
+                    gap: '1px',
+                    fontSize: '13px',
+                    lineHeight: '1'
+                }}>
+                    <span style={{ color: '#FBBC04' }}>★</span>
+                    <span style={{ color: '#FBBC04' }}>★</span>
+                    <span style={{ color: '#FBBC04' }}>★</span>
+                    <span style={{ color: '#FBBC04' }}>★</span>
+                    <span style={{ color: '#FBBC04' }}>★</span>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default GoogleReviewsBranding;
diff --git a/components/GoogleReviewsBrandingmain.js b/components/GoogleReviewsBrandingmain.js
new file mode 100644
index 0000000..32ad85d
--- /dev/null
+++ b/components/GoogleReviewsBrandingmain.js
@@ -0,0 +1,56 @@
+import React from 'react';
+
+const GoogleReviewsBranding = ({ centered = false }) => {
+    return (
+        <div className="google-reviews-branding" style={{
+            marginTop: '15px',
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: centered ? 'center' : 'flex-start',
+            gap: '0px'
+        }}>
+            <div style={{
+                fontSize: '28px',
+                fontWeight: '700',
+                lineHeight: '1.2',
+                letterSpacing: '3px',
+                fontFamily: '"Product Sans", "Google Sans", Roboto, Arial, sans-serif',
+                display: 'flex',
+                alignItems: 'center'
+            }}>
+                <span style={{ color: '#4285F4' }}>G</span>
+                <span style={{ color: '#EA4335' }}>o</span>
+                <span style={{ color: '#FBBC04' }}>o</span>
+                <span style={{ color: '#4285F4' }}>g</span>
+                <span style={{ color: '#34A853' }}>l</span>
+                <span style={{ color: '#EA4335' }}>e</span>
+            </div>
+            <div style={{
+                fontSize: '13px',
+                fontWeight: '700',
+                lineHeight: '1.2',
+                fontFamily: '"Product Sans", "Google Sans", Roboto, Arial, sans-serif',
+                display: 'flex',
+                alignItems: 'center',
+                gap: '5px',
+                marginTop: '-2px'
+            }}>
+                <span style={{ color: '#fff' }}>Reviews</span>
+                <div style={{
+                    display: 'flex',
+                    gap: '1px',
+                    fontSize: '13px',
+                    lineHeight: '1'
+                }}>
+                    <span style={{ color: '#FBBC04' }}>★</span>
+                    <span style={{ color: '#FBBC04' }}>★</span>
+                    <span style={{ color: '#FBBC04' }}>★</span>
+                    <span style={{ color: '#FBBC04' }}>★</span>
+                    <span style={{ color: '#FBBC04' }}>★</span>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default GoogleReviewsBranding;
diff --git a/components/TestimonialAbout.js b/components/TestimonialAbout.js
index 1691956..3dfa5cd 100644
--- a/components/TestimonialAbout.js
+++ b/components/TestimonialAbout.js
@@ -2,6 +2,7 @@
 import { sliderProps } from "@/utility/sliderProps";
 import { useEffect, useState } from "react";
 import Slider from "react-slick";
+import GoogleReviewsBranding from "./GoogleReviewsBranding";
 
 function TestimonialAbout() {
   const [nav1, setNav1] = useState(null);
@@ -93,13 +94,14 @@ function TestimonialAbout() {
         <div className="row text-center justify-content-center">
           <div className="col-xl-6 col-lg-7 col-md-8">
             <div
-              className="section-title mb-50"
+              className="section-title mb-20"
               data-aos="fade-up"
               data-aos-duration={1500}
               data-aos-offset={50}
             >
               <span className="sub-title mb-5">Customer Feedback</span>
               <h2>what our customer’s say us</h2>
+              <GoogleReviewsBranding centered={true}/>
             </div>
             {/* <Slider
               asNavFor={nav1}
diff --git a/components/home/BlogSection.js b/components/home/BlogSection.js
index 23fee19..52754c1 100644
--- a/components/home/BlogSection.js
+++ b/components/home/BlogSection.js
@@ -1,5 +1,7 @@
 import { Blog } from "@/utility/constant.utils";
+import { sliderProps } from "@/utility/sliderProps";
 import Link from "next/link";
+import Slider from "react-slick";
 
 const BlogSection = () => {
     return (
@@ -18,17 +20,18 @@ const BlogSection = () => {
                         </div>
                     </div>
                 </div>
-                <div className="row justify-content-center">
+                <Slider {...sliderProps.testimonialsActive} className="blog-slider row justify-content-center">
                     {
                         Blog?.map((blog) => {
                             return (
-                                <div className="col-xl-4 col-md-6" key={blog?.id}>
+                                <div className="px-3" key={blog?.id}>
                                     <div
                                         className="blog-item"
                                         data-aos="fade-up"
                                         data-aos-delay={50}
                                         data-aos-duration={1500}
                                         data-aos-offset={50}
+                                        style={{ marginBottom: '30px' }}
                                     >
                                         <div className="image">
                                             <img src={blog?.image} alt={blog?.slug} />
@@ -51,7 +54,7 @@ const BlogSection = () => {
                             )
                         })
                     }
-                </div>
+                </Slider>
             </div>
         </section>
     );
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 595d5bf..d1962e5 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -9777,6 +9777,7 @@ h6,
 
 .testimonials-five-content .slick-dots {
   margin-top: 70px;
+  display: none !important;
 }
 
 .testimonial-five-item {
@@ -9870,6 +9871,7 @@ h6,
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
+     display: none !important;
 }
 
 .testimonial-quote-badge {