Skip to content

Commit d4d2d41

Browse files
rayraycodesrayraycodes
committed
article ai
1 parent 4f6a85a commit d4d2d41

2 files changed

Lines changed: 25 additions & 25 deletions

File tree

‎src/components/pages/StoryDetail.tsx‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -170,10 +170,10 @@ export function StoryDetail() {
170170
<Calendar size={16} />
171171
<span>{selectedStory.date}</span>
172172
</div>
173-
<h1 className="text-4xl lg:text-5xl tracking-tight">
173+
<h1 className="text-4xl lg:text-5xl tracking-tight text-gray-900">
174174
{selectedStory.title}
175175
</h1>
176-
<p className="text-xl text-muted-foreground">
176+
<p className="text-xl text-gray-900">
177177
{selectedStory.content.description}
178178
</p>
179179
</header>
@@ -201,29 +201,29 @@ export function StoryDetail() {
201201

202202
{/* What I Built */}
203203
<section className="space-y-4">
204-
<h2 className="text-2xl font-semibold">{labels.whatIBuilt}</h2>
204+
<h2 className="text-2xl font-semibold text-gray-900">{labels.whatIBuilt}</h2>
205205
<ul className="grid md:grid-cols-2 gap-3">
206206
{selectedStory.content.work.map((item) => (
207207
<li key={item} className="flex items-start gap-2">
208208
<span className="text-blue-600 mt-1">•</span>
209-
<span className="text-muted-foreground">{item}</span>
209+
<span className="text-gray-900">{item}</span>
210210
</li>
211211
))}
212212
</ul>
213213
</section>
214214

215215
{/* Impact */}
216216
<section className={`bg-gradient-to-br ${themeColors[selectedStory.theme as keyof typeof themeColors]} border rounded-2xl p-6 space-y-3`}>
217-
<h2 className="text-2xl font-semibold">{labels.impactToday}</h2>
218-
<p className="text-lg text-muted-foreground italic">
217+
<h2 className="text-2xl font-semibold text-gray-900">{labels.impactToday}</h2>
218+
<p className="text-lg text-gray-900 italic">
219219
{selectedStory.content.impact}
220220
</p>
221221
</section>
222222

223223
{/* Impact Stats (only for main story) */}
224224
{selectedStory.content.hasStats && selectedStory.content.stats && (
225225
<section className="py-8 border-t">
226-
<h2 className="text-2xl font-semibold mb-6">{labels.impactByNumbers}</h2>
226+
<h2 className="text-2xl font-semibold mb-6 text-gray-900">{labels.impactByNumbers}</h2>
227227
<div className="grid md:grid-cols-4 gap-6">
228228
{selectedStory.content.stats.map((stat) => (
229229
<div
@@ -233,7 +233,7 @@ export function StoryDetail() {
233233
<div className="text-3xl lg:text-4xl mb-2 text-gradient-blue">
234234
{stat.value}
235235
</div>
236-
<div className="text-sm text-muted-foreground">{stat.label}</div>
236+
<div className="text-sm text-gray-900">{stat.label}</div>
237237
</div>
238238
))}
239239
</div>
@@ -252,10 +252,10 @@ export function StoryDetail() {
252252
transition={{ duration: 0.8 }}
253253
className="mb-12"
254254
>
255-
<h2 className="text-3xl lg:text-4xl tracking-tight mb-4">
255+
<h2 className="text-3xl lg:text-4xl tracking-tight mb-4 text-gray-900">
256256
Other Stories of Impact
257257
</h2>
258-
<p className="text-lg text-muted-foreground">
258+
<p className="text-lg text-gray-900">
259259
Explore more stories of meaningful change
260260
</p>
261261
</motion.div>
@@ -325,10 +325,10 @@ export function StoryDetail() {
325325
viewport={{ once: true }}
326326
transition={{ duration: 0.8 }}
327327
>
328-
<h2 className="text-4xl lg:text-5xl tracking-tight mb-6">
328+
<h2 className="text-4xl lg:text-5xl tracking-tight mb-6 text-gray-900">
329329
Let's create impact together
330330
</h2>
331-
<p className="text-xl text-muted-foreground mb-8">
331+
<p className="text-xl text-gray-900 mb-8">
332332
Interested in learning more about this story or collaborating on projects that create meaningful change? Let's connect.
333333
</p>
334334
<div className="flex flex-col sm:flex-row gap-4 justify-center">

‎src/components/pages/StoryOfAdventureDetail.tsx‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -236,7 +236,7 @@ export function StoryOfAdventureDetail() {
236236
<Calendar size={16} />
237237
<span>{selectedStory.date}</span>
238238
</div>
239-
<h1 className="text-4xl lg:text-5xl tracking-tight">
239+
<h1 className="text-4xl lg:text-5xl tracking-tight text-gray-900">
240240
{selectedStory.title}
241241
</h1>
242242
</header>
@@ -288,7 +288,7 @@ export function StoryOfAdventureDetail() {
288288
// Handle list objects
289289
if (item.type === 'list' && Array.isArray(item.items)) {
290290
return (
291-
<ul key={index} className="list-disc list-outside space-y-3 text-xl text-muted-foreground leading-relaxed ml-6 marker:text-gray-400">
291+
<ul key={index} className="list-disc list-outside space-y-3 text-xl text-gray-900 leading-relaxed ml-6 marker:text-gray-600">
292292
{item.items.map((listItem: string, listIndex: number) => (
293293
<li key={listIndex} className="pl-2">{listItem}</li>
294294
))}
@@ -299,7 +299,7 @@ export function StoryOfAdventureDetail() {
299299
// Handle regular text paragraphs
300300
if (typeof item === 'string') {
301301
return (
302-
<p key={index} className="text-xl text-muted-foreground leading-relaxed">
302+
<p key={index} className="text-xl text-gray-900 leading-relaxed">
303303
{item}
304304
</p>
305305
);
@@ -308,7 +308,7 @@ export function StoryOfAdventureDetail() {
308308
})}
309309
</div>
310310
) : (
311-
<p className="text-xl text-muted-foreground leading-relaxed whitespace-pre-line">
311+
<p className="text-xl text-gray-900 leading-relaxed whitespace-pre-line">
312312
{selectedStory.content.description}
313313
</p>
314314
)}
@@ -340,30 +340,30 @@ export function StoryOfAdventureDetail() {
340340

341341
{/* What I Did */}
342342
<section className="space-y-4">
343-
<h2 className="text-2xl font-semibold">{labels.whatIDid}</h2>
343+
<h2 className="text-2xl font-semibold text-gray-900">{labels.whatIDid}</h2>
344344
<ul className="grid md:grid-cols-2 gap-3">
345345
{selectedStory.content.work.map((item) => (
346346
<li key={item} className="flex items-start gap-2">
347347
<span className="text-blue-600 mt-1">•</span>
348-
<span className="text-muted-foreground">{item}</span>
348+
<span className="text-gray-900">{item}</span>
349349
</li>
350350
))}
351351
</ul>
352352
</section>
353353

354354
{/* Reflection */}
355355
<section className={`bg-gradient-to-br ${themeColors[selectedStory.theme as keyof typeof themeColors]} border rounded-2xl p-6 space-y-3`}>
356-
<h2 className="text-2xl font-semibold">{labels.reflection}</h2>
356+
<h2 className="text-2xl font-semibold text-gray-900">{labels.reflection}</h2>
357357
{Array.isArray(selectedStory.content.impact) ? (
358358
<div className="space-y-4">
359359
{selectedStory.content.impact.map((paragraph, index) => (
360-
<p key={index} className="text-lg text-muted-foreground italic leading-relaxed">
360+
<p key={index} className="text-lg text-gray-900 italic leading-relaxed">
361361
{paragraph}
362362
</p>
363363
))}
364364
</div>
365365
) : (
366-
<p className="text-lg text-muted-foreground italic leading-relaxed whitespace-pre-line">
366+
<p className="text-lg text-gray-900 italic leading-relaxed whitespace-pre-line">
367367
{selectedStory.content.impact}
368368
</p>
369369
)}
@@ -384,10 +384,10 @@ export function StoryOfAdventureDetail() {
384384
transition={{ duration: 0.8 }}
385385
className="mb-12"
386386
>
387-
<h2 className="text-3xl lg:text-4xl tracking-tight mb-4">
387+
<h2 className="text-3xl lg:text-4xl tracking-tight mb-4 text-gray-900">
388388
Other Stories of Adventure
389389
</h2>
390-
<p className="text-lg text-muted-foreground">
390+
<p className="text-lg text-gray-900">
391391
Explore more adventures and stories
392392
</p>
393393
</motion.div>
@@ -465,10 +465,10 @@ export function StoryOfAdventureDetail() {
465465
viewport={{ once: true }}
466466
transition={{ duration: 0.8 }}
467467
>
468-
<h2 className="text-4xl lg:text-5xl tracking-tight mb-6">
468+
<h2 className="text-4xl lg:text-5xl tracking-tight mb-6 text-gray-900">
469469
Let's connect
470470
</h2>
471-
<p className="text-xl text-muted-foreground mb-8">
471+
<p className="text-xl text-gray-900 mb-8">
472472
Want to learn more about this story or share your own adventures? I'd love to hear from you.
473473
</p>
474474
<div className="flex flex-col sm:flex-row gap-4 justify-center">

0 commit comments

Comments
 (0)