Skip to content

Commit 54154f6

Browse files
JadenJSJJadenJSJ
committed
chore(img-desc): update and polish image descriptions
1 parent fd9f04f commit 54154f6

2 files changed

Lines changed: 71 additions & 71 deletions

File tree

‎app/campus-life/page.tsx‎

Lines changed: 37 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -68,18 +68,18 @@ export default function CampusLifePage() {
6868

6969
const galleryImages = [
7070
{ src: galleryImg1, caption: "Campus at Night" },
71-
{ src: galleryImg2, caption: "Autumn on Campus" },
72-
{ src: galleryImg3, caption: "Snow on Campus" },
73-
{ src: galleryImg4, caption: "LX Dorm Entrance" },
71+
{ src: galleryImg2, caption: "Campus in Autumn" },
72+
{ src: galleryImg3, caption: "Campus in Snow" },
73+
{ src: galleryImg4, caption: "International Students Dorm Entrance" },
7474
{ src: galleryImg5, caption: "Calculus Class" },
7575
{ src: galleryImg6, caption: "Campus Gala" },
76-
{ src: galleryImg7, caption: "White bridge" },
76+
{ src: galleryImg7, caption: "Park Bridge" },
7777
{ src: galleryImg8, caption: "North Canteen" },
78-
{ src: galleryImg9, caption: "Canteen Food" },
78+
{ src: galleryImg9, caption: "Halal Canteen Food" },
7979
{ src: galleryImg10, caption: "Canteen Food" },
80-
{ src: galleryImg11, caption: "Gym 4th floor" },
80+
{ src: galleryImg11, caption: "Gym 4th Floor" },
8181
{ src: galleryImg12, caption: "Mini Zoo" },
82-
{ src: galleryImg13, caption: "24/7 library" },
82+
{ src: galleryImg13, caption: "24/7 Library" },
8383
{ src: galleryImg14, caption: "Autumn Scenery" },
8484
];
8585

@@ -115,7 +115,7 @@ export default function CampusLifePage() {
115115
<h2 className="text-3xl font-display font-bold mb-4">Where You&apos;ll Live</h2>
116116
<p className="text-muted-foreground">Affordable, comfortable, and safe.</p>
117117
</div>
118-
118+
119119
{/* Location Section */}
120120
<motion.div
121121
initial={{ opacity: 0, y: 30 }}
@@ -159,10 +159,10 @@ export default function CampusLifePage() {
159159
className="bg-white rounded-3xl overflow-hidden shadow-sm border border-border group"
160160
>
161161
<div className="h-64 overflow-hidden relative">
162-
<BlurImage src={dorm.image} alt={dorm.title} placeholder="blur" className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" />
163-
<div className="absolute bottom-4 right-4 bg-black/70 backdrop-blur-md text-white px-3 py-1 rounded-full text-sm font-medium z-10">
164-
{dorm.price}
165-
</div>
162+
<BlurImage src={dorm.image} alt={dorm.title} placeholder="blur" className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" />
163+
<div className="absolute bottom-4 right-4 bg-black/70 backdrop-blur-md text-white px-3 py-1 rounded-full text-sm font-medium z-10">
164+
{dorm.price}
165+
</div>
166166
</div>
167167
<div className="p-6">
168168
<h3 className="text-xl font-bold mb-4">{dorm.title}</h3>
@@ -194,10 +194,10 @@ export default function CampusLifePage() {
194194
className="bg-white rounded-3xl overflow-hidden shadow-sm border border-border group"
195195
>
196196
<div className="h-64 overflow-hidden relative">
197-
<BlurImage src={dorm.image} alt={dorm.title} placeholder="blur" className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" />
198-
<div className="absolute bottom-4 right-4 bg-black/70 backdrop-blur-md text-white px-3 py-1 rounded-full text-sm font-medium z-10">
199-
{dorm.price}
200-
</div>
197+
<BlurImage src={dorm.image} alt={dorm.title} placeholder="blur" className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" />
198+
<div className="absolute bottom-4 right-4 bg-black/70 backdrop-blur-md text-white px-3 py-1 rounded-full text-sm font-medium z-10">
199+
{dorm.price}
200+
</div>
201201
</div>
202202
<div className="p-6">
203203
<h3 className="text-xl font-bold mb-4">{dorm.title}</h3>
@@ -245,27 +245,27 @@ export default function CampusLifePage() {
245245
<div>
246246
<h2 className="text-3xl font-display font-bold mb-12 text-center">Campus Moments</h2>
247247
<div className="mb-24 columns-2 md:columns-3 gap-4 md:gap-6">
248-
{galleryImages.map((img, idx) => (
249-
<motion.div
250-
key={idx}
251-
initial={{ opacity: 0, scale: 0.9 }}
252-
whileInView={{ opacity: 1, scale: 1 }}
253-
viewport={{ once: true, margin: "-50px" }}
254-
transition={{ delay: idx * 0.1 }}
255-
className="relative rounded-2xl overflow-hidden group break-inside-avoid mb-6"
256-
>
257-
<div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10" />
258-
<BlurImage
259-
src={img.src}
260-
alt={img.caption}
261-
className="w-full h-auto object-cover transform group-hover:scale-105 transition-transform duration-700"
262-
sizes="(max-width: 768px) 100vw, 33vw"
263-
/>
264-
<div className="absolute bottom-0 left-0 right-0 p-6 translate-y-full group-hover:translate-y-0 transition-transform duration-300 z-20">
265-
<p className="text-white font-medium text-sm">{img.caption}</p>
266-
</div>
267-
</motion.div>
268-
))}
248+
{galleryImages.map((img, idx) => (
249+
<motion.div
250+
key={idx}
251+
initial={{ opacity: 0, scale: 0.9 }}
252+
whileInView={{ opacity: 1, scale: 1 }}
253+
viewport={{ once: true, margin: "-50px" }}
254+
transition={{ delay: idx * 0.1 }}
255+
className="relative rounded-2xl overflow-hidden group break-inside-avoid mb-6"
256+
>
257+
<div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10" />
258+
<BlurImage
259+
src={img.src}
260+
alt={img.caption}
261+
className="w-full h-auto object-cover transform group-hover:scale-105 transition-transform duration-700"
262+
sizes="(max-width: 768px) 100vw, 33vw"
263+
/>
264+
<div className="absolute bottom-0 left-0 right-0 p-6 translate-y-full group-hover:translate-y-0 transition-transform duration-300 z-20">
265+
<p className="text-white font-medium text-sm">{img.caption}</p>
266+
</div>
267+
</motion.div>
268+
))}
269269
</div>
270270
</div>
271271

‎app/community/page.tsx‎

Lines changed: 34 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -88,16 +88,16 @@ export default function CommunityPage() {
8888
];
8989

9090
const galleryImages = [
91-
{ src: galleryImg1, caption: "Wencui building" },
92-
{ src: galleryImg2, caption: "ICF event" },
93-
{ src: galleryImg3, caption: "Boxing club" },
91+
{ src: galleryImg1, caption: "Wencui Building" },
92+
{ src: galleryImg2, caption: "ICF Event" },
93+
{ src: galleryImg3, caption: "Boxing Club" },
9494
{ src: galleryImg4, caption: "Opening Ceremony" },
95-
{ src: galleryImg5, caption: "Group study" },
95+
{ src: galleryImg5, caption: "Group Study" },
9696
{ src: galleryImg6, caption: "Wushu Competition" },
97-
{ src: galleryImg7, caption: "Kungfu Show" },
97+
{ src: galleryImg7, caption: "Kung Fu Show" },
9898
{ src: galleryImg8, caption: "5km Marathon Event" },
99-
{ src: galleryImg9, caption: "Chinese-taught Study session" },
100-
{ src: galleryImg10, caption: "English-taught Study session" },
99+
{ src: galleryImg9, caption: "BIND BBB Chinese-taught Community Study" },
100+
{ src: galleryImg10, caption: "BIND BBB English-taught Community Study" },
101101
];
102102

103103
return (
@@ -201,36 +201,36 @@ export default function CommunityPage() {
201201
</p>
202202
<div className="flex gap-4 flex-wrap">
203203
<Button variant="outline" className="border-white/20 bg-white/5 hover:bg-white/10 text-white hover:text-white gap-2 pl-3 h-auto py-2.5" asChild>
204-
<a href="https://www.instagram.com/permitbeijing/" target="_blank" rel="noopener noreferrer" className="flex items-center">
205-
<Image src="/images/icons/insagram-white-outline.svg" alt="Instagram" width={18} height={18} className="opacity-90" />
206-
<span>@permitbeijing</span>
207-
</a>
208-
</Button>
209-
<Button variant="outline" className="border-white/20 bg-white/5 hover:bg-white/10 text-white hover:text-white gap-2 pl-3 h-auto py-2.5" asChild>
210-
<a href="https://www.instagram.com/bit_indonesia/" target="_blank" rel="noopener noreferrer" className="flex items-center">
211-
<Image src="/images/icons/insagram-white-outline.svg" alt="Instagram" width={18} height={18} className="opacity-90" />
212-
<span>@bit_indonesia</span>
213-
</a>
214-
</Button>
215-
<Button variant="outline" className="border-white/20 bg-white/5 hover:bg-white/10 text-white hover:text-white gap-2 pl-3 h-auto py-2.5" asChild>
216-
<a href="https://www.instagram.com/ppitiongkok" target="_blank" rel="noopener noreferrer" className="flex items-center">
217-
<Image src="/images/icons/insagram-white-outline.svg" alt="Instagram" width={18} height={18} className="opacity-90" />
218-
<span>@ppitiongkok</span>
219-
</a>
220-
</Button>
204+
<a href="https://www.instagram.com/permitbeijing/" target="_blank" rel="noopener noreferrer" className="flex items-center">
205+
<Image src="/images/icons/insagram-white-outline.svg" alt="Instagram" width={18} height={18} className="opacity-90" />
206+
<span>@permitbeijing</span>
207+
</a>
208+
</Button>
209+
<Button variant="outline" className="border-white/20 bg-white/5 hover:bg-white/10 text-white hover:text-white gap-2 pl-3 h-auto py-2.5" asChild>
210+
<a href="https://www.instagram.com/bit_indonesia/" target="_blank" rel="noopener noreferrer" className="flex items-center">
211+
<Image src="/images/icons/insagram-white-outline.svg" alt="Instagram" width={18} height={18} className="opacity-90" />
212+
<span>@bit_indonesia</span>
213+
</a>
214+
</Button>
215+
<Button variant="outline" className="border-white/20 bg-white/5 hover:bg-white/10 text-white hover:text-white gap-2 pl-3 h-auto py-2.5" asChild>
216+
<a href="https://www.instagram.com/ppitiongkok" target="_blank" rel="noopener noreferrer" className="flex items-center">
217+
<Image src="/images/icons/insagram-white-outline.svg" alt="Instagram" width={18} height={18} className="opacity-90" />
218+
<span>@ppitiongkok</span>
219+
</a>
220+
</Button>
221221
</div>
222222
</div>
223223
<div className="flex gap-6 justify-center md:justify-end">
224224
<div className="w-32 h-32 rounded-full bg-white p-4 shadow-lg items-center justify-top translate-y-12 relative overflow-hidden">
225-
<BlurImage src={bindImg} alt="BIND" className="rounded-full object-contain" fill sizes="128px" />
226-
</div>
227-
<div className="w-32 h-32 rounded-full bg-white p-4 shadow-lg items-center justify-center relative overflow-hidden">
228-
<BlurImage src={permitImg} alt="PERMIT Beijing" className="rounded-full object-contain" fill sizes="128px" />
229-
</div>
230-
<div className="w-32 h-32 rounded-full bg-white p-4 shadow-lg items-center justify-center translate-y-8 relative overflow-hidden">
231-
<BlurImage src={ppitImg} alt="PPIT Tiongkok" className="rounded-full object-contain" fill sizes="128px" />
232-
</div>
233-
225+
<BlurImage src={bindImg} alt="BIND" className="rounded-full object-contain" fill sizes="128px" />
226+
</div>
227+
<div className="w-32 h-32 rounded-full bg-white p-4 shadow-lg items-center justify-center relative overflow-hidden">
228+
<BlurImage src={permitImg} alt="PERMIT Beijing" className="rounded-full object-contain" fill sizes="128px" />
229+
</div>
230+
<div className="w-32 h-32 rounded-full bg-white p-4 shadow-lg items-center justify-center translate-y-8 relative overflow-hidden">
231+
<BlurImage src={ppitImg} alt="PPIT Tiongkok" className="rounded-full object-contain" fill sizes="128px" />
232+
</div>
233+
234234
</div>
235235
</div>
236236
</div>
@@ -256,7 +256,7 @@ export default function CommunityPage() {
256256
sizes="(max-width: 768px) 100vw, 33vw"
257257
/>
258258
<div className="absolute bottom-0 left-0 right-0 p-6 translate-y-full group-hover:translate-y-0 transition-transform duration-300 z-20">
259-
<p className="text-white font-medium text-sm">{item.caption}</p>
259+
<p className="text-white font-medium text-sm">{item.caption}</p>
260260
</div>
261261
</motion.div>
262262
))}

0 commit comments

Comments
 (0)