MetatroncubeSoftwareSolutions/Metatron-Website-India
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Review Section Google brand updated

Browse Source
This commit is contained in:
akash 2026-01-22 19:27:58 +05:30
parent 07f5410bae
commit b5c5755cae
3 changed files with 63 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/about.js
View File

@ -11,6 +11,9 @@ import { Swiper, SwiperSlide } from "swiper/react";
import { brandListProps2 } from "@/src/sliderProps";
import SubCard from "@/src/components/AboveFooter";
import ConsenHead from "@/src/ConsenHead";
import GoogleReviewsBranding from "@/src/components/GoogleReviewsBranding";
const About = () => {
const [reviews, setReviews] = useState([]);
@ -398,6 +401,7 @@ const About = () => {
<div className="consen-section-title">
<h5 className="text-primary">Our Testimonials</h5>
<h2> Hear From Our <span>Happy Customers</span> </h2>
<GoogleReviewsBranding centered={true} />
</div>
</div>
</div>

56
src/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: '#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;

4
src/components/Home/TestimonialSection.js
View File

@ -4,6 +4,7 @@ import { Autoplay } from "swiper";
import { Swiper, SwiperSlide } from "swiper/react";
import Link from "next/link";
import "swiper/css";
import GoogleReviewsBranding from "../GoogleReviewsBranding";
const testimonial_list_slider = {
spaceBetween: 30,
@ -152,6 +153,7 @@ const TestimonialSection = () => {
{" "}
Talking <span>About us.</span>
</h2>
<GoogleReviewsBranding />
</div>
<div className="row">
<div className="col-lg-12">
@ -222,7 +224,7 @@ const TestimonialSection = () => {
</Swiper>
)}
<div className="new-button d-flex justify-content-center pt-30">
<div className="new-button d-flex justify-content-center pt-30 pb-30">
<Link
legacyBehavior
href="https://www.google.com/maps/place/Metatron+Cube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d7ff0d82df5b:0xf0ca6a97298a109c!8m2!3d34.0518468!4d-56.3267266!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI1MTAxMy4wIKXMDSoASAFQAw%3D%3D"