feat: render locale-aware portfolio routes

src/components/ScenicHeroJourney.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import React from 'react';
 import { HeroSection } from './HeroSection';
 import { RiverJourney } from './RiverJourney';
 import {
@@ -10,6 +9,7 @@ import {
   HeroIllustrationMoon,
 } from './HeroIllustrations';
 import styles from './ScenicHeroJourney.module.css';
+import { messagesByLocale, type Locale } from '@/i18n/content';
 
 function HeroBackdrop() {
   return (
@@ -22,15 +22,17 @@ function HeroBackdrop() {
   );
 }
 
-export const ScenicHeroJourney: React.FC = () => {
+export const ScenicHeroJourney = ({ locale }: { locale: Locale }) => {
+  const copy = messagesByLocale[locale];
+
   return (
     <div className={styles.scenicContainer}>
-      <section className={styles.heroStage} aria-label="Introduction">
+      <section className={styles.heroStage} aria-label={copy.hero.sectionLabel}>
         <HeroBackdrop />
-        <HeroSection />
+        <HeroSection locale={locale} />
       </section>
 
-      <RiverJourney />
+      <RiverJourney locale={locale} />
     </div>
   );
 };