Google Review Branding updated

app/shortcodes/ShortcodesClient.js

@@ -9,6 +9,7 @@ import Image from "next/image";
 
 
 import { teamMembers } from "@/utils/constant.utils";
+import GoogleReviewsBranding from "@/components/GoogleReviewsBranding"
 
 export default function Home() {
 
@@ -504,7 +505,7 @@ export default function Home() {
                     <div className="row clearfix">
                         <div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
                             <div className="content-box p_relative ml_45">
-                                <div className="sec-title-1 mb_50">
+                                <div className="sec-title-1 mb_40">
                                     <span className="sub-title-1 mb-1">Google Reviews</span>
 
                                     {/* Exact same stars as testimonial */}
@@ -518,6 +519,7 @@ export default function Home() {
 
 
                                     <h2>What Our Clients Say About Rapha Rehab</h2>
+                                    <GoogleReviewsBranding/>
                                 </div>
                                 <div className="content-box">
                                     <TestimonialSlider1 />

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: '#FFFFFF' }}>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;

components/sections/home1/Testimonial.js

@@ -1,6 +1,7 @@
 import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
 import Link from "next/link";
 import Image from "next/image";
+import GoogleReviewsBranding from '@/components/GoogleReviewsBranding';
 
 
 
@@ -32,7 +33,7 @@ export default function Testimonial() {
                     <div className="row clearfix">
                         <div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
                             <div className="content-box p_relative ml_45">
-                                <div className="sec-title-1 mb_50">
+                                <div className="sec-title-1 mb_40">
                                     <span className="sub-title-1 mb-1">Google Reviews</span>
                                     <p className='tex-color-1 mb-3'> Discover why patients across Etobicoke trust Rapha Rehab for physiotherapy, rehabilitation, and pain management care.
                                     </p>
@@ -48,6 +49,7 @@ export default function Testimonial() {
 
 
                                     <h2>What Our Clients Say About Rapha Rehab</h2>
+                                    <GoogleReviewsBranding/>
                                 </div>
                                 <div className="content-box">
                                     <TestimonialSlider1 />