MetatroncubeSoftwareSolutions/MetatroncubeSolutions_Website
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:33:08 +05:30
parent abee992fca
commit dbe3bd422e
3 changed files with 61 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/about.js
View File

@ -11,6 +11,7 @@ import { useEffect, useState } from "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([]);
@ -407,6 +408,7 @@ const About = () => {
<h5 className="text-primary">Our Testimonials</h5>
<h2>What Our Customers are </h2>
<h2>Talking<span> About us.</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 { Swiper, SwiperSlide } from "swiper/react";
import Link from "next/link";
import { useEffect, useState } from "react";
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">
@ -241,7 +243,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!1s0x89d4d4dc0e01490b:0xf0ca6a97298a109c!8m2!3d34.0518468!4d-56.3267266!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI1MTAxMy4wIKXMDSoASAFQAw%3D%3D"