update articles part 4

src/components/images/asia/japan/food-in-japan.tsx

@@ -6,6 +6,7 @@ import { ExtraImageProps } from "../../../../types/shared"
 const alt = {
   soup: "Food In Japan Soup",
   teppanyaki: "Food In Japan Teppanyaki",
+  teppanyaki2: "Food In Japan Teppanyaki",
   onigirazu: "Food In Japan Onigirazu",
   onigirazu2: "Food In Japan Onigirazu",
   onigiri: "Food In Japan Onigiri",
@@ -79,7 +80,14 @@ export const FoodInJapanImages: React.FunctionComponent<ExtraImageProps & { imag
       }
       teppanyaki: file(relativePath: { eq: "asia/japan/food-in-japan/food-in-japan-teppanyaki.jpg" }) {
         childImageSharp {
-          fluid(maxWidth: 1200, quality: 60, srcSetBreakpoints: [600]) {
+          fluid(maxWidth: 1200, quality: 80, srcSetBreakpoints: [600]) {
+            ...GatsbyImageSharpFluid
+          }
+        }
+      }
+      teppanyaki2: file(relativePath: { eq: "asia/japan/food-in-japan/food-in-japan-teppanyaki2.jpg" }) {
+        childImageSharp {
+          fluid(maxWidth: 1200, quality: 80, srcSetBreakpoints: [600]) {
             ...GatsbyImageSharpFluid
           }
         }

src/components/images/asia/japan/fuji/kawaguchiko-lake.tsx

@@ -26,6 +26,7 @@ const alt = {
   lake14: "Kawaguchiko Lake",
   lake15: "Kawaguchiko Lake",
   lake16: "Kawaguchiko Lake",
+  chureitoPagoda: "Kawaguchiko Lake Chureito Pagoda",
   cardFr1: "Kawaguchiko Lake Pinterest card",
   cardFr2: "Kawaguchiko Lake Pinterest card",
   cardEn1: "Kawaguchiko Lake Pinterest card",
@@ -188,6 +189,13 @@ export const KawaguchikoLakeImages: React.FunctionComponent<ExtraImageProps & {
           }
         }
       }
+      chureitoPagoda: file(relativePath: { eq: "asia/japan/fuji/kawaguchiko-lake/chureito-pagoda.jpg" }) {
+        childImageSharp {
+          fluid(maxWidth: 1200, quality: 80, srcSetBreakpoints: [600]) {
+            ...GatsbyImageSharpFluid
+          }
+        }
+      }
       when: file(relativePath: { eq: "asia/japan/fuji/kawaguchiko-lake/kawaguchiko-lake-when.jpg" }) {
         childImageSharp {
           fluid(maxWidth: 1200, quality: 80, srcSetBreakpoints: [600]) {

src/components/images/asia/japan/prepare-japan.tsx

@@ -11,6 +11,7 @@ const alt = {
   activities2: "What Activities To Do In Japan",
   accommodations: "What Are The Best Accommodations In Japan",
   baggage: "What To Bring In Japan",
+  transports: "Tuk Tuk",
   opinion: "Opinion Japan",
   opinion2: "Opinion Japan",
   opinion3: "Opinion Japan",
@@ -58,6 +59,13 @@ export const PrepareJapanImages: React.FunctionComponent<ExtraImageProps & { ima
           }
         }
       }
+      transports: file(relativePath: { eq: "asia/japan/prepare-japan/prepare-japan-transports.jpg" }) {
+        childImageSharp {
+          fluid(maxWidth: 1200, quality: 60, srcSetBreakpoints: [600]) {
+            ...GatsbyImageSharpFluid
+          }
+        }
+      }
       accommodations: file(relativePath: { eq: "asia/japan/prepare-japan/prepare-japan-accommodations.jpg" }) {
         childImageSharp {
           fluid(maxWidth: 1200, quality: 60, srcSetBreakpoints: [600]) {

src/components/images/asia/japan/tokyo/hamarikyu-garden.tsx

@@ -18,7 +18,6 @@ const alt = {
   hamarikyuGarden12: "Hamarikyu Gardens",
   hamarikyuGarden13: "Hamarikyu Gardens",
   hamarikyuGarden14: "Hamarikyu Gardens",
-  hamarikyuGarden15: "Hamarikyu Gardens",
   hamarikyuGarden16: "Hamarikyu Gardens",
   hamarikyuGarden17: "Hamarikyu Gardens",
   hamarikyuGarden18: "Hamarikyu Gardens",
@@ -146,13 +145,6 @@ export const HamarikyuGardensImages: React.FunctionComponent<ExtraImageProps & {
           }
         }
       }
-      hamarikyuGarden15: file(relativePath: { eq: "asia/japan/tokyo/hamarikyu-garden/hamarikyu-garden15.jpg" }) {
-        childImageSharp {
-          fluid(maxWidth: 1200, quality: 60, srcSetBreakpoints: [600]) {
-            ...GatsbyImageSharpFluid
-          }
-        }
-      }
       hamarikyuGarden16: file(relativePath: { eq: "asia/japan/tokyo/hamarikyu-garden/hamarikyu-garden16.jpg" }) {
         childImageSharp {
           fluid(maxWidth: 1200, quality: 80, srcSetBreakpoints: [600]) {

src/components/images/asia/japan/tokyo/shibuya-district.tsx

@@ -98,7 +98,7 @@ export const ShibuyaDistrictImages: React.FunctionComponent<ExtraImageProps & {
       }
       mall: file(relativePath: { eq: "asia/japan/tokyo/shibuya-district/shibuya-district-mall.jpg" }) {
         childImageSharp {
-          fluid(maxWidth: 1200, quality: 60, srcSetBreakpoints: [600]) {
+          fluid(maxWidth: 1200, quality: 80, srcSetBreakpoints: [600]) {
             ...GatsbyImageSharpFluid
           }
         }

src/components/images/asia/japan/tokyo/yasukuni-dori.tsx

@@ -41,7 +41,7 @@ export const YasukuniDoriImages: React.FunctionComponent<ExtraImageProps & { ima
     query {
       yasukuniDoriNight: file(relativePath: { eq: "asia/japan/tokyo/yasukuni-dori/yasukuni-dori-night.jpg" }) {
         childImageSharp {
-          fluid(maxWidth: 1200, quality: 70, srcSetBreakpoints: [600]) {
+          fluid(maxWidth: 1200, quality: 80, srcSetBreakpoints: [600]) {
             ...GatsbyImageSharpFluid
           }
         }

src/components/images/asia/japan/transports-in-japan.tsx

@@ -44,7 +44,7 @@ export const TransportsInJapanImages: React.FunctionComponent<ExtraImageProps &
       }
       rickshaw: file(relativePath: { eq: "asia/japan/transports-in-japan/transports-in-japan-rickshaw.jpg" }) {
         childImageSharp {
-          fluid(maxWidth: 1200, quality: 80, srcSetBreakpoints: [600]) {
+          fluid(maxWidth: 1200, quality: 60, srcSetBreakpoints: [600]) {
             ...GatsbyImageSharpFluid
           }
         }
@@ -58,7 +58,7 @@ export const TransportsInJapanImages: React.FunctionComponent<ExtraImageProps &
       }
       train: file(relativePath: { eq: "asia/japan/transports-in-japan/transports-in-japan-train.jpg" }) {
         childImageSharp {
-          fluid(maxWidth: 1200, quality: 60, srcSetBreakpoints: [600]) {
+          fluid(maxWidth: 1200, quality: 80, srcSetBreakpoints: [600]) {
             ...GatsbyImageSharpFluid
           }
         }

src/locales/en/asia/japan/fuji/kawaguchiko-lake.json

@@ -90,8 +90,8 @@
   },
   "visit5": {
     "title": "Other spots",
-    "part1": "We recommend you to go to [Chureito Pagoda](chureito-pagoda) for another fantastic view of Mount Fuji. There are quite a few steps to get there (around 400), but the view is said to be splendid.",
-    "part2": "The supreme way to observe Mount Fuji is directly from an onsen."
+    "part1": "We recommend you to go to [Chureito Pagoda](chureito-pagoda) for another fantastic view of Mount Fuji. There are quite a few steps to get there (around 400), but the view is splendid.",
+    "part2": "In our opinion, the ideal way to observe Mount Fuji is from an onsen."
   },
   "conclusion": "Each year, between 200,000 and 300,000 people attempt to climb to the top of Mount Fuji.",
   "question1": "Have you ever climbed Mount Fuji?",

src/locales/fr/asia/japan/fuji/kawaguchiko-lake.json

@@ -90,8 +90,8 @@
   },
   "visit5": {
     "title": "UN AUTRE POINT DE VUE",
-    "part1": "Si vous avez envie d’une autre vue du Mont Fuji vous pouvez vous rendre à la [Chureito Pagoda](chureito-pagoda). Il y a pas mal de marches pour y accéder (environ 400), mais la vue est paraît-il splendide.",
-    "part2": "L’image qui donne forcément le plus envie est la #baignade dans un onsen# avec en face de vous le Mont Fuji."
+    "part1": "Si vous avez envie d’une autre vue du Mont Fuji vous pouvez vous rendre à la [Chureito Pagoda](chureito-pagoda). Il y a pas mal de marches pour y accéder (environ 400), mais la vue est splendide.",
+    "part2": "Mais l’’image qui donne forcément le plus envie est la #baignade dans un onsen# avec en face de vous le Mont Fuji."
   },
   "conclusion": "Chaque année il y aurait entre 200 000 et 300 000 personnes qui tenteraient l’aventure de l’ascension du Mont Fuji.",
   "question1": "Avez-vous déjà effectué l’ascension du Mont Fuji ?",

src/pages/asia/japan/food-in-japan.tsx

@@ -22,8 +22,6 @@ import {
 } from "../../../components/images/layout"
 import { SharedCardJapanImages } from "../../../components/images/asia/japan/shared-card-japan-images"
 import { FoodInJapanImages } from "../../../components/images/asia/japan/food-in-japan"
-import { ExternalLinkNotUnderlined } from "../../../components/core/links/link"
-import { buildPixabayUrl } from "../../../utils"
 import { FakeList } from "../../../components/core/title"
 import { Comments } from "../../../components/core/comments"
 import styled from "@emotion/styled"
@@ -1609,15 +1607,12 @@ const IndexPage: React.FunctionComponent<PageProps> = ({ location }) => {
             <p>{t("section11.part4.part2")}</p>
             <p>{t("section11.part4.part3")}</p>
             <GroupOfImages>
-              <ImageAsPortrait
-                credit={
-                  <ExternalLinkNotUnderlined href={buildPixabayUrl(i18n.languageCode)("rajeeshtk-604255")}>
-                    rajeeshtk
-                  </ExternalLinkNotUnderlined>
-                }
-              >
+              <ImageAsLandscape>
                 <FoodInJapanImages image="teppanyaki" />
-              </ImageAsPortrait>
+              </ImageAsLandscape>
+              <ImageAsLandscape>
+                <FoodInJapanImages image="teppanyaki2" />
+              </ImageAsLandscape>
             </GroupOfImages>
           </SectionContent>
         </section>

src/pages/asia/japan/fuji/kawaguchiko-lake.tsx

@@ -276,6 +276,9 @@ const IndexPage: React.FunctionComponent<PageProps> = ({ location }) => {
             <Divider />
             <SectionContent>
               <p>{t("visit5.part1")}</p>
+              <ImageAsLandscape>
+                <KawaguchikoLakeImages image="chureitoPagoda" />
+              </ImageAsLandscape>
               <p>{t("visit5.part2")}</p>
             </SectionContent>
           </section>

src/pages/asia/japan/kyoto/arashiyama.tsx

@@ -40,8 +40,6 @@ import { ApplicationContext } from "../../../../components/application"
 import { Comments } from "../../../../components/core/comments"
 import { ArashiyamaImages } from "../../../../components/images/asia/japan/kyoto/arashiyama"
 import { BookingGygCardContainer, MapContainer } from "../../../../components/layout/layout"
-import { ExternalLinkNotUnderlined } from "../../../../components/core/links/link"
-import { buildPixabayUrl } from "../../../../utils"
 import { BookingCard, BookingWarning } from "../../../../components/core/booking"
 import sunMembersKyotoSaga from "../../../../images/asia/japan/kyoto/arashiyama/sun-members-kyoto-saga.jpg"
 import businessArashiyama from "../../../../images/asia/japan/kyoto/arashiyama/business-arashiyama.jpg"
@@ -309,13 +307,7 @@ const IndexPage: React.FunctionComponent<PageProps> = ({ location }) => {
               <FakeList>{t("visit3.part11")}</FakeList>
               <p>{t("visit3.part12")}</p>
               <p>{t("visit3.part13")}</p>
-              <ImageAsPortrait
-                credit={
-                  <ExternalLinkNotUnderlined href={buildPixabayUrl(i18n.languageCode)("users/michelleraponi-165491")}>
-                    michelleraponi
-                  </ExternalLinkNotUnderlined>
-                }
-              >
+              <ImageAsPortrait>
                 <ArashiyamaImages image="monkey" />
               </ImageAsPortrait>
               <FakeList>{t("visit3.part14")}</FakeList>
@@ -328,13 +320,7 @@ const IndexPage: React.FunctionComponent<PageProps> = ({ location }) => {
               <FakeList>{t("visit3.part21")}</FakeList>
               <p>{t("visit3.part22")}</p>
               <p>{t("visit3.part23")}</p>
-              <ImageAsPortrait
-                credit={
-                  <ExternalLinkNotUnderlined href={buildPixabayUrl(i18n.languageCode)("users/michelleraponi-165491")}>
-                    michelleraponi
-                  </ExternalLinkNotUnderlined>
-                }
-              >
+              <ImageAsPortrait>
                 <ArashiyamaImages image="kimono" />
               </ImageAsPortrait>
               <FakeList>{t("visit3.part24")}</FakeList>

src/pages/asia/japan/kyoto/fushimi-inari-taisha.tsx

@@ -36,8 +36,6 @@ import { ApplicationContext } from "../../../../components/application"
 import { getLink } from "../../../../components/core/links/links.utils"
 import { Comments } from "../../../../components/core/comments"
 import { FushimiInariTaishaImages } from "../../../../components/images/asia/japan/kyoto/fushimi-inari-taisha"
-import { ExternalLinkNotUnderlined } from "../../../../components/core/links/link"
-import { buildPixabayUrl } from "../../../../utils"
 import { BookingCard, BookingWarning } from "../../../../components/core/booking"
 import urbanKyoto from "../../../../images/asia/japan/kyoto/fushimi/urban-kyoto-kyoto.jpg"
 import yamashinaHotel from "../../../../images/asia/japan/kyoto/fushimi/kyoto-yamashina-hotel-sanraku.jpg"
@@ -218,13 +216,7 @@ const IndexPage: React.FunctionComponent<PageProps> = ({ location }) => {
             <JapanHeadline>{t("visit3.title")}</JapanHeadline>
             <Divider />
             <SectionContent>
-              <ImageAsLandscape
-                credit={
-                  <ExternalLinkNotUnderlined href={buildPixabayUrl(i18n.languageCode)("users/michelleraponi-165491")}>
-                    michelleraponi
-                  </ExternalLinkNotUnderlined>
-                }
-              >
+              <ImageAsLandscape>
                 <FushimiInariTaishaImages image="discovery" />
               </ImageAsLandscape>
               <p>{t("visit3.part1")}</p>
@@ -265,13 +257,7 @@ const IndexPage: React.FunctionComponent<PageProps> = ({ location }) => {
                 <ImageAsLandscapeOnTheRight>
                   <FushimiInariTaishaImages image="discovery10" />
                 </ImageAsLandscapeOnTheRight>
-                <ImageAsPortrait
-                  credit={
-                    <ExternalLinkNotUnderlined href={buildPixabayUrl(i18n.languageCode)("users/gadgetstou-17189958")}>
-                      gadgetstou
-                    </ExternalLinkNotUnderlined>
-                  }
-                >
+                <ImageAsPortrait>
                   <FushimiInariTaishaImages image="discovery11" />
                 </ImageAsPortrait>
                 <ImageAsLandscape>

src/pages/asia/japan/prepare-japan.tsx

@@ -64,8 +64,6 @@ import JapanBudget2 from "../../../images/asia/japan/prepare-japan/prepare-japan
 import { getLink } from "../../../components/core/links/links.utils"
 import { SharedCardJapanImages } from "../../../components/images/asia/japan/shared-card-japan-images"
 import { PrepareJapanImages } from "../../../components/images/asia/japan/prepare-japan"
-import { ExternalLinkNotUnderlined } from "../../../components/core/links/link"
-import { buildPixabayUrl } from "../../../utils"
 import { Tornado } from "../../../components/icon/tornado"
 import { Hurricane } from "../../../components/icon/hurricane"
 import { Conclusion } from "../../../components/core/conclusion"
@@ -501,14 +499,8 @@ const IndexPage: React.FunctionComponent<PageProps> = ({ location }) => {
         </Visit>
         <Divider />
         <How title={t("transports.title")} id="transports">
-          <ImageAsLandscape
-            credit={
-              <ExternalLinkNotUnderlined href={buildPixabayUrl(i18n.languageCode)("users/michelleraponi-165491")}>
-                Michelleraponi
-              </ExternalLinkNotUnderlined>
-            }
-          >
-            <SharedCardJapanImages image="transportsInJapan" />
+          <ImageAsLandscape>
+            <PrepareJapanImages image="transports" />
           </ImageAsLandscape>
           <p>{t("transports.part1")}</p>
           <p>{t("transports.part2")}</p>
@@ -725,13 +717,7 @@ const IndexPage: React.FunctionComponent<PageProps> = ({ location }) => {
             ➵ <span className="underline">{t("opinion.part1.part4.title")}</span>
           </p>
           <p>{t("opinion.part1.part4.part1")}</p>
-          <ImageAsLandscape
-            credit={
-              <ExternalLinkNotUnderlined href={buildPixabayUrl(i18n.languageCode)("users/hitesh0141-2271740")}>
-                hitesh0141
-              </ExternalLinkNotUnderlined>
-            }
-          >
+          <ImageAsLandscape>
             <PrepareJapanImages image="opinion2" />
           </ImageAsLandscape>
           <p>{t("opinion.part1.part4.part2")}</p>
@@ -746,13 +732,7 @@ const IndexPage: React.FunctionComponent<PageProps> = ({ location }) => {
           </p>
           <p>{t("opinion.part2.part2.part1")}</p>
           <p>{t("opinion.part2.part2.part2")}</p>
-          <ImageAsLandscape
-            credit={
-              <ExternalLinkNotUnderlined href={buildPixabayUrl(i18n.languageCode)("users/evelyn_chai-8705727")}>
-                Evelyn_Chai
-              </ExternalLinkNotUnderlined>
-            }
-          >
+          <ImageAsLandscape>
             <PrepareJapanImages image="opinion3" />
           </ImageAsLandscape>
         </Opinion>

src/pages/asia/japan/tokyo/hamarikyu-garden.tsx

@@ -41,8 +41,6 @@ import { BookingGygCardContainer, MapContainer } from "../../../../components/la
 import hotelTavinos from "../../../../images/asia/japan/tokyo/hamarikyu-garden/hotel-tavinos-hamamatsucho.jpg"
 import bay from "../../../../images/asia/japan/tokyo/hamarikyu-garden/bay-tokyohamamatsucho.jpg"
 import villaFontaine from "../../../../images/asia/japan/tokyo/hamarikyu-garden/villa-fontaine-shiodome.jpg"
-import { ExternalLinkNotUnderlined } from "../../../../components/core/links/link"
-import { buildPixabayUrl } from "../../../../utils"
 import { Quote } from "../../../../components/core/quote"
 
 const namespace = "asia/japan/tokyo/hamarikyu-garden"
@@ -192,15 +190,6 @@ const IndexPage: React.FunctionComponent<PageProps> = ({ location }) => {
                 <ImageAsLandscapeOnTheRight>
                   <HamarikyuGardensImages image="hamarikyuGarden14" />
                 </ImageAsLandscapeOnTheRight>
-                <ImageAsLandscape
-                  credit={
-                    <ExternalLinkNotUnderlined href={buildPixabayUrl(i18n.languageCode)("users/stocksnap-894430")}>
-                      StockSnap
-                    </ExternalLinkNotUnderlined>
-                  }
-                >
-                  <HamarikyuGardensImages image="hamarikyuGarden15" />
-                </ImageAsLandscape>
               </GroupOfImages>
               <p>{t("visit.part9")}</p>
               <p>{t("visit.part10")}</p>

src/pages/asia/japan/tokyo/shibuya-district.tsx

@@ -189,13 +189,7 @@ const IndexPage: React.FunctionComponent<PageProps> = ({ location }) => {
               <p>{t("visit3.part1")}</p>
               <p>{t("visit3.part2")}</p>
               <p>{t("visit3.part3")}</p>
-              <ImageAsLandscape
-                credit={
-                  <ExternalLinkNotUnderlined href={buildPixabayUrl(i18n.languageCode)("users/kattyf-15108903")}>
-                    kattyf
-                  </ExternalLinkNotUnderlined>
-                }
-              >
+              <ImageAsLandscape>
                 <ShibuyaDistrictImages image="mall" />
               </ImageAsLandscape>
             </SectionContent>
@@ -273,13 +267,7 @@ const IndexPage: React.FunctionComponent<PageProps> = ({ location }) => {
                   <ShibuyaDistrictImages image="takeshitaStreet18" />
                   <ShibuyaDistrictImages image="takeshitaStreet19" />
                 </TwoImagesSameSizeOrToGroup>
-                <ImageAsLandscape
-                  credit={
-                    <ExternalLinkNotUnderlined href={buildPixabayUrl(i18n.languageCode)("users/saesherra-5527002")}>
-                      saesherra
-                    </ExternalLinkNotUnderlined>
-                  }
-                >
+                <ImageAsLandscape>
                   <ShibuyaDistrictImages image="takeshitaStreet20" />
                 </ImageAsLandscape>
               </GroupOfImages>