Feat(Curriculum): Implement Chapter Based Layout to A1 Spanish (freeCodeCamp#62190)

Co-authored-by: Huyen Nguyen <[email protected]>

Author: nieldakarla

client/i18n/locales/english/intro.json

@@ -4849,10 +4849,38 @@
     "title": "A1 Professional Spanish Certification (Beta)",
     "note": "This certification is currently in active development. While there isn't a claimable certification available for this section at the moment, one will be available soon. In the meantime, you're welcome to explore the courses we have created below.",
     "intro": ["Placeholder intro"],
+    "chapters": {
+      "es-a1-chapter-greetings-and-introductions": "Greetings and Introductions"
+    },
+    "modules": {
+      "es-a1-module-greetings-and-farewells": "Greetings and Farewells"
+    },
+    "module-intros": {
+      "es-a1-module-greetings-and-farewells": {
+        "note": "Coming Winter 2025",
+        "intro": ["PLACEHOLDER: Write the module intro here."]
+      }
+    },
     "blocks": {
-      "a1-professional-spanish-placeholder-block": {
-        "title": "A1 Professional Spanish Placeholder Block",
-        "intro": ["Placeholder intro text."]
+      "es-a1-warm-up-greetings-and-farewells-basics": {
+        "title": "Greetings and Farewells Basics",
+        "intro": ["Learn the basics of greetings and farewells in Spanish."]
+      },
+      "es-a1-learn-greetings-during-the-day": {
+        "title": "Greetings During the Day",
+        "intro": ["", ""]
+      },
+      "es-a1-practice-greetings-and-farewells": {
+        "title": "Greetings and Farewells Practice",
+        "intro": ["", ""]
+      },
+      "es-a1-review-greetings-and-farewells": {
+        "title": "Greetings and Farewells Review",
+        "intro": ["", ""]
+      },
+      "es-a1-quiz-greetings-and-farewells": {
+        "title": "Greetings and Farewells Quiz",
+        "intro": ["", ""]
       }
     }
   },

client/src/pages/learn/a1-professional-spanish/a1-professional-spanish-placeholder-block/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to the Greetings During the Day
+block: es-a1-learn-greetings-during-the-day
+superBlock: a1-professional-spanish
+---
+
+## Introduction to the Greetings During the Day
+
+This page is for the Greetings During the Day

client/src/pages/learn/a1-professional-spanish/es-a1-learn-greetings-during-the-day/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to the Greetings and Farewells Practice
+block: es-a1-practice-greetings-and-farewells
+superBlock: a1-professional-spanish
+---
+
+## Introduction to the Greetings and Farewells Practice
+
+This page is for the Greetings and Farewells Practice

client/src/pages/learn/a1-professional-spanish/es-a1-practice-greetings-and-farewells/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to the Greetings and Farewells Quiz
+block: es-a1-quiz-greetings-and-farewells
+superBlock: a1-professional-spanish
+---
+
+## Introduction to the Greetings and Farewells Quiz
+
+This page is for the Greetings and Farewells Quiz

client/src/pages/learn/a1-professional-spanish/es-a1-quiz-greetings-and-farewells/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to the Greetings and Farewells Review
+block: es-a1-review-greetings-and-farewells
+superBlock: a1-professional-spanish
+---
+
+## Introduction to the Greetings and Farewells Review
+
+This page is for the Greetings and Farewells Review

client/src/pages/learn/a1-professional-spanish/es-a1-review-greetings-and-farewells/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to Greetings and Farewells Basics
+block: es-a1-warm-up-greetings-and-farewells-basics
+superBlock: a1-professional-spanish
+---
+
+## Introduction to Greetings and Farewells Basics
+
+Introduction to Greetings and Farewells Basics

client/src/pages/learn/a1-professional-spanish/es-a1-warm-up-greetings-and-farewells-basics/index.md

@@ -9,8 +9,10 @@ import DropDown from '../../../assets/icons/dropdown';
 // from the curriculum
 import fullStackCert from '../../../../../curriculum/structure/superblocks/full-stack-developer.json';
 import fullStackOpen from '../../../../../curriculum/structure/superblocks/full-stack-open.json';
+import a1Spanish from '../../../../../curriculum/structure/superblocks/a1-professional-spanish.json';
 
 import { ChapterIcon } from '../../../assets/chapter-icon';
+import { type Chapter } from '../../../../../shared/config/chapters';
 import { BlockLayouts, BlockTypes } from '../../../../../shared/config/blocks';
 import { FsdChapters } from '../../../../../shared/config/chapters';
 import { type Module } from '../../../../../shared/config/modules';
@@ -174,12 +176,16 @@ export const SuperBlockAccordion = ({
   chosenBlock,
   completedChallengeIds
 }: SuperBlockAccordionProps) => {
-  function getSuperblockStructure(superBlock: SuperBlocks) {
+  function getSuperblockStructure(superBlock: SuperBlocks): {
+    chapters: Chapter[];
+  } {
     switch (superBlock) {
       case SuperBlocks.FullStackOpen:
         return fullStackOpen;
       case SuperBlocks.FullStackDeveloper:
         return fullStackCert;
+      case SuperBlocks.A1Spanish:
+        return a1Spanish;
       default:
         throw new Error("The SuperBlock structure hasn't been imported.");
     }

client/src/templates/Introduction/components/super-block-accordion.tsx

@@ -0,0 +1,58 @@
+---
+id: 68c84d44d91406c37b3ad73f
+title: "Dialogue 1: I'm Tom"
+challengeType: 21
+dashedName: dialogue-1-im-tom
+---
+
+# --description--
+
+Watch the video below to understand the context of the upcoming lessons.
+
+# --assignment--
+
+Watch the video.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "chaos.png",
+    "characters": [
+      {
+        "character": "David",
+        "position": {"x":50,"y":80,"z":8},
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "1.1-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 5.7,
+      "finishTimestamp": 6.48
+    }
+  },
+  "commands": [
+    {
+      "character": "David",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "David",
+      "startTime": 1,
+      "finishTime": 0.78,
+      "dialogue": {
+        "text": "I'm Tom.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Tom",
+      "opacity": 0,
+      "startTime": 1.28
+    }
+  ]
+}
+```