Merge pull request #139 from 202306-NEA-DZ-FEW/fixes/hopehub

fix(hopehub): implement overall fixes in the entire webpage

public/locales/ar/common.json

@@ -23,9 +23,6 @@
     "Bakhtiyari Street 40m": "شارع باختياري، 40 مترًا",
     "Algiers, Algeria": "الجزائر، الجزائر",
     "44001": "44001",
-    "footer_msg_1": "اشترك الآن",
-    "footer_msg_2": "لن نقوم أبدًا بمشاركة بريدك الإلكتروني",
-    "footer_msg_3": "أدخل بريدك الإلكتروني",
     "Blogs": "المدونات",
     "Contact": "اتصل بنا",
     "About": "من نحن",
@@ -160,7 +157,7 @@
     "Our team": "فريقنا",
     "Our Founding": "تأسيسنا",
     "At HopeHub, we believe there is a better way to do things. A more valuable way where customers are earned rather than bought. We are obsessively passionate about it, and our mission is to help people achieve it. We focus on search engine optimization. It is one of the least understood and least transparent aspects of great marketing, and we see that as an opportunity. We are excited to simplify SEO for everyone through our software, education, and community": "في HopeHub، نعتقد أن هناك وسيلة أفضل للقيام بالأمور. وسيلة أكثر قيمة حيث يتم كسب العملاء بدلاً من شرائهم. نحن مهووسون بشغف بذلك، ومهمتنا هي مساعدة الناس في تحقيقه. نحن نركز على تحسين محركات البحث. إنها واحدة من أقل الجوانب مفهومة وأقل شفافية في التسويق الرائع، ونرى ذلك كفرصة. نحن متحمسون لتبسيط تحسين محركات البحث للجميع من خلال برامجنا وتعليمنا ومجتمعنا.",
-    "HopeHub was founded by a group of Re:coded students in 2023. It was called HopeHub Online and started as a blog and an online community where some of the worlds therapists shared their research and ideas. We launched the Beginners Guide to Therapy and our first study, and that hub of industry expertise transformed into a small consulting firm and led us to create the Online Therapist of today!": "تأسست HopeHub عام 2023 من قبل مجموعة من طلاب Re:coded. تم تسميتها بـ HopeHub Online وبدأت كمدونة ومجتمع عبر الإنترنت حيث شارك بعض معالجي العالم أبحاثهم وأفكارهم. قمنا بإطلاق دليل المبتدئين للعلاج وأول دراستنا، وتحول ذلك المركز لخبراء الصناعة إلى شركة استشارية صغيرة وأدى بنا إلى إنشاء معالج الإنترنت الحالي!",
+    "HopeHub was founded by a group of Re:coded students in 2023. It was called HopeHub Online and started as a blog and an online community where approved therapists shared their research and ideas. We launched the Beginners Guide to Therapy and our first study, and that hub of industry expertise transformed into a small consulting firm and led us to create the Online Therapist of today!": "تأسست HopeHub عام 2023 من قبل مجموعة من طلاب Re:coded. تم تسميتها بـ HopeHub Online وبدأت كمدونة ومجتمع عبر الإنترنت حيث شارك بعض معالجي العالم أبحاثهم وأفكارهم. قمنا بإطلاق دليل المبتدئين للعلاج وأول دراستنا، وتحول ذلك المركز لخبراء الصناعة إلى شركة استشارية صغيرة وأدى بنا إلى إنشاء معالج الإنترنت الحالي!",
     "Bio": "السيرة الذاتية",
     "Therapist Profile": "الملف الشخصي للمعالج",
     "Update": "تحديث",
@@ -231,9 +228,9 @@
     "Our Hiring Philosophy": "فلسفة التوظيف لدينا",
     "Current Open Positions": "المراكز المفتوحة الحالية",
     "To apply for this position, please send your resume and cover letter to": "للتقدم بطلب للحصول على هذا المنصب، يرجى إرسال السيرة الذاتية ورسالة التغطية إلى",
-    "Please include the job title in the subject line of your email.": ".يرجى تضمين المسمى الوظيفي في سطر الموضوع في بريدك الإلكتروني",
+    "Please include the job title in the subject line of your email.": "يرجى تضمين المسمى الوظيفي في سطر الموضوع في بريدك الإلكتروني",
     "Department": "إدارة",
-    "How to Apply:": ":كيفية التقديم",
+    "How to Apply": "كيفية التقديم",
     "Senior Product Analyst": "كبير محللي المنتجات",
     "Product Management": "إدارة المنتجات",
     "Anywhere, Remote": "في أي مكان، عن بعد",
@@ -252,5 +249,25 @@
     "Employee wellness programs": "برامج صحة الموظفين",
     "Benefits": "منافع",
     "Come join us!": "!تعال وانضم إلينا",
-    "Careers at": "وظائف في"
+    "Careers at": "وظائف في",
+    "Hope Hub. All rights reserved.": "Hope Hub. كل الحقوق محفوظة.",
+    "Share this article via": "شارك هذه المقالة عبر",
+    "Subscribe to Our Newsletter": "اشترك في نشرتنا الإخبارية",
+    "Our Purpose": "هدفنا",
+    "Update user profile": "تحديث الملف الشخصي للمستخدم",
+    "Update profile": "تحديث الملف الشخصي",
+    "Change Password": "غير كلمة السر",
+    "Join Call": "للانضمام إلى المكالمة",
+    "You currently have": "لديك حاليا",
+    "tickets": "تذكرة",
+    "Every appointment costs 1 ticket, book an appointement now.": ".كل موعد يكلف 1 تذكرة، حجز التعيين الآن",
+    "Call": "اتصل",
+    "at": "على",
+    "Relationship status": "الحالة الاجتماعية",
+    "Therapy type": "نوع معالجة",
+    "Had therapy before": "هل كان لديهم علاج من قبل",
+    "Issues": "مسائل",
+    "Description": "وصف",
+    "Create": "أنتج",
+    "Thank you for being a part of our team": "شكرا لكونك جزءا من فريقنا"
 }

public/locales/en/common.json

@@ -1,7 +1,4 @@
 {
-    "footer_msg_1": "Subscribe",
-    "footer_msg_2": "We’ll never to spam you or share your email",
-    "footer_msg_3": "Enter your e-mail",
     "Home": "Home",
     "Contact": "Contact Us",
     "Blogs": "Blogs",
@@ -139,7 +136,7 @@
     "Our team": "Our Team",
     "Our Founding": "Our Founding",
     "At HopeHub, we believe there is a better way to do things. A more valuable way where customers are earned rather than bought. We are obsessively passionate about it, and our mission is to help people achieve it. We focus on search engine optimization. It is one of the least understood and least transparent aspects of great marketing, and we see that as an opportunity. We are excited to simplify SEO for everyone through our software, education, and community": "At HopeHub, we believe there is a better way to do things. A more valuable way where customers are earned rather than bought. We are obsessively passionate about it, and our mission is to help people achieve it. We focus on search engine optimization. It is one of the least understood and least transparent aspects of great marketing, and we see that as an opportunity. We are excited to simplify SEO for everyone through our software, education, and community.",
-    "HopeHub was founded by a group of Re:coded students in 2023. It was called HopeHub Online and started as a blog and an online community where some of the world's therapists shared their research and ideas. We launched the Beginners Guide to Therapy and our first study, and that hub of industry expertise transformed into a small consulting firm and led us to create the Online Therapist of today!": "HopeHub was founded by a group of Re:coded students in 2023. It was called HopeHub Online and started as a blog and an online community where some of the world's therapists shared their research and ideas. We launched the Beginners Guide to Therapy and our first study, and that hub of industry expertise transformed into a small consulting firm and led us to create the Online Therapist of today!",
+    "HopeHub was founded by a group of Re:coded students in 2023. It was called HopeHub Online and started as a blog and an online community where approved therapists shared their research and ideas. We launched the Beginners Guide to Therapy and our first study, and that hub of industry expertise transformed into a small consulting firm and led us to create the Online Therapist of today!": "HopeHub was founded by a group of Re:coded students in 2023. It was called HopeHub Online and started as a blog and an online community where some of the world's therapists shared their research and ideas. We launched the Beginners Guide to Therapy and our first study, and that hub of industry expertise transformed into a small consulting firm and led us to create the Online Therapist of today!",
     "Profile": "Profile",
     "Log Out": "Log Out",
     "Appointments": "Appointments",
@@ -218,5 +215,24 @@
     "Employee wellness programs": "Employee wellness programs",
     "Benefits": "Benefits",
     "Come join us!": "Come join us!",
-    "Careers at": "Careers at"
+    "Careers at": "Careers at",
+    "Hope Hub. All rights reserved.": "Hope Hub. All rights reserved.",
+    "Share this article via": "Share this article via",
+    "Our Purpose": "Our Purpose",
+    "Update user profile": "Update user profile",
+    "Update profile": "Update profile",
+    "Change Password": "Change Password",
+    "Join Call": "Join Call",
+    "You currently have": "You currently have",
+    "tickets": "tickets",
+    "Every appointment costs 1 ticket, book an appointement now.": "Every appointment costs 1 ticket, book an appointement now.",
+    "Call": "Call",
+    "at": "at",
+    "Relationship status": "Relationship status",
+    "Therapy type": "Therapy type",
+    "Had therapy before": "Had therapy before",
+    "Issues": "Issues",
+    "Description": "Description",
+    "Create": "Create",
+    "Thank you for being a part of our team": "Thank you for being a part of our team"
 }

public/locales/fr/common.json

@@ -171,7 +171,7 @@
     "Our team": "Notre équipe",
     "Our Founding": "Notre Fondation",
     "At HopeHub, we believe there is a better way to do things. A more valuable way where customers are earned rather than bought. We are obsessively passionate about it, and our mission is to help people achieve it. We focus on search engine optimization. It is one of the least understood and least transparent aspects of great marketing, and we see that as an opportunity. We are excited to simplify SEO for everyone through our software, education, and community": "Chez HopeHub, nous croyons qu'il y a une meilleure façon de faire les choses. Une manière plus précieuse où les clients sont gagnés plutôt qu'achetés. Nous en sommes passionnément convaincus, et notre mission est d'aider les gens à y parvenir. Nous nous concentrons sur l'optimisation des moteurs de recherche. Il s'agit de l'un des aspects les moins compris et les moins transparents du marketing de qualité, et nous y voyons une opportunité. Nous sommes ravis de simplifier le SEO pour tout le monde grâce à notre logiciel, à notre éducation et à notre communauté.",
-    "HopeHub was founded by a group of Re:coded students in 2023. It was called HopeHub Online and started as a blog and an online community where some of the worlds therapists shared their research and ideas. We launched the Beginners Guide to Therapy and our first study, and that hub of industry expertise transformed into a small consulting firm and led us to create the Online Therapist of today!": "HopeHub a été fondée en 2023 par un groupe d'étudiants de Re:coded. Elle s'appelait HopeHub Online et a commencé comme un blog et une communauté en ligne où certains des thérapeutes du monde partageaient leurs recherches et leurs idées. Nous avons lancé le Guide du Débutant en Thérapie et notre première étude, et ce pôle d'expertise de l'industrie s'est transformé en une petite société de conseil qui nous a conduit à créer l'Online Therapist d'aujourd'hui !",
+    "HopeHub was founded by a group of Re:coded students in 2023. It was called HopeHub Online and started as a blog and an online community where approved therapists shared their research and ideas. We launched the Beginners Guide to Therapy and our first study, and that hub of industry expertise transformed into a small consulting firm and led us to create the Online Therapist of today!": "HopeHub a été fondée en 2023 par un groupe d'étudiants de Re:coded. Elle s'appelait HopeHub Online et a commencé comme un blog et une communauté en ligne où certains des thérapeutes du monde partageaient leurs recherches et leurs idées. Nous avons lancé le Guide du Débutant en Thérapie et notre première étude, et ce pôle d'expertise de l'industrie s'est transformé en une petite société de conseil qui nous a conduit à créer l'Online Therapist d'aujourd'hui !",
     "Profile": "Profile",
     "Log Out": "Déconnexion",
     "Appointments": "Rendez-vous",
@@ -232,7 +232,7 @@
     "To apply for this position, please send your resume and cover letter to": "Pour postuler à ce poste, veuillez envoyer votre CV et une lettre de motivation à l'adresse suivante",
     "Please include the job title in the subject line of your email.": "Veuillez indiquer l'intitulé du poste dans l'objet de votre courriel.",
     "Department": "Département",
-    "How to Apply:": "Comment postuler ?",
+    "How to Apply": "Comment postuler",
     "Senior Product Analyst": "Analyste produit senior",
     "Product Management": "Gestion des produits",
     "Anywhere, Remote": "N'importe où, à distance",
@@ -251,5 +251,25 @@
     "Employee wellness programs": "Programmes de bien-être pour les employés",
     "Benefits": "Bénéfices",
     "Come join us!": "Venez nous rejoindre!",
-    "Careers at": "Les carrières à"
+    "Careers at": "Les carrières à",
+    "Hope Hub. All rights reserved.": "Hope Hub. Tous droits réservés.",
+    "Share this article via": "Partager cet article via",
+    "Subscribe to Our Newsletter": "Abonnez-vous à notre lettre d'information",
+    "Our Purpose": "Notre mission",
+    "Update user profile": "Mettre à jour le profil de l'utilisateur",
+    "Update profile": "Mettre à jour le profil",
+    "Change Password": "Changer le mot de passe",
+    "Join Call": "Rejoignez l'appel",
+    "You currently have": "Vous avez actuellement",
+    "tickets": "billets",
+    "Every appointment costs 1 ticket, book an appointement now.": "Chaque rendez-vous coûte 1 ticket, prenez rendez-vous dès maintenant.",
+    "Call": "Appeler",
+    "at": "à",
+    "Relationship status": "Statut de la relation",
+    "Therapy type": "Type de thérapie",
+    "Had therapy before": "A suivi une thérapie auparavant",
+    "Issues": "Problèmes",
+    "Description": "Description",
+    "Create": "Créer",
+    "Thank you for being a part of our team": "Merci de vous être joints à notre équipe"
 }

src/components/About/TeamTab.jsx

@@ -35,7 +35,7 @@ const TeamMemberCards = ({ teamMembers }) => {
         return (
             <div
                 key={index}
-                className='w-52 h-auto my-4 rounded-lg p-2 flex flex-col items-center justify-center mx-2 hover:scale-110'
+                className='w-52 h-auto my-4 rounded-lg p-2 flex flex-col items-center justify-center mx-2  transform transition-transform duration-300 hover:scale-105 cursor-pointer '
                 style={gradientStyle}
             >
                 <Image
@@ -53,15 +53,15 @@ const TeamMemberCards = ({ teamMembers }) => {
                         href={member.linkedin}
                         target='_blank'
                         rel='noopener noreferrer'
-                        className='text-blue-500 hover:text-blue-700 mr-4'
+                        className='text-blue-500 hover:text-blue-700 mx-2'
                     >
                         <BsLinkedin className='text-2xl hover:scale-105 delay-75' />
                     </a>
                     <a
                         href={member.github}
                         target='_blank'
                         rel='noopener noreferrer'
-                        className='text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100'
+                        className='text-gray-700 dark:text-gray-300 mx-2 hover:text-gray-900 dark:hover:text-gray-100'
                     >
                         <BsGithub className='text-2xl hover:scale-125 delay-75' />
                     </a>

src/components/About/__test__/__snapshots__/TeamTab.test.js.snap

@@ -5,7 +5,7 @@ exports[`renders correctly 1`] = `
   className="flex flex-wrap justify-center"
 >
   <div
-    className="w-52 h-auto my-4 rounded-lg p-2 flex flex-col items-center justify-center mx-2 hover:scale-110"
+    className="w-52 h-auto my-4 rounded-lg p-2 flex flex-col items-center justify-center mx-2  transform transition-transform duration-300 hover:scale-105 cursor-pointer "
     style={
       Object {
         "background": "linear-gradient(to top, #BFDFDC, #99B4DF)",
@@ -39,7 +39,7 @@ exports[`renders correctly 1`] = `
       className="mt-2 flex flex-row py-3"
     >
       <a
-        className="text-blue-500 hover:text-blue-700 mr-4"
+        className="text-blue-500 hover:text-blue-700 mx-2"
         href="https://www.linkedin.com/in/johndoe/"
         rel="noopener noreferrer"
         target="_blank"
@@ -65,7 +65,7 @@ exports[`renders correctly 1`] = `
         </svg>
       </a>
       <a
-        className="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100"
+        className="text-gray-700 dark:text-gray-300 mx-2 hover:text-gray-900 dark:hover:text-gray-100"
         href="https://github.com/johndoe"
         rel="noopener noreferrer"
         target="_blank"
@@ -93,7 +93,7 @@ exports[`renders correctly 1`] = `
     </div>
   </div>
   <div
-    className="w-52 h-auto my-4 rounded-lg p-2 flex flex-col items-center justify-center mx-2 hover:scale-110"
+    className="w-52 h-auto my-4 rounded-lg p-2 flex flex-col items-center justify-center mx-2  transform transition-transform duration-300 hover:scale-105 cursor-pointer "
     style={
       Object {
         "background": "linear-gradient(to bottom, #BFDFDC, #99B4DF)",
@@ -127,7 +127,7 @@ exports[`renders correctly 1`] = `
       className="mt-2 flex flex-row py-3"
     >
       <a
-        className="text-blue-500 hover:text-blue-700 mr-4"
+        className="text-blue-500 hover:text-blue-700 mx-2"
         href="https://www.linkedin.com/in/janesmith/"
         rel="noopener noreferrer"
         target="_blank"
@@ -153,7 +153,7 @@ exports[`renders correctly 1`] = `
         </svg>
       </a>
       <a
-        className="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100"
+        className="text-gray-700 dark:text-gray-300 mx-2 hover:text-gray-900 dark:hover:text-gray-100"
         href="https://github.com/janesmith"
         rel="noopener noreferrer"
         target="_blank"

src/components/booking/4CounseQualities.jsx → src/components/Booking/4CounseQualities.jsx

@@ -6,7 +6,7 @@ import { Slide, toast } from "react-toastify";
 
 import { useAppcontext } from "@/context/state";
 
-import Checkbox from "../booking/Checkbox";
+import Checkbox from "./Checkbox";
 
 export default function CounseQualities({ OnNext, OnPrevious }) {
     const { t } = useTranslation("common");

src/components/booking/5Issues.jsx → src/components/Booking/5Issues.jsx

@@ -6,7 +6,7 @@ import { Slide, toast } from "react-toastify";
 
 import { useAppcontext } from "@/context/state";
 
-import Checkbox from "../booking/Checkbox";
+import Checkbox from "./Checkbox";
 export default function Issues({ OnNext, OnPrevious }) {
     const { t } = useTranslation("common");
     const [issues, setIssues] = useState([]); // Use an array for multiple selections