updates from alisa

app/[locale]/company/company-detail.tsx

@@ -1,7 +1,12 @@
 'use client';
-import CompanyImage001 from '@images/company-images/irie.webp';
-import CompanyImage002 from '@images/company-images/kou.webp';
-import CompanyImage003 from '@images/company-images/yamano.webp';
+import AlisaImage from '@images/company-images/sb_profile_photo_alisa.webp';
+import IrieImage from '@images/company-images/sb_profile_photo_irie.webp';
+import SundbergImage from '@images/company-images/sb_profile_photo_kou.webp';
+import MasaImage from '@images/company-images/sb_profile_photo_masa.webp';
+import NishikawaImage from '@images/company-images/sb_profile_photo_nishikawa.webp';
+import ShinyaImage from '@images/company-images/sb_profile_photo_shinya.webp';
+import TakaImage from '@images/company-images/sb_profile_photo_taka.webp';
+
 import clsx from 'clsx';
 import VideoPlayer from 'components/video/video-player';
 import { useTranslations } from 'next-intl';
@@ -70,7 +75,7 @@ export default function CompanyDetail() {
             <div className="font-multilingual col-span-1 py-4 text-base font-extralight">
               <div className="relative aspect-square">
                 <Image
-                  src={CompanyImage001}
+                  src={IrieImage}
                   priority={true}
                   alt="A picture of Irie Masayuki."
                   className={clsx('h-full w-full object-cover')}
@@ -84,7 +89,7 @@ export default function CompanyDetail() {
             <div className="font-multilingual col-span-1 py-4 text-lg font-extralight">
               <div className="relative aspect-square">
                 <Image
-                  src={CompanyImage001}
+                  src={NishikawaImage}
                   priority={true}
                   alt="A picture of Masataka Nishikawa."
                   className={clsx('h-full w-full object-cover')}
@@ -98,7 +103,7 @@ export default function CompanyDetail() {
             <div className="font-multilingual col-span-1 py-4 text-lg font-extralight">
               <div className="relative aspect-square">
                 <Image
-                  src={CompanyImage002}
+                  src={SundbergImage}
                   priority={true}
                   alt="A picture of Kou Sundberg."
                   className={clsx('h-full w-full object-cover')}
@@ -112,7 +117,21 @@ export default function CompanyDetail() {
             <div className="font-multilingual col-span-1 py-4 text-lg font-extralight">
               <div className="relative aspect-square">
                 <Image
-                  src={CompanyImage003}
+                  src={MasaImage}
+                  priority={true}
+                  alt="A picture of Masanori Komatsu."
+                  className={clsx('h-full w-full object-cover')}
+                />
+              </div>
+              <div className="pt-2">{t('company.masa.japanese')}</div>
+              <div className="pb-4">{t('company.masa.english')}</div>
+              <div className="text-sm">{t('company.masa.role')}</div>
+            </div>
+
+            <div className="font-multilingual col-span-1 py-4 text-lg font-extralight">
+              <div className="relative aspect-square">
+                <Image
+                  src={TakaImage}
                   priority={true}
                   alt="A picture of Takatoshi Yamano."
                   className={clsx('h-full w-full object-cover')}
@@ -126,7 +145,7 @@ export default function CompanyDetail() {
             <div className="font-multilingual col-span-1 py-4 text-lg font-extralight">
               <div className="relative aspect-square">
                 <Image
-                  src={CompanyImage001}
+                  src={AlisaImage}
                   priority={true}
                   alt="A picture of Alisa Yoshida."
                   className={clsx('h-full w-full object-cover')}
@@ -140,7 +159,7 @@ export default function CompanyDetail() {
             <div className="font-multilingual col-span-1 py-4 text-lg font-extralight">
               <div className="relative aspect-square">
                 <Image
-                  src={CompanyImage001}
+                  src={ShinyaImage}
                   priority={true}
                   alt="A picture of Shinya Ikegaya."
                   className={clsx('h-full w-full object-cover')}

app/[locale]/concept/concept-detail.tsx

@@ -30,12 +30,13 @@ export default function ConceptDetail() {
         <div className="md:w-1/2">
           <h2 className="max-w-sm pb-12 text-4xl md:text-5xl">{t('concept.title')}</h2>
           <p className="font-multilingual text-base font-extralight">
-            {t('concept.para001')} {t('concept.para002')} {t('concept.para003')}
+            <div>{t('concept.para001')}</div>
+            <div>{t('concept.para002')}</div>
+            <div>{t('concept.para003')}</div>
           </p>
           <div className="font-multilingual pt-24 font-extralight">
             <p className="pb-6 text-xl font-normal">{t('concept.subtitle001')}</p>
             <p className="pb-24 text-base leading-relaxed">{t('concept.para004')}</p>
-            <p className="pb-6 text-xl font-normal">{t('concept.subtitle002')}</p>
             <p className="pb-4 text-base leading-relaxed">{t('concept.para005')}</p>
             <p className="pb-4 text-base leading-relaxed">
               {t('concept.para006')} {t('concept.para007')} {t('concept.para008')}

app/[locale]/disclosures/disclosures.tsx

@@ -9,101 +9,131 @@ export default function Disclosures() {
     <>
       <div className="mx-auto font-serif">
         <h4 className="mx-auto max-w-4xl text-2xl font-extrabold tracking-tight sm:text-3xl">
-          {t('disclosurePage.title')}
+          {t('disclosure-page.title')}
         </h4>
         <div className="mx-auto max-w-4xl">
           <div className="font-multilingual my-12">
             <section className="font-multilingual mb-36 mt-12 flex flex-col space-y-6 text-base md:space-y-3">
               <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
-                <div className="md:w-1/3">{t('disclosurePage.distributor.label')}</div>
+                <div className="md:w-1/3">{t('disclosure-page.distributor.label')}</div>
                 <div className="md:w-2/3">
-                  <div>{t('disclosurePage.distributor.value')}</div>
+                  <div>{t('disclosure-page.distributor.value')}</div>
                 </div>
               </div>
               <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
-                <div className="md:w-1/3">{t('disclosurePage.representative.label')}</div>
+                <div className="md:w-1/3">{t('disclosure-page.representative.label')}</div>
                 <div className="md:w-2/3">
-                  <div>{t('disclosurePage.representative.value')}</div>
+                  <div>{t('disclosure-page.representative.value')}</div>
                 </div>
               </div>
               <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
-                <div className="md:w-1/3">{t('disclosurePage.address.label')}</div>
+                <div className="md:w-1/3">{t('disclosure-page.address.label')}</div>
                 <div className="md:w-2/3">
-                  <div>{t('disclosurePage.address.one')}</div>
-                  <div>{t('disclosurePage.address.two')}</div>
+                  <div>{t('disclosure-page.address.one')}</div>
+                  <div>{t('disclosure-page.address.two')}</div>
                 </div>
               </div>
               <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
-                <div className="md:w-1/3">{t('disclosurePage.phone.label')}</div>
+                <div className="md:w-1/3">{t('disclosure-page.phone.label')}</div>
                 <div className="md:w-2/3">
-                  <div>{t('disclosurePage.phone.value')}</div>
+                  <div>{t('disclosure-page.phone.value')}</div>
                 </div>
               </div>
               <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
-                <div className="md:w-1/3">{t('disclosurePage.email.label')}</div>
+                <div className="md:w-1/3">{t('disclosure-page.email.label')}</div>
                 <div className="md:w-2/3">
                   <Link
-                    href={`mailto:${t('disclosurePage.homepage.value')}`}
+                    href={`mailto:${t('disclosure-page.homepage.value')}`}
                     className="transition-opacity duration-150 hover:opacity-90"
                   >
-                    <div>{t('disclosurePage.email.value')}</div>
+                    <div>{t('disclosure-page.email.value')}</div>
                   </Link>
                 </div>
               </div>
               <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
                 <div className="md:w-1/3">
-                  <div>{t('disclosurePage.homepage.label')}</div>
+                  <div>{t('disclosure-page.homepage.label')}</div>
                 </div>
                 <div className="md:w-2/3">
                   <div></div>
                   <Link
-                    href={t('disclosurePage.homepage.value')}
+                    href={t('disclosure-page.homepage.value')}
                     className="transition-opacity duration-150 hover:opacity-90"
                   >
-                    {t('disclosurePage.homepage.value')}
+                    {t('disclosure-page.homepage.value')}
                   </Link>
                 </div>
               </div>
               <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
-                <div className="md:w-1/3">{t('disclosurePage.price.label')}</div>
+                <div className="md:w-1/3">{t('disclosure-page.price.label')}</div>
                 <div className="md:w-2/3">
-                  <div>{t('disclosurePage.price.value')}</div>
+                  <div>{t('disclosure-page.price.value')}</div>
                 </div>
               </div>
               <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
-                <div className="md:w-1/3">{t('disclosurePage.otherCharges.label')}</div>
+                <div className="md:w-1/3">{t('disclosure-page.paymentMethod.label')}</div>
                 <div className="md:w-2/3">
-                  <div>{t('disclosurePage.otherCharges.value')}</div>
+                  <div>{t('disclosure-page.paymentMethod.value')}</div>
                 </div>
               </div>
               <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
-                <div className="md:w-1/3">{t('disclosurePage.paymentMethod.label')}</div>
+                <div className="md:w-1/3">{t('disclosure-page.paymentPeriod.label')}</div>
                 <div className="md:w-2/3">
-                  <div>{t('disclosurePage.paymentMethod.value')}</div>
+                  <div>{t('disclosure-page.paymentPeriod.value')}</div>
                 </div>
               </div>
               <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
-                <div className="md:w-1/3">{t('disclosurePage.paymentPeriod.label')}</div>
+                <div className="md:w-1/3">{t('disclosure-page.delivery.label')}</div>
                 <div className="md:w-2/3">
-                  <div>{t('disclosurePage.paymentPeriod.value')}</div>
+                  <div>{t('disclosure-page.delivery.value')}</div>
                 </div>
               </div>
               <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
-                <div className="md:w-1/3">{t('disclosurePage.delivery.label')}</div>
+                <div className="md:w-1/3">{t('disclosure-page.returnsAndExchanges.label')}</div>
                 <div className="md:w-2/3">
-                  <div>{t('disclosurePage.delivery.value')}</div>
+                  <div>{t('disclosure-page.returnsAndExchanges.one')}</div>
+                  <div className="pt-4">{t('disclosure-page.returnsAndExchanges.two')}</div>
+                </div>
+              </div>
+              <div className="flex flex-col space-y-4 pt-12">
+                <h2 className="font-multilingual text-[30px] font-extralight">
+                  {t('disclosure-page.legal.title')}
+                </h2>
+              </div>
+              <div className="flex flex-col space-y-2 pt-6 md:flex-row md:space-x-3 md:space-y-0">
+                <div className="md:w-1/3">{t('disclosure-page.legal.001.label')}</div>
+                <div className="md:w-2/3">
+                  <div>{t('disclosure-page.legal.001.value')}</div>
                 </div>
               </div>
               <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
-                <div className="md:w-1/3">{t('disclosurePage.returnsAndExchanges.label')}</div>
+                <div className="md:w-1/3">{t('disclosure-page.legal.002.label')}</div>
                 <div className="md:w-2/3">
-                  <div>{t('disclosurePage.returnsAndExchanges.one')}</div>
-                  <div className="pt-4">{t('disclosurePage.returnsAndExchanges.two')}</div>
+                  <div>{t('disclosure-page.legal.002.value')}</div>
                 </div>
               </div>
+              <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
+                <div className="md:w-1/3">{t('disclosure-page.legal.003.label')}</div>
+                <div className="md:w-2/3">
+                  <div>{t('disclosure-page.legal.003.value')}</div>
+                </div>
+              </div>
+              <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
+                <div className="md:w-1/3">{t('disclosure-page.legal.004.label')}</div>
+                <div className="md:w-2/3">
+                  <div>{t('disclosure-page.legal.004.value')}</div>
+                </div>
+              </div>
+              <div className="flex flex-col space-y-2 md:flex-row md:space-x-3 md:space-y-0">
+                <div className="md:w-1/3">{t('disclosure-page.legal.005.label')}</div>
+                <div className="md:w-2/3">
+                  <div>{t('disclosure-page.legal.005.value')}</div>
+                </div>
+              </div>
+
               <div className="pt-8">
                 <Link href="/" className="transition-opacity duration-150 hover:opacity-90">
-                  ⇠ {t('disclosurePage.return')}
+                  ⇠ {t('disclosure-page.return')}
                 </Link>
               </div>
             </section>