\r\n No Therapists Available\r\n
\r\n )\r\n : availableTherapists.map((therapist, index) => \r\n
\r\n )\r\n}\r\n","import React from 'react'\r\n\r\nexport default function AboutTherapistsPledge() \r\n{\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n MEET THE TEAM
\r\n\r\n Get to know our exceptional team of experienced and compassionate therapists. Each member is dedicated to supporting your well-being and helping you thrive on your journey toward personal growth and mental health.\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {therapistsDisplay}\r\n
\r\n \r\n \r\n {/* */}\r\n
\r\n \r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport PagesHeader from '../PagesHeader/PagesHeader'\r\nimport { useNavigate, useParams } from 'react-router-dom'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faChevronRight } from '@fortawesome/free-solid-svg-icons'\r\nimport { useSelector } from 'react-redux'\r\nimport { selectedBlogs } from '../../app/blogs/blogsSlice'\r\nimport useTitle from '../../hooks/useTitle'\r\n\r\nexport default function Article() \r\n{\r\n const blogs = useSelector(selectedBlogs)\r\n\r\n const { title } = useParams()\r\n\r\n const navigate = useNavigate()\r\n\r\n const selectedBlog = blogs.find(blog => blog.title.split(\" \").join(\"\") === title)\r\n const readMoreBlogs = blogs.filter(blog => blog.id !== selectedBlog.id)\r\n\r\n useTitle(`${selectedBlog.title}`)\r\n\r\n const displayedSelectedBlog = (\r\n \r\n
\r\n THERAPISTS' PLEDGE
\r\n\r\n The 'Therapists Pledge' is a vital document that all our therapists vow to uphold. It consists of the following rules to maintain professionalism, ethics, and top-quality service during sessions. It ensures we provide the best care to our clients.\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Supervised\r\n
\r\n \r\n I am individually, group, and peer supervised.\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Confidential\r\n
\r\n \r\n I make sure to transcribe all my notes in a confidential folder on my device.\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Organized\r\n
\r\n \r\n I go through all the needed forms, assessments, or notes before my sessions with the clients.\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Literate\r\n
\r\n \r\n I read and write a lot. In fact, I write a blog post every other month for TSH's website.\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Trained\r\n
\r\n \r\n I have at least one Master's Degree in the field of Psychology.\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Self Care\r\n
\r\n \r\n I go to therapy myself.\r\n
\r\n \r\n {/* */}\r\n {/* */}\r\n
\r\n \r\n
\r\n )\r\n\r\n const displayedReadMoreBlogs = readMoreBlogs.map(blog => (\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {selectedBlog.topic}\r\n
\r\n \r\n {selectedBlog.duration}\r\n
\r\n \r\n {selectedBlog.title}\r\n
\r\n \r\n By: {selectedBlog.therapist}\r\n
\r\n \r\n
\r\n ))\r\n\r\n return (\r\n <>\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {blog.topic}\r\n
\r\n \r\n {blog.duration}\r\n
\r\n \r\n {blog.title}\r\n
\r\n \r\n By: {blog.therapist}\r\n
\r\n \r\n {blog.description}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n}","import React from 'react'\r\nimport PagesHeader from '../PagesHeader/PagesHeader'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faChevronRight } from '@fortawesome/free-solid-svg-icons'\r\nimport { useNavigate } from 'react-router-dom'\r\nimport { useSelector } from 'react-redux'\r\nimport { selectedBlogs } from '../../app/blogs/blogsSlice'\r\nimport useTitle from '../../hooks/useTitle'\r\n\r\nexport default function Blogs()\r\n{\r\n useTitle('Blogs')\r\n\r\n const blogs = useSelector(selectedBlogs)\r\n\r\n const navigate = useNavigate()\r\n\r\n const restofBlogs = blogs.slice(1)\r\n const firstBlog = blogs.slice(0, 1)\r\n\r\n const displayedBlogs = restofBlogs.map(blog => \r\n (\r\n \r\n
\r\n READ MORE
\r\n\r\n {displayedReadMoreBlogs}\r\n
\r\n \r\n
\r\n ))\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {blog.topic}\r\n
\r\n \r\n {blog.duration}\r\n
\r\n \r\n {blog.title}\r\n
\r\n \r\n By: {blog.therapist}\r\n
\r\n \r\n {blog.description}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n OUR BLOG\r\n
\r\n \r\n
\r\n \r\n Our blog section is a valuable resource for insights into mental health, well-being, and personal growth. Our expert therapists regularly share informative articles, practical tips, and strategies to help you navigate life's challenges.\r\n
\r\n \r\n Whether you're seeking guidance on managing stress, improving relationships, or enhancing your overall mental health, our blog offers evidence-based information in an accessible and relatable format. Explore a wealth of knowledge, empowering you to lead a happier, healthier life.\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {firstBlog[0].topic}\r\n
\r\n \r\n {firstBlog[0].duration}\r\n
\r\n \r\n {firstBlog[0].title}\r\n
\r\n \r\n By: {firstBlog[0].therapist}\r\n
\r\n \r\n {firstBlog[0].description}\r\n
\r\n \r\n \r\n
\r\n \r\n {displayedBlogs}\r\n
\r\n \r\n )\r\n}","import React, { useEffect, useState, useRef } from 'react'\r\nimport PagesHeader from '../PagesHeader/PagesHeader'\r\nimport emailjs from '@emailjs/browser';\r\nimport useTitle from '../../hooks/useTitle';\r\nimport PhoneInput from 'react-phone-input-2';\r\n\r\nconst days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']\r\n\r\nconst NAME_REGEX = /^[A-z]{2,36}/\r\nconst NUMBER_REGEX = /^[1-9]{1,3}[0][1][0125][0-9]{8}/\r\n\r\nexport default function BookSession() \r\n{ \r\n useTitle('Request A Booking')\r\n\r\n const [firstName, setFirstName] = useState('')\r\n const [verifyFirstName, setVerifyFirstName] = useState(false)\r\n const [lastName, setLastName] = useState('')\r\n const [verifyLastName, setVerifyLastName] = useState(false)\r\n const [email, setEmail] = useState('')\r\n const [day, setDay] = useState('Day')\r\n const [prefWay, setPrefWay] = useState('')\r\n const [number, setNumber] = useState('')\r\n const [verifyNumber, setVerifyNumber] = useState(false)\r\n\r\n const [location, setLocation] = useState('At The Center')\r\n\r\n const [err, setErr] = useState(false)\r\n const [succ, setSucc] = useState(false)\r\n\r\n const onFirstNameChanged = (e) => setFirstName(e.target.value)\r\n const onLastNameChanged = (e) => setLastName(e.target.value)\r\n const onEmailChanged = (e) => setEmail(e.target.value)\r\n const onDayChanged = (e) => setDay(e.target.value)\r\n const onPrefWayChanged = (e) => setPrefWay(e.target.value)\r\n\r\n const form = useRef();\r\n\r\n const sendEmail = (e) => {\r\n console.log(verifyFirstName, verifyLastName, verifyNumber)\r\n e.preventDefault();\r\n if(canRequest)\r\n {\r\n setSucc(true)\r\n setFirstName('')\r\n setLastName('')\r\n setEmail('')\r\n setNumber('')\r\n //@ts-ignore\r\n emailjs.sendForm(process.env.REACT_APP_service_id, process.env.REACT_APP_templateBook_id, form.current, process.env.REACT_APP_public_key)\r\n .then((result) => {\r\n \r\n }, (error) => {\r\n \r\n });\r\n }\r\n else\r\n {\r\n setErr(true)\r\n }\r\n };\r\n\r\n const daysOptions = days.map(day => )\r\n\r\n useEffect(() => \r\n {\r\n setVerifyFirstName(NAME_REGEX.test(firstName))\r\n }, [firstName])\r\n\r\n useEffect(() => \r\n {\r\n setVerifyLastName(NAME_REGEX.test(lastName))\r\n }, [lastName])\r\n\r\n useEffect(() => \r\n {\r\n setVerifyNumber(NUMBER_REGEX.test(number.replace(/\\s/g,'')))\r\n }, [number])\r\n\r\n useEffect(() => \r\n {\r\n setErr(false)\r\n }, [firstName, lastName, email, number, prefWay, day])\r\n\r\n const canRequest = [verifyFirstName, verifyLastName, verifyNumber].every(Boolean)\r\n\r\n const error = (\r\n \r\n
\r\n )\r\n\r\n const success = (\r\n All Fields Must Be Filled!
\r\n\r\n
\r\n )\r\n\r\n return (\r\n <>\r\n Request Sent Successfully!
\r\n\r\n
\r\n \r\n )\r\n}\r\n","import React, { useEffect, useRef, useState } from 'react'\r\nimport PagesHeader from '../PagesHeader/PagesHeader'\r\nimport map from '../../imgs/map.png'\r\nimport topleft from '../../imgs/topl.jpeg'\r\nimport botleft from '../../imgs/botl.jpeg'\r\nimport topright from '../../imgs/topr.jpeg'\r\nimport botright from '../../imgs/botr.jpeg'\r\nimport mid from '../../imgs/midpics.jpeg'\r\nimport { Link } from 'react-router-dom'\r\nimport emailjs from '@emailjs/browser';\r\nimport useTitle from '../../hooks/useTitle'\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/bootstrap.css\";\r\n\r\nconst NAME_REGEX = /^[A-z]{2,24}\\s[A-z]{2,24}/\r\nconst NUMBER_REGEX = /^[1-9]{1,3}[0][1][0125][0-9]{8}/\r\n\r\nexport default function ContactUs() \r\n{\r\n useTitle('Contact Us')\r\n\r\n const [name, setName] = useState('')\r\n const [verifyName, setVerifyName] = useState(false)\r\n const [email, setEmail] = useState('')\r\n const [message, setMessage] = useState('')\r\n const [number, setNumber] = useState('')\r\n const [verifyNumber, setVerifyNumber] = useState(false)\r\n const [subject, setSubject] = useState('')\r\n\r\n const [err, setErr] = useState(false)\r\n const [succ, setSucc] = useState(false)\r\n\r\n useEffect(() => \r\n {\r\n setVerifyName(NAME_REGEX.test(name))\r\n }, [name])\r\n\r\n useEffect(() => \r\n {\r\n setVerifyNumber(NUMBER_REGEX.test(number.replace(/\\s/g,'')))\r\n }, [number])\r\n\r\n const canSend = [verifyName, verifyNumber, message.length, subject.length].every(Boolean)\r\n\r\n const form = useRef();\r\n\r\n const sendEmail = (e) => {\r\n e.preventDefault();\r\n if(canSend)\r\n {\r\n setSucc(true)\r\n setName('')\r\n setEmail('')\r\n setMessage('')\r\n setNumber('')\r\n //@ts-ignore\r\n emailjs.sendForm(process.env.REACT_APP_service_id, process.env.REACT_APP_template_id, form.current, process.env.REACT_APP_public_key)\r\n .then((result) => {\r\n\r\n }, (error) => {\r\n\r\n });\r\n }\r\n else\r\n {\r\n setErr(true)\r\n }\r\n }\r\n\r\n useEffect(() => \r\n {\r\n setErr(false)\r\n }, [name, email, message, number, subject])\r\n\r\n const error = (\r\n \r\n
\r\n \r\n REQUEST TO BOOK A SESSION\r\n
\r\n {err && error}\r\n {succ && success}\r\n \r\n
\r\n {/*//@ts-ignore*/}\r\n \r\n \r\n Location\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n\r\n const success = (\r\n All Fields Must Be Filled!
\r\n\r\n
\r\n )\r\n \r\n return (\r\n <>\r\n Message Sent Successfully!
\r\n\r\n
\r\n
\r\n
\r\n \r\n FIND US\r\n
\r\n \r\n
\r\n \r\n {/* Lorem ipsum dolor sit amet consectetur. Sed urna diam lacus cum. Facilisi quis fames suscipit malesuada. Tincidunt velit in dolor cursus cursus neque. Et turpis eget pellentesque vitae eu. Non nulla urna dictum pharetra pellentesque faucibus vel. */}\r\n
\r\n \r\n {/* Lorem ipsum dolor sit amet consectetur. Sed urna diam lacus cum. Facilisi quis fames suscipit malesuada. Tincidunt velit in dolor cursus cursus neque. Et turpis eget pellentesque vitae eu. Non nulla urna dictum pharetra pellentesque faucibus vel. */}\r\n
\r\n \r\n
\r\n
\r\n \r\n 
\r\n
\r\n \r\n 201094292553
\r\n inquiries@the-sonderhood.com
\r\n Trivium Square, New Cairo
\r\n
\r\n \r\n inquiries@the-sonderhood.com
\r\n Trivium Square, New Cairo
\r\n
\r\n
\r\n
\r\n SEND US A MESSAGE\r\n
\r\n {err && error}\r\n {succ && success}\r\n {/*//@ts-ignore*/}\r\n