chore: Move images

app/[locale]/about/about-narai-detail.tsx

@@ -1,15 +1,15 @@
 'use client';
+import AboutImage001 from '@images/about-images/about-image-001.webp';
+import AboutImage002 from '@images/about-images/about-image-002.webp';
+import AboutImage003 from '@images/about-images/about-image-003.webp';
+import AboutImage004 from '@images/about-images/about-image-004.webp';
+import AboutImage005 from '@images/about-images/about-image-005.webp';
+import AboutImage006 from '@images/about-images/about-image-006.webp';
+import IrieSignature from '@images/about-images/irie-signature.webp';
 import clsx from 'clsx';
 import Prose from 'components/prose';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
-import AboutImage001 from './images/about-image-001.webp';
-import AboutImage002 from './images/about-image-002.webp';
-import AboutImage003 from './images/about-image-003.webp';
-import AboutImage004 from './images/about-image-004.webp';
-import AboutImage005 from './images/about-image-005.webp';
-import AboutImage006 from './images/about-image-006.webp';
-import IrieSignature from './images/irie-signature.webp';
 
 export default function AboutNaraiDetail({ awards }: { awards: string }) {
   const t = useTranslations('Index');

app/[locale]/bar/sagyobar-detail.tsx

@@ -1,14 +1,14 @@
 'use client';
+import BarImage001 from '@images/bar-images/bar-image-001.webp';
+import BarImage002 from '@images/bar-images/bar-image-002.webp';
+import BarImage003 from '@images/bar-images/bar-image-003.webp';
+import BarImage004 from '@images/bar-images/bar-image-004.webp';
+import BarImage005 from '@images/bar-images/bar-image-005.webp';
+import BarImage006 from '@images/bar-images/bar-image-006.webp';
 import clsx from 'clsx';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
 import Link from 'next/link';
-import BarImage001 from './images/bar-image-001.webp';
-import BarImage002 from './images/bar-image-002.webp';
-import BarImage003 from './images/bar-image-003.webp';
-import BarImage004 from './images/bar-image-004.webp';
-import BarImage005 from './images/bar-image-005.webp';
-import BarImage006 from './images/bar-image-006.webp';
 
 export default function SagyobarDetail() {
   const t = useTranslations('Index');

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

@@ -1,12 +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 clsx from 'clsx';
 import VideoPlayer from 'components/video/video-player';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
 import { useEffect, useState } from 'react';
-import CompanyImage001 from './images/irie.webp';
-import CompanyImage002 from './images/kou.webp';
-import CompanyImage003 from './images/yamano.webp';
 
 export default function CompanyDetail() {
   const t = useTranslations('Index');

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

@@ -1,10 +1,10 @@
 'use client';
+import ConceptImage001 from '@images/concept-images/concept-image-001.webp';
+import ConceptImage002 from '@images/concept-images/concept-image-002.webp';
 import clsx from 'clsx';
 import Logo from 'components/icons/logo';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
-import ConceptImage001 from './images/concept-image-001.webp';
-import ConceptImage002 from './images/concept-image-002.webp';
 
 export default function ConceptDetail() {
   const t = useTranslations('Index');

app/[locale]/page.tsx

@@ -2,6 +2,14 @@ import { ThreeItemGrid } from 'components/grid/three-items';
 import Footer from 'components/layout/footer';
 import { SupportedLocale } from 'components/layout/navbar/language-control';
 
+import HomeImage001 from '@images/home-images/home-image-001.webp';
+import HomeImage002 from '@images/home-images/home-image-002.webp';
+import HomeImage003 from '@images/home-images/home-image-003.webp';
+import HomeImage004 from '@images/home-images/home-image-004.webp';
+import HomeImage005 from '@images/home-images/home-image-005.webp';
+import HomeImage006 from '@images/home-images/home-image-006.jpg';
+import HomeImage007 from '@images/home-images/home-image-007.webp';
+import HomeImage008 from '@images/home-images/home-image-008.webp';
 import clsx from 'clsx';
 import AboutNaraiPreview from 'components/layout/about-narai-preview';
 import ConceptPreview from 'components/layout/concept-preview';
@@ -16,14 +24,6 @@ import { getCart } from 'lib/shopify';
 import { cookies } from 'next/headers';
 import Image from 'next/image';
 import { Suspense } from 'react';
-import HomeImage001 from './images/home-image-001.webp';
-import HomeImage002 from './images/home-image-002.webp';
-import HomeImage003 from './images/home-image-003.webp';
-import HomeImage004 from './images/home-image-004.webp';
-import HomeImage005 from './images/home-image-005.webp';
-import HomeImage006 from './images/home-image-006.jpg';
-import HomeImage007 from './images/home-image-007.webp';
-import HomeImage008 from './images/home-image-008.webp';
 
 export const runtime = 'edge';
 const { SITE_NAME } = process.env;

tsconfig.json

@@ -16,6 +16,9 @@
     "incremental": true,
     "baseUrl": ".",
     "noUncheckedIndexedAccess": true,
+    "paths": {
+      "@images/*": ["public/assets/images/*"]
+    },
     "plugins": [
       {
         "name": "next"