udpate for coming soon

content/ar.ts

@@ -3,52 +3,106 @@ import type { Dictionary } from "@/content/types";
 const ar: Dictionary = {
   common: {
     siteTitle: "ضياء",
+    siteTagline: "موقع شخصي جديد قيد الإطلاق",
     navLabel: "التنقل الرئيسي",
     languageSwitcherLabel: "تبديل اللغة",
+    themeToggleLabel: "نمط الواجهة",
+    themeLight: "فاتح",
+    themeDark: "داكن",
     nav: {
       home: "الرئيسية",
       about: "من أنا",
       contact: "تواصل",
     },
     footerRights: "{year} جميع الحقوق محفوظة",
+    footerBuiltWith: "موقع ثنائي اللغة مهيأ للعرض المهني والنشر على خادم خاص.",
+    availabilityBadge: "متاح لمشاريع الويب والتطوير المخصص",
   },
   home: {
-    kicker: "Full-Stack Developer",
-    title: "أبني أنظمة ويب حديثة وقابلة للتوسع",
-    description:
-      "مطور Full-Stack أعمل على بناء تطبيقات ويب حديثة باستخدام Next.js و NestJS و PostgreSQL. أركز على الأنظمة القابلة للتوسع وتجارب المستخدم السريعة.",
-    primaryCta: "تواصل معي",
-    highlights: [
-      { value: "+10", label: "مشاريع برمجية" },
-      { value: "Next.js / NestJS", label: "Stack الأساسي" },
-      { value: "Docker", label: "Dev Infrastructure" },
-    ],
+    comingSoon: {
+      badge: "Coming Soon",
+      kicker: "قريبًا",
+      title: "موقعي الجديد قيد التجهيز",
+      description:
+        "أعمل حاليًا على إطلاق نسخة جديدة بهوية أوضح وتجربة أسرع ومحتوى أكثر اكتمالًا. الصفحة الكاملة ستتوفر قريبًا بعد إنهاء اللمسات الأخيرة.",
+      primaryCta: "تواصل عند الإطلاق",
+      secondaryCta: "تابع قريبًا",
+      highlights: [
+        { value: "نسخة جديدة", label: "واجهة ومحتوى محدثان" },
+        { value: "ثنائي اللغة", label: "عربي وإنجليزي" },
+        { value: "قريبًا", label: "الإطلاق الرسمي" },
+      ],
+    },
+    full: {
+      badge: "متاح لمشاريع الويب والتطوير المخصص",
+      kicker: "مطور ويب متكامل",
+      title: "أبني مواقع وأنظمة ويب جاهزة للنمو",
+      description:
+        "أصمم وأطوّر واجهات وتجارب رقمية متماسكة، وأربطها ببنية تشغيل واضحة تجعل الإطلاق والصيانة والتوسع أسهل على المدى الطويل.",
+      primaryCta: "ابدأ التواصل",
+      secondaryCta: "اعرف المزيد",
+      highlights: [
+        { value: "+10", label: "نماذج ومشاريع مطورة" },
+        { value: "ثنائي اللغة", label: "عربي وإنجليزي" },
+        { value: "جاهز للنشر", label: "Docker و VPS" },
+      ],
+    },
   },
   about: {
     kicker: "نبذة سريعة",
     title: "من أنا",
     story:
-      "أنا مطور Full-Stack أركز على بناء تطبيقات ويب حديثة وقابلة للتوسع. أعمل بشكل أساسي باستخدام Next.js و NestJS و PostgreSQL مع بنية تشغيل تعتمد على Docker. أركز في مشاريعي على الأداء، البنية النظيفة، وتجربة المستخدم السريعة، مع تصميم أنظمة يمكن تطويرها بسهولة مع نمو المشروع.",
+      "أعمل على تحويل الأفكار إلى مواقع ومنتجات ويب واضحة وسريعة ومرنة. تركيزي الأساسي يكون على الجمع بين تجربة استخدام مرتبة، كود منظم، وتجهيز فعلي للنشر حتى لا يبقى المشروع جميلًا فقط بل قابلًا للاعتماد والتطوير لاحقًا.",
     skillsTitle: "مهارات",
-    skills: ["تطوير واجهات", "تحسين تجربة المستخدم", "تنظيم المحتوى", "إدارة مشاريع رقمية"],
+    skills: [
+      "Next.js و React",
+      "TypeScript وتنظيم الواجهات",
+      "تصميم واجهات مرنة وسريعة",
+      "تهيئة النشر على الخوادم الخاصة",
+      "تحسين الأداء وتجربة الاستخدام",
+      "تنظيم المحتوى متعدد اللغات",
+    ],
     experienceTitle: "خبرات مختصرة",
     experience: [
-      "HTML",
-      "CSS , SCSS",
-      "React",
+      "بناء مواقع تعريفية وصفحات هبوط وهوية رقمية مهنية",
+      "تطوير واجهات تطبيقات حديثة قابلة للتوسع",
+      "ربط الواجهة بتدفق نشر واضح باستخدام Docker",
+    ],
+    principlesTitle: "منهج العمل",
+    principles: [
+      "بنية واضحة تسهّل التوسع والصيانة لاحقًا",
+      "اهتمام مبكر بالأداء ووضوح الرسالة داخل الواجهة",
+      "تجهيز عملي للنشر، الصحة التشغيلية، والاعتماد على ملفات البيئة",
     ],
   },
   contact: {
-    kicker: "لنبدأ خطوة جديدة",
-    title: "تواصل",
-    description: "روابط التواصل ستتم إضافتها لاحقًا. كل العناصر أدناه جاهزة لاستقبال الروابط الفعلية.",
-    pendingCta: "الرابط قيد الإضافة",
+    kicker: "لنبدأ مشروعًا واضحًا وقابلًا للتنفيذ",
+    title: "قنوات التواصل",
+    description: "بمجرد إضافة روابطك الحقيقية في ملف البيئة ستظهر هنا تلقائيًا وتصبح جاهزة للاستخدام المباشر من الزوار.",
+    availabilityTitle: "جاهزية الإطلاق",
+    availabilityDescription:
+      "النسخة الحالية مهيأة للنشر على خادم خاص مع فحص صحة داخلي وروابط تواصل قابلة للإدارة من الإعدادات.",
+    channelsTitle: "روابطك المباشرة",
+    channelCta: "فتح الرابط",
+    channelFallback: "ستظهر القناة هنا بعد إضافة الرابط الفعلي",
     channels: [
-      { name: "Email", status: "سيتم إضافة الرابط قريبًا" },
-      { name: "LinkedIn", status: "سيتم إضافة الرابط قريبًا" },
-      { name: "GitHub", status: "سيتم إضافة الرابط قريبًا" },
+      { key: "email", name: "البريد الإلكتروني", hint: "للتواصل المهني المباشر والاستفسارات" },
+      { key: "linkedin", name: "لينكدإن", hint: "للعلاقات المهنية والعرض السريع للخبرات" },
+      { key: "github", name: "جيت هب", hint: "لاستعراض المشاريع والمستودعات البرمجية" },
     ],
   },
+  metadata: {
+    homeTitle: "قريبًا",
+    homeDescription: "صفحة ترحيبية مؤقتة للإعلان عن قرب إطلاق الموقع الشخصي الجديد.",
+    fullHomeTitle: "الصفحة الرئيسية",
+    fullHomeDescription: "موقع شخصي احترافي ثنائي اللغة يعرض الهوية المهنية والخبرة التقنية والاستعداد للنشر.",
+    aboutTitle: "من أنا",
+    aboutDescription: "تعرف على الخبرات، المهارات، ومنهج العمل في بناء مواقع وأنظمة ويب حديثة.",
+    contactTitle: "تواصل",
+    contactDescription: "صفحة تواصل جاهزة لعرض البريد وروابط المنصات المهنية مباشرة من الإعدادات.",
+    notFoundTitle: "الصفحة غير موجودة",
+    notFoundDescription: "تعذر العثور على الصفحة المطلوبة. يمكنك العودة إلى الصفحة الرئيسية أو التبديل بين اللغتين.",
+  },
 };
 
 export default ar;

content/en.ts

@@ -2,53 +2,107 @@ import type { Dictionary } from "@/content/types";
 
 const en: Dictionary = {
   common: {
-    siteTitle: "diyaa | Personal Site",
+    siteTitle: "Diyaa",
+    siteTagline: "A new personal site is on the way",
     navLabel: "Main navigation",
     languageSwitcherLabel: "Switch language",
+    themeToggleLabel: "Interface theme",
+    themeLight: "Light",
+    themeDark: "Dark",
     nav: {
       home: "Home",
-      about: "About Me",
+      about: "About",
       contact: "Contact",
     },
     footerRights: "{year} All rights reserved",
+    footerBuiltWith: "A bilingual professional site prepared for deployment on a private server.",
+    availabilityBadge: "Available for web builds and custom development",
   },
   home: {
-    kicker: "Fresh personal presence",
-    title: "A bold digital space for my professional identity",
-    description:
-      "This is placeholder copy you can replace quickly. It is built to highlight your profile, communicate value, and stay clean on every screen size.",
-    primaryCta: "Start a conversation",
-    highlights: [
-      { value: "3", label: "Core pages" },
-      { value: "RTL/LTR", label: "Direction ready" },
-      { value: "100%", label: "Customizable" },
-    ],
+    comingSoon: {
+      badge: "Coming Soon",
+      kicker: "Coming soon",
+      title: "A fresh version of this site is being prepared",
+      description:
+        "The full website is currently being refined with a stronger visual identity, sharper content, and a cleaner launch-ready experience. It will be live soon.",
+      primaryCta: "Reach out when it launches",
+      secondaryCta: "Stay tuned",
+      highlights: [
+        { value: "New release", label: "Updated look and content" },
+        { value: "Bilingual", label: "Arabic and English ready" },
+        { value: "Soon", label: "Official launch" },
+      ],
+    },
+    full: {
+      badge: "Available for web builds and custom development",
+      kicker: "Full-stack web developer",
+      title: "I build websites and web systems ready to grow",
+      description:
+        "I design and ship cohesive digital experiences backed by clean implementation and deployment-ready structure, so launch and maintenance stay manageable over time.",
+      primaryCta: "Start a conversation",
+      secondaryCta: "Learn more",
+      highlights: [
+        { value: "10+", label: "Projects and product builds" },
+        { value: "Bilingual", label: "Arabic and English ready" },
+        { value: "Deployable", label: "Docker and VPS workflow" },
+      ],
+    },
   },
   about: {
     kicker: "Short introduction",
     title: "About me",
     story:
-      "This is temporary biography text. Replace it with your real story, strengths, and the kind of outcomes you deliver through your work.",
+      "My focus is turning ideas into web products that feel polished in the browser and dependable in production. I care about clean interfaces, maintainable structure, and deployment choices that make future growth easier instead of harder.",
     skillsTitle: "Skills",
-    skills: ["Frontend engineering", "UX refinement", "Content structuring", "Digital project delivery"],
+    skills: [
+      "Next.js and React",
+      "TypeScript-driven UI structure",
+      "Fast, adaptable frontend systems",
+      "Private-server deployment setup",
+      "Performance and UX refinement",
+      "Bilingual content architecture",
+    ],
     experienceTitle: "Experience highlights",
     experience: [
-      "Placeholder experience line 1",
-      "Placeholder experience line 2",
-      "Placeholder experience line 3",
+      "Professional landing pages and personal web presence builds",
+      "Scalable frontend interfaces for modern web apps",
+      "Docker-based delivery flows for cleaner deployment",
+    ],
+    principlesTitle: "Working principles",
+    principles: [
+      "Keep the structure clear enough for future expansion",
+      "Treat performance and clarity as part of the product",
+      "Prepare for deployment and operations from the beginning",
     ],
   },
   contact: {
-    kicker: "Let us connect",
-    title: "Contact",
-    description: "Your real contact links will be added later. The placeholders below are ready for direct replacement.",
-    pendingCta: "Link pending",
+    kicker: "Let us start with a clear and actionable conversation",
+    title: "Contact channels",
+    description: "As soon as you add your real links in the environment file, they appear here automatically and become usable for visitors.",
+    availabilityTitle: "Launch readiness",
+    availabilityDescription:
+      "This version is prepared for private-server deployment with an internal health endpoint and contact links managed through configuration.",
+    channelsTitle: "Direct contact links",
+    channelCta: "Open link",
+    channelFallback: "This channel will appear once the real link is added",
     channels: [
-      { name: "Email", status: "Real link will be added soon" },
-      //{ name: "LinkedIn", status: "Real link will be added soon" },
-      //{ name: "GitHub", status: "Real link will be added soon" },
+      { key: "email", name: "Email", hint: "For direct professional contact and project inquiries" },
+      { key: "linkedin", name: "LinkedIn", hint: "For professional background and networking" },
+      { key: "github", name: "GitHub", hint: "For repositories, code samples, and project history" },
     ],
   },
+  metadata: {
+    homeTitle: "Coming Soon",
+    homeDescription: "A temporary landing page announcing the upcoming launch of the new personal website.",
+    fullHomeTitle: "Home",
+    fullHomeDescription: "A bilingual professional site presenting technical expertise, project readiness, and server-friendly deployment.",
+    aboutTitle: "About",
+    aboutDescription: "Learn about experience, skills, and the working approach behind modern web builds.",
+    contactTitle: "Contact",
+    contactDescription: "Contact page wired for email and professional profile links through environment settings.",
+    notFoundTitle: "Page not found",
+    notFoundDescription: "The requested page could not be found. Return home or switch to the other language.",
+  },
 };
 
 export default en;

content/types.ts

@@ -1,26 +1,39 @@
 export type CommonContent = {
   siteTitle: string;
+  siteTagline: string;
   navLabel: string;
   languageSwitcherLabel: string;
+  themeToggleLabel: string;
+  themeLight: string;
+  themeDark: string;
   nav: {
     home: string;
     about: string;
     contact: string;
   };
   footerRights: string;
+  footerBuiltWith: string;
+  availabilityBadge: string;
 };
 
-export type HomeContent = {
+export type HomeVariantContent = {
+  badge: string;
   kicker: string;
   title: string;
   description: string;
   primaryCta: string;
+  secondaryCta: string;
   highlights: Array<{
     value: string;
     label: string;
   }>;
 };
 
+export type HomeContent = {
+  comingSoon: HomeVariantContent;
+  full: HomeVariantContent;
+};
+
 export type AboutContent = {
   kicker: string;
   title: string;
@@ -29,17 +42,39 @@ export type AboutContent = {
   skills: string[];
   experienceTitle: string;
   experience: string[];
+  principlesTitle: string;
+  principles: string[];
+};
+
+export type ContactChannelContent = {
+  key: "email" | "linkedin" | "github";
+  name: string;
+  hint: string;
 };
 
 export type ContactContent = {
   kicker: string;
   title: string;
   description: string;
-  pendingCta: string;
-  channels: Array<{
-    name: string;
-    status: string;
-  }>;
+  availabilityTitle: string;
+  availabilityDescription: string;
+  channelsTitle: string;
+  channelCta: string;
+  channelFallback: string;
+  channels: ContactChannelContent[];
+};
+
+export type MetadataContent = {
+  homeTitle: string;
+  homeDescription: string;
+  fullHomeTitle: string;
+  fullHomeDescription: string;
+  aboutTitle: string;
+  aboutDescription: string;
+  contactTitle: string;
+  contactDescription: string;
+  notFoundTitle: string;
+  notFoundDescription: string;
 };
 
 export type Dictionary = {
@@ -47,4 +82,5 @@ export type Dictionary = {
   home: HomeContent;
   about: AboutContent;
   contact: ContactContent;
+  metadata: MetadataContent;
 };