MetatroncubeSoftwareSolutions/shivas-dosa
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

review section google lable updated and blog slider and slider dots are removes for testimonial

Browse Source
This commit is contained in:
akash 2026-02-16 15:59:51 +05:30
parent 4cc30392b4
commit b91096c33a
6 changed files with 125 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/page.js
View File

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

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

56
components/GoogleReviewsBrandingmain.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: '#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;

4
components/TestimonialAbout.js
View File

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

9
components/home/BlogSection.js
View File

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

2
public/assets/css/style.css
View File

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