article ai

Author: rayraycodes

src/components/pages/StoryOfAdventureDetail.tsx

@@ -34,7 +34,7 @@ interface Story {
   icon: typeof Globe;
   theme: 'blue' | 'green' | 'purple' | 'indigo' | 'teal' | 'orange' | string;
   content: {
-    description: string | string[];
+    description: string | (string | { type: 'heading'; level: 2 | 3; text: string } | { type: 'list'; items: string[] })[];
     work: string[];
     impact: string | string[];
     images?: (string | StoryImage)[];
@@ -268,12 +268,44 @@ export function StoryOfAdventureDetail() {
 
           {/* Description */}
           {Array.isArray(selectedStory.content.description) ? (
-            <div className="space-y-4">
-              {selectedStory.content.description.map((paragraph, index) => (
-                <p key={index} className="text-xl text-muted-foreground leading-relaxed">
-                  {paragraph}
-                </p>
-              ))}
+            <div className="space-y-6">
+              {selectedStory.content.description.map((item, index) => {
+                // Handle heading objects
+                if (typeof item === 'object' && item !== null && 'type' in item) {
+                  if (item.type === 'heading') {
+                    const HeadingTag = item.level === 2 ? 'h2' : item.level === 3 ? 'h3' : 'h2';
+                    return (
+                      <HeadingTag 
+                        key={index} 
+                        className={`font-semibold text-gray-900 mt-8 mb-4 first:mt-0 ${
+                          item.level === 2 ? 'text-3xl lg:text-4xl' : 'text-2xl lg:text-3xl'
+                        }`}
+                      >
+                        {item.text}
+                      </HeadingTag>
+                    );
+                  }
+                  // Handle list objects
+                  if (item.type === 'list' && Array.isArray(item.items)) {
+                    return (
+                      <ul key={index} className="list-disc list-outside space-y-3 text-xl text-muted-foreground leading-relaxed ml-6 marker:text-gray-400">
+                        {item.items.map((listItem: string, listIndex: number) => (
+                          <li key={listIndex} className="pl-2">{listItem}</li>
+                        ))}
+                      </ul>
+                    );
+                  }
+                }
+                // Handle regular text paragraphs
+                if (typeof item === 'string') {
+                  return (
+                    <p key={index} className="text-xl text-muted-foreground leading-relaxed">
+                      {item}
+                    </p>
+                  );
+                }
+                return null;
+              })}
             </div>
           ) : (
             <p className="text-xl text-muted-foreground leading-relaxed whitespace-pre-line">

src/data/content.ts

@@ -1345,71 +1345,72 @@ const contentData = {
             "In early 2020, most people saw news about a virus overseas and assumed it was overblown. Life felt normal. Then within weeks, everything changed.",
             "The argument here is that we're in a similar moment with AI. It still feels optional. Overhyped. Easy to ignore.",
             "It isn't.",
-            "Why This Feels Different",
+            { "type": "heading", "level": 2, "text": "Why This Feels Different" },
             "The people inside the AI industry are not speculating about the future. They're reacting to what has already happened in their own jobs.",
             "For years, AI improved steadily. Then in 2025, progress accelerated dramatically. New models weren't just slightly better. They were significantly better, and they arrived faster and faster.",
             "Some developers now describe their work in plain English and return hours later to find a completed, polished product. Not a draft. Not something half working. The finished result.",
             "The shift has been from:",
-            "AI as assistant",
-            "to",
-            "AI as autonomous worker",
+            { "type": "list", "items": ["AI as assistant", "to", "AI as autonomous worker"] },
             "That change happened fast.",
-            "Why Coding Came First",
+            { "type": "heading", "level": 2, "text": "Why Coding Came First" },
             "AI labs focused heavily on coding for a strategic reason: better code means better AI.",
             "If AI can help build the next version of itself, improvement speeds up. This creates a feedback loop where each generation helps build a stronger one.",
             "That loop is now real. Companies have publicly stated that their latest models were used to help build and refine themselves.",
             "This is not hypothetical. It is happening.",
-            "The Speed of Progress",
+            { "type": "heading", "level": 3, "text": "The Speed of Progress" },
             "The improvement curve has been steep:",
-            "2022: Struggled with simple math",
-            "2023: Passed professional exams",
-            "2024: Wrote functional software",
-            "2025: Automated major portions of technical jobs",
-            "2026: Began operating with what feels like judgment and taste",
+            { "type": "list", "items": [
+              "2022: Struggled with simple math",
+              "2023: Passed professional exams",
+              "2024: Wrote functional software",
+              "2025: Automated major portions of technical jobs",
+              "2026: Began operating with what feels like judgment and taste"
+            ]},
             "Research organizations that measure task completion show the length of tasks AI can do independently has been doubling every few months.",
             "If that trend continues, AI will handle multi-day and multi-week projects soon.",
-            "What This Means for Jobs",
+            { "type": "heading", "level": 3, "text": "What This Means for Jobs" },
             "This wave is different from past automation because it affects general cognitive work, not just one skill.",
             "Fields already seeing strong impact:",
-            "Law",
-            "Finance",
-            "Writing and content",
-            "Software engineering",
-            "Customer service",
-            "Medical analysis",
+            { "type": "list", "items": [
+              "Law",
+              "Finance",
+              "Writing and content",
+              "Software engineering",
+              "Customer service",
+              "Medical analysis"
+            ]},
             "If your job mainly involves reading, writing, analyzing, or making decisions on a computer, AI will likely affect it.",
             "The timeline is not decades away. Industry leaders estimate one to five years. Some believe it could be faster.",
-            "Why Many People Still Don't See It",
+            { "type": "heading", "level": 3, "text": "Why Many People Still Don't See It" },
             "Most people try free AI tools and conclude they are limited.",
             "The highest-performing models are typically behind paid tiers and are far more capable. The gap between public perception and current reality is wide.",
             "Those experimenting seriously are often surprised by how much AI can already handle.",
-            "What To Do Now",
+            { "type": "heading", "level": 2, "text": "What To Do Now" },
             "This is not about panic. It is about positioning.",
-            "Use AI seriously.",
-            "Not as a search engine. Integrate it into real work.",
-            "Automate parts of your job before someone else does.",
-            "The person who learns to produce results faster becomes more valuable immediately.",
-            "Build financial flexibility.",
-            "Disruption favors those with options.",
-            "Lean into what is hardest to replace.",
-            "Trust, long-term relationships, regulatory responsibility, physical presence. These may buy time.",
-            "Develop adaptability.",
-            "The most durable skill now is learning new tools quickly.",
+            { "type": "list", "items": [
+              "Use AI seriously. Not as a search engine. Integrate it into real work.",
+              "Automate parts of your job before someone else does. The person who learns to produce results faster becomes more valuable immediately.",
+              "Build financial flexibility. Disruption favors those with options.",
+              "Lean into what is hardest to replace. Trust, long-term relationships, regulatory responsibility, physical presence. These may buy time.",
+              "Develop adaptability. The most durable skill now is learning new tools quickly."
+            ]},
             "Even one hour a day of active experimentation puts someone ahead of most professionals.",
-            "The Upside",
+            { "type": "heading", "level": 3, "text": "The Upside" },
             "This is not only a threat.",
             "AI dramatically lowers barriers:",
-            "Build software without deep technical skills",
-            "Learn new subjects quickly",
-            "Prototype business ideas cheaply",
-            "Create content and products faster",
+            { "type": "list", "items": [
+              "Build software without deep technical skills",
+              "Learn new subjects quickly",
+              "Prototype business ideas cheaply",
+              "Create content and products faster"
+            ]},
             "Ambition is cheaper now. Knowledge is cheaper now. Building is easier now.",
             "For people who adapt early, the opportunity is enormous.",
-            "The Bigger Picture",
+            { "type": "heading", "level": 3, "text": "The Bigger Picture" },
             "AI could accelerate medical research, scientific discovery, and problem solving on a global scale.",
             "It also introduces serious risks: economic disruption, misuse, concentration of power.",
             "The technology is powerful. It is improving rapidly. It is not slowing down.",
-            "The Core Message",
+            { "type": "heading", "level": 3, "text": "The Core Message" },
             "This is not a distant future discussion.",
             "AI is already reshaping technical fields. Other industries are next.",
             "The advantage right now is simply awareness and early action.",