From b07c5ea47a9021d49f0437a5a9346f3f7c0ddab5 Mon Sep 17 00:00:00 2001
From: priyanshuvish <vishpriyanshu172@gmail.com>
Date: Tue, 14 Oct 2025 19:40:07 +0530
Subject: [PATCH] google review added

---
 components/CarouselTestimonials.tsx |  83 ++++++++++++++++++++--------
 src/images/google-logo.jpg          | Bin 0 -> 5657 bytes
 2 files changed, 59 insertions(+), 24 deletions(-)
 create mode 100644 src/images/google-logo.jpg

diff --git a/components/CarouselTestimonials.tsx b/components/CarouselTestimonials.tsx
index 67b2338..65c9c49 100644
--- a/components/CarouselTestimonials.tsx
+++ b/components/CarouselTestimonials.tsx
@@ -4,6 +4,7 @@ import { ImageWithFallback } from "./figma/ImageWithFallback";
 import clutchLogo from '../src/images/clutch-logo.png';
 import { useState, useEffect, useRef } from "react";
 import React from "react";
+import googleLogo from '../src/images/google-logo.jpg';
 
 const testimonials = [
   {
@@ -199,11 +200,10 @@ const StarRating = ({ rating }: { rating: number }) => {
       {Array.from({ length: 5 }).map((_, i) => (
         <Star
           key={i}
-          className={`w-4 h-4 ${
-            i < rating
+          className={`w-4 h-4 ${i < rating
               ? 'text-yellow-400 fill-yellow-400'
               : 'text-gray-600 fill-gray-600'
-          }`}
+            }`}
         />
       ))}
     </div>
@@ -211,17 +211,17 @@ const StarRating = ({ rating }: { rating: number }) => {
 };
 
 // Individual testimonial card
-const TestimonialCard = ({ 
-  testimonial, 
-  onHover, 
-  onLeave 
-}: { 
+const TestimonialCard = ({
+  testimonial,
+  onHover,
+  onLeave
+}: {
   testimonial: typeof testimonials[0];
   onHover?: () => void;
   onLeave?: () => void;
 }) => {
   return (
-    <div 
+    <div
       className="bg-card rounded-[10px] border border-border p-6 w-[400px] flex-shrink-0 hover:border-border/80 hover:shadow-lg transition-all duration-300 select-none"
       onMouseEnter={onHover}
       onMouseLeave={onLeave}
@@ -238,12 +238,12 @@ const TestimonialCard = ({
         </div>
         <StarRating rating={testimonial.rating} />
       </div>
-      
+
       {/* Quote */}
       <p className="text-muted-foreground leading-relaxed text-base mb-6">
         "{testimonial.quote}"
       </p>
-      
+
       {/* Author Info - Without Avatar */}
       <div className="pt-2 border-t border-border/50">
         <div className="font-medium text-foreground text-base">
@@ -272,9 +272,9 @@ const MarqueeRow = ({ testimonials: rowTestimonials }: { testimonials: typeof te
   const startAnimation = async (fromPosition: number = 0) => {
     const remainingDistance = TOTAL_DISTANCE - fromPosition;
     const remainingDuration = (Math.abs(remainingDistance) / Math.abs(TOTAL_DISTANCE)) * ANIMATION_DURATION;
-    
+
     startTimeRef.current = Date.now();
-    
+
     try {
       await controls.start({
         x: [fromPosition, TOTAL_DISTANCE],
@@ -294,7 +294,7 @@ const MarqueeRow = ({ testimonials: rowTestimonials }: { testimonials: typeof te
   const pauseAnimation = () => {
     controls.stop();
     pauseTimeRef.current = Date.now();
-    
+
     // Calculate current position based on elapsed time
     const elapsedTime = (pauseTimeRef.current - startTimeRef.current) / 1000;
     const progress = (elapsedTime % ANIMATION_DURATION) / ANIMATION_DURATION;
@@ -331,7 +331,7 @@ const MarqueeRow = ({ testimonials: rowTestimonials }: { testimonials: typeof te
   };
 
   return (
-    <div 
+    <div
       className="flex overflow-hidden"
       role="region"
       aria-label="Client testimonials carousel"
@@ -345,8 +345,8 @@ const MarqueeRow = ({ testimonials: rowTestimonials }: { testimonials: typeof te
       >
         {/* First set */}
         {rowTestimonials.map((testimonial, index) => (
-          <TestimonialCard 
-            key={`first-${index}`} 
+          <TestimonialCard
+            key={`first-${index}`}
             testimonial={testimonial}
             onHover={handleCardHover}
             onLeave={handleCardLeave}
@@ -354,8 +354,8 @@ const MarqueeRow = ({ testimonials: rowTestimonials }: { testimonials: typeof te
         ))}
         {/* Duplicate set for seamless loop */}
         {rowTestimonials.map((testimonial, index) => (
-          <TestimonialCard 
-            key={`second-${index}`} 
+          <TestimonialCard
+            key={`second-${index}`}
             testimonial={testimonial}
             onHover={handleCardHover}
             onLeave={handleCardLeave}
@@ -384,7 +384,7 @@ const ClutchRating = () => {
           className="w-16 h-16 object-contain rounded-lg"
         />
       </div>
-      
+
       {/* Rating Info */}
       <div className="flex-1">
         <div className="flex items-center gap-2 mb-2">
@@ -427,7 +427,7 @@ export const CarouselTestimonials = () => {
             Don't just take our word for it. Here's what founders and product leaders say about working with us.
           </motion.p>
         </div>
-        
+
         {/* Single Row Marquee Testimonials */}
         <div className="mb-16">
           <motion.div
@@ -439,10 +439,45 @@ export const CarouselTestimonials = () => {
             <MarqueeRow testimonials={testimonials} />
           </motion.div>
         </div>
-        
-        {/* Centered Clutch Rating */}
-        <div className="flex justify-center">
+
+        <div className="flex justify-center gap-6 flex-wrap">
           <ClutchRating />
+
+          {/* Google Reviews Rating */}
+          <motion.div
+            initial={{ opacity: 0, scale: 0.9 }}
+            whileInView={{ opacity: 1, scale: 1 }}
+            transition={{ duration: 0.6, delay: 0.1 }}
+            viewport={{ once: true }}
+            className="flex items-center gap-4 bg-card rounded-[10px] border border-border p-6 shadow-sm w-full max-w-sm mx-auto"
+          >
+            {/* Google Logo */}
+            <div className="flex-shrink-0">
+              <ImageWithFallback
+                src={googleLogo}
+                alt="Clutch"
+                className="w-16 h-16 object-contain rounded-lg"
+              />
+            </div>
+
+            {/* Rating Info */}
+            <div className="flex-1">
+              <div className="flex items-center gap-2 mb-2">
+                <span className="font-semibold text-foreground text-xl">4.8</span>
+                <div className="flex gap-0.5">
+                  {[...Array(5)].map((_, i) => (
+                    <Star key={i} className="w-4 h-4 fill-[#FBBC05] text-[#FBBC05]" />
+                  ))}
+                </div>
+              </div>
+              <div className="text-muted-foreground text-base mb-1">
+                (38 reviews)
+              </div>
+              <div className="text-muted-foreground text-sm">
+                Highly Rated on Google Reviews
+              </div>
+            </div>
+          </motion.div>
         </div>
       </div>
     </section>
diff --git a/src/images/google-logo.jpg b/src/images/google-logo.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9d63d1443e8aeff06fe3c660a586445913b1861d
GIT binary patch
literal 5657
zcmcIocRZWj+YefuYBf5v)Cg6pYVWpMilRoX2v6-5O3hN9r&XJjAVp9mQk#UBp^B!V
zXzbWR%-Vau(dYM!_xJbvUdiXa&vl<G*Y|sU&pG#fpB(icjR9D+)HT%sbaVg!9qj`+
z8U%y@&M=;0W?^PwVPQT#0hw8tn3<V5Xbvk7$iZ=$cD#K3CeP)oAWk5Ms00s4NLWlv
z{1UgMoTP~CO;Isny0d4`USPU#m4$^<7{m<{{bk~!;-aGBVxpqLqSCb1pGI?O{=bZN
zf!2BS8NhlPFb)`JpkoElv(hoJ(j7GcIB5jw8IGy`Z48VjPM)Ga?$lrb(9;9xPcoi5
zf0h<>96?9VaDw$DBag&AHvMNFe~?bG^BTlumIC?i+&46`_IwRbXyA}ki~oqhei>hu
zegSIi<UdBC0sJ@030hvdQ?yQbR$3<=-HDTD8R_Xx{-SY=a*~xtg6*EZK^*%<UK&zn
zX#<Jz7-n2*SyIi~Gk)c00C1j0ik_8$6`%@Oyz%Ro|HlU#8;|wQDr555z6%!d9l0Jq
zl~NzP(2Tn97+Z7Q{#E3ZqSf;fvIVqi?bCMUOS_70HHF9xnSLLRkNfTtR<PE^PU}D(
z3isSh4mYHw!-1dB+F>MPdIVs$hK>4X*w5^hI26lmReNj9b=S*$4=hh|DJhHVkz7(Q
z?|T$jU<G-y$YuV$o}aYk@YM|HvMBFvq&IKehk3NsY6iqHCi&}RjdI&}oErxo_Az18
z^Cg38Ks(9mLH&lrZJ*%T$rV@yxt_E;{znaHBG4$KxyrAu-K1e7UR|rzB*S*D)FWjH
zX2QKRHma_f-KC@427Me?_<m^jzcf6r%$J?p*obiLHfaV^1>1o5xXD&?^*t@utAWW2
zBm!r5j6@N_4C!bo!1bcVxV}ZD4imEhR}yX@&H9Kbc(f`D{hZrtK?hRh<#i2^={uTL
znwuD|gbtat>%xzQO^3O%MXxlWBK#cNxoVT|(9ju!qPpael3S^EKzzf_)4EE0TE0`7
zyYysk?vJr<jX4vTyH(`Y2k*I5&rqIQA^{iIwvtuqBL=bA>B-jqRcUUGtx>N^U+S;G
z>T4R@^_25{>Fs0I|6LY+eSre;s$@|C+L!xIePR3V*{g+6kC)OD?r?{X<lc^1tG7Xt
zKleUe{{Aqjt({oawglf4v-{zU1{EtVC_&V(88utR@OeqtvCAcfCwM-H6Un?7C!#Hf
z2#uy#Hq}Zwun{MT?~V~orQOYozDS>OaN~}F?mV&BsHn;JHC{EhOIe<C_6cnv<gVv`
zIl$MA*2_L2_3xGfzYgS}&$zj~3^cUhzUM3;7%ex{?;g6Q{dG1}f9}RVMHp`&bgS2L
z5K9?cE)+4lb$lq=s(3XR4a>0D42BlHQKPCF3W|MNI7~<;bUInL$A7Y8GfjxQiDENN
z^0=8DVQtowm7r;D=B`fS*H&I)VtarY36Fb!3}8Dmbh0wa=BYka7ZNEPoxRN;VBUuI
zy3y?{F}u?K7~VMj)4R>$hxb_Sq(%!8lZaDZOR^YZ8;eTFHkOrx_~3SH(-b}DV!uHj
zcYpqyarf+j5ak&WHt(<;6uDLtW8c}Qo}PB~aF#l^Q8ZIFV!k)MN!Y7WFLg)_01pff
z3{J~C;&!~shgqvx+WC7hj}q=gNZavi2|Y-`w1dtc%bj5Gpj3onR;he4vL5QC)4Z5~
z;8l)K(%j^5irl20C427%s@AP6PN*_=7OFM3j_Zbdd7=d8Vl6S>or-%=P&_(T-)R|^
z-(AaP?PsMuZ(tQC{w}>QZaa(_A~@F2?5wWBX(U{6m@l)-|ItPcdQNV0Dt>>;W{?}Y
za6$MS)L?SZVjdwyp^O>_?46zxkjMF9ZCW{31_YEJ>9PI(FCDFFfL{#)*^~?IyQ*27
zr7y2<PYY;{uWc%f6wO>M@%FT#nu(<0%HgT|A1isOLclPlqCVRm+gUKe$VcX@^WDEy
z)OeN0nt-Yn!fB+6dKkF7={G03$h<G`{?xyRg2p2&@U6+uH5f7sq3UKtxB3u;$CoF7
zyd__d4_&crp&kN-@eeYQn)4!*C+++s+c*(CFtezs^;WMwSkSia#7hOM`(jSZR#Ll4
zHBUDbhF<!uS8ZsRFMafOU<xCy20}B0tn~!fZK_p9;J#tnkAtcfUZkX<QdODuvM{P6
zqNHauqNhFN%on2GzKb5)`s!g|8R{>APghDJxFrf$ztU1EnG?_?zj03^38n`d==C4)
zUux_#d6+qftrPlm1Q=Z6HZ?4{Dl@-mWO8cag|mLV$D|#;qwP_su%u!dBh*+#uC@>z
z*3mz&Q1c<Lp@#@dw8i)g^y<2=Mvg^!WgA~pse!<s!clGzeewbB-@*Y%^IUwk&Q|8Z
z@kfA{7r-kVSYHi2E7t>+h1fUTS8DeXXPc&6><2(6D0*Q2h<kGIULr3|rJjU1k%Lp2
zb`k0Ba$VeEAbkBDWtB#!%+B@z_l&`7hb<|?uD=z{9CWoV){W1+^>`9uWCKjFuHZwV
zc;l)|8@`Wh;&Xb_)`T9v|NVFrPiKaPI0#?lMXP8bJGBh-hf^os4YjyC6&O2&c!p$#
zAIJP@Dl-0()w16{QHrSThHL5VMO;}^3d0ZPBnL${IvVrGMkwg}amGp%HL$>6banYR
zFsATxA&EHk$|d+{gP7<B?^Nn_tZlUSygx$9I(y_L;wKje@V<0|-Q@y=;<P&|4R`Hn
z^COhM8iE*47L}=x*VX#`7lVJ!5>kb=DfZjtL`V&jTW{NBnZM}V@I-@5dYVYw+0wPp
zWqSFhB%B@FYY#!%6f3w|_@?Dfc_C)?*@p2EKzsALTSM0(K^|Qk62P~lDu8yJ8g(RG
z*V*|Y{ox;szgi4W3nW*0tEd^7Dr?AnZMaW*`9eht$XAVXNpjBd0;n7y^^zCEUyi+*
z*m_crw^FSwQm+_Ruxp99Xx;euRosOD(OutEAGFAATE<fXeZ!#e;zy9HE0?|qJxzG#
zH33BORSCv*{v5izfQ~4)c7PfAR28C9LDKBNvZm+r8^VV_DTlrh`w!EoOEQf^u+vZ0
zki$DG@L{A?`-*Bfw$>lVHR*S6TE1p&La;`zK8+I0>fpELs{C#FP5TSq>92Y|9>I!D
zhrI18Q~d#P<EM~QOC8bae<hu0E7{`v!Yto5nsG&$+`PZUz8$4VNPV`b5yJH%wO-{;
z05)o8L~w<}7xoKXX<9ZY(00q=(ps$^MP!K!8dk-{;@|GJzfD|h7oYaaXfhj78f5lV
zy77x<;!=Z8JgzU|Eskt&dFzRfuAz&Hxxf8kE^1)gNjIdISAKO%7R)ET)D@+BXwf(E
zc=(s@Oai6#J;g-_VS?M~qbnK}GyRULh^icUfp36Q)jY_tDk^aPVGO?)wiAzorJjdZ
z!&Okt-1?5(@?cMf8Cr^obXL{LqB-=ghe8_SQ2NyoKvuL|m6+j6guFH@*iyou+)2N7
zbvstcU?|CgeLP;f|C!ESrzM{!z0uuc2K4h|dEZNY2<b@&>|y@sL5ba`8CIl<{@w$y
zM*iHKhQiF}<1j|JY45<{=q3_D@tcSYUfq?s%1m8!iq*jY=)|s2<y4#=?vfldl&`DH
z9|5XW99O^Y>S2t@iz**}e1u&4{3?msRm&J4yYa`GGVDDAx&M^F^6MkOs;o+6Fq(VS
zYfmyZy>wxxDhA!C@3bjgtEjO3;!?uPXnfkzDqzdUVPTO)kB5rboBif7qQ|ep_Fzdv
zqEgup060l#us#B8=^aL?reh6ps$($sPA~*^1W?+e-SY@Cvv+^7N1J9%-doca*E#~6
zlHN{9T{akoufb-0)l`s#+)O!KHvq6HVC~yTw79+LIex{TsH&xcLbqP=FyZ%Z(!S@s
z4!yk<C&_-}ir8<*Uphh{Z!i(kqqk1+RutcN+}a<)bsqr)UX6m>C4cL?^80r;S>pR4
z05c6;oa^kZ4)(zPfrQ|fPDcQzoI#lb1wvs}f6w}Y3R+Ko`u;IP!0oc;z&r<10-p20
zECr7ZYjIq<jto@I-gWWv{8AD)TLYk@7)XX|xXA8SMN*B&wi<r!7Q0ud>JJ`rcdsw&
z3Qb!jl$)pQ2JC^~1QpN{GI7CsL^uS<5U6Kj{A8}Q?MEDcQqxYH`-K{rTkAqf%I|U!
zYGI<)zOf>DKSZyu8t%<*#UDE5E(P*jqNccYL}z?3SDZv|buDqHI0uZLRu$>;3A8<+
zCyjzs>oWZIy9`IR@9o&9VkZP=IAV8%4%YVwQz_|NUzl5^hBL1CSLm17T2pW3WL=~R
zPM}Lg3zw8*(7DOO?8{+rtQU!MO6AU^kJO-t*+U!!+W~5@_m++!aSq{gWZS3V!{6^!
zGLCoFvX5i(+1)ebjO&^#>Nl@#4%DN~H`R{-+=mL+V|2R9YaD!E?>d1$94kn-s;?up
zr5ydWC+b13zb1Q4WX3C9wgjtYXfT|*i<Ar#E$uK`bYB@on_?Rn1S7t+@VqSu^#p~R
zl&6<mp4KT%8K}?^lL+YB`)>8a*+D1ej)qvhb&-{ptT@mV1-w}{!H+bjz&><t;H`V8
zx7_XT9;4D$5PF<bJMVVv`})A9=@XTChl=a2d+Hr_v->%239H52!G_>+X;v7sy8K{R
zO(9Vi)k@<^-nev<^8BLUa)B=SRYl4nm*zL<`8q>=r=R0v^SB^YL3BaDK6o|$c!|@(
zKXz@qW*2}_ldXkrL9l0pLw?dC-WxbSt};@*)lGK9JWtWq5xUlNf1%*DCqJ#Cce)Qs
z&u(JQd{5%B?1h#G==vcjKZ7;|F;)Vjo2kQzWlCYQR+}A-yC$g~5I+7+r=0Ze-tP7y
z!9e%0V)Tb!sEwTiS_RSu)nw0S+#?B<>cUa>ek+5ZYUzim(#P*Wy25C$^7l2<-l>x0
z(}j5~;E#CaLTrAgP0`hdw<f(6q8x~_SWC;1A^?NzeaEecrk?u;+3|3T8#v<T!#hm6
zj*XFhKlO5&<vn}Tik41i$7}P)Yl@wDE?2m>QzI8cs+v*$#RI_8{G=e{!*=0*#~b0f
zvW;$QoUk_*HI)=~KRMz}2-2>!d9njZZE%$ryuQ=uK;<RXUB<o(S97_6jIah4+p@>;
z-^bH*IUea$<#Po|&uSwa>{RT7j1+!50*DT)4?ZleV^;U;!(#hmt9F%k#IMR~>4(R9
z>u9&f&Jv0gNu=>^n>Nl_VIv~=kZcdf(r7WhF_p%i3(*y`l%ZCqj6hX$wlpf-)%bIS
zYIB{vw@aQUk1D^Tz6{W{ipC;baU%N=588J2{`7P}TU~l0fiv^_oVQ5_baP9?#?)2F
z`+2$cA98f0+DndsSxOdtU)u8|*9=#u2Rg0n){uw&-AnHquUk0G%*d!`c<GwWk8_*c
zm4f#FDGz`VVOsVA8EAV60i=RfvPNPqkjW$Fb>?xi8mbnr#$}Y!xXuPnd3u~Lw3Un#
zp=m)t60L!SG+~aNV_}T(al$AL)D=0RTLL&5VF-@MtrHBqQ9dQt_~Lb+g&i1l69W9w
zzhi~JhWAgsX1?Dut$0u{U*_4B!R_Lr7xH%Ru`uLzxpp@tDsez@r-vUJ4ja}x^JpKW
z-^k?a`Z0<%zhFa~JZM^jX=vKkE}f<<m%t=31l4iP08Kub!))2X7yC{Vw>IIuLq2@c
z!pIw2UlJ*OD1W_jxItSGG%G{=3~pxQxnop9^*b=?bGbI`Z8c;DjQZMYQl_->KD_H%
zcMuS}CJd(bwRMt0^9?O7=d5+)_X#UNq_LBc1hIOXit*>md6g!oSD&58I$d-|B#vO&
z6`)ht4tXnlvA|gVz9Glm|L6(0^|Ce7ynPM<FCRSFI9n7Oyd~!1?Aq2PU#fATa+lDZ
zoYs;(=_Gu-z`iB%nD^e3XKNB3_$J8v=&g&{iAimiVi$>NUemV$<P+I6$H^a5SaJKD
zQ6)#N$8v=>{+t)B^<1=*;>vNMwIJr{!**hA7I0w(0?H6IH$gd#AvhFm%Zy8#$==|*
zY7BZjcES$ux()@4)|rA4NO44m^M-M^Rp4sulX<BWt=ZXX`HfaDWAI<>X-`Ex({h`{
zv`VjpiuSY?$nB|Dj4&{!+K_sCZ61a>UpeL1^QcB@z$phO)vKdoA0w`A?W+w5a2xxI
zjNm<<7|DN6jQ`w8unqG7IuNvyMt$2H_4&^tzLU(wem;%N`)yi0dQ1IWJA5pP%Uqa~
zD#N6_2F`lq-Dc90S8|(79R@AY_E^E{N~F!bn^PUGSOPq+({UDEd_l5Lbe4YXAL0N&
z_iUk6)<tZ}BzXlIN)!v577LrZH7Dh_=8^vDljm5`qlvbT^^tr^$xdtBgo{;Ku5A3S
z{s`VByNmjR+T2s8Y-OLJk7|X*F09NMQ}3K@G;{fYjQ9v#aCp=G8{pIjO>H_i1Xo^>
zL433|RS+W)=?M=cic<3+wEbKf>6!@>!>3Dw2`l1FCiU+yzM26%gQ+v3#%oM<skS5g
zp3AZA^|Pch`)D+ic~MF?AD&uHTqEKO*RjOpbm*ao)UW?1B$?TM|94FQfYW+W!Pts?
zjZkFj0V-%q1=o8x^zDw*$|&;I6luKmYtO_W@hM?jW<p&sPgYHJg7yLf0?#PoR$T75
znjUhjIIfsSW%E>jGV6krZtBIiY<Akk7S73%6(U!|Gi*yldXRy><6?Uf)L=1tE_X!D
zO^17*VB<G?i*4$h!uOJWx%|(kk!_~TV<)!-i;dPpDxSIS>E1rHhuP>MYE~UM6%ADz
zuwVRC2zp}R926l@#Ry?*Xo+#2!E`A9!0N!#gMDV)*Mr|g^1<uoMT1<~@|ZK1g38PZ
z+2IFW_yCTt1WVcEjMqI`Uh3TEF*)x|8p>)b`UJ~2F+DE8NiwBtqM0+-G}I&hxBson
J|Fd^Q{vX-$cAEeI

literal 0
HcmV?d00001