MetatroncubeSoftwareSolutions/rapharehap
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Google Review Branding updated

Browse Source
This commit is contained in:
akash 2026-01-22 19:48:43 +05:30
parent 8de4f1b556
commit 3cde5ff6ce
3 changed files with 62 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/shortcodes/ShortcodesClient.js
View File

@ -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 />

56
components/GoogleReviewsBranding.js Normal file
View File

@ -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;

4
components/sections/home1/Testimonial.js
View File

@ -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 />