File tree Expand file tree Collapse file tree
apps/web/src/app/(main)/testimonials Expand file tree Collapse file tree Original file line number Diff line number Diff line change 22import React , { useMemo } from "react" ;
33import Navbar from "@/components/landing-sections/navbar" ;
44import Footer from "@/components/landing-sections/footer" ;
5- import Image from "next/image" ;
65import { Twitter , Linkedin , Instagram , Youtube } from "lucide-react" ;
76
87import { trpc } from "@/lib/trpc" ;
@@ -60,12 +59,11 @@ const TestimonialCard = ({ item }: { item: Testimonial }) => {
6059 return (
6160 < div className = "mb-4 break-inside-avoid rounded-xl border border bg-neutral-900/50 overflow-hidden hover:border-neutral-700 transition-colors p-2" >
6261 < div className = "relative w-full" >
63- < Image
62+ < img
6463 src = { item . imageUrl }
6564 alt = { item . alt }
66- width = { 1000 }
67- height = { 800 }
6865 className = "w-full h-auto object-contain"
66+ loading = "lazy"
6967 />
7068 </ div >
7169 </ div >
@@ -80,11 +78,11 @@ const TestimonialCard = ({ item }: { item: Testimonial }) => {
8078 < div className = "mb-4 break-inside-avoid rounded-xl border border bg-neutral-900/50 p-6 hover:border-neutral-700 transition-colors flex flex-col gap-4" >
8179 < div className = "flex items-center gap-3" >
8280 < div className = "relative w-10 h-10 rounded-full overflow-hidden border border-white/10" >
83- < Image
81+ < img
8482 src = { item . user . avatar }
8583 alt = { item . user . name }
86- fill
87- className = "object-cover "
84+ className = "w-full h-full object-cover"
85+ loading = "lazy "
8886 />
8987 </ div >
9088 < div className = "flex flex-col flex-1" >
You can’t perform that action at this time.
0 commit comments