c

Author: MM25Zamanian

src/i18n/dictionaries.ts

@@ -203,16 +203,9 @@ export const dictionaries = {
       otherOfficesLabel: "Other Offices:",
       otherOffices: ["Tehran", "Bandar Abbas", "Sarakhs"],
       mobileNumbersLabel: "Mobile Numbers:",
-      mobileNumbers: [
-        "+989152826059",
-        "+989151160448",
-        "+989152826059",
-        "+989151160448",
-      ],
-      deskphoneNumbersLabel: "DeskPhone Numbers:",
-      deskphoneNumbers: ["+989152826059", "+989151160448"],
+      mobileNumbers: ["+905547396001", "+905528283985"],
       instagramLabel: "Instagram:",
-      instagram: "Khaliffarsraillogistic",
+      instagram: ["Khaliffarsraillogistic", "mohamad.ghandchi"],
       websiteLabel: "Website:",
       website: "khalijfarsrail.com",
     },
@@ -419,16 +412,9 @@ export const dictionaries = {
       otherOfficesLabel: "Diğer Ofisler:",
       otherOffices: ["Tahran", "Bender Abbas", "Serahs"],
       mobileNumbersLabel: "Cep Numaraları:",
-      mobileNumbers: [
-        "+989152826059",
-        "+989151160448",
-        "+989152826059",
-        "+989151160448",
-      ],
-      deskphoneNumbersLabel: "Sabit Hat Numaraları:",
-      deskphoneNumbers: ["+989152826059", "+989151160448"],
+      mobileNumbers: ["+905547396001", "+905528283985"],
       instagramLabel: "Instagram:",
-      instagram: "Khaliffarsraillogistic",
+      instagram: ["Khaliffarsraillogistic", "mohamad.ghandchi"],
       websiteLabel: "Web Sitesi:",
       website: "khalijfarsrail.com",
     },

src/i18n/types.ts

@@ -105,10 +105,8 @@ export type Dictionary = {
     otherOffices: string[];
     mobileNumbersLabel: string;
     mobileNumbers: string[];
-    deskphoneNumbersLabel: string;
-    deskphoneNumbers: string[];
     instagramLabel: string;
-    instagram: string;
+    instagram: string[];
     websiteLabel: string;
     website: string;
   };

src/slides/07-slide.tsx

@@ -4,7 +4,6 @@ import Logo from "#/logo.webp";
 import Rail from "#/rail.webp";
 import type { Dictionary } from "@/i18n";
 import {
-  DeskphoneIcon,
   GlobeIcon,
   InstagramIcon,
   LocationIcon,
@@ -115,17 +114,20 @@ export function Slide07({ copy }: Slide07Props) {
 
         <div data-reveal="card" data-stagger={5}>
           <ContentItem
-            icon={DeskphoneIcon}
+            icon={InstagramIcon}
             data={{
-              title: copy.deskphoneNumbersLabel,
+              title: copy.instagramLabel,
               content: (
-                <div className="flex flex-wrap max-w-72 items-center gap-x-2">
-                  {copy.deskphoneNumbers.map((number, index) => (
-                    <Fragment key={index}>
-                      <span className="text-white opacity-80 text-nowrap">
-                        <PhoneNumber value={number} clickable />
-                      </span>
-                      {index % 2 === 0 && (
+                <div className="flex flex-wrap max-w-72 items-center gap-x-2 gap-y-1">
+                  {copy.instagram.map((account, index) => (
+                    <Fragment key={account}>
+                      <a href={"https://instagram.com/" + account} target="_blank">
+                        <span className="text-secondary font-black text-sm me-0.5">@</span>
+                        <span className="font-bold uppercase text-white tracking-widest text-xs opacity-70">
+                          {account}
+                        </span>
+                      </a>
+                      {index < copy.instagram.length - 1 && (
                         <span className="size-1.5 bg-secondary rotate-z-45 opacity-70" />
                       )}
                     </Fragment>
@@ -136,23 +138,6 @@ export function Slide07({ copy }: Slide07Props) {
           />
         </div>
 
-        <div data-reveal="card" data-stagger={6}>
-          <ContentItem
-            icon={InstagramIcon}
-            data={{
-              title: copy.instagramLabel,
-              content: (
-                <a href={"https://instagram.com/" + copy.instagram} target="_blank">
-                  <span className="text-secondary font-black text-sm me-0.5">@</span>
-                  <span className="font-bold uppercase text-white tracking-widest text-xs opacity-70">
-                    {copy.instagram}
-                  </span>
-                </a>
-              ),
-            }}
-          />
-        </div>
-
         <div data-reveal="card" data-stagger={7} className="z-20">
           <ContentItem
             icon={GlobeIcon}