From b366f064ef76bae719cfbf48670122ccca2aa5cf Mon Sep 17 00:00:00 2001
From: Meagan <meagan.h.smith@gmail.com>
Date: Mon, 18 Dec 2023 13:32:30 -0600
Subject: [PATCH 01/28] Add sticky footer code

---
 src/components/common/Footer.astro         | 128 +++++++++++----------
 src/components/posts/SocialMediaShares.tsx |   2 +-
 src/i18n/UI/French.ts                      |   4 +-
 src/i18n/UI/Spanish.ts                     |   2 +-
 src/layouts/PageLayout.astro               |   2 +-
 src/pages/index.astro                      |   4 +-
 6 files changed, 72 insertions(+), 70 deletions(-)

diff --git a/src/components/common/Footer.astro b/src/components/common/Footer.astro
index 2dccb83c..e0011521 100644
--- a/src/components/common/Footer.astro
+++ b/src/components/common/Footer.astro
@@ -27,79 +27,81 @@ export interface Props {
 
 const { socialLinks = [], secondaryLinks = [], links = [], footNote = ''} = Astro.props;
 ---
-<footer class="flex flex-col bg-background2 dark:bg-background2-DM mt-4 py-4 -mx-4">
-  <div class="w-full flex flex-col items-center">
+<footer class="flex flex-col bg-background2 dark:bg-background2-DM mt-4 md:-mx-4 md:p-2 z-50">
+  <div class="w-full flex flex-col">
       <div class="">
-        <div class="mb-2 text-center text-ptext2 dark:text-text2-DM  md:w-full">
+        <div class="text-center md:text-start text-ptext2 dark:text-text2-DM md:w-[99vh] md:ml-2">
           <a class="inline-block font-bold text-xl" href={SITE.url}>{SITE?.name}</a>
         </div>
       </div>
 
-      <div class="flex justify-center text-center max-w-screen-sm w-full my-2 md:my-4">
+      <div class="w-full flex-wrap md:flex items-center">
+        <div class="flex w-full justify-center md:justify-start md:w-1/3 text-center max-w-screen-sm">
+            {
+              secondaryLinks.map(({ text, href }) => (
+              <div class="flex text-center items-center justify-center text-ptext2 dark:text-ptext2-DM px-2"> 
+                <div class="flex justify-center items-center">
+                  <a
+                    class="text-muted text-center text-sm text-link2 hover:text-link2Hov dark:text-link2-DM dark:hover:text-link2Hov-DM transition duration-150 ease-in-out"
+                    href={`/${lang}/${href}`}
+                    set:html={text}
+                  />
+                </div>
+              </div> 
+              ))
+            }
+          <!-- </div> -->
           {
-            secondaryLinks.map(({ text, href }) => (
-            <div class="flex text-center items-center justify-center w-1/4 text-ptext2 dark:text-ptext2-DM px-4"> 
-              <div class="flex justify-center items-center">
-                <a
-                  class="text-muted text-center text-sm text-link2 hover:text-link2Hov dark:text-link2-DM dark:hover:text-link2Hov-DM transition duration-150 ease-in-out"
-                  href={`/${lang}/${href}`}
-                  set:html={text}
-                />
+            links.map(({ title, links }) => (
+              <div class="flex justify-center items-center px-2">
+                {links && Array.isArray(links) && links.length > 0 && (
+                  <ul class="text-sm">
+                    {links.map(({ text, href, ariaLabel }) => (
+                      <li class="text-link2 dark:text-link2-DM">
+                        <a
+                          class="text-muted text-link2 hover:text-link2Hov dark:text-link2-DM dark:hover:text-link2Hov-DM transition duration-150 ease-in-out"
+                          href={href}
+                          aria-label={ariaLabel}
+                        >
+                          <Fragment set:html={text} />
+                        </a>
+                      </li>
+                    ))}
+                  </ul>
+                )}
               </div>
-            </div> 
             ))
           }
-        <!-- </div> -->
-        {
-          links.map(({ title, links }) => (
-            <div class="flex justify-center items-center w-1/4 px-4">
-              {links && Array.isArray(links) && links.length > 0 && (
-                <ul class="text-sm">
-                  {links.map(({ text, href, ariaLabel }) => (
-                    <li class="text-link2 dark:text-link2-DM">
-                      <a
-                        class="text-muted text-link2 hover:text-link2Hov dark:text-link2-DM dark:hover:text-link2Hov-DM transition duration-150 ease-in-out"
-                        href={href}
-                        aria-label={ariaLabel}
-                      >
-                        <Fragment set:html={text} />
-                      </a>
-                    </li>
-                  ))}
-                </ul>
-              )}
-            </div>
-          ))
-        }
-      </div>
-    </div>
+        </div>
     
-    <div class="text-center text-text2 dark:text-text2-DM">
-      {
-        socialLinks?.length ? (
-          <ul class="flex justify-center mb-2">
-            {socialLinks.map(({ ariaLabel, href, text, icon }) => (
-              <li>
-                <a
-                  class="text-muted dark:text-icon2-DM text-icon2 hover:bg-shadow-LM dark:hover:bg-shadow-DM focus:outline-none focus:ring-4 rounded-lg text-sm p-2 inline-flex items-center"
-                  aria-label={ariaLabel}
-                  href={href}
-                  target="_blank"
-                >
-                  {icon && <Icon name={icon} class="w-5 h-5" />}
-                  <Fragment set:html={text}/>
-                </a>
-              </li>
-            ))}
-          </ul>
-        ) : (
-          ''
-        )
-      }
-
-      <div class="text-sm dark:text-text2-DM text-text2">
-        <Fragment set:html={footNote} />
-      </div>
+        <div class="flex justify-center md:justify-center items-center w-full md:w-1/3 h-full text-center text-text2 dark:text-text2-DM">
+          {
+            socialLinks?.length ? (
+              <ul class="flex justify-center">
+                {socialLinks.map(({ ariaLabel, href, text, icon }) => (
+                  <li>
+                    <a
+                      class="text-muted dark:text-icon2-DM text-icon2 hover:bg-shadow-LM dark:hover:bg-shadow-DM focus:outline-none focus:ring-4 rounded-lg text-sm p-2 inline-flex items-center"
+                      aria-label={ariaLabel}
+                      href={href}
+                      target="_blank"
+                    >
+                      {icon && <Icon name={icon} class="w-5 h-5" />}
+                      <Fragment set:html={text}/>
+                    </a>
+                  </li>
+                ))}
+              </ul>
+            ) : (
+              ''
+            )
+          }
+        </div>
+      <div>
+    </div>
+    <div class="text-sm dark:text-ptext2-DM text-ptext2 text-center md:w-1/3 md:text-end">
+      <Fragment set:html={footNote} class="text-ptext2 dark:text-ptext2-DM"/>
     </div>
   </div>
+  
 </footer>
\ No newline at end of file
diff --git a/src/components/posts/SocialMediaShares.tsx b/src/components/posts/SocialMediaShares.tsx
index 330ac82f..dba82402 100644
--- a/src/components/posts/SocialMediaShares.tsx
+++ b/src/components/posts/SocialMediaShares.tsx
@@ -129,7 +129,7 @@ export const SocialMediaShares: Component<Post> = (props) => {
       
             <div class="flex justify-center">
                 <div id={ 'socialsBtns' + props.id } class="share-btns grid grid-cols-4 md:grid-cols-2 gap-4 auto-rows-min">
-                    <button id="button--x" class="x-share-button socialBtn z-30 flex justify-start items-center rounded font-bold text-icon1 dark:text-icon1-DM" title="Share to X - LANG!" onclick={ (e) => xShare(e) }>
+                    <button id="button--x" class="x-share-button socialBtn z-20 flex justify-start items-center rounded font-bold text-icon1 dark:text-icon1-DM" title="Share to X - LANG!" onclick={ (e) => xShare(e) }>
                         <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-x mr-1 text-icon2 dark:text-icon2-DM" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                             <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                             <path d="M4 4l11.733 16h4.267l-11.733 -16z"></path>
diff --git a/src/i18n/UI/French.ts b/src/i18n/UI/French.ts
index 3afd6876..90edf5bb 100644
--- a/src/i18n/UI/French.ts
+++ b/src/i18n/UI/French.ts
@@ -304,8 +304,8 @@ export const French = {
       { ariaLabel: 'Discord', icon: 'tabler:brand-discord', href: 'https://discord.gg/NpV44vS6bF'},
     ],
     footNote: `
-    <span class="w-5 h-5 md:w-6 md:h-6 md:-mt-0.5 bg-cover rounded-sm text-text2 dark:text-text2-DM"></span>
-    <span class="text-text2 dark:text-text2-DM">Faite par</span><a class="text-link2 dark:text-link2-DM hover:text-link2Hov dark:hover:text-link2Hov-DM" href="https://datagrove.com/"> Datagrove.</a><span class="text-text2 dark:text-text2-DM"> Tous les droits sont réservés.</span>
+    <span class="w-5 h-5 md:w-6 md:h-6 md:-mt-0.5 bg-cover rounded-sm text-ptext2 dark:text-ptext2-DM"></span>
+    <span class="text-text2 dark:text-text2-DM">Faite par</span><a class="text-link2 dark:text-link2-DM hover:text-link2Hov dark:hover:text-link2Hov-DM" href="https://datagrove.com/"> Datagrove.</a><span class="text-ptext2 dark:text-ptext2-DM"> Tous les droits sont réservés.</span>
   `,
   },
 
diff --git a/src/i18n/UI/Spanish.ts b/src/i18n/UI/Spanish.ts
index 461f9ef2..cb2a4c54 100644
--- a/src/i18n/UI/Spanish.ts
+++ b/src/i18n/UI/Spanish.ts
@@ -303,7 +303,7 @@ export const Spanish = {
       { ariaLabel: 'Discord', icon: 'tabler:brand-discord', href: 'https://discord.gg/NpV44vS6bF'},
     ],
     footNote: `<span class="w-5 h-5 md:w-6 md:h-6 md:-mt-0.5 bg-cover mr-1.5 float-left rounded-sm"></span>
-      <span class="text-text2 dark:text-text2-DM">Hecho por </span><a class="text-link2 dark:text-link2-DM hover:text-link2Hov dark:hover:text-link2Hov-DM" href="https://datagrove.com/"> Datagrove.</a><span class="text-text2 dark:text-text2-DM"> Todos los derechos reservados.</span>`,
+      <span class="text-ptext2 dark:text-ptext2-DM">Hecho por </span><a class="text-link2 dark:text-link2-DM hover:text-link2Hov dark:hover:text-link2Hov-DM" href="https://datagrove.com/"> Datagrove.</a><span class="text-ptext2 dark:text-ptext2-DM"> Todos los derechos reservados.</span>`,
   },
 
   productCategoryInfo: {
diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
index d3700196..f28fcdc9 100644
--- a/src/layouts/PageLayout.astro
+++ b/src/layouts/PageLayout.astro
@@ -25,7 +25,7 @@ const {pageTitle, pageDescription } = Astro.props
     <main class="flex justify-center">
       <slot />
     </main>
-    <div class="footer sticky top-[100vh]">
+    <div class="footer sticky bottom-0 ">
       <Footer {...footerData} />
     </div>
   </div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 42cee1d0..db2e8e63 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -14,7 +14,7 @@ const t = useTranslations(lang);
 
 <Layout pageTitle={t("pageTitles.home")} pageDescription={t("pageDescriptions.home")}>
   <!-- <h1>{t('pageTitles.home')}</h1> -->
-  <div class="flex flex-col items-center px-2 md:px-0 md:flex-wrap lg:flex-row">
+  <div class="flex flex-col items-start px-2 md:px-0 md:flex-wrap lg:flex-row h-screen">
     <div class="mt-6 mb-6 md:mb-0 md:w-2/3 lg:w-1/2">
       <div>
         <h1 class="text-3xl font-bold text-htext1 dark:text-htext1-DM">{t(`homePageText.headline`)}</h1>
@@ -74,7 +74,7 @@ const t = useTranslations(lang);
     </div>
 
 
-    <div class="hidden md:flex md:items-center md:justify-center md:w-full lg:w-1/2 md:mt-8 lg:mt-8 md:pl-2 md:min-w-[400px]">
+    <div class="hidden md:flex md:items-start md:justify-center md:w-full lg:w-1/2 md:mt-8 lg:mt-8 md:pl-2 md:min-w-[400px]">
       { }
       
       <div class="inline dark:hidden">

From 04f65d908f227f751d5c22b9d148e28eea961995 Mon Sep 17 00:00:00 2001
From: Meagan <meagan.h.smith@gmail.com>
Date: Mon, 18 Dec 2023 14:46:04 -0600
Subject: [PATCH 02/28] Add migration file for three new categories

---
 src/i18n/UI/English.ts                                   | 3 +++
 src/i18n/UI/French.ts                                    | 3 +++
 src/i18n/UI/Spanish.ts                                   | 3 +++
 src/i18n/uiType.ts                                       | 3 +++
 supabase/migrations/20231218204405_update_categories.sql | 3 +++
 5 files changed, 15 insertions(+)
 create mode 100644 supabase/migrations/20231218204405_update_categories.sql

diff --git a/src/i18n/UI/English.ts b/src/i18n/UI/English.ts
index 96280dcc..7dc34d15 100644
--- a/src/i18n/UI/English.ts
+++ b/src/i18n/UI/English.ts
@@ -324,6 +324,9 @@ productCategoryInfo:{
       { name: 'Health', description: 'Health Services', ariaLabel: "Health", id: "11" },
       { name: 'Labor', description: 'Labor Services', ariaLabel: "Labor", id: "12" },
       { name: 'Travel', description: 'Travel Services', ariaLabel: "Travel", id: "13" },
+      { name: 'Education', description: 'Teaching, Tutoring, Training, and Other Education Services', ariaLabel: "Education", id: "14" },
+      { name: 'Food and Drink', description: 'Food Services', ariaLabel: "Food", id: "15" },
+      { name: 'Virtual', description: 'Virtual or Online Services', ariaLabel: "Virtual", id: "16" },
       // Add more products as needed
     ]
   },
diff --git a/src/i18n/UI/French.ts b/src/i18n/UI/French.ts
index 3afd6876..0e482496 100644
--- a/src/i18n/UI/French.ts
+++ b/src/i18n/UI/French.ts
@@ -324,6 +324,9 @@ productCategoryInfo:{
       { name: "Santé", description: "Services de santé", ariaLabel: "Santé", id: "11" },
       { name: "Travail", description: "Services du travail", ariaLabel: "Travail", id: "12" },
       { name: "Voyage", description: "Services de voyage", ariaLabel: "Voyage", id: "13" },
+      { name: 'Éducation', description: 'Enseignement, Tutorat, Formation et Autres Services Éducatifs', ariaLabel: "Éducation", id: "14" },
+      { name: 'Nourriture et Boisson', description: 'Les Services Alimentaires', ariaLabel: "Alimentaires", id: "15" },
+      { name: 'Virtuel', description: 'Services Virtuels', ariaLabel: "Virtuel", id: "16" },
       // Add more products as needed
     ]
   },
diff --git a/src/i18n/UI/Spanish.ts b/src/i18n/UI/Spanish.ts
index 461f9ef2..d687175b 100644
--- a/src/i18n/UI/Spanish.ts
+++ b/src/i18n/UI/Spanish.ts
@@ -321,6 +321,9 @@ export const Spanish = {
       { name: 'Salud', description: 'Servicios de Salud', ariaLabel: "Salud", id: "11" },
       { name: 'Servicios Laborales', description: 'Servicios Laborales', ariaLabel: "Servicios Laborales", id: "12" },
       { name: 'Viajes', description: 'Servicios de Viaje', ariaLabel: "Viajes", id: "13" },
+      { name: 'Educación', description: 'Enseñanza, Tutoría, Capacitación y Otros Servicios Educativos', ariaLabel: "Educación", id: "14" },
+      { name: 'Comida y Bebida', description: 'Servicios de Comida', ariaLabel: "Comida", id: "15" },
+      { name: 'Virtual', description: 'Servicios Virtuales', ariaLabel: "Virtual", id: "16" },
       // Add more products as needed
     ],
   },
diff --git a/src/i18n/uiType.ts b/src/i18n/uiType.ts
index e7ae4795..665c5130 100644
--- a/src/i18n/uiType.ts
+++ b/src/i18n/uiType.ts
@@ -321,6 +321,9 @@ productCategoryInfo:{
       { name: string, description: string, ariaLabel: string, id: "11" },
       { name: string, description: string, ariaLabel: string, id: "12" },
       { name: string, description: string, ariaLabel: string, id: "13" },
+      { name: string, description: string, ariaLabel: string, id: "14" },
+      { name: string, description: string, ariaLabel: string, id: "15" },
+      { name: string, description: string, ariaLabel: string, id: "16" },
       // Add more products as needed
     ]
   },
diff --git a/supabase/migrations/20231218204405_update_categories.sql b/supabase/migrations/20231218204405_update_categories.sql
new file mode 100644
index 00000000..ffbbdc43
--- /dev/null
+++ b/supabase/migrations/20231218204405_update_categories.sql
@@ -0,0 +1,3 @@
+alter table "public"."providers" alter column "language_spoken" set not null;
+
+

From 02ad7037dc77a7ac59393013b27799c886f200f6 Mon Sep 17 00:00:00 2001
From: Meagan <meagan.h.smith@gmail.com>
Date: Mon, 18 Dec 2023 20:09:40 -0600
Subject: [PATCH 03/28] Finish adding services categories

---
 src/assets/categoryIcons/education.svg       | 9 +++++++++
 src/assets/categoryIcons/plate.svg           | 7 +++++++
 src/assets/categoryIcons/virtual.svg         | 3 +++
 src/components/services/CategoryCarousel.tsx | 9 +++++++++
 4 files changed, 28 insertions(+)
 create mode 100644 src/assets/categoryIcons/education.svg
 create mode 100644 src/assets/categoryIcons/plate.svg
 create mode 100644 src/assets/categoryIcons/virtual.svg

diff --git a/src/assets/categoryIcons/education.svg b/src/assets/categoryIcons/education.svg
new file mode 100644
index 00000000..83447352
--- /dev/null
+++ b/src/assets/categoryIcons/education.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 24 24" id="Layer_1" data-name="Layer 1">
+<defs><style>.cls-1{fill:none;stroke:#020202;stroke-miterlimit:10;stroke-width:1.91px;}</style></defs>
+<path class="cls-1" d="M.55,17.73H18.2a2.39,2.39,0,0,1,2.39,2.38h0A2.39,2.39,0,0,1,18.2,22.5H.55"/>
+<path class="cls-1" d="M2.45,17.73a3.47,3.47,0,0,1,1,2.38,3.5,3.5,0,0,1-1,2.39"/>
+<path class="cls-1" d="M23.45,17.73H5.8a2.39,2.39,0,0,1-2.39-2.39h0A2.39,2.39,0,0,1,5.8,13H23.45"/>
+<path class="cls-1" d="M21.55,17.73a3.46,3.46,0,0,1,0-4.78"/>
+<path class="cls-1" d="M16.77,7.39c0,2.78-1.91,7.06-4.77,5-2.86,2-4.77-2.26-4.77-5s2.86-4,4.77-2C13.91,3.35,16.77,4.6,16.77,7.39Z"/>
+<path class="cls-1" d="M10.09,1.5c1,0,1.91,1,1.91,2.86"/>
+</svg>
\ No newline at end of file
diff --git a/src/assets/categoryIcons/plate.svg b/src/assets/categoryIcons/plate.svg
new file mode 100644
index 00000000..e5f745ed
--- /dev/null
+++ b/src/assets/categoryIcons/plate.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="32" viewBox="0 0 32 32" width="32"><g fill="#212121">
+<path d="m6.82001 20.5749v3.8344c2.2923 2.8021 5.77729 4.5907 9.67999 4.5907 4.3242 0 8.1355-2.1957 10.3799-5.5329v-5.3737c-.7677 5.0428-5.1226 8.9066-10.3799 8.9066-4.3539 0-8.0889-2.65-9.67999-6.4251z"/>
+<path d="m25.03 10.3758v-1.7222c-.0026-.39111.0624-.76663.1839-1.11562-2.2515-2.18955-5.3252-3.53798-8.7139-3.53798-3.0318 0-5.8116 1.07939-7.97587 2.87485.00184.02033.00332.04074.00443.06122l.00145.02697v2.70081c1.92569-2.243 4.78189-3.66385 7.96999-3.66385 3.5135 0 6.624 1.72572 8.53 4.3758z"/>
+<path d="m24.5 16.5c0 4.4183-3.5817 8-8 8s-7.99998-3.5817-7.99998-8 3.58168-8 7.99998-8 8 3.5817 8 8zm-8 7c3.866 0 7-3.134 7-7s-3.134-7-7-7-6.99998 3.134-6.99998 7 3.13398 7 6.99998 7z"/>
+<path d="m29.99 7.94003c0-.9-.73-1.62997-1.63-1.62997-1.3 0-2.34 1.04999-2.33 2.33999v5.54995c0 1.253.7256 2.3748 1.8499 2.8831v8.617c0 .52.42.94.94.94h.23c.52 0 .94-.42.94-.94z"/>
+<path d="m6.81999 6.31005c-.38 0-.67999.30999-.67999.67999v2.69001c0 .19999-.16001.34995-.35001.34995-.2 0-.34999-.15996-.34999-.34995v-2.66001c0-.37-.29-.69999-.66-.70999-.39-.01-.71001.29999-.71001.67999v2.69001c0 .19999-.15999.34995-.34999.34995-.2 0-.35-.15996-.35-.34995v-2.66001c0-.37-.29001-.69999-.66001-.70999-.39-.01-.70999.29999-.70999.67999v4.57996c0 .9025.43726 1.7065 1.1088 2.2089.60119.3391.60119 1.8911.60119 1.8911v10.02c0 .52.42.94.94.94h.23c.52 0 .94-.42.94-.94v-10.02s0-1.4914.6012-1.8911c.67154-.5024 1.10881-1.3064 1.10881-2.2089v-4.57996c-.02-.37-.33001-.67999-.71001-.67999z"/></g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/categoryIcons/virtual.svg b/src/assets/categoryIcons/virtual.svg
new file mode 100644
index 00000000..0d2c5ff9
--- /dev/null
+++ b/src/assets/categoryIcons/virtual.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 24 24">
+  <path d="M22 2a2 2 0 012 2v13a2 2 0 01-2 2h-7.2l3.06 2.186A1 1 0 0117.28 23H6.72a1 1 0 01-.58-1.814L9.198 19H2a2 2 0 01-2-2V4a2 2 0 012-2h20zm0 2H2v13h4v-1a3 3 0 013-3h6a3 3 0 013 3v1h4V4zm-7 11H9a1 1 0 00-.993.883L8 16v1h8v-1a1 1 0 00-.883-.993L15 15zM12 5a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z" fill-rule="evenodd"/>
+</svg>
\ No newline at end of file
diff --git a/src/components/services/CategoryCarousel.tsx b/src/components/services/CategoryCarousel.tsx
index fbdbdcec..e0b4cb97 100644
--- a/src/components/services/CategoryCarousel.tsx
+++ b/src/components/services/CategoryCarousel.tsx
@@ -26,6 +26,9 @@ import leftArrow from "../../assets/categoryIcons/circled-left-arrow.svg";
 import beauty from "../../assets/categoryIcons/beauty-salon.svg";
 import finance from "../../assets/categoryIcons/banking-bank.svg";
 import financeDM from "../../assets/categoryIcons/banking-bank-DM.svg";
+import education from "../../assets/categoryIcons/education.svg";
+import food from "../../assets/categoryIcons/plate.svg";
+import virtual from "../../assets/categoryIcons/virtual.svg";
 import { currentLanguage } from "../../lib/languageSelectionStore";
 import { doc } from "prettier";
 
@@ -69,6 +72,12 @@ categories.map((category) => {
     category.icon = worker;
   } else if (category.id === 13) {
     category.icon = travel;
+  } else if (category.id === 14) {
+    category.icon = education
+  } else if (category.id === 15) {
+    category.icon = food
+  } else if (category.id === 16) {
+    category.icon = virtual
   }
 });
 

From df581a4dd820d417d561128eb647cc927aa87ad8 Mon Sep 17 00:00:00 2001
From: Meagan <meagan.h.smith@gmail.com>
Date: Tue, 19 Dec 2023 08:32:51 -0600
Subject: [PATCH 04/28] Fix share button z index

---
 src/components/posts/SocialModal.tsx | 2 +-
 src/layouts/PageLayout.astro         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/posts/SocialModal.tsx b/src/components/posts/SocialModal.tsx
index 1fa8b841..d9895b9e 100644
--- a/src/components/posts/SocialModal.tsx
+++ b/src/components/posts/SocialModal.tsx
@@ -40,7 +40,7 @@ const SocialModal: Component<Post> = function (props) {
   }
 
   return (
-    <div id="social-modal-div" class="relative z-40">
+    <div id="social-modal-div" class="relative z-10">
       <Show
         when={isOpen()}
         fallback={
diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
index f28fcdc9..79be883c 100644
--- a/src/layouts/PageLayout.astro
+++ b/src/layouts/PageLayout.astro
@@ -25,7 +25,7 @@ const {pageTitle, pageDescription } = Astro.props
     <main class="flex justify-center">
       <slot />
     </main>
-    <div class="footer sticky bottom-0 ">
+    <div class="footer sticky bottom-0 z-50">
       <Footer {...footerData} />
     </div>
   </div>

From 7ee12b7a9e3dcc39c0272044ccfd25582ad86cf7 Mon Sep 17 00:00:00 2001
From: German Zarkovich <68071939+gerzarko@users.noreply.github.com>
Date: Tue, 19 Dec 2023 10:08:03 -0500
Subject: [PATCH 05/28] add testing double check

---
 .gitignore                             |  6 +-
 package-lock.json                      | 75 ++++++++++++++++++++++++-
 package.json                           |  2 +
 playwright.config.ts                   | 77 ++++++++++++++++++++++++++
 test/testCheckProfile.spec.js          | 17 ++++++
 test/testCreateAPostAsProvider.spec.js | 26 +++++++++
 test/testLogin.spec.js                 | 13 +++++
 7 files changed, 212 insertions(+), 4 deletions(-)
 create mode 100644 playwright.config.ts
 create mode 100644 test/testCheckProfile.spec.js
 create mode 100644 test/testCreateAPostAsProvider.spec.js
 create mode 100644 test/testLogin.spec.js

diff --git a/.gitignore b/.gitignore
index 88ae74a7..617e1766 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,4 +21,8 @@ pnpm-debug.log*
 .DS_Store
 
 # Pages created by i18n-astro-aut integration
-astro_tmp_pages_*
\ No newline at end of file
+astro_tmp_pages_*
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
diff --git a/package-lock.json b/package-lock.json
index 72575c3b..9f79320f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -38,9 +38,11 @@
       },
       "devDependencies": {
         "@iconify-json/tabler": "^1.1.87",
+        "@playwright/test": "^1.40.1",
         "@tailwindcss/typography": "^0.5.10",
         "@types/intl-tel-input": "^18.1.1",
         "@types/jquery": "^3.5.16",
+        "@types/node": "^20.10.5",
         "@types/react": "^18.2.14",
         "@types/react-dom": "^18.2.7",
         "@vite-pwa/astro": "^0.1.3",
@@ -3039,6 +3041,21 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@playwright/test": {
+      "version": "1.40.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.40.1.tgz",
+      "integrity": "sha512-EaaawMTOeEItCRvfmkI9v6rBkF1svM8wjl/YPRrg2N2Wmp+4qJYkWtJsbew1szfKKDm6fPLy4YAanBhIlf9dWw==",
+      "dev": true,
+      "dependencies": {
+        "playwright": "1.40.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/@sindresorhus/is": {
       "version": "0.14.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
@@ -3338,9 +3355,12 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "20.8.2",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.2.tgz",
-      "integrity": "sha512-Vvycsc9FQdwhxE3y3DzeIxuEJbWGDsnrxvMADzTDF/lcdR9/K+AQIeAghTQsHtotg/q0j3WEOYS/jQgSdWue3w=="
+      "version": "20.10.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz",
+      "integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
     },
     "node_modules/@types/normalize-package-data": {
       "version": "2.4.2",
@@ -10666,6 +10686,50 @@
         "node": ">=8"
       }
     },
+    "node_modules/playwright": {
+      "version": "1.40.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.40.1.tgz",
+      "integrity": "sha512-2eHI7IioIpQ0bS1Ovg/HszsN/XKNwEG1kbzSDDmADpclKc7CyqkHw7Mg2JCz/bbCxg25QUPcjksoMW7JcIFQmw==",
+      "dev": true,
+      "dependencies": {
+        "playwright-core": "1.40.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.40.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.40.1.tgz",
+      "integrity": "sha512-+hkOycxPiV534c4HhpfX6yrlawqVUzITRKwHAmYfmsVreltEl6fAZJ3DPfLMOODw0H3s1Itd6MDCWmP1fl/QvQ==",
+      "dev": true,
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/playwright/node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.4.31",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
@@ -13357,6 +13421,11 @@
         "node": ">=12.18"
       }
     },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
+    },
     "node_modules/unherit": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/unherit/-/unherit-3.0.1.tgz",
diff --git a/package.json b/package.json
index 6aedb71b..fda7bcb1 100644
--- a/package.json
+++ b/package.json
@@ -40,9 +40,11 @@
   },
   "devDependencies": {
     "@iconify-json/tabler": "^1.1.87",
+    "@playwright/test": "^1.40.1",
     "@tailwindcss/typography": "^0.5.10",
     "@types/intl-tel-input": "^18.1.1",
     "@types/jquery": "^3.5.16",
+    "@types/node": "^20.10.5",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.7",
     "@vite-pwa/astro": "^0.1.3",
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 00000000..e3442126
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,77 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// require('dotenv').config();
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './test',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    // baseURL: 'http://127.0.0.1:3000',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  // webServer: {
+  //   command: 'npm run start',
+  //   url: 'http://127.0.0.1:3000',
+  //   reuseExistingServer: !process.env.CI,
+  // },
+});
diff --git a/test/testCheckProfile.spec.js b/test/testCheckProfile.spec.js
new file mode 100644
index 00000000..9e4da49f
--- /dev/null
+++ b/test/testCheckProfile.spec.js
@@ -0,0 +1,17 @@
+import { test, expect } from '@playwright/test';
+
+test('test', async ({ page }) => {
+  await page.goto('https://todoservis.com/');
+  await page.getByRole('button', { name: 'Iniciar Sesión' }).click();
+  await page.getByPlaceholder('Correo Electrónico').click();
+  await page.getByPlaceholder('Correo Electrónico').fill('germanzarkovich@gmail.com');
+  await page.getByPlaceholder('Correo Electrónico').press('Tab');
+  await page.getByPlaceholder('Contraseña').fill('Asdfg12345!');
+  await page.getByRole('button', { name: 'Acceso' }).click();
+  await page.getByLabel('Navegación').click();
+  await page.getByRole('link', { name: 'Mi Cuenta de proveedor' }).click
+  await page.getByText('german', { exact: true })
+  await page.getByText('zarko', { exact: true })
+});
+
+
diff --git a/test/testCreateAPostAsProvider.spec.js b/test/testCreateAPostAsProvider.spec.js
new file mode 100644
index 00000000..75ec3966
--- /dev/null
+++ b/test/testCreateAPostAsProvider.spec.js
@@ -0,0 +1,26 @@
+import { test, expect } from '@playwright/test';
+
+test('test create post and delete it as a provider  ', async ({ page }) => {
+  await page.goto('https://todoservis.com/');
+  await page.getByRole('button', { name: 'Iniciar Sesión' }).click();
+  await page.goto('https://todoservis.com/login')
+  await page.getByPlaceholder('Correo Electrónico').click();
+  await page.getByPlaceholder('Correo Electrónico').fill(`${process.env.USER}@gmail.com`);
+  await page.getByPlaceholder('Contraseña').click();    
+  await page.getByPlaceholder('Contraseña').fill('Asdfg12345!');
+  await page.getByRole('button', { name: 'Acceso' }).click();
+  
+  await page.goto('https://todoservis.com/posts/createpost');
+  await page.getByLabel('Título:fix computers')
+  await page.getByLabel('Categoría de Servicio:4')
+  await page.frameLocator('iframe[title="Rich Text Area"]').getByLabel('fix computers')
+  await page.getByLabel('País:1')
+  await page.getByLabel('Provincia:3')
+  await page.getByLabel('Cantón:18')
+  await page.getByLabel('Distrito:343')
+  await page.getByRole('button', { name: 'Publicar' }).click
+  await page.goto('https://todoservis.com/provider/profile')
+  await page.getByRole('link', { name: 'Guanacaste/Liberia/Mayorga' }) 
+  await page.getByLabel('Borrar').click
+  await page.goto('https://todoservis.com/provider/profile')
+});
\ No newline at end of file
diff --git a/test/testLogin.spec.js b/test/testLogin.spec.js
new file mode 100644
index 00000000..4320e8dd
--- /dev/null
+++ b/test/testLogin.spec.js
@@ -0,0 +1,13 @@
+import { test, expect } from '@playwright/test';
+
+test('test login as a user ', async ({ page }) => {
+  await page.goto('https://todoservis.com/');
+  await page.getByRole('button', { name: 'Iniciar Sesión' }).click();
+  await page.getByPlaceholder('Correo Electrónico').click();
+  await page.getByPlaceholder('Correo Electrónico').fill(`${process.env.USER}@gmail.com`);
+  await page.getByPlaceholder('Contraseña').click();
+  await page.getByPlaceholder('Contraseña').fill('Asdfg12345!');
+  await page.getByPlaceholder('Contraseña').press('Tab');
+  await page.getByRole('button', { name: 'Acceso' }).click();
+  await page.getByRole('heading', { name: 'Servicios' }).click();
+});
\ No newline at end of file

From 845036a87dba78723ef07ed3e3565dd91c93c824 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Wed, 17 Jan 2024 11:59:00 -0500
Subject: [PATCH 06/28] update messages regarding sign up links and not
 registered email

---
 src/i18n/UI/English.ts |  5 +++--
 src/i18n/UI/French.ts  |  5 +++--
 src/i18n/UI/Spanish.ts |  5 +++--
 src/i18n/uiType.ts     |  1 +
 src/lib/Auth.tsx       | 11 +++++++++--
 5 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/i18n/UI/English.ts b/src/i18n/UI/English.ts
index 96280dcc..d6072119 100644
--- a/src/i18n/UI/English.ts
+++ b/src/i18n/UI/English.ts
@@ -91,8 +91,8 @@ export const English = {
     error404: 'Something went wrong',
     onlyProvider: "Only providers can create posts.",
     signInAsProvider: "Please sign in to a provider account before posting.",
-    checkEmail: "Check your email for the reset link!",
-    checkConfirmEmail: 'If this email is not already registered, you will receive an email confirmation link.',
+    checkEmail: "Check your email for the reset link! If you did not receive the email, please check your spam folder. Links are valid for 24 hours.",
+    checkConfirmEmail: 'If this email is not already registered, you will receive an email confirmation link. Please check your spam folder if you did not receive the email. Links are valid for 24 hours.',
     signIn: "Please sign in to access this page.",
     createProviderAccount: "Please sign in to create a provider profile.",
     createClientAccount: "Please sign in to create a client profile.",
@@ -203,6 +203,7 @@ export const English = {
     clientCreateProfileError: "Error creating client profile",
     clientEditProfileError: "Error updating client profile",
     createUserError: "Error creating user, please try again or contact us for assistance.",
+    emailNotConfirmed: "Email not registered. If you previously registered this email address please use the forgot password option below, otherwise please use the sign up option below.",
   },
 
   socialModal: {
diff --git a/src/i18n/UI/French.ts b/src/i18n/UI/French.ts
index 3afd6876..106d98e6 100644
--- a/src/i18n/UI/French.ts
+++ b/src/i18n/UI/French.ts
@@ -91,8 +91,8 @@ export const French = {
     error404: "Une erreur est survenue",
     onlyProvider: 'Seuls les fournisseurs peuvent créer des publications.',
     signInAsProvider: "Veuillez vous connecter à un compte de fournisseur avant de publier.",
-    checkEmail: "Vérifiez votre e-mail pour le lien de réinitialisation !",
-    checkConfirmEmail: "Si cet e-mail n'est pas déjà enregistré, vous recevrez un lien de confirmation par e-mail.",
+    checkEmail: "Vérifiez votre courrier électronique pour le lien de réinitialisation ! Si vous n'avez pas reçu l'e-mail, veuillez vérifier votre dossier spam. Les liens sont valables 24 heures.",
+    checkConfirmEmail: "Si cet email n'est pas déjà enregistré, vous recevrez un lien de confirmation par email. Veuillez vérifier votre dossier spam si vous n'avez pas reçu l'e-mail. Les liens sont valables 24 heures.",
     signIn: "Veuillez vous connecter pour accéder à cette page.",
     createProviderAccount: "Veuillez vous connecter pour créer un profil de fournisseur.",
     createClientAccount: "Veuillez vous connecter pour créer un profil client.",
@@ -203,6 +203,7 @@ export const French = {
     clientEditProfileError: "Erreur lors de la mise à jour du profil client",
     noClient: "Aucun client trouvé.",
     createUserError: "Erreur lors de la création de l'utilisateur, veuillez réessayer ou contactez-nous pour obtenir de l'aide.",
+    emailNotConfirmed: "Correo electrónico no registrado. Si registró previamente esta dirección de correo electrónico, utilice la opción de olvidé mi contraseña que aparece a continuación; de lo contrario, utilice la opción de registro que aparece a continuación.",
   },
 
   socialModal: {
diff --git a/src/i18n/UI/Spanish.ts b/src/i18n/UI/Spanish.ts
index 461f9ef2..8c8ba414 100644
--- a/src/i18n/UI/Spanish.ts
+++ b/src/i18n/UI/Spanish.ts
@@ -90,8 +90,8 @@ export const Spanish = {
     error404: 'Algo salió mal',
     onlyProvider: 'Solo los proveedores pueden crear publicaciones.',
     signInAsProvider: 'Inicie sesión en una cuenta de proveedor para poder publicar.',
-    checkEmail: "¡Revise su correo electrónico para ver el enlace de reinicio!",
-    checkConfirmEmail: 'Si este correo electrónico aún no está registrado, recibirá un enlace de confirmación por correo electrónico.',
+    checkEmail: "¡Revise su correo electrónico para ver el enlace de reinicio! Si no recibió el correo electrónico, revise su carpeta de correo no deseado. Los enlaces son válidos por 24 horas.",
+    checkConfirmEmail: 'Si este correo electrónico aún no está registrado, recibirá un enlace de confirmación por correo electrónico. Por favor revise su carpeta de spam si no recibió el correo electrónico. Los enlaces son válidos durante 24 horas.',
     signIn: "Inicie sesión para acceder a esta página",
     createProviderAccount: "Inicie sesión para crear un perfil de proveedor",
     createClientAccount: "Inicie sesión para crear un perfil de cliente",
@@ -202,6 +202,7 @@ export const Spanish = {
     clientCreateProfileError: "Error al crear el perfil del cliente",
     clientEditProfileError: "Error al actualizar el perfil del cliente",
     createUserError: "Error al crear usuario, inténtelo nuevamente o contáctenos para obtener ayuda.",
+    emailNotConfirmed: "Correo electrónico no registrado. Si registró previamente esta dirección de correo electrónico, utilice la opción de olvidé mi contraseña que aparece a continuación; de lo contrario, utilice la opción de registro que aparece a continuación.",
   },
 
   socialModal: {
diff --git a/src/i18n/uiType.ts b/src/i18n/uiType.ts
index e7ae4795..8345e8e2 100644
--- a/src/i18n/uiType.ts
+++ b/src/i18n/uiType.ts
@@ -203,6 +203,7 @@ export interface uiObject {
     clientCreateProfileError: string,
     clientEditProfileError: string,
     createUserError: string,
+    emailNotConfirmed: string,
   },
 
   socialModal: {
diff --git a/src/lib/Auth.tsx b/src/lib/Auth.tsx
index 304c550b..c7d3d0ba 100644
--- a/src/lib/Auth.tsx
+++ b/src/lib/Auth.tsx
@@ -1,4 +1,5 @@
-import { Component, createSignal } from "solid-js";
+import type { Component } from "solid-js";
+import { createSignal } from "solid-js";
 import { supabase } from "./supabaseClient";
 import { currentSession } from "./userSessionStore";
 import { getLangFromUrl, useTranslations } from "../i18n/utils";
@@ -40,7 +41,13 @@ export const Auth: Component = (props) => {
       location.href = `/${lang}/services`;
     } catch (error) {
       if (error instanceof Error) {
-        alert(error.message);
+        switch (error.message) {
+          case "Email not confirmed":
+            alert(t("apiErrors.emailNotConfirmed"));
+            break;
+          default:
+            alert(error.message);
+        }
       }
     } finally {
       setLoading(false);

From 0191850b6e95639a646896f2029560995f2521f9 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Wed, 17 Jan 2024 16:29:40 -0500
Subject: [PATCH 07/28] combine garden and cleaning into home and office,
 update migration file to add categories to database

---
 src/assets/categoryIcons/home.svg                      |  4 ++++
 src/components/services/CategoryCarousel.tsx           |  5 ++++-
 src/i18n/UI/English.ts                                 |  7 ++++---
 src/i18n/UI/French.ts                                  |  7 ++++---
 src/i18n/UI/Spanish.ts                                 |  7 ++++---
 src/i18n/uiType.ts                                     |  5 +++--
 src/lib/Auth.tsx                                       |  3 ++-
 .../migrations/20231218204405_update_categories.sql    | 10 ++++++++--
 supabase/seed.sql                                      |  3 +++
 9 files changed, 36 insertions(+), 15 deletions(-)
 create mode 100644 src/assets/categoryIcons/home.svg

diff --git a/src/assets/categoryIcons/home.svg b/src/assets/categoryIcons/home.svg
new file mode 100644
index 00000000..fc8cbb7f
--- /dev/null
+++ b/src/assets/categoryIcons/home.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 7.90637V18C19 19.1046 18.1046 20 17 20H7C5.89543 20 5 19.1046 5 18V7.90637M2 10.0001L10.8531 3.80297C11.5417 3.32092 12.4583 3.32092 13.1469 3.80297L22 10.0001" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/src/components/services/CategoryCarousel.tsx b/src/components/services/CategoryCarousel.tsx
index e0b4cb97..7172570c 100644
--- a/src/components/services/CategoryCarousel.tsx
+++ b/src/components/services/CategoryCarousel.tsx
@@ -29,6 +29,7 @@ import financeDM from "../../assets/categoryIcons/banking-bank-DM.svg";
 import education from "../../assets/categoryIcons/education.svg";
 import food from "../../assets/categoryIcons/plate.svg";
 import virtual from "../../assets/categoryIcons/virtual.svg";
+import home from "../../assets/categoryIcons/home.svg";
 import { currentLanguage } from "../../lib/languageSelectionStore";
 import { doc } from "prettier";
 
@@ -78,6 +79,8 @@ categories.map((category) => {
     category.icon = food
   } else if (category.id === 16) {
     category.icon = virtual
+  } else if (category.id === 17) {
+    category.icon = home
   }
 });
 
@@ -112,7 +115,7 @@ export const CategoryCarousel: Component<Props> = (props) => {
           <img src={leftArrow.src} alt="Left Arrow" />
         </button>
 
-        <div class="flex justify-between items-start w-full overflow-auto pt-2 h-[7.5rem]">
+        <div class="flex justify-between items-start w-full overflow-scroll pt-2 h-[7.5rem]">
           {allCategoryInfo?.map((item) => (
             <button
               id={item.id}
diff --git a/src/i18n/UI/English.ts b/src/i18n/UI/English.ts
index 7dc34d15..0fc7ee3f 100644
--- a/src/i18n/UI/English.ts
+++ b/src/i18n/UI/English.ts
@@ -311,22 +311,23 @@ export const English = {
 
 productCategoryInfo:{
     categories: [
-      { name: 'Gardening', description: 'Get help with your garden and landscaping.', ariaLabel: "Gardening", id: "1" },
+      // { name: 'Gardening', description: 'Get help with your garden and landscaping.', ariaLabel: "Gardening", id: "1" },
       { name: 'Construction', description: 'New Construction, Additions, or Repair Services', ariaLabel: "Construction", id: "3" },
       { name: 'Beauty', description: 'Salons, Barbers, and other personal care.', ariaLabel: "Beauty", id: "2" },
       { name: 'Automotive', description: 'Automotive Services', ariaLabel: "Automotive", id: "5" },
       { name: 'Computer', description: 'Computer Repair and Services', ariaLabel: "Computer", id: "4" },
       { name: 'Creative', description: 'Creative Services', ariaLabel: "Creative", id: "6" },
       { name: 'Financial', description: 'Financial Services', ariaLabel: "Financial", id: "7" },
-      { name: 'Cleaning', description: 'Cleaning Services', ariaLabel: "Cleaning", id: "8" },
+      // { name: 'Cleaning', description: 'Cleaning Services', ariaLabel: "Cleaning", id: "8" },
       { name: 'Pets', description: 'Pet Services', ariaLabel: "Pets", id: "9" },
       { name: 'Legal', description: 'Legal Services', ariaLabel: "Legal", id: "10" },
       { name: 'Health', description: 'Health Services', ariaLabel: "Health", id: "11" },
       { name: 'Labor', description: 'Labor Services', ariaLabel: "Labor", id: "12" },
       { name: 'Travel', description: 'Travel Services', ariaLabel: "Travel", id: "13" },
       { name: 'Education', description: 'Teaching, Tutoring, Training, and Other Education Services', ariaLabel: "Education", id: "14" },
-      { name: 'Food and Drink', description: 'Food Services', ariaLabel: "Food", id: "15" },
+      { name: 'Food & Drink', description: 'Food Services', ariaLabel: "Food & Drink", id: "15" },
       { name: 'Virtual', description: 'Virtual or Online Services', ariaLabel: "Virtual", id: "16" },
+      { name: 'Home & Office', description: 'Services for the Home and Office - Cleaning, Gardening, Pest Control, and more', ariaLabel: "Home & Office", id: "17" },
       // Add more products as needed
     ]
   },
diff --git a/src/i18n/UI/French.ts b/src/i18n/UI/French.ts
index 0e482496..898f5637 100644
--- a/src/i18n/UI/French.ts
+++ b/src/i18n/UI/French.ts
@@ -311,22 +311,23 @@ export const French = {
 
 productCategoryInfo:{
     categories: [
-      { name: "Jardinage", description: "Obtenez de l'aide pour votre jardin et votre aménagement paysager.", ariaLabel: "Jardinage", id: "1" },
+      // { name: "Jardinage", description: "Obtenez de l'aide pour votre jardin et votre aménagement paysager.", ariaLabel: "Jardinage", id: "1" },
       { name: "Construction", description: "Nouvelles constructions, ajouts ou services de réparation", ariaLabel: "Construction", id: "3" },
       { name: "Beauté", description: "Salons, barbiers et autres soins personnels.", ariaLabel: "Beauté", id: "2" },
       { name: "Automobile", description: "Services automobiles", ariaLabel: "Automobile", id: "5" },
       { name: "Ordinateur", description: "Réparation et services informatiques", ariaLabel: "Ordinateur", id: "4" },
       { name: "Créative", description: "Services créatifs", ariaLabel: "Créative", id: "6" },
       { name: "Financière", description: "Services financiers", ariaLabel: "Financière", id: "7" },
-      { name: "Nettoyage", description: "Services de nettoyage", ariaLabel: "Nettoyage", id: "8" },
+      // { name: "Nettoyage", description: "Services de nettoyage", ariaLabel: "Nettoyage", id: "8" },
       { name: "Animaux domestiques", description: "Services pour animaux de compagnie", ariaLabel: "Animaux domestiques", id: "9" },
       { name: "Juridique", description: "Services juridiques", ariaLabel: "Juridique", id: "10" },
       { name: "Santé", description: "Services de santé", ariaLabel: "Santé", id: "11" },
       { name: "Travail", description: "Services du travail", ariaLabel: "Travail", id: "12" },
       { name: "Voyage", description: "Services de voyage", ariaLabel: "Voyage", id: "13" },
       { name: 'Éducation', description: 'Enseignement, Tutorat, Formation et Autres Services Éducatifs', ariaLabel: "Éducation", id: "14" },
-      { name: 'Nourriture et Boisson', description: 'Les Services Alimentaires', ariaLabel: "Alimentaires", id: "15" },
+      { name: 'Nourriture & Boisson', description: 'Les Services Alimentaires', ariaLabel: "Alimentaires", id: "15" },
       { name: 'Virtuel', description: 'Services Virtuels', ariaLabel: "Virtuel", id: "16" },
+      { name: 'Bureau & domicile', description: 'Services pour la maison et le bureau : nettoyage, jardinage, lutte antiparasitaire, etc.', ariaLabel: "Bureau & domicile", id: "17" },
       // Add more products as needed
     ]
   },
diff --git a/src/i18n/UI/Spanish.ts b/src/i18n/UI/Spanish.ts
index d687175b..81f70ecb 100644
--- a/src/i18n/UI/Spanish.ts
+++ b/src/i18n/UI/Spanish.ts
@@ -308,22 +308,23 @@ export const Spanish = {
 
   productCategoryInfo: {
     categories: [
-      { name: 'Jardinería', description: 'Obtenga ayuda con su jardín y sus áreas verdes.', ariaLabel: "Jardinería", id: "1" },
+      // { name: 'Jardinería', description: 'Obtenga ayuda con su jardín y sus áreas verdes.', ariaLabel: "Jardinería", id: "1" },
       { name: 'Construcción', description: 'Nueva construcción, adiciones o servicios de reparación', ariaLabel: "Construcción", id: "3" },
       { name: 'Belleza', description: 'Salones, Barberias, y otros cuidados personales.', ariaLabel: "Belleza", id: "2" },
       { name: 'Automotriz', description: 'Servicios Automotrices', ariaLabel: "Automotriz", id: "5" },
       { name: 'Computación', description: 'Reparación y servicios de computadoras', ariaLabel: "Computación", id: "4" },
       { name: 'Artes', description: 'Servicios Creativos', ariaLabel: "Artes", id: "6" },
       { name: 'Finanzas', description: 'Servicios Financieros', ariaLabel: "Finanzas", id: "7" },
-      { name: 'Limpieza', description: 'Servicios de Limpieza', ariaLabel: "Limpieza", id: "8" },
+      // { name: 'Limpieza', description: 'Servicios de Limpieza', ariaLabel: "Limpieza", id: "8" },
       { name: 'Mascotas', description: 'Servicios para Mascotas', ariaLabel: "Mascotas", id: "9" },
       { name: 'Legal', description: 'Servicios Legales', ariaLabel: "Servicios Legales", id: "10" },
       { name: 'Salud', description: 'Servicios de Salud', ariaLabel: "Salud", id: "11" },
       { name: 'Servicios Laborales', description: 'Servicios Laborales', ariaLabel: "Servicios Laborales", id: "12" },
       { name: 'Viajes', description: 'Servicios de Viaje', ariaLabel: "Viajes", id: "13" },
       { name: 'Educación', description: 'Enseñanza, Tutoría, Capacitación y Otros Servicios Educativos', ariaLabel: "Educación", id: "14" },
-      { name: 'Comida y Bebida', description: 'Servicios de Comida', ariaLabel: "Comida", id: "15" },
+      { name: 'Comida & Bebida', description: 'Servicios de Comida', ariaLabel: "Comida & Bebida", id: "15" },
       { name: 'Virtual', description: 'Servicios Virtuales', ariaLabel: "Virtual", id: "16" },
+      { name: 'Oficina & casa', description: 'Servicios para el hogar y la oficina: limpieza, jardinería, control de plagas y más', ariaLabel: "Oficina & casa", id: "17" },
       // Add more products as needed
     ],
   },
diff --git a/src/i18n/uiType.ts b/src/i18n/uiType.ts
index 665c5130..1865f8d5 100644
--- a/src/i18n/uiType.ts
+++ b/src/i18n/uiType.ts
@@ -308,14 +308,14 @@ export interface uiObject {
 
 productCategoryInfo:{
     categories: [
-      { name: string, description: string, ariaLabel: string, id: "1" },
+      // { name: string, description: string, ariaLabel: string, id: "1" },
       { name: string, description: string, ariaLabel: string, id: "3" },
       { name: string, description: string, ariaLabel: string, id: "2" },
       { name: string, description: string, ariaLabel: string, id: "5" },
       { name: string, description: string, ariaLabel: string, id: "4" },
       { name: string, description: string, ariaLabel: string, id: "6" },
       { name: string, description: string, ariaLabel: string, id: "7" },
-      { name: string, description: string, ariaLabel: string, id: "8" },
+      // { name: string, description: string, ariaLabel: string, id: "8" },
       { name: string, description: string, ariaLabel: string, id: "9" },
       { name: string, description: string, ariaLabel: string, id: "10" },
       { name: string, description: string, ariaLabel: string, id: "11" },
@@ -324,6 +324,7 @@ productCategoryInfo:{
       { name: string, description: string, ariaLabel: string, id: "14" },
       { name: string, description: string, ariaLabel: string, id: "15" },
       { name: string, description: string, ariaLabel: string, id: "16" },
+      { name: string, description: string, ariaLabel: string, id: "17" },
       // Add more products as needed
     ]
   },
diff --git a/src/lib/Auth.tsx b/src/lib/Auth.tsx
index 304c550b..f97220a0 100644
--- a/src/lib/Auth.tsx
+++ b/src/lib/Auth.tsx
@@ -1,4 +1,5 @@
-import { Component, createSignal } from "solid-js";
+import type { Component} from "solid-js";
+import { createSignal } from "solid-js";
 import { supabase } from "./supabaseClient";
 import { currentSession } from "./userSessionStore";
 import { getLangFromUrl, useTranslations } from "../i18n/utils";
diff --git a/supabase/migrations/20231218204405_update_categories.sql b/supabase/migrations/20231218204405_update_categories.sql
index ffbbdc43..21cd3538 100644
--- a/supabase/migrations/20231218204405_update_categories.sql
+++ b/supabase/migrations/20231218204405_update_categories.sql
@@ -1,3 +1,9 @@
-alter table "public"."providers" alter column "language_spoken" set not null;
-
+INSERT INTO "public"."post_category" ("id", "category", "language") VALUES
+	(14, 'Education', 1),
+    (15, 'Food & Drink', 1),
+    (16, 'Virtual', 1),
+    (17, 'Home & Office', 1);
 
+UPDATE "public"."provider_post" 
+SET "service_category" = 17 
+WHERE "service_category" IN (1, 8);
\ No newline at end of file
diff --git a/supabase/seed.sql b/supabase/seed.sql
index 851836e8..762e671e 100644
--- a/supabase/seed.sql
+++ b/supabase/seed.sql
@@ -459,6 +459,9 @@ Post with multiples images. Succesful.', 178, '2cf81880-3206-4bb1-9734-ddcacd822
 	(102, '2023-09-20 20:18:31.545462+00', 'Test TinyMCE as independent component', 10, '<h2>This is a <em>test</em></h2>', 191, 'b8a30290-79ac-49bb-9a76-223532e62ae4', NULL, false, NULL, NULL),
 	(103, '2023-09-20 21:35:46.409722+00', 'test2', 7, '<p>test 2</p>', 192, '0517efc0-1beb-4239-a522-748616a0d83f', NULL, false, NULL, NULL);
 
+UPDATE "public"."provider_post" 
+SET "service_category" = 17 
+WHERE "service_category" IN (1, 8);
 
 INSERT INTO "public"."language" ("id", "language") VALUES
 	(4, 'Chinese'),

From 266f97384c4e615246c4bbea728c5f1ca7e70c49 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 22 Jan 2024 10:56:49 -0500
Subject: [PATCH 08/28] check that src exists before rendering

---
 src/components/services/CategoryCarousel.tsx | 29 ++++++++++++--------
 src/components/services/ServicesMain.tsx     |  2 +-
 src/components/users/ProviderProfileView.tsx | 14 ++++++----
 3 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/src/components/services/CategoryCarousel.tsx b/src/components/services/CategoryCarousel.tsx
index 7172570c..9e83a687 100644
--- a/src/components/services/CategoryCarousel.tsx
+++ b/src/components/services/CategoryCarousel.tsx
@@ -32,6 +32,7 @@ import virtual from "../../assets/categoryIcons/virtual.svg";
 import home from "../../assets/categoryIcons/home.svg";
 import { currentLanguage } from "../../lib/languageSelectionStore";
 import { doc } from "prettier";
+import { each } from "jquery";
 
 let categories: Array<any> = [];
 
@@ -74,13 +75,13 @@ categories.map((category) => {
   } else if (category.id === 13) {
     category.icon = travel;
   } else if (category.id === 14) {
-    category.icon = education
+    category.icon = education;
   } else if (category.id === 15) {
-    category.icon = food
+    category.icon = food;
   } else if (category.id === 16) {
-    category.icon = virtual
+    category.icon = virtual;
   } else if (category.id === 17) {
-    category.icon = home
+    category.icon = home;
   }
 });
 
@@ -107,6 +108,10 @@ let light = window.matchMedia(
   "(prefers-color-scheme: light)" || "(prefers-color-scheme: no-preference"
 ).matches;
 
+allCategoryInfo.forEach((element) => {
+  console.log(element);
+});
+
 export const CategoryCarousel: Component<Props> = (props) => {
   return (
     <div class="product-carousel my-2">
@@ -115,7 +120,7 @@ export const CategoryCarousel: Component<Props> = (props) => {
           <img src={leftArrow.src} alt="Left Arrow" />
         </button>
 
-        <div class="flex justify-between items-start w-full overflow-scroll pt-2 h-[7.5rem]">
+        <div class="flex justify-between items-start w-full overflow-auto pt-2 h-[7.5rem]">
           {allCategoryInfo?.map((item) => (
             <button
               id={item.id}
@@ -133,12 +138,14 @@ export const CategoryCarousel: Component<Props> = (props) => {
               }}
             >
               <div class="bg-iconbg1 dark:bg-iconbg1-DM rounded-full">
-                <img
-                  src={item.icon.src}
-                  alt={item.ariaLabel + " Icon"}
-                  title={item.description}
-                  class="w-12 h-12 p-1 m-2"
-                />
+                {item.icon && item.icon.src ? (
+                  <img
+                    src={item.icon.src}
+                    alt={item.ariaLabel + " Icon"}
+                    title={item.description}
+                    class="w-12 h-12 p-1 m-2"
+                  />
+                ) : null}
               </div>
 
               <div class="flex flex-row justify-center items-center h-44">
diff --git a/src/components/services/ServicesMain.tsx b/src/components/services/ServicesMain.tsx
index 3ff2b6ab..b310eba8 100644
--- a/src/components/services/ServicesMain.tsx
+++ b/src/components/services/ServicesMain.tsx
@@ -349,7 +349,7 @@ export const ServicesView: Component = () => {
         </button>
       </div>
 
-      <div class="">
+      <div class="h-fit">
         <CategoryCarousel filterPosts={setCategoryFilter} />
       </div>
 
diff --git a/src/components/users/ProviderProfileView.tsx b/src/components/users/ProviderProfileView.tsx
index 57f9bbb8..36d54e33 100644
--- a/src/components/users/ProviderProfileView.tsx
+++ b/src/components/users/ProviderProfileView.tsx
@@ -226,12 +226,14 @@ export const ProviderProfileView: Component = () => {
           console.log(data);
           data.forEach((item) => {
             item.checked = false;
-            provider()?.language_spoken.forEach((language) => {
-              console.log(language);
-              if (language === item.id.toString()) {
-                item.checked = true;
-              }
-            });
+            if (provider()?.language_spoken && provider()?.language_spoken.length > 0){
+              provider()?.language_spoken.forEach((language) => {
+                console.log(language);
+                if (language === item.id.toString()) {
+                  item.checked = true;
+                }
+              });
+            }
           });
           console.log(data);
           setLanguages(data);

From 3cc78e0312140df35e5bb95db91ef390975290b7 Mon Sep 17 00:00:00 2001
From: r-southworth <105446541+r-southworth@users.noreply.github.com>
Date: Mon, 22 Jan 2024 11:17:36 -0500
Subject: [PATCH 09/28] Update ci.yaml

---
 .github/workflows/ci.yaml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
index fb7fbdb9..77fc7fe7 100644
--- a/.github/workflows/ci.yaml
+++ b/.github/workflows/ci.yaml
@@ -11,7 +11,7 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
-      - uses: supabase/setup-cli@v1
+      - uses: supabase/setup-cli@v1.123.4
         with:
           version: latest
 
@@ -25,4 +25,4 @@ jobs:
             echo "Detected uncommitted changes after build. See status below:"
             git diff
             exit 1
-          fi
\ No newline at end of file
+          fi

From d4eade52f8e934d937aa6aa0c8b75f7c879374e7 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 22 Jan 2024 11:21:27 -0500
Subject: [PATCH 10/28] try changing version of supbase cli in CI action

---
 .github/workflows/ci.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
index fb7fbdb9..96bb103c 100644
--- a/.github/workflows/ci.yaml
+++ b/.github/workflows/ci.yaml
@@ -11,7 +11,7 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
-      - uses: supabase/setup-cli@v1
+      - uses: supabase/setup-cli@v1.123.4
         with:
           version: latest
 

From 955d48bedd6dcc2b562e96e7167e1d8b6fa3378f Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 22 Jan 2024 11:24:03 -0500
Subject: [PATCH 11/28] actually change version of supbase cli

---
 .github/workflows/ci.yaml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
index 96bb103c..2a3141a2 100644
--- a/.github/workflows/ci.yaml
+++ b/.github/workflows/ci.yaml
@@ -11,9 +11,9 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
-      - uses: supabase/setup-cli@v1.123.4
+      - uses: supabase/setup-cli@v1
         with:
-          version: latest
+          version: 1.123.4
 
       - name: Start Supabase local development setup
         run: supabase start

From dbd17f3f6be554a646640a1e4783246b63e3e674 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 22 Jan 2024 11:26:53 -0500
Subject: [PATCH 12/28] try another version of supabase CLI

---
 .github/workflows/ci.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
index 2a3141a2..65e96d30 100644
--- a/.github/workflows/ci.yaml
+++ b/.github/workflows/ci.yaml
@@ -13,7 +13,7 @@ jobs:
 
       - uses: supabase/setup-cli@v1
         with:
-          version: 1.123.4
+          version: 1.123.0
 
       - name: Start Supabase local development setup
         run: supabase start

From bc6649f73bae24ff0674155b706f8f12f3f4bdf6 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 22 Jan 2024 12:30:14 -0500
Subject: [PATCH 13/28] another version of supabase cli

---
 .github/workflows/ci.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
index 65e96d30..ef5f906e 100644
--- a/.github/workflows/ci.yaml
+++ b/.github/workflows/ci.yaml
@@ -13,7 +13,7 @@ jobs:
 
       - uses: supabase/setup-cli@v1
         with:
-          version: 1.123.0
+          version: 1.106.1
 
       - name: Start Supabase local development setup
         run: supabase start

From e77ca429bfefc2be8a873535a2994c63435f44f2 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 22 Jan 2024 12:58:32 -0500
Subject: [PATCH 14/28] minor grammer updates

---
 src/i18n/UI/English.ts | 28 ++++++++++++------------
 src/i18n/UI/French.ts  | 28 ++++++++++++------------
 src/i18n/UI/Spanish.ts | 48 +++++++++++++++++++++---------------------
 3 files changed, 52 insertions(+), 52 deletions(-)

diff --git a/src/i18n/UI/English.ts b/src/i18n/UI/English.ts
index d6072119..7649d922 100644
--- a/src/i18n/UI/English.ts
+++ b/src/i18n/UI/English.ts
@@ -31,24 +31,24 @@ export const English = {
 
   pageDescriptions: {
     services: "Find the services you need to get the job done. Search for keywords, filter by category, and filter by location to find what you need. View post previews and click on a post to learn more.",
-    signUp: "Provider your email and create a password to signup to search services or post services on Todo Servis.",
-    login: "Enter your email and password to login to Todo Servis.",
-    home: 'Todo Servis, home to everything you need to get the job done.',
+    signUp: "Provider your email and create a password to signup to search services or post services on TodoServis.",
+    login: "Enter your email and password to login to TodoServis.",
+    home: 'TodoServis, home to everything you need to get the job done.',
     // signIn: string,
-    createClientAccount: "Join Todo Servis as a client and unlock a world of services. Sign up today to find and connect with top service providers in your area.",
-    viewClientAccount: "Access and manage your client account information effortlessly on Todo Servis.",
-    createPost: 'Create a post including title, category, description, location, and images to offer your service on Todo Servis.',
-    createProviderAccount: 'Create a Provider Account to start posting your services on Todo Servis.',
-    viewProviderAccount: 'Manage your provider account details and review your posts on Todo Servis.',
+    createClientAccount: "Join TodoServis as a client and unlock a world of services. Sign up today to find and connect with top service providers in your area.",
+    viewClientAccount: "Access and manage your client account information effortlessly on TodoServis.",
+    createPost: 'Create a post including title, category, description, location, and images to offer your service on TodoServis.',
+    createProviderAccount: 'Create a Provider Account to start posting your services on TodoServis.',
+    viewProviderAccount: 'Manage your provider account details and review your posts on TodoServis.',
     clientViewProviderAccount: "Discover more about this provider. Explore their profile and available services.",
     page404: '404 - page not found',
-    requestPasswordReset: "Forgot your password? Request a secure password reset for your Todo Servis account. Enter your email and follow the instructions to regain access.",
-    resetPassword: "Reset your password securely with Todo Servis. Follow the link from your email to choose a new password.",
+    requestPasswordReset: "Forgot your password? Request a secure password reset for your TodoServis account. Enter your email and follow the instructions to regain access.",
+    resetPassword: "Reset your password securely with TodoServis. Follow the link from your email to choose a new password.",
     terms: "Review our Terms and Conditions. Please note, the translations are provided as a courtesy, the official binding terms are in Spanish.",
     privacy: "Review our privacy policy. Please note, the translations are provided as a courtesy, the official binding policy is in Spanish.",
     acceptableUse: "Review our acceptable use policy. Please note, the translations are provided as a courtesy, the official binding policy is in Spanish.",
-    about: "Discover the story behind Todo Servis – who we are, our mission, and our passion for helping revolutionize the way individuals and businesses find and provide services. Learn about our team and the values that drive us. Join us on our journey!",
-    impact: "Explore the meaningful impact of Todo Servis. Discover how we're making a difference and learn more about our projects, and contributions to positive change.",
+    about: "Discover the story behind TodoServis – who we are, our mission, and our passion for helping revolutionize the way individuals and businesses find and provide services. Learn about our team and the values that drive us. Join us on our journey!",
+    impact: "Explore the meaningful impact of TodoServis. Discover how we're making a difference and learn more about our projects, and contributions to positive change.",
     fullPost: "Read more about this service and contact the provider if interested. Explore additional images and the full description of the service.",
   },
 
@@ -221,8 +221,8 @@ export const English = {
   },
 
   ariaLabels: {
-    todo: 'Todo Servis Logo Return to Homepage',
-    logo: 'Todo Servis Logo',
+    todo: 'TodoServis Logo Return to Homepage',
+    logo: 'TodoServis Logo',
     navigation: 'Navigation',
     checkboxMajorMunicipality: "Checkbox for selecting major municipality",
     checkboxMinorMunicipality: "Checkbox for selecting minor municipality",
diff --git a/src/i18n/UI/French.ts b/src/i18n/UI/French.ts
index 106d98e6..b7f65983 100644
--- a/src/i18n/UI/French.ts
+++ b/src/i18n/UI/French.ts
@@ -31,24 +31,24 @@ export const French = {
 
   pageDescriptions: {
     services: "Trouvez les services dont vous avez besoin pour accomplir votre travail. Recherchez des mots-clés, filtrez par catégorie et filtrez par emplacement pour trouver ce dont vous avez besoin. Affichez les aperçus des articles et cliquez sur un article pour en savoir plus.",
-    signUp: "Fournissez votre e-mail et créez un mot de passe pour vous inscrire pour rechercher des services ou publier des services sur Todo Servis.",
-    login: "Entrez votre email et votre mot de passe pour vous connecter à Todo Servis.",
-    home: "Todo Servis, où vous trouverez tout ce dont vous avez besoin pour accomplir votre travail. ",
+    signUp: "Fournissez votre e-mail et créez un mot de passe pour vous inscrire pour rechercher des services ou publier des services sur TodoServis.",
+    login: "Entrez votre email et votre mot de passe pour vous connecter à TodoServis.",
+    home: "TodoServis, où vous trouverez tout ce dont vous avez besoin pour accomplir votre travail. ",
     // signIn: string,
-    createClientAccount: "Rejoignez Todo Servis en tant que client et débloquez un monde de services. Inscrivez-vous aujourd'hui pour trouver et entrer en contact avec les meilleurs fournisseurs de services de votre région.",
-    viewClientAccount: "Accédez et gérez les informations de votre compte client sans effort sur Todo Servis.",
-    createPost: "Créez une publication comprenant un titre, une catégorie, une description, un emplacement et des images pour proposer votre service sur Todo Servis.",
-    createProviderAccount: "Créez un compte fournisseur pour commencer à publier vos services sur Todo Servis",
-    viewProviderAccount: "Gérez les détails de votre compte fournisseur et consultez vos publications sur Todo Servis.",
+    createClientAccount: "Rejoignez TodoServis en tant que client et débloquez un monde de services. Inscrivez-vous aujourd'hui pour trouver et entrer en contact avec les meilleurs fournisseurs de services de votre région.",
+    viewClientAccount: "Accédez et gérez les informations de votre compte client sans effort sur TodoServis.",
+    createPost: "Créez une publication comprenant un titre, une catégorie, une description, un emplacement et des images pour proposer votre service sur TodoServis.",
+    createProviderAccount: "Créez un compte fournisseur pour commencer à publier vos services sur TodoServis",
+    viewProviderAccount: "Gérez les détails de votre compte fournisseur et consultez vos publications sur TodoServis.",
     clientViewProviderAccount: "Découvrez-en davantage sur ce fournisseur. Explorez leur profil et les services disponibles.",
     page404: "404 Page non trouvée",
-    requestPasswordReset: "Mot de passe oublié? Demandez une réinitialisation sécurisée du mot de passe pour votre compte Todo Servis. Entrez votre email et suivez les instructions pour retrouver l'accès.",
-    resetPassword: "Réinitialisez votre mot de passe en toute sécurité avec Todo Servis. Suivez le lien de votre e-mail pour choisir un nouveau mot de passe.",
+    requestPasswordReset: "Mot de passe oublié? Demandez une réinitialisation sécurisée du mot de passe pour votre compte TodoServis. Entrez votre email et suivez les instructions pour retrouver l'accès.",
+    resetPassword: "Réinitialisez votre mot de passe en toute sécurité avec TodoServis. Suivez le lien de votre e-mail pour choisir un nouveau mot de passe.",
     terms: "Consultez nos termes et conditions. Remarque : les traductions sont fournies à titre gracieux, les termes officiels contraignants sont en espagnol.",
     privacy: "Consultez notre politique de confidentialité. Veuillez noter que les traductions sont fournies à titre gracieux, la politique officielle contraignante est en espagnol.",
     acceptableUse: "Consultez notre politique d’utilisation acceptable. Veuillez noter que les traductions sont fournies à titre gracieux et que la politique officielle contraignante est en espagnol.",
-    about: "Découvrez l'histoire de Todo Servis – qui nous sommes, notre mission et notre passion de contribuer à révolutionner la façon dont les particuliers et les entreprises trouvent et fournissent des services. Découvrez notre équipe et les valeurs qui nous animent. Rejoignez-nous dans notre voyage !",
-    impact: "Découvrez l’impact significatif de Todo Servis. Découvrez comment nous faisons la différence et apprenez-en davantage sur nos projets et nos contributions à un changement positif.",
+    about: "Découvrez l'histoire de TodoServis – qui nous sommes, notre mission et notre passion de contribuer à révolutionner la façon dont les particuliers et les entreprises trouvent et fournissent des services. Découvrez notre équipe et les valeurs qui nous animent. Rejoignez-nous dans notre voyage !",
+    impact: "Découvrez l’impact significatif de TodoServis. Découvrez comment nous faisons la différence et apprenez-en davantage sur nos projets et nos contributions à un changement positif.",
     fullPost: "En savoir plus sur ce service et contacter le fournisseur si vous êtes intéressé. Découvrez des images supplémentaires et la description complète du service.",
   },
 
@@ -221,8 +221,8 @@ export const French = {
   },
 
   ariaLabels: {
-    todo: "Todo Servis Logo Retour à la page d'accueil",
-    logo: "Logo Todo Servis",
+    todo: "TodoServis Logo Retour à la page d'accueil",
+    logo: "Logo TodoServis",
     navigation: "La navigation",
     checkboxMajorMunicipality: "Case à cocher pour sélectionner la grande municipalité",
     checkboxMinorMunicipality: "Case à cocher pour sélectionner une commune mineure",
diff --git a/src/i18n/UI/Spanish.ts b/src/i18n/UI/Spanish.ts
index 8c8ba414..7d781dcc 100644
--- a/src/i18n/UI/Spanish.ts
+++ b/src/i18n/UI/Spanish.ts
@@ -22,32 +22,32 @@ export const Spanish = {
     terms: 'Términos y Condiciones',
     privacy: "Política de Privacidad",
     acceptableUse: "Política de uso aceptable",
-    about: 'Sobre nosotras',
+    about: 'Sobre nosotros',
     impact: 'Impacto',
     fullPost: "Ver publicación completa",
-    offline: 'Desconectada',
+    offline: 'Desconectado',
   },
 
   pageDescriptions: {
     services: "Encuentre los servicios que necesita para realizar el trabajo. Busque palabras clave, filtre por categoría y filtre por ubicación para encontrar lo que necesita. Vea vistas previas de publicaciones y haga clic en una publicación para obtener más información.",
-    signUp: "Proporcione su correo electrónico y cree una contraseña para registrarse para buscar servicios o publicar servicios en Todo Servis.",
-    login: "Ingrese su correo electrónico y contraseña para iniciar sesión en Todo Servis.",
-    home: 'Todo Servis, el hogar de todo lo que necesita para realizar el trabajo.',
+    signUp: "Proporcione su correo electrónico y cree una contraseña para registrarse para buscar servicios o publicar servicios en TodoServis.",
+    login: "Ingrese su correo electrónico y contraseña para iniciar sesión en TodoServis.",
+    home: 'TodoServis, el hogar de todo lo que necesita para realizar el trabajo.',
     // signIn: string,
-    createClientAccount: "Únete a Todo Servis como cliente y desbloquea un mundo de servicios. Regístrese hoy para encontrar y conectarse con los principales proveedores de servicios en su área.",
-    viewClientAccount: "Acceda y administre la información de su cuenta de cliente sin esfuerzo en Todo Servis.",
-    createPost: 'Crea una publicación incluyendo título, categoría, descripción e imágenes para ofrecer tu servicio en Todo Servis.',
-    createProviderAccount: 'Cree una cuenta de proveedor para comenzar a publicar sus servicios en Todo Servis',
-    viewProviderAccount: "Administre los detalles de su cuenta de proveedor y revise sus publicaciones en Todo Servis.",
+    createClientAccount: "Únete a TodoServis como cliente y desbloquea un mundo de servicios. Regístrese hoy para encontrar y conectarse con los principales proveedores de servicios en su área.",
+    viewClientAccount: "Acceda y administre la información de su cuenta de cliente sin esfuerzo en TodoServis.",
+    createPost: 'Crea una publicación incluyendo título, categoría, descripción e imágenes para ofrecer sus servicios en TodoServis.',
+    createProviderAccount: 'Cree una cuenta de proveedor para comenzar a publicar sus servicios en TodoServis',
+    viewProviderAccount: "Administre los detalles de su cuenta de proveedor y revise sus publicaciones en TodoServis.",
     clientViewProviderAccount: "Descubra más sobre este proveedor. Explore su perfil y los servicios disponibles.",
     page404: '404 Pagina no encontrada',
-    requestPasswordReset: "¿Olvidaste tu contraseña? Solicite un restablecimiento seguro de contraseña para su cuenta Todo Servis. Introduce tu correo electrónico y sigue las instrucciones para recuperar el acceso.",
-    resetPassword: "Restablece tu contraseña de forma segura con Todo Servis. Siga el enlace de su correo electrónico para elegir una nueva contraseña.",
+    requestPasswordReset: "¿Olvidaste tu contraseña? Solicite un restablecimiento seguro de contraseña para su cuenta TodoServis. Introduce tu correo electrónico y sigue las instrucciones para recuperar el acceso.",
+    resetPassword: "Restablezca su contraseña de forma segura en TodoServis. Siga el enlace de su correo electrónico para elegir una nueva contraseña.",
     terms: "Revisa nuestros términos y condiciones. Tenga en cuenta que las traducciones se proporcionan como cortesía; los términos oficiales vinculantes están en español.",
     privacy: "Revise nuestra política de privacidad. Tenga en cuenta que las traducciones se proporcionan como cortesía, la política oficial vinculante está en español.",
     acceptableUse: "Revise nuestra política de uso aceptable. Tenga en cuenta que las traducciones se proporcionan como cortesía, la política oficial vinculante está en español.",
-    about: "Descubra la historia detrás de Todo Servis: quiénes somos, nuestra misión y nuestra pasión por ayudar a revolucionar la forma en que las personas y las empresas encuentran y brindan servicios. Conozca nuestro equipo y los valores que nos impulsan. ¡Únase a nosotros en nuestro viaje!",
-    impact: "Explore el impacto significativo de Todo Servis. Descubra cómo estamos marcando la diferencia y obtenga más información sobre nuestros proyectos y nuestras contribuciones al cambio positivo.",
+    about: "Descubra la historia detrás de TodoServis: quiénes somos, nuestra misión y nuestra pasión por ayudar a revolucionar la forma en que las personas y las empresas encuentran y brindan servicios. Conozca nuestro equipo y los valores que nos impulsan. ¡Únase a nosotros en nuestro viaje!",
+    impact: "Explore el impacto significativo de TodoServis. Descubra cómo estamos marcando la diferencia y obtenga más información sobre nuestros proyectos y nuestras contribuciones al cambio positivo.",
     fullPost: "Lea más sobre este servicio y comuníquese con el proveedor si está interesado. Explora imágenes adicionales y la descripción completa del servicio.",
   },
 
@@ -59,13 +59,13 @@ export const Spanish = {
     uploading: 'Cargando ...',
     loading: 'Cargando...',
     login: 'Acceso',
-    signUp: 'inscribirse',
+    signUp: 'registrarte',
     signIn: 'Iniciar Sesión',
-    signOut: 'Desconectar',
+    signOut: 'Cerrar Sesión',
     returnHome: 'Página de Inicio',
-    reset: 'Reiniciar',
+    reset: 'Restablecerla',
     post: 'Publicar',
-    next: 'Próxima',
+    next: 'Siguiente',
     previous: 'Previa',
     delete: 'Borrar',
     contact: 'Correo Electrónico',
@@ -107,7 +107,7 @@ export const Spanish = {
     clickWrap2: 'estás indicando que has leído y estás de acuerdo con los',
     fetch: 'Obtener Servicios',
     todoFetch: '¡Todo, el perro de servicio, te traerá los servicios que necesitas!',
-    mustSignIn: 'Debe iniciar sesión para ver los servicios disponibles.',
+    mustSignIn: 'Debes iniciar sesión para ver los servicios disponibles.',
     profileEdits: '¡Las ediciones del perfil solo se guardarán después de hacer clic en el botón Guardar perfil!',
     noClient: "No se encontró ningún cliente.",
     noPostsSearch: "Ninguna publicación coincide con esta búsqueda específica - pruebe con un filtro o palabra clave diferente",
@@ -115,8 +115,8 @@ export const Spanish = {
 
   formLabels: {
     title: 'Título',
-    serviceCategory: 'Categoría de Servicio',
-    postContent: 'Publicar Contenido',
+    serviceCategory: 'Categoría del Servicio',
+    postContent: 'Descripción',
     country: 'País',
     majorMunicipality: 'Provincia',
     minorMunicipality: 'Cantón',
@@ -220,14 +220,14 @@ export const Spanish = {
   },
 
   ariaLabels: {
-    todo: 'Logotipo de Todo Servis Volver a la página de inicio',
-    logo: 'Logotipo de Todo Servis',
+    todo: 'Logotipo de TodoServis Volver a la página de inicio',
+    logo: 'Logotipo de TodoServis',
     navigation: 'Navegación',
     checkboxMajorMunicipality: "Casilla de verificación para seleccionar Provincia",
     checkboxMinorMunicipality: "Casilla de verificación para seleccionar Cantón",
     checkboxGoverningDistrict: "Casilla de verificación para seleccionar Distrito",
     darkMessage: "Cambia entre modo claro y modo oscuro",
-    closeDialog: "Cerrar Dialogo",
+    closeDialog: "Cerrar Diálogo",
   },
 
   headerData: {

From d014e9b8fcf7fce84e51462761aeea9622d7bddd Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 22 Jan 2024 13:00:57 -0500
Subject: [PATCH 15/28] npm install

---
 package-lock.json | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index 95c4767c..317c3bec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3253,7 +3253,6 @@
       }
     },
     "node_modules/@types/node": {
-
       "version": "20.10.5",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz",
       "integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==",
@@ -3261,6 +3260,15 @@
         "undici-types": "~5.26.4"
       }
     },
+    "node_modules/@types/node-forge": {
+      "version": "1.3.11",
+      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.11.tgz",
+      "integrity": "sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/normalize-package-data": {
       "version": "2.4.4",
       "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz",

From 7fe50c248df63d372bc7d2187515bd7dd3db289d Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 22 Jan 2024 14:12:27 -0500
Subject: [PATCH 16/28] switch to overflow x auto

---
 src/components/services/CategoryCarousel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/services/CategoryCarousel.tsx b/src/components/services/CategoryCarousel.tsx
index 9e83a687..4d1023ab 100644
--- a/src/components/services/CategoryCarousel.tsx
+++ b/src/components/services/CategoryCarousel.tsx
@@ -120,7 +120,7 @@ export const CategoryCarousel: Component<Props> = (props) => {
           <img src={leftArrow.src} alt="Left Arrow" />
         </button>
 
-        <div class="flex justify-between items-start w-full overflow-auto pt-2 h-[7.5rem]">
+        <div class="flex justify-between items-start w-full overflow-x-auto pt-2 h-[7.5rem]">
           {allCategoryInfo?.map((item) => (
             <button
               id={item.id}

From b9081aab00c168ff4fcee1298246fab632d4504e Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 22 Jan 2024 14:13:13 -0500
Subject: [PATCH 17/28] npm install

---
 package-lock.json | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index 95c4767c..317c3bec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3253,7 +3253,6 @@
       }
     },
     "node_modules/@types/node": {
-
       "version": "20.10.5",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz",
       "integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==",
@@ -3261,6 +3260,15 @@
         "undici-types": "~5.26.4"
       }
     },
+    "node_modules/@types/node-forge": {
+      "version": "1.3.11",
+      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.11.tgz",
+      "integrity": "sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/normalize-package-data": {
       "version": "2.4.4",
       "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz",

From f2a68c11ab838dfce6014e8d29f5b2dc2689dd28 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 22 Jan 2024 14:21:29 -0500
Subject: [PATCH 18/28] move overflow/scroll bars to outside div

---
 src/components/services/CategoryCarousel.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/services/CategoryCarousel.tsx b/src/components/services/CategoryCarousel.tsx
index 4d1023ab..991273e7 100644
--- a/src/components/services/CategoryCarousel.tsx
+++ b/src/components/services/CategoryCarousel.tsx
@@ -115,12 +115,12 @@ allCategoryInfo.forEach((element) => {
 export const CategoryCarousel: Component<Props> = (props) => {
   return (
     <div class="product-carousel my-2">
-      <div class="flex flex-start justify-between">
+      <div class="flex flex-start justify-between overflow-x-auto border border-green-500">
         <button class="w-12 hidden">
           <img src={leftArrow.src} alt="Left Arrow" />
         </button>
 
-        <div class="flex justify-between items-start w-full overflow-x-auto pt-2 h-[7.5rem]">
+        <div class="flex justify-between items-start w-full  pt-2 h-[7.5rem]">
           {allCategoryInfo?.map((item) => (
             <button
               id={item.id}

From 7092b1423eb91ef6f5523ab33d1f40c727da9b47 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 22 Jan 2024 15:59:34 -0500
Subject: [PATCH 19/28] try tailwind scrollbar

---
 package-lock.json                               | 13 +++++++++++++
 package.json                                    |  1 +
 src/assets/categoryIcons/circled-left-arrow.svg |  4 ++--
 src/components/services/CategoryCarousel.tsx    |  2 +-
 tailwind.config.cjs                             |  7 +++++--
 5 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 317c3bec..2fcdaea4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -50,6 +50,7 @@
         "prettier-plugin-astro": "^0.11.0",
         "prettier-plugin-tailwindcss": "^0.5.3",
         "supabase": "^1.110.1",
+        "tailwind-scrollbar": "^3.0.5",
         "vite-plugin-pwa": "^0.16.5",
         "workbox-cli": "^7.0.0",
         "workbox-routing": "^7.0.0",
@@ -13489,6 +13490,18 @@
         "node": ">= 10"
       }
     },
+    "node_modules/tailwind-scrollbar": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/tailwind-scrollbar/-/tailwind-scrollbar-3.0.5.tgz",
+      "integrity": "sha512-0ZwxTivevqq9BY9fRP9zDjHl7Tu+J5giBGbln+0O1R/7nHtBUKnjQcA1aTIhK7Oyjp6Uc/Dj6/dn8Dq58k5Uww==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.13.0"
+      },
+      "peerDependencies": {
+        "tailwindcss": "3.x"
+      }
+    },
     "node_modules/tailwindcss": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.5.tgz",
diff --git a/package.json b/package.json
index fda7bcb1..7cb3381c 100644
--- a/package.json
+++ b/package.json
@@ -52,6 +52,7 @@
     "prettier-plugin-astro": "^0.11.0",
     "prettier-plugin-tailwindcss": "^0.5.3",
     "supabase": "^1.110.1",
+    "tailwind-scrollbar": "^3.0.5",
     "vite-plugin-pwa": "^0.16.5",
     "workbox-cli": "^7.0.0",
     "workbox-routing": "^7.0.0",
diff --git a/src/assets/categoryIcons/circled-left-arrow.svg b/src/assets/categoryIcons/circled-left-arrow.svg
index 57c104b1..62873569 100644
--- a/src/assets/categoryIcons/circled-left-arrow.svg
+++ b/src/assets/categoryIcons/circled-left-arrow.svg
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12.7071 7.70711C13.0976 7.31658 13.0976 6.68342 12.7071 6.29289C12.3166 5.90237 11.6834 5.90237 11.2929 6.29289L6.29289 11.2929C5.90237 11.6834 5.90237 12.3166 6.29289 12.7071L11.2929 17.7071C11.6834 18.0976 12.3166 18.0976 12.7071 17.7071C13.0976 17.3166 13.0976 16.6834 12.7071 16.2929L9.41421 13H17C17.5523 13 18 12.5523 18 12C18 11.4477 17.5523 11 17 11H9.41421L12.7071 7.70711Z" fill="#000000"/>
+<svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12.7071 7.70711C13.0976 7.31658 13.0976 6.68342 12.7071 6.29289C12.3166 5.90237 11.6834 5.90237 11.2929 6.29289L6.29289 11.2929C5.90237 11.6834 5.90237 12.3166 6.29289 12.7071L11.2929 17.7071C11.6834 18.0976 12.3166 18.0976 12.7071 17.7071C13.0976 17.3166 13.0976 16.6834 12.7071 16.2929L9.41421 13H17C17.5523 13 18 12.5523 18 12C18 11.4477 17.5523 11 17 11H9.41421L12.7071 7.70711Z" fill="currentColor"/>
 </svg>
\ No newline at end of file
diff --git a/src/components/services/CategoryCarousel.tsx b/src/components/services/CategoryCarousel.tsx
index 991273e7..e4119453 100644
--- a/src/components/services/CategoryCarousel.tsx
+++ b/src/components/services/CategoryCarousel.tsx
@@ -115,7 +115,7 @@ allCategoryInfo.forEach((element) => {
 export const CategoryCarousel: Component<Props> = (props) => {
   return (
     <div class="product-carousel my-2">
-      <div class="flex flex-start justify-between overflow-x-auto border border-green-500">
+      <div class="flex flex-start justify-between scrollbar-thin overflow-x-auto scrollbar-track-rounded-full scrollbar-thumb-rounded-full scrollbar-thumb-shadow-LM scrollbar-track-background1 dark:scrollbar-thumb-shadow-DM dark:scrollbar-track-background1-DM">
         <button class="w-12 hidden">
           <img src={leftArrow.src} alt="Left Arrow" />
         </button>
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 18b19348..2f390be9 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -9,7 +9,7 @@ module.exports = {
 				'background1-DM': '#000000',
 				'htext1-DM': '#1DD762',
 				'ptext1-DM': '#F0F0F0',
-				'btn1-DM':	'#1DD762',
+				'btn1-DM': '#1DD762',
 				'btn1Text-DM': '#000000',
 				'link1-DM': '#1DD762',
 				'link1Hov-DM': '#17a84d',
@@ -72,5 +72,8 @@ module.exports = {
 			},
 		},
 	},
-	plugins: [require('@tailwindcss/typography'),],
+	plugins: [
+		require('@tailwindcss/typography'),
+		require('tailwind-scrollbar')({ nocompatible: true }),
+	]
 }
\ No newline at end of file

From 132eb76749d2abbeb6f10688e0b642886dd6c8d0 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 22 Jan 2024 17:00:22 -0500
Subject: [PATCH 20/28] add shadow/glow

---
 src/components/services/CategoryCarousel.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/services/CategoryCarousel.tsx b/src/components/services/CategoryCarousel.tsx
index e4119453..bc8cd404 100644
--- a/src/components/services/CategoryCarousel.tsx
+++ b/src/components/services/CategoryCarousel.tsx
@@ -114,8 +114,8 @@ allCategoryInfo.forEach((element) => {
 
 export const CategoryCarousel: Component<Props> = (props) => {
   return (
-    <div class="product-carousel my-2">
-      <div class="flex flex-start justify-between scrollbar-thin overflow-x-auto scrollbar-track-rounded-full scrollbar-thumb-rounded-full scrollbar-thumb-shadow-LM scrollbar-track-background1 dark:scrollbar-thumb-shadow-DM dark:scrollbar-track-background1-DM">
+    <div class="product-carousel my-2 rounded-lg p-1 ">
+      <div class="flex flex-start justify-between scrollbar-thin overflow-x-auto drop-shadow-md dark:drop-shadow-[0_4px_3px_rgba(97,97,97,1)] scrollbar-track-rounded-full scrollbar-thumb-rounded-full scrollbar-thumb-shadow-LM scrollbar-track-background1 dark:scrollbar-thumb-shadow-DM dark:scrollbar-track-background1-DM">
         <button class="w-12 hidden">
           <img src={leftArrow.src} alt="Left Arrow" />
         </button>

From c8ecb5e72cbdc483f65694368eefff759b04ef48 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 22 Jan 2024 17:10:41 -0500
Subject: [PATCH 21/28] remove virtual

---
 src/components/services/CategoryCarousel.tsx             | 2 --
 src/i18n/UI/English.ts                                   | 3 +--
 src/i18n/UI/French.ts                                    | 3 +--
 src/i18n/UI/Spanish.ts                                   | 3 +--
 src/i18n/uiType.ts                                       | 1 -
 supabase/migrations/20231218204405_update_categories.sql | 5 ++---
 6 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/components/services/CategoryCarousel.tsx b/src/components/services/CategoryCarousel.tsx
index bc8cd404..4589ef7e 100644
--- a/src/components/services/CategoryCarousel.tsx
+++ b/src/components/services/CategoryCarousel.tsx
@@ -79,8 +79,6 @@ categories.map((category) => {
   } else if (category.id === 15) {
     category.icon = food;
   } else if (category.id === 16) {
-    category.icon = virtual;
-  } else if (category.id === 17) {
     category.icon = home;
   }
 });
diff --git a/src/i18n/UI/English.ts b/src/i18n/UI/English.ts
index ef52f84a..598a7e4c 100644
--- a/src/i18n/UI/English.ts
+++ b/src/i18n/UI/English.ts
@@ -327,8 +327,7 @@ productCategoryInfo:{
       { name: 'Travel', description: 'Travel Services', ariaLabel: "Travel", id: "13" },
       { name: 'Education', description: 'Teaching, Tutoring, Training, and Other Education Services', ariaLabel: "Education", id: "14" },
       { name: 'Food & Drink', description: 'Food Services', ariaLabel: "Food & Drink", id: "15" },
-      { name: 'Virtual', description: 'Virtual or Online Services', ariaLabel: "Virtual", id: "16" },
-      { name: 'Home & Office', description: 'Services for the Home and Office - Cleaning, Gardening, Pest Control, and more', ariaLabel: "Home & Office", id: "17" },
+      { name: 'Home & Office', description: 'Services for the Home and Office - Cleaning, Gardening, Pest Control, and more', ariaLabel: "Home & Office", id: "16" },
       // Add more products as needed
     ]
   },
diff --git a/src/i18n/UI/French.ts b/src/i18n/UI/French.ts
index d4635d68..ca320e25 100644
--- a/src/i18n/UI/French.ts
+++ b/src/i18n/UI/French.ts
@@ -327,8 +327,7 @@ productCategoryInfo:{
       { name: "Voyage", description: "Services de voyage", ariaLabel: "Voyage", id: "13" },
       { name: 'Éducation', description: 'Enseignement, Tutorat, Formation et Autres Services Éducatifs', ariaLabel: "Éducation", id: "14" },
       { name: 'Nourriture & Boisson', description: 'Les Services Alimentaires', ariaLabel: "Alimentaires", id: "15" },
-      { name: 'Virtuel', description: 'Services Virtuels', ariaLabel: "Virtuel", id: "16" },
-      { name: 'Bureau & domicile', description: 'Services pour la maison et le bureau : nettoyage, jardinage, lutte antiparasitaire, etc.', ariaLabel: "Bureau & domicile", id: "17" },
+      { name: 'Bureau & domicile', description: 'Services pour la maison et le bureau : nettoyage, jardinage, lutte antiparasitaire, etc.', ariaLabel: "Bureau & domicile", id: "16" },
       // Add more products as needed
     ]
   },
diff --git a/src/i18n/UI/Spanish.ts b/src/i18n/UI/Spanish.ts
index 7795178b..857755d4 100644
--- a/src/i18n/UI/Spanish.ts
+++ b/src/i18n/UI/Spanish.ts
@@ -324,8 +324,7 @@ export const Spanish = {
       { name: 'Viajes', description: 'Servicios de Viaje', ariaLabel: "Viajes", id: "13" },
       { name: 'Educación', description: 'Enseñanza, Tutoría, Capacitación y Otros Servicios Educativos', ariaLabel: "Educación", id: "14" },
       { name: 'Comida & Bebida', description: 'Servicios de Comida', ariaLabel: "Comida & Bebida", id: "15" },
-      { name: 'Virtual', description: 'Servicios Virtuales', ariaLabel: "Virtual", id: "16" },
-      { name: 'Oficina & casa', description: 'Servicios para el hogar y la oficina: limpieza, jardinería, control de plagas y más', ariaLabel: "Oficina & casa", id: "17" },
+      { name: 'Oficina & casa', description: 'Servicios para el hogar y la oficina: limpieza, jardinería, control de plagas y más', ariaLabel: "Oficina & casa", id: "16" },
       // Add more products as needed
     ],
   },
diff --git a/src/i18n/uiType.ts b/src/i18n/uiType.ts
index db334b17..ef4a3d81 100644
--- a/src/i18n/uiType.ts
+++ b/src/i18n/uiType.ts
@@ -325,7 +325,6 @@ productCategoryInfo:{
       { name: string, description: string, ariaLabel: string, id: "14" },
       { name: string, description: string, ariaLabel: string, id: "15" },
       { name: string, description: string, ariaLabel: string, id: "16" },
-      { name: string, description: string, ariaLabel: string, id: "17" },
       // Add more products as needed
     ]
   },
diff --git a/supabase/migrations/20231218204405_update_categories.sql b/supabase/migrations/20231218204405_update_categories.sql
index 21cd3538..dc416d33 100644
--- a/supabase/migrations/20231218204405_update_categories.sql
+++ b/supabase/migrations/20231218204405_update_categories.sql
@@ -1,9 +1,8 @@
 INSERT INTO "public"."post_category" ("id", "category", "language") VALUES
 	(14, 'Education', 1),
     (15, 'Food & Drink', 1),
-    (16, 'Virtual', 1),
-    (17, 'Home & Office', 1);
+    (16, 'Home & Office', 1);
 
 UPDATE "public"."provider_post" 
-SET "service_category" = 17 
+SET "service_category" = 16 
 WHERE "service_category" IN (1, 8);
\ No newline at end of file

From e7dd3c7de067230a5800e822b3df501808a84d90 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Tue, 23 Jan 2024 10:10:53 -0500
Subject: [PATCH 22/28] fix seed.sql

---
 supabase/seed.sql | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/supabase/seed.sql b/supabase/seed.sql
index 762e671e..a95cdf30 100644
--- a/supabase/seed.sql
+++ b/supabase/seed.sql
@@ -460,7 +460,7 @@ Post with multiples images. Succesful.', 178, '2cf81880-3206-4bb1-9734-ddcacd822
 	(103, '2023-09-20 21:35:46.409722+00', 'test2', 7, '<p>test 2</p>', 192, '0517efc0-1beb-4239-a522-748616a0d83f', NULL, false, NULL, NULL);
 
 UPDATE "public"."provider_post" 
-SET "service_category" = 17 
+SET "service_category" = 16 
 WHERE "service_category" IN (1, 8);
 
 INSERT INTO "public"."language" ("id", "language") VALUES

From 8d1fd1cda98c299fd3fd44dd10486db1c4ff6995 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Tue, 23 Jan 2024 10:32:46 -0500
Subject: [PATCH 23/28] edit all records to language spoken spanish, then
 require language spoken not null

---
 .../20240123152511_languageSpoken_default_not_null.sql     | 7 +++++++
 supabase/seed.sql                                          | 4 +++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 supabase/migrations/20240123152511_languageSpoken_default_not_null.sql

diff --git a/supabase/migrations/20240123152511_languageSpoken_default_not_null.sql b/supabase/migrations/20240123152511_languageSpoken_default_not_null.sql
new file mode 100644
index 00000000..32205b5f
--- /dev/null
+++ b/supabase/migrations/20240123152511_languageSpoken_default_not_null.sql
@@ -0,0 +1,7 @@
+UPDATE "public"."providers" 
+SET "language_spoken" = '{"2"}' 
+WHERE "language_spoken" is null;
+
+alter table "public"."providers" alter column "language_spoken" set not null;
+
+
diff --git a/supabase/seed.sql b/supabase/seed.sql
index 851836e8..d89a6937 100644
--- a/supabase/seed.sql
+++ b/supabase/seed.sql
@@ -366,7 +366,9 @@ INSERT INTO "public"."providers" ("created_at", "provider_name", "user_id", "loc
 	('2023-08-09 18:26:20.371128+00', 'MEEEE', '5f41591b-0850-47b7-b6a4-08251ba79b66', 76, '1234567890', NULL, 5, '{"1"}'),
 	('2023-08-03 19:05:47.022082+00', 'Provider', 'b8a30290-79ac-49bb-9a76-223532e62ae4', 63, '315', NULL, 2, '{"1"}');
 
-
+UPDATE "public"."providers" 
+SET "language_spoken" = '{"2"}' 
+WHERE "language_spoken" = '{"1"}';
 --
 -- Data for Name: provider_post; Type: TABLE DATA; Schema: public; Owner: postgres
 --

From 03c5191dff2b090babdec0603ebb4d9924d871dc Mon Sep 17 00:00:00 2001
From: r-southworth <105446541+r-southworth@users.noreply.github.com>
Date: Tue, 23 Jan 2024 10:38:49 -0500
Subject: [PATCH 24/28] Update ci.yaml

remove incorrect action version
---
 .github/workflows/ci.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
index 70a94353..14a2f8d1 100644
--- a/.github/workflows/ci.yaml
+++ b/.github/workflows/ci.yaml
@@ -11,7 +11,7 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
-      - uses: supabase/setup-cli@v1.123.4
+      - uses: supabase/setup-cli@v1
         with:
           version: 1.106.1
 

From 1a956774107c5928ba9bc75c344e899b5aba75ac Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Tue, 23 Jan 2024 11:06:15 -0500
Subject: [PATCH 25/28] move name center and fix footer in middle of page on
 short pages (mobile) cleanup on other files

---
 src/components/common/Footer.astro | 4 ++--
 src/layouts/PageLayout.astro       | 5 ++---
 src/pages/index.astro              | 2 --
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/common/Footer.astro b/src/components/common/Footer.astro
index e0011521..30525fc7 100644
--- a/src/components/common/Footer.astro
+++ b/src/components/common/Footer.astro
@@ -27,10 +27,10 @@ export interface Props {
 
 const { socialLinks = [], secondaryLinks = [], links = [], footNote = ''} = Astro.props;
 ---
-<footer class="flex flex-col bg-background2 dark:bg-background2-DM mt-4 md:-mx-4 md:p-2 z-50">
+<footer class="flex flex-col bg-background2 dark:bg-background2-DM mt-4 md:-mx-4 md:p-2 pb-1.5 z-50">
   <div class="w-full flex flex-col">
       <div class="">
-        <div class="text-center md:text-start text-ptext2 dark:text-text2-DM md:w-[99vh] md:ml-2">
+        <div class="text-center text-ptext2 dark:text-text2-DM">
           <a class="inline-block font-bold text-xl" href={SITE.url}>{SITE?.name}</a>
         </div>
       </div>
diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
index 79be883c..d6a14ba6 100644
--- a/src/layouts/PageLayout.astro
+++ b/src/layouts/PageLayout.astro
@@ -1,6 +1,5 @@
 ---
 import Layout from '../layouts/BaseLayout.astro';
-// import { headerData, footerData } from '../data';
 import Footer from "../components/common/Footer.astro";
 import Header from "../components/common/Header.astro";
 import { getLangFromUrl, useTranslations } from '../i18n/utils';
@@ -18,11 +17,11 @@ const footerData = values.footerData
 const {pageTitle, pageDescription } = Astro.props
 ---
 <Layout {pageTitle} {pageDescription}>
-  <div class="min-h-screen">
+  <div class="">
     <div class="header">
       <Header {...headerData} />
     </div>
-    <main class="flex justify-center">
+    <main class="flex justify-center min-h-screen">
       <slot />
     </main>
     <div class="footer sticky bottom-0 z-50">
diff --git a/src/pages/index.astro b/src/pages/index.astro
index db2e8e63..ebad84bd 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,8 +3,6 @@ import Layout from "@layouts/PageLayout.astro";
 import { AuthMode } from "@components/common/AuthMode";
 import { SignUpBtn } from "@components/common/SignUpButton";
 import { getLangFromUrl, useTranslations } from "@i18n/utils";
-import cleaner from "@assets/categoryIcons/cleaner-man.svg";
-import grid from "@assets/grid.svg";
 import services from "@assets/services.png";
 import servicesDM from "@assets/servicesDM.png";
 

From 521b2546f0b699dd6b6c0a18deb33f69d5c0867e Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Tue, 23 Jan 2024 11:50:10 -0500
Subject: [PATCH 26/28] fix sign up tool tips and client edit tool tips, fix
 import component error

---
 src/components/users/ClientProfileView.tsx  | 4 ++--
 src/components/users/ClientRegistration.tsx | 2 +-
 src/lib/Auth.tsx                            | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/users/ClientProfileView.tsx b/src/components/users/ClientProfileView.tsx
index 6d2b3504..a74e9753 100644
--- a/src/components/users/ClientProfileView.tsx
+++ b/src/components/users/ClientProfileView.tsx
@@ -385,7 +385,7 @@ export const ClientProfileView: Component = () => {
           </h1>
         </Show>
       </div>
-      <div class="m-auto md:w-[44rem] ">
+      <div class="m-auto md:max-w-max">
         {/* Left column for md+ View */}
         <div class=" md:drop-shadow-lg border border-border1 dark:border-border1-DM md:mt-4 rounded-md md:h-fit md:px-4 md:pb-4 justify-center">
           <form onSubmit={submit} id="editProfile">
@@ -461,7 +461,7 @@ export const ClientProfileView: Component = () => {
                       <Show when={editMode() === true}>
                         <div class="group flex items-center relative mr-2">
                           <svg
-                            class="peer w-4 h-4 bg-background1 dark:bg-background1-DM fill-background1 border border-inputBorder1 dark:border-inputBorder1-DM rounded-full peer"
+                            class="peer w-4 h-4 bg-background1 dark:bg-background1-DM fill-background1 border border-inputBorder1 dark:border-inputBorder1-DM rounded-full"
                             version="1.1"
                             xmlns="http://www.w3.org/2000/svg"
                             viewBox="0 0 512 512"
diff --git a/src/components/users/ClientRegistration.tsx b/src/components/users/ClientRegistration.tsx
index c502e58d..cd5b9957 100644
--- a/src/components/users/ClientRegistration.tsx
+++ b/src/components/users/ClientRegistration.tsx
@@ -1,5 +1,5 @@
+import type { Component } from "solid-js";
 import {
-  Component,
   Suspense,
   createEffect,
   createResource,
diff --git a/src/lib/Auth.tsx b/src/lib/Auth.tsx
index c7d3d0ba..a06105a6 100644
--- a/src/lib/Auth.tsx
+++ b/src/lib/Auth.tsx
@@ -223,7 +223,7 @@ export const Auth: Component = (props) => {
 
                   <span
                     class="peer-hover:visible transition-opacity bg-background2 dark:bg-background2-DM text-sm text-ptext2 dark:text-ptext2-DM rounded-md absolute 
-                                md:translate-x-1/4 -translate-x-full -translate-y-2/3 md:translate-y-0 invisible m-4 mx-auto p-2 w-48"
+                                md:translate-x-52 -translate-x-0 -translate-y-0 md:translate-y-0 invisible m-4 mx-auto p-2 w-48 z-10"
                   >
                     {t("toolTips.firstName")}
                   </span>
@@ -269,7 +269,7 @@ export const Auth: Component = (props) => {
 
                   <span
                     class="peer-hover:visible transition-opacity bg-background2 dark:bg-background2-DM text-sm text-ptext2 dark:text-ptext2-DM rounded-md absolute 
-                                md:translate-x-1/4 -translate-x-full -translate-y-2/3 md:translate-y-0 invisible m-4 mx-auto p-2 w-48"
+                                md:translate-x-52 -translate-x-0 translate-y-0 md:translate-y-0 invisible m-4 mx-auto p-2 w-48"
                   >
                     {t("toolTips.lastName")}
                   </span>

From 8a6dc1d66966eeb94b0433c25f0b295e16350b66 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 29 Jan 2024 16:56:48 -0500
Subject: [PATCH 27/28] Add FAQ pages in each language, add link to FAQ to
 profile button, fix component import on multiple componts, overide default
 for tailwind prose blockquote formatting

---
 src/components/common/ProfileBtn.tsx         |   3 +
 src/components/posts/CreateNewPost.tsx       |   2 +-
 src/components/users/ProviderProfileView.tsx |   2 +
 src/content/config.ts                        |  10 +-
 src/content/faq/faq.mdx                      | 151 +++++++++++++++++++
 src/content/faq/faqES.mdx                    | 149 ++++++++++++++++++
 src/content/faq/faqFR.mdx                    | 145 ++++++++++++++++++
 src/i18n/UI/English.ts                       |  28 ++--
 src/i18n/UI/French.ts                        |  32 ++--
 src/i18n/UI/Spanish.ts                       |  29 ++--
 src/i18n/uiType.ts                           |   3 +
 src/pages/faq.astro                          |  25 +++
 tailwind.config.cjs                          |  15 ++
 13 files changed, 551 insertions(+), 43 deletions(-)
 create mode 100644 src/content/faq/faq.mdx
 create mode 100644 src/content/faq/faqES.mdx
 create mode 100644 src/content/faq/faqFR.mdx
 create mode 100644 src/pages/faq.astro

diff --git a/src/components/common/ProfileBtn.tsx b/src/components/common/ProfileBtn.tsx
index e713512c..b2d6e32e 100644
--- a/src/components/common/ProfileBtn.tsx
+++ b/src/components/common/ProfileBtn.tsx
@@ -68,6 +68,9 @@ export const ProfileBtn = () => {
         <div>
           <a href={`/${lang}`}>{t('pageTitles.home')}</a>
         </div>
+        <div>
+          <a href={`/${lang}/faq`}>{t('buttons.faq')}</a>
+        </div>
         <div>
         <a href={`mailto:support@todoservis.com`}>{t('menus.contactUs')}</a>
         </div>
diff --git a/src/components/posts/CreateNewPost.tsx b/src/components/posts/CreateNewPost.tsx
index 4cda9f00..76b90a86 100644
--- a/src/components/posts/CreateNewPost.tsx
+++ b/src/components/posts/CreateNewPost.tsx
@@ -1,5 +1,5 @@
+import type { Component } from "solid-js";
 import {
-  Component,
   Suspense,
   createEffect,
   createResource,
diff --git a/src/components/users/ProviderProfileView.tsx b/src/components/users/ProviderProfileView.tsx
index 36d54e33..9d9df431 100644
--- a/src/components/users/ProviderProfileView.tsx
+++ b/src/components/users/ProviderProfileView.tsx
@@ -16,6 +16,7 @@ import UserImage from "./UserImage";
 import { ui } from "../../i18n/ui";
 import type { uiObject } from "../../i18n/uiType";
 import { getLangFromUrl, useTranslations } from "../../i18n/utils";
+import { i } from "dist/_astro/web.fcb3b003";
 
 const lang = getLangFromUrl(new URL(window.location.href));
 const t = useTranslations(lang);
@@ -226,6 +227,7 @@ export const ProviderProfileView: Component = () => {
           console.log(data);
           data.forEach((item) => {
             item.checked = false;
+            //@ts-ignore
             if (provider()?.language_spoken && provider()?.language_spoken.length > 0){
               provider()?.language_spoken.forEach((language) => {
                 console.log(language);
diff --git a/src/content/config.ts b/src/content/config.ts
index fca74d95..e8dca34b 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -13,7 +13,15 @@ const aboutCollection = defineCollection({
     }),
 })
 
+const faqCollection = defineCollection({
+    type: 'content',
+    schema: z.object({
+        lang: z.string(),
+    }),
+})
+
 export const collections = {
     'policies': policiesCollection,
-    'about': aboutCollection
+    'about': aboutCollection,
+    'faq': faqCollection
 }
\ No newline at end of file
diff --git a/src/content/faq/faq.mdx b/src/content/faq/faq.mdx
new file mode 100644
index 00000000..0cf0bc3e
--- /dev/null
+++ b/src/content/faq/faq.mdx
@@ -0,0 +1,151 @@
+---
+lang: "en"
+---
+
+## Table of Contents
+
+## Posting
+
+  <details>
+    <summary>Editing Posts</summary>
+      <blockquote>
+        <details>
+          <summary>How Do I change a post?</summary>
+          <blockquote>
+          Currently there isn't a way to edit a published post. The easiest way to fix or change a post is to copy the content into a new post and delete the old post.
+          </blockquote>
+        </details>
+        {/* Add more FAQs about editing posts here using this format 
+        <details>
+          <summary>**QUESTION**</summary>
+          <blockquote>
+          **ANSWER**
+          </blockquote>
+        </details>
+        */}
+      </blockquote>
+  </details>
+
+  {/* Add more FAQs sections about posting and answers here using this format:
+  <details>
+     <summary>**SECTION NAME**</summary>
+      <blockquote>
+        <details>
+          <summary>**QUESTION 1**</summary>
+          <blockquote>
+          **ANSWER 1**
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>**QUESTION 2**</summary>
+          <blockquote>
+          **ANSWER 2**
+          </blockquote>
+        </details>
+      </blockquote>
+    </details>
+     */}
+
+## User Types
+
+  <details>
+    <summary>Client Profiles</summary>
+
+      <blockquote>
+        <details>
+          <summary>Why would I need a client profile?</summary>
+          <blockquote>
+          Signing up for a client profile allows you to contact providers on the platform
+          about their services.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>How do I create a client profile?</summary>
+          <blockquote>
+            Click the menu button in the upper right corner and click *Create Client
+            Profile* and provide the requested information.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>Who can see my client information?</summary>
+          <blockquote>
+            Currently the client information isn't shared with anyone. In the future
+            it may be shared with those providers you choose to contact through the
+            platform.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>Why do you need ___ ?</summary>
+          <blockquote>
+            More information about why we collect the information we do is available
+            on the registration form. It is also summarized below: 
+            - Name: We need
+            your name to make sure you are a real person and in some cases may need it
+            to process payments 
+            - Display Name: We know in some circumstances your
+            legal name may not accurately reflect your intentions on the platform (for
+            example if you are procuring services on behalf of a business) so we allow
+            you to choose a display name if you feel that would be more appropriate. 
+            - Phone Number: We use the phone number as another safety measure (in
+            addtion to legal name) and in the future may share it with service
+            providers you contact on the platform so that they can contact you
+            regarding your request(s). 
+            - Location: We collect this information so that
+            we can suggest services that might be relevant to you and so that service
+            providers can determine if they provide the requested services in your
+            area. 
+            - Profile Image: This helps make everything more personal. Your
+            profile image may be displayed in when you provide feedback on the
+            platform (such as reviews) or when you contact a provider.
+          </blockquote>
+        </details>
+      </blockquote>
+  </details>
+
+  <details>
+     <summary>Provider Profile</summary>
+      <blockquote>
+        <details>
+          <summary>Why would I need a provider profile?</summary>
+          <blockquote>
+          Signing up for a provider profile allows you to offer your services on the platform.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>How do I create a provider profile?</summary>
+          <blockquote>
+          Click the menu button in the upper right corner and click *Create Provider
+            Profile* and provide the requested information.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>Who can see my provider information?</summary>
+          <blockquote>
+          All registered users can visit your provider profile which shows your provider profile information such as image, location, and languages spoken.
+          Your profile also has buttons linked to your email and phone number so that potential clients can contact you.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>How do I change my provider profile?</summary>
+          <blockquote>
+          Click the menu button in the upper right corner and click *My Provider
+            Profile*, on the profile page click the *Edit Profile* button, change the necessary fields then click *Save Profile*.
+
+            <strong>Please note edits will not be saved if you do not click the</strong><em> Save Profile</em><strong> button!</strong>
+          </blockquote>
+        </details>
+      </blockquote>
+    </details>
diff --git a/src/content/faq/faqES.mdx b/src/content/faq/faqES.mdx
new file mode 100644
index 00000000..771dec44
--- /dev/null
+++ b/src/content/faq/faqES.mdx
@@ -0,0 +1,149 @@
+---
+lang: 'es'
+---
+
+## Publicar
+
+  <details>
+    <summary>Editar publicaciones</summary>
+      <blockquote>
+        <details>
+          <summary>¿Cómo cambio una publicación?</summary>
+          <blockquote>
+          Actualmente no hay forma de editar una publicación publicada. La forma más sencilla de corregir o cambiar una publicación es copiar el contenido en una publicación nueva y eliminar la publicación anterior.
+          </blockquote>
+        </details>
+        {/* Add more FAQs about editing posts here using this format 
+        <details>
+          <summary>**QUESTION**</summary>
+          <blockquote>
+          **ANSWER**
+          </blockquote>
+        </details>
+        */}
+      </blockquote>
+  </details>
+
+  {/* Add more FAQs sections about posting and answers here using this format:
+  <details>
+     <summary>**SECTION NAME**</summary>
+      <blockquote>
+        <details>
+          <summary>**QUESTION 1**</summary>
+          <blockquote>
+          **ANSWER 1**
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>**QUESTION 2**</summary>
+          <blockquote>
+          **ANSWER 2**
+          </blockquote>
+        </details>
+      </blockquote>
+    </details>
+     */}
+
+## Tipos de Usuarios
+
+  <details>
+    <summary>Perfiles de clientes</summary>
+
+      <blockquote>
+        <details>
+          <summary>¿Por qué necesitaría un perfil de cliente?</summary>
+          <blockquote>
+          Registrarse para obtener un perfil de cliente le permite contactar proveedores en la plataforma
+          sobre sus servicios.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>¿Cómo creo un perfil de cliente?</summary>
+          <blockquote>
+            Haga clic en el botón de menú en la esquina superior derecha y haga clic en *Crear cliente
+            Perfil* y proporcione la información solicitada.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>¿Quién puede ver la información de mi cliente?</summary>
+          <blockquote>
+            Actualmente la información del cliente no se comparte con nadie. En el futuro
+            puede ser compartido con aquellos proveedores con los que usted elija contactar a través del
+            plataforma.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>Por qué lo necesitas ___ ?</summary>
+          <blockquote>
+            Más información sobre por qué recopilamos la información que hacemos está disponible
+            en el formulario de registro. También se resume a continuación:
+            - Nombre: Necesitamos
+            su nombre para asegurarse de que es una persona real y en algunos casos puede necesitarlo
+            para procesar pagos
+            - Nombre para mostrar: sabemos que en algunas circunstancias su
+            Es posible que el nombre legal no refleje con precisión sus intenciones en la plataforma
+            (por ejemplo, si está adquiriendo servicios en nombre de una empresa), por lo que permitimos
+            Puede elegir un nombre para mostrar si cree que sería más apropiado.
+            - Número de teléfono: Utilizamos el número de teléfono como una medida de seguridad más (en
+            adición al nombre legal) y en el futuro puede compartirlo con el servicio
+            Proveedores con los que contactas en la plataforma para que puedan contactar contigo.
+            con respecto a su(s) solicitud(es).
+            - Ubicación: Recopilamos esta información para que
+            Podemos sugerir servicios que podrían ser relevantes para usted y para que ese servicio
+            Los proveedores pueden determinar si brindan los servicios solicitados en su
+            área.
+            - Imagen de perfil: esto ayuda a que todo sea más personal. Su
+            La imagen de perfil se puede mostrar cuando proporcionas comentarios sobre el
+            plataforma (como reseñas) o cuando se comunica con un proveedor.
+          </blockquote>
+        </details>
+      </blockquote>
+  </details>
+
+  <details>
+     <summary>Perfil del proveedor</summary>
+      <blockquote>
+        <details>
+          <summary>¿Por qué necesitaría un perfil de proveedor?</summary>
+          <blockquote>
+          Registrarse en un perfil de proveedor le permite ofrecer sus servicios en la plataforma.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>¿Cómo creo un perfil de proveedor?</summary>
+          <blockquote>
+          Haga clic en el botón de menú en la esquina superior derecha y haga clic en *Crear proveedor
+            Perfil* y proporcione la información solicitada.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>¿Quién puede ver la información de mi proveedor?</summary>
+          <blockquote>
+          Todos los usuarios registrados pueden visitar su perfil de proveedor, que muestra información de su perfil de proveedor, como imagen, ubicación e idiomas hablados.
+          Tu perfil también tiene botones vinculados a tu correo electrónico y número de teléfono para que los clientes potenciales puedan contactar contigo.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>¿Cómo cambio mi perfil de proveedor?</summary>
+          <blockquote>
+          Haga clic en el botón de menú en la esquina superior derecha y haga clic en *Mi proveedor
+            Perfil*, en la página de perfil, haga clic en el botón *Editar perfil*, cambie los campos necesarios y luego haga clic en *Guardar perfil*.
+
+            <strong>¡Tenga en cuenta que las ediciones no se guardarán si no hace clic en el botón</strong><em> Guardar perfil</em><strong>!</strong>
+          </blockquote>
+        </details>
+      </blockquote>
+    </details>
diff --git a/src/content/faq/faqFR.mdx b/src/content/faq/faqFR.mdx
new file mode 100644
index 00000000..0cdfc0c0
--- /dev/null
+++ b/src/content/faq/faqFR.mdx
@@ -0,0 +1,145 @@
+---
+lang: 'fr'
+---
+
+## Table of Contents
+
+## Affectation
+
+  <details>
+    <summary>Modification des messages</summary>
+      <blockquote>
+        <details>
+          <summary>Comment modifier un message ?</summary>
+          <blockquote>
+          Il n'existe actuellement aucun moyen de modifier un article publié. Le moyen le plus simple de corriger ou de modifier une publication consiste à copier le contenu dans une nouvelle publication et à supprimer l’ancienne publication.
+          </blockquote>
+        </details>
+        {/* Add more FAQs about editing posts here using this format 
+        <details>
+          <summary>**QUESTION**</summary>
+          <blockquote>
+          **ANSWER**
+          </blockquote>
+        </details>
+        */}
+      </blockquote>
+  </details>
+
+  {/* Add more FAQs sections about posting and answers here using this format:
+  <details>
+     <summary>**SECTION NAME**</summary>
+      <blockquote>
+        <details>
+          <summary>**QUESTION 1**</summary>
+          <blockquote>
+          **ANSWER 1**
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>**QUESTION 2**</summary>
+          <blockquote>
+          **ANSWER 2**
+          </blockquote>
+        </details>
+      </blockquote>
+    </details>
+     */}
+
+## Types d'utilisateurs
+
+  <details>
+    <summary>Profils clients</summary>
+
+      <blockquote>
+        <details>
+          <summary>Pourquoi aurais-je besoin d’un profil client ?</summary>
+          <blockquote>
+          La création d'un compte client vous permet de contacter les prestataires de la plateforme au sujet de leurs services.
+          </blockquote>
+          </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>Comment créer un profil client ?</summary>
+          <blockquote>
+            Cliquez sur le bouton de menu dans le coin supérieur droit, cliquez sur *Créer un compte client* et fournissez les informations demandées.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>Qui peut voir les informations de mes clients ?</summary>
+          <blockquote>
+            Actuellement, les informations client ne sont partagées avec personne. À l'avenir, ils pourront être partagés avec les fournisseurs que vous choisissez de contacter via la plateforme.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>Pourquoi as-tu besoin ___ ?</summary>
+          <blockquote>
+            Plus d'informations sur les raisons pour lesquelles nous collectons les informations que nous collectons sont disponibles
+            sur le formulaire d'inscription. Il est également résumé ci-dessous : 
+            - Nom : Nous avons besoin votre nom pour vous assurer que vous êtes une personne réelle et que, dans certains cas, vous en aurez peut-être besoin pour traiter les paiements 
+            - Nom d'affichage : Nous connaissons dans certaines circonstances votre
+            le nom légal peut ne pas refléter fidèlement vos intentions sur la plateforme (par exemple
+            exemple si vous achetez des services pour le compte d'une entreprise), nous autorisons donc
+            vous pouvez choisir un nom d'affichage si vous pensez que cela serait plus approprié. 
+            - Numéro de téléphone : Nous utilisons le numéro de téléphone comme autre mesure de sécurité (en
+            ajout au nom légal) et à l'avenir, nous pourrons le partager avec le service
+            les prestataires que vous contactez sur la plateforme afin qu'ils puissent vous contacter
+            concernant votre (vos) demande(s). 
+            - Localisation : Nous collectons ces informations afin que
+            nous pouvons vous suggérer des services qui pourraient vous intéresser et pour que ce service
+            les fournisseurs peuvent déterminer s’ils fournissent les services demandés dans votre
+            zone. 
+            - Image de profil : cela contribue à rendre tout plus personnel. Ton
+            l'image de profil peut s'afficher lorsque vous fournissez des commentaires sur le
+            plateforme (comme les avis) ou lorsque vous contactez un fournisseur.
+          </blockquote>
+        </details>
+      </blockquote>
+  </details>
+
+  <details>
+     <summary>Profil du fournisseur</summary>
+      <blockquote>
+        <details>
+          <summary>Pourquoi aurais-je besoin d’un profil de fournisseur ?</summary>
+          <blockquote>
+          L'inscription à un profil de fournisseur vous permet de proposer vos services sur la plateforme.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>Comment créer un profil de fournisseur ?</summary>
+          <blockquote>
+          Cliquez sur le bouton de menu dans le coin supérieur droit et cliquez sur *Créer un fournisseur
+            Profil* et fournissez les informations demandées.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>Qui peut voir les informations de mon fournisseur ?</summary>
+          <blockquote>
+          Tous les utilisateurs enregistrés peuvent visiter votre profil de fournisseur qui affiche les informations de votre profil de fournisseur telles que l'image, l'emplacement et les langues parlées.
+          Votre profil comporte également des boutons liés à votre email et à votre numéro de téléphone afin que les clients potentiels puissent vous contacter.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>Comment modifier mon profil de fournisseur ?</summary>
+          <blockquote>
+          Cliquez sur le bouton de menu dans le coin supérieur droit et cliquez sur *Mon fournisseur
+            Profil*, sur la page de profil, cliquez sur le bouton *Modifier le profil*, modifiez les champs nécessaires puis cliquez sur *Enregistrer le profil*.
+
+            <strong>Veuillez noter que les modifications ne seront pas enregistrées si vous ne cliquez pas sur le bouton</strong> <em> Enregistrer le profil </em><strong>!</strong>
+          </blockquote>
+        </details>
+      </blockquote>
+    </details>
\ No newline at end of file
diff --git a/src/i18n/UI/English.ts b/src/i18n/UI/English.ts
index 186e96f5..31f9f9dc 100644
--- a/src/i18n/UI/English.ts
+++ b/src/i18n/UI/English.ts
@@ -8,12 +8,12 @@ export const English = {
     login: 'Login',
     home: 'Home',
     signIn: 'Sign In',
-    createClientAccount: 'Create Client Account',
-    editClientAccount: 'Edit Client Account',
-    viewClientAccount: 'My Client Account',
+    createClientAccount: 'Create Client Profile',
+    editClientAccount: 'Edit Client Profile',
+    viewClientAccount: 'My Client Profile',
     createPost: 'Create Post',
-    createProviderAccount: 'Create Provider Account',
-    editProviderAccount: 'Edit Provider Account',
+    createProviderAccount: 'Create Provider Profile',
+    editProviderAccount: 'Edit Provider Profile',
     viewProviderAccount: 'My Provider Profile',
     clientViewProviderAccount: 'Provider Profile',
     page404: '404 - Page Not Found',
@@ -24,9 +24,9 @@ export const English = {
     acceptableUse: "Acceptable Use Policy",
     about: 'About Us',
     impact: 'Impact',
-
     fullPost: "View Full Post",
     offline: 'Offline',
+    faq: "Frequently Asked Questions",
   },
 
   pageDescriptions: {
@@ -36,10 +36,10 @@ export const English = {
     home: 'TodoServis, home to everything you need to get the job done.',
     // signIn: string,
     createClientAccount: "Join TodoServis as a client and unlock a world of services. Sign up today to find and connect with top service providers in your area.",
-    viewClientAccount: "Access and manage your client account information effortlessly on TodoServis.",
+    viewClientAccount: "Access and manage your client profile information effortlessly on TodoServis.",
     createPost: 'Create a post including title, category, description, location, and images to offer your service on TodoServis.',
-    createProviderAccount: 'Create a Provider Account to start posting your services on TodoServis.',
-    viewProviderAccount: 'Manage your provider account details and review your posts on TodoServis.',
+    createProviderAccount: 'Create a Provider Profile to start posting your services on TodoServis.',
+    viewProviderAccount: 'Manage your provider profile details and review your posts on TodoServis.',
     clientViewProviderAccount: "Discover more about this provider. Explore their profile and available services.",
     page404: '404 - page not found',
     requestPasswordReset: "Forgot your password? Request a secure password reset for your TodoServis account. Enter your email and follow the instructions to regain access.",
@@ -50,6 +50,7 @@ export const English = {
     about: "Discover the story behind TodoServis – who we are, our mission, and our passion for helping revolutionize the way individuals and businesses find and provide services. Learn about our team and the values that drive us. Join us on our journey!",
     impact: "Explore the meaningful impact of TodoServis. Discover how we're making a difference and learn more about our projects, and contributions to positive change.",
     fullPost: "Read more about this service and contact the provider if interested. Explore additional images and the full description of the service.",
+    faq: "Explore our comprehensive FAQ page for answers to common questions about our services, policies, and more.",
   },
 
   buttons: {
@@ -73,6 +74,7 @@ export const English = {
     phone: 'Call',
     saveProfile: 'Save Profile',
     filters: "Filters",
+    faq: "FAQs?",
   },
 
   messages: {
@@ -90,13 +92,13 @@ export const English = {
     alreadyAccount: 'Already have an account? Click here to',
     error404: 'Something went wrong',
     onlyProvider: "Only providers can create posts.",
-    signInAsProvider: "Please sign in to a provider account before posting.",
+    signInAsProvider: "Please create a provider profile before posting.",
     checkEmail: "Check your email for the reset link! If you did not receive the email, please check your spam folder. Links are valid for 24 hours.",
     checkConfirmEmail: 'If this email is not already registered, you will receive an email confirmation link. Please check your spam folder if you did not receive the email. Links are valid for 24 hours.',
     signIn: "Please sign in to access this page.",
     createProviderAccount: "Please sign in to create a provider profile.",
     createClientAccount: "Please sign in to create a client profile.",
-    viewProviderAccount: "You do not have a provider account please create one to view your provider profile.",
+    viewProviderAccount: "You do not have a provider profile. Please create one to view your provider profile.",
     noPosts: "No posts available.",
     noPost: "Post Not Found",
     selectAnImage: 'You must select an image to upload.',
@@ -174,8 +176,8 @@ export const English = {
     changeEmail: 'If you update your email you must confirm the change at the old email address and the new email address to complete the change.',
     locationUpdate: 'If you update your location all fields must be completed.',
     postImages: 'The first image uploaded will be displayed on post previews. To upload additional images just click "Upload Image" again.',
-    firstNameEdit: 'This should be your legal name as it appears on your government ID. If you do not provide a display name your first and last name will be displayed instead. These values can be updated after creating a client or provider account. Since this is your legal name, the same first and last name must be used on your client and provider accounts.',
-    lastNameEdit: 'This should be your legal name as it appears on your government ID. If you do not provide a display name your first and last name will be displayed instead. These values can be updated after creating a client or provider account. Since this is your legal name, the same first and last name must be used on your client and provider accounts.',
+    firstNameEdit: 'This should be your legal name as it appears on your government ID. If you do not provide a display name your first and last name will be displayed instead. These values can be updated after creating a client or provider profile. Since this is your legal name, the same first and last name must be used on your client and provider profiles.',
+    lastNameEdit: 'This should be your legal name as it appears on your government ID. If you do not provide a display name your first and last name will be displayed instead. These values can be updated after creating a client or provider profile. Since this is your legal name, the same first and last name must be used on your client and provider profiles.',
     languages: "Please select the languages in which you are able to conduct business. These will be displayed on your profile for clients.",
   },
 
diff --git a/src/i18n/UI/French.ts b/src/i18n/UI/French.ts
index 6b50265f..4d70ccfa 100644
--- a/src/i18n/UI/French.ts
+++ b/src/i18n/UI/French.ts
@@ -8,13 +8,13 @@ export const French = {
     login: 'Connexion',
     home: 'Maison',
     signIn: "S'identifier",
-    createClientAccount: 'Créer un compte client',
-    editClientAccount: 'Modifier le compte client',
-    viewClientAccount: "Voir le compte client",
+    createClientAccount: 'Créer un profil client',
+    editClientAccount: 'Modifier le profil client',
+    viewClientAccount: "Voir le profil client",
     createPost: "Créer un article",
-    createProviderAccount: "Créer un compte fournisseur",
-    editProviderAccount: "Modifier le compte du fournisseur",
-    viewProviderAccount: "Mon compte fournisseur",
+    createProviderAccount: "Créer un profil fournisseur",
+    editProviderAccount: "Modifier le profil du fournisseur",
+    viewProviderAccount: "Mon profil fournisseur",
     clientViewProviderAccount: "Profil du fournisseur",
     page404: "404 - Page non trouvée",
     requestPasswordReset: "Demander la réinitialisation du mot de passe",
@@ -24,9 +24,9 @@ export const French = {
     acceptableUse: "Politique d'utilisation acceptable",
     about: 'À Propos De Nous',
     impact: 'Impact',
-
     fullPost: "Voir le message complet",
     offline: 'Hors ligne',
+    faq: "Questions fréquemment posées",
   },
 
   pageDescriptions: {
@@ -36,13 +36,13 @@ export const French = {
     home: "TodoServis, où vous trouverez tout ce dont vous avez besoin pour accomplir votre travail. ",
     // signIn: string,
     createClientAccount: "Rejoignez TodoServis en tant que client et débloquez un monde de services. Inscrivez-vous aujourd'hui pour trouver et entrer en contact avec les meilleurs fournisseurs de services de votre région.",
-    viewClientAccount: "Accédez et gérez les informations de votre compte client sans effort sur TodoServis.",
+    viewClientAccount: "Accédez et gérez les informations de votre profil client sans effort sur TodoServis.",
     createPost: "Créez une publication comprenant un titre, une catégorie, une description, un emplacement et des images pour proposer votre service sur TodoServis.",
-    createProviderAccount: "Créez un compte fournisseur pour commencer à publier vos services sur TodoServis",
-    viewProviderAccount: "Gérez les détails de votre compte fournisseur et consultez vos publications sur TodoServis.",
+    createProviderAccount: "Créez un profil fournisseur pour commencer à publier vos services sur TodoServis",
+    viewProviderAccount: "Gérez les détails de votre profil fournisseur et consultez vos publications sur TodoServis.",
     clientViewProviderAccount: "Découvrez-en davantage sur ce fournisseur. Explorez leur profil et les services disponibles.",
     page404: "404 Page non trouvée",
-    requestPasswordReset: "Mot de passe oublié? Demandez une réinitialisation sécurisée du mot de passe pour votre compte TodoServis. Entrez votre email et suivez les instructions pour retrouver l'accès.",
+    requestPasswordReset: "Mot de passe oublié? Demandez une réinitialisation sécurisée du mot de passe pour votre profil TodoServis. Entrez votre email et suivez les instructions pour retrouver l'accès.",
     resetPassword: "Réinitialisez votre mot de passe en toute sécurité avec TodoServis. Suivez le lien de votre e-mail pour choisir un nouveau mot de passe.",
     terms: "Consultez nos termes et conditions. Remarque : les traductions sont fournies à titre gracieux, les termes officiels contraignants sont en espagnol.",
     privacy: "Consultez notre politique de confidentialité. Veuillez noter que les traductions sont fournies à titre gracieux, la politique officielle contraignante est en espagnol.",
@@ -50,6 +50,7 @@ export const French = {
     about: "Découvrez l'histoire de TodoServis – qui nous sommes, notre mission et notre passion de contribuer à révolutionner la façon dont les particuliers et les entreprises trouvent et fournissent des services. Découvrez notre équipe et les valeurs qui nous animent. Rejoignez-nous dans notre voyage !",
     impact: "Découvrez l’impact significatif de TodoServis. Découvrez comment nous faisons la différence et apprenez-en davantage sur nos projets et nos contributions à un changement positif.",
     fullPost: "En savoir plus sur ce service et contacter le fournisseur si vous êtes intéressé. Découvrez des images supplémentaires et la description complète du service.",
+    faq: "Explorez notre page FAQ complète pour obtenir des réponses aux questions courantes sur nos services, nos politiques et bien plus encore.",
   },
 
   buttons: {
@@ -73,6 +74,7 @@ export const French = {
     phone: 'Appel',
     saveProfile: "Enregistrer le profil",
     filters: "Filtres",
+    faq: "FAQs?",
   },
 
   messages: {
@@ -90,13 +92,13 @@ export const French = {
     alreadyAccount: "Vous avez déjà un compte ? Cliquez ici pour",
     error404: "Une erreur est survenue",
     onlyProvider: 'Seuls les fournisseurs peuvent créer des publications.',
-    signInAsProvider: "Veuillez vous connecter à un compte de fournisseur avant de publier.",
+    signInAsProvider: "Veuillez vous connecter à un profil de fournisseur avant de publier.",
     checkEmail: "Vérifiez votre courrier électronique pour le lien de réinitialisation ! Si vous n'avez pas reçu l'e-mail, veuillez vérifier votre dossier spam. Les liens sont valables 24 heures.",
     checkConfirmEmail: "Si cet email n'est pas déjà enregistré, vous recevrez un lien de confirmation par email. Veuillez vérifier votre dossier spam si vous n'avez pas reçu l'e-mail. Les liens sont valables 24 heures.",
     signIn: "Veuillez vous connecter pour accéder à cette page.",
     createProviderAccount: "Veuillez vous connecter pour créer un profil de fournisseur.",
     createClientAccount: "Veuillez vous connecter pour créer un profil client.",
-    viewProviderAccount: "Vous n'avez pas de compte fournisseur, veuillez en créer un pour voir votre profil fournisseur.",
+    viewProviderAccount: "Vous n'avez pas de profil fournisseur, veuillez en créer un pour voir votre profil fournisseur.",
     noPosts: "Aucune publication disponible.",
     noPost: "Message introuvable",
     selectAnImage: 'Vous devez sélectionner une image à télécharger.',
@@ -173,8 +175,8 @@ export const French = {
     changeEmail: "Si vous mettez à jour votre adresse e-mail, vous devez confirmer le changement à l'ancienne adresse e-mail et à la nouvelle adresse e-mail pour finaliser la modification.",
     locationUpdate: "Si vous mettez à jour votre emplacement, tous les champs doivent être remplis.",
     postImages: "La première image téléchargée sera affichée dans les aperçus des publications. Pour télécharger des images supplémentaires, cliquez simplement à nouveau sur Télécharger l'image.",
-    firstNameEdit: "Cela devrait être votre nom légal tel qu'il apparaît sur votre pièce d'identité gouvernementale. Si vous ne fournissez pas de nom d’affichage, votre nom et prénom seront affichés à la place. Ces valeurs peuvent être mises à jour après la création d'un compte client ou fournisseur. Puisqu'il s'agit de votre nom légal, les mêmes nom et prénom doivent être utilisés sur vos comptes client et fournisseur.",
-    lastNameEdit: "Cela devrait être votre nom légal tel qu'il apparaît sur votre pièce d'identité gouvernementale. Si vous ne fournissez pas de nom d’affichage, votre nom et prénom seront affichés à la place. Ces valeurs peuvent être mises à jour après la création d'un compte client ou fournisseur. Puisqu'il s'agit de votre nom légal, les mêmes nom et prénom doivent être utilisés sur vos comptes client et fournisseur.",
+    firstNameEdit: "Cela devrait être votre nom légal tel qu'il apparaît sur votre pièce d'identité gouvernementale. Si vous ne fournissez pas de nom d’affichage, votre nom et prénom seront affichés à la place. Ces valeurs peuvent être mises à jour après la création d'un profil client ou fournisseur. Puisqu'il s'agit de votre nom légal, les mêmes nom et prénom doivent être utilisés sur vos profils client et fournisseur.",
+    lastNameEdit: "Cela devrait être votre nom légal tel qu'il apparaît sur votre pièce d'identité gouvernementale. Si vous ne fournissez pas de nom d’affichage, votre nom et prénom seront affichés à la place. Ces valeurs peuvent être mises à jour après la création d'un profil client ou fournisseur. Puisqu'il s'agit de votre nom légal, les mêmes nom et prénom doivent être utilisés sur vos profils client et fournisseur.",
     languages: "Veuillez sélectionner les langues dans lesquelles vous êtes capable de faire des affaires. Ceux-ci seront affichés sur votre profil pour les clients.",
   },
 
diff --git a/src/i18n/UI/Spanish.ts b/src/i18n/UI/Spanish.ts
index 46cf362c..c754ae3c 100644
--- a/src/i18n/UI/Spanish.ts
+++ b/src/i18n/UI/Spanish.ts
@@ -8,13 +8,13 @@ export const Spanish = {
     login: 'Iniciar Sesión',
     home: 'Inicio',
     signIn: 'Iniciar Sesión',
-    createClientAccount: 'Crear Cuenta de Cliente',
-    editClientAccount: 'Editar Cuenta de Cliente',
-    viewClientAccount: 'Ver Cuenta de Cliente',
+    createClientAccount: 'Crear Perfil de Cliente',
+    editClientAccount: 'Editar Perfil de Cliente',
+    viewClientAccount: 'Ver Perfil de Cliente',
     createPost: 'Crear Publicación',
-    createProviderAccount: 'Crear Cuenta de Proveedor',
-    editProviderAccount: 'Editar Cuenta de Proveedor',
-    viewProviderAccount: 'Mi Cuenta de proveedor',
+    createProviderAccount: 'Crear Perfil de Proveedor',
+    editProviderAccount: 'Editar Perfil de Proveedor',
+    viewProviderAccount: 'Mi Perfil de proveedor',
     clientViewProviderAccount: "Perfil del proveedor",
     page404: '404 - Página no Encontrada',
     requestPasswordReset: 'Solicitud para Recuperar la Contraseña',
@@ -26,6 +26,7 @@ export const Spanish = {
     impact: 'Impacto',
     fullPost: "Ver publicación completa",
     offline: 'Desconectado',
+    faq: "Preguntas frecuentes",
   },
 
   pageDescriptions: {
@@ -35,10 +36,10 @@ export const Spanish = {
     home: 'TodoServis, el hogar de todo lo que necesita para realizar el trabajo.',
     // signIn: string,
     createClientAccount: "Únete a TodoServis como cliente y desbloquea un mundo de servicios. Regístrese hoy para encontrar y conectarse con los principales proveedores de servicios en su área.",
-    viewClientAccount: "Acceda y administre la información de su cuenta de cliente sin esfuerzo en TodoServis.",
+    viewClientAccount: "Acceda y administre la información de su perfil de cliente sin esfuerzo en TodoServis.",
     createPost: 'Crea una publicación incluyendo título, categoría, descripción e imágenes para ofrecer sus servicios en TodoServis.',
-    createProviderAccount: 'Cree una cuenta de proveedor para comenzar a publicar sus servicios en TodoServis',
-    viewProviderAccount: "Administre los detalles de su cuenta de proveedor y revise sus publicaciones en TodoServis.",
+    createProviderAccount: 'Cree una perfil de proveedor para comenzar a publicar sus servicios en TodoServis',
+    viewProviderAccount: "Administre los detalles de su perfil de proveedor y revise sus publicaciones en TodoServis.",
     clientViewProviderAccount: "Descubra más sobre este proveedor. Explore su perfil y los servicios disponibles.",
     page404: '404 Pagina no encontrada',
     requestPasswordReset: "¿Olvidaste tu contraseña? Solicite un restablecimiento seguro de contraseña para su cuenta TodoServis. Introduce tu correo electrónico y sigue las instrucciones para recuperar el acceso.",
@@ -49,6 +50,7 @@ export const Spanish = {
     about: "Descubra la historia detrás de TodoServis: quiénes somos, nuestra misión y nuestra pasión por ayudar a revolucionar la forma en que las personas y las empresas encuentran y brindan servicios. Conozca nuestro equipo y los valores que nos impulsan. ¡Únase a nosotros en nuestro viaje!",
     impact: "Explore el impacto significativo de TodoServis. Descubra cómo estamos marcando la diferencia y obtenga más información sobre nuestros proyectos y nuestras contribuciones al cambio positivo.",
     fullPost: "Lea más sobre este servicio y comuníquese con el proveedor si está interesado. Explora imágenes adicionales y la descripción completa del servicio.",
+    faq: "Explore nuestra completa página de preguntas frecuentes para obtener respuestas a preguntas comunes sobre nuestros servicios, políticas y más.",
   },
 
   buttons: {
@@ -72,6 +74,7 @@ export const Spanish = {
     phone: 'Llamada',
     saveProfile: 'Guardar Perfil',
     filters: "Filtros",
+    faq: "¿FAQs?",
   },
 
   messages: {
@@ -89,13 +92,13 @@ export const Spanish = {
     alreadyAccount: '¿Ya tienes una cuenta? Haz click aquí para',
     error404: 'Algo salió mal',
     onlyProvider: 'Solo los proveedores pueden crear publicaciones.',
-    signInAsProvider: 'Inicie sesión en una cuenta de proveedor para poder publicar.',
+    signInAsProvider: 'Inicie sesión en un perfil de proveedor para poder publicar.',
     checkEmail: "¡Revise su correo electrónico para ver el enlace de reinicio! Si no recibió el correo electrónico, revise su carpeta de correo no deseado. Los enlaces son válidos por 24 horas.",
     checkConfirmEmail: 'Si este correo electrónico aún no está registrado, recibirá un enlace de confirmación por correo electrónico. Por favor revise su carpeta de spam si no recibió el correo electrónico. Los enlaces son válidos durante 24 horas.',
     signIn: "Inicie sesión para acceder a esta página",
     createProviderAccount: "Inicie sesión para crear un perfil de proveedor",
     createClientAccount: "Inicie sesión para crear un perfil de cliente",
-    viewProviderAccount: "No tiene una cuenta de proveedor, por favor cree una para ver su perfil de proveedor",
+    viewProviderAccount: "No tiene un perfil de proveedor, por favor cree una para ver su perfil de proveedor",
     noPosts: "No hay publicaciones disponibles",
     noPost: 'Publicación no encontrada',
     selectAnImage: 'Debe seleccionar una imagen para cargar.',
@@ -173,8 +176,8 @@ export const Spanish = {
     changeEmail: 'Si actualiza su correo electrónico, debe confirmar el cambio en la dirección de correo electrónico anterior y en la nueva dirección de correo electrónico para completar el cambio.',
     locationUpdate: 'Si actualiza su ubicación, se deben completar todos los campos.',
     postImages: 'La primera imagen cargada se mostrará en las vistas previas de las publicaciones. Para cargar imágenes adicionales, simplemente haga clic en Cargar imagen nuevamente.',
-    firstNameEdit: 'Este debería ser su nombre legal tal como aparece en su identificación gubernamental. Si no proporciona un nombre para mostrar, se mostrarán su nombre y apellido. Estos valores se pueden actualizar después de crear una cuenta de cliente o proveedor. Dado que este es su nombre legal, se debe utilizar el mismo nombre y apellido en sus cuentas de cliente y proveedor.',
-    lastNameEdit: 'Este debería ser su nombre legal tal como aparece en su identificación gubernamental. Si no proporciona un nombre para mostrar, se mostrarán su nombre y apellido. Estos valores se pueden actualizar después de crear una cuenta de cliente o proveedor. Dado que este es su nombre legal, se debe utilizar el mismo nombre y apellido en sus cuentas de cliente y proveedor.',
+    firstNameEdit: 'Este debería ser su nombre legal tal como aparece en su identificación gubernamental. Si no proporciona un nombre para mostrar, se mostrarán su nombre y apellido. Estos valores se pueden actualizar después de crear un perfil de cliente o proveedor. Dado que este es su nombre legal, se debe utilizar el mismo nombre y apellido en sus perfiles de cliente y proveedor.',
+    lastNameEdit: 'Este debería ser su nombre legal tal como aparece en su identificación gubernamental. Si no proporciona un nombre para mostrar, se mostrarán su nombre y apellido. Estos valores se pueden actualizar después de crear un perfil de cliente o proveedor. Dado que este es su nombre legal, se debe utilizar el mismo nombre y apellido en sus perfiles de cliente y proveedor.',
     languages: "Seleccione los idiomas en los que puede realizar negocios. Estos se mostrarán en su perfil para los clientes.",
   },
 
diff --git a/src/i18n/uiType.ts b/src/i18n/uiType.ts
index ef4a3d81..85321812 100644
--- a/src/i18n/uiType.ts
+++ b/src/i18n/uiType.ts
@@ -26,6 +26,7 @@ export interface uiObject {
     impact: string,
     fullPost: string,
     offline: string,
+    faq: string,
   },
 
   pageDescriptions: {
@@ -49,6 +50,7 @@ export interface uiObject {
     about: string,
     impact: string,
     fullPost: string,
+    faq: string,
   },
 
   buttons: {
@@ -72,6 +74,7 @@ export interface uiObject {
     phone: string,
     saveProfile: string,
     filters: string,
+    faq: string,
   },
 
   messages: {
diff --git a/src/pages/faq.astro b/src/pages/faq.astro
new file mode 100644
index 00000000..f601a19f
--- /dev/null
+++ b/src/pages/faq.astro
@@ -0,0 +1,25 @@
+---
+import Layout from "@layouts/PageLayout.astro";
+import { getLangFromUrl, useTranslations } from "@i18n/utils";
+import { getCollection } from 'astro:content';
+
+
+const lang = getLangFromUrl(Astro.url);
+const t = useTranslations(lang);
+
+const faqPage = await getCollection('faq', ({data}) => data.lang === lang);
+const { Content } = await faqPage[0].render();
+---
+
+<Layout pageTitle={t("pageTitles.faq")} pageDescription={t("pageDescriptions.faq")}>
+  <div>
+    <div class="mb-8">
+      <h1 class="font-bold text-3xl mb-2 text-ptext1 dark:text-ptext1-DM">
+        {t("pageTitles.faq")}
+      </h1>
+    </div>
+    <div class="prose dark:prose-invert">
+      <Content />
+    </div>
+  </div>
+</Layout>
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 2f390be9..e67addc9 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -70,6 +70,21 @@ module.exports = {
 				'shadow-LM': '#9E9E9E',
 				'shadow-DM': '#616161',
 			},
+			typography: {
+				DEFAULT: {
+					css: {
+						blockquote: {
+							fontStyle: 'normal',
+						},
+						'blockquote p:first-of-type::before': {
+							content: 'none',
+						},
+						'blockquote p:last-of-type::after': {
+							content: 'none',
+						},
+					}
+				}
+			}
 		},
 	},
 	plugins: [

From dfe2b5c7d2d718fcc0b5287cbdd885fd66a6c532 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Mon, 5 Feb 2024 16:36:09 -0500
Subject: [PATCH 28/28] slight tweaks/bug fixes from testing

---
 src/components/common/ProfileBtn.tsx   |  8 +++++---
 src/components/posts/CreateNewPost.tsx | 27 +++++++++++++++-----------
 src/i18n/UI/English.ts                 |  2 +-
 src/i18n/UI/French.ts                  |  8 ++++----
 src/i18n/UI/Spanish.ts                 |  4 ++--
 src/pages/about.astro                  |  2 +-
 src/pages/acceptableuse.astro          |  2 +-
 src/pages/faq.astro                    |  2 +-
 src/pages/impact.astro                 |  2 +-
 src/pages/privacy.astro                |  2 +-
 src/pages/terms.astro                  |  2 +-
 11 files changed, 34 insertions(+), 27 deletions(-)

diff --git a/src/components/common/ProfileBtn.tsx b/src/components/common/ProfileBtn.tsx
index b2d6e32e..40dcebaf 100644
--- a/src/components/common/ProfileBtn.tsx
+++ b/src/components/common/ProfileBtn.tsx
@@ -64,13 +64,15 @@ export const ProfileBtn = () => {
       </button>
       <ul id="profileItems" class="hidden fixed z-50 right-2 bg-background1 dark:bg-background1-DM m-2 p-2 rounded-lg justify-start shadow-md shadow-shadow-LM dark:shadow-shadow-DM">
         {renderWhenUser()}
+        <div class="mt-2 border-b-2 border-border1 dark:border-border1-DM pb-2">
+          <a href={`/${lang}/faq`}>{t('buttons.faq')}</a>
+        </div>
+        
         <div class="mt-2">
         <div>
           <a href={`/${lang}`}>{t('pageTitles.home')}</a>
         </div>
-        <div>
-          <a href={`/${lang}/faq`}>{t('buttons.faq')}</a>
-        </div>
+        
         <div>
         <a href={`mailto:support@todoservis.com`}>{t('menus.contactUs')}</a>
         </div>
diff --git a/src/components/posts/CreateNewPost.tsx b/src/components/posts/CreateNewPost.tsx
index 76b90a86..ccbeb8eb 100644
--- a/src/components/posts/CreateNewPost.tsx
+++ b/src/components/posts/CreateNewPost.tsx
@@ -336,11 +336,24 @@ export const CreateNewPost: Component = () => {
         </label>
 
         <div class="mb-4 flex justify-center">
+        <div class="flex items-end justify-end">
+              <div class="group flex items-center relative mr-2 w-4">
+                
+              </div>
+            </div>
           <div class="">
-            <div class="flex flex-row justify-end">
-              <div class="group flex items-center relative mr-2">
+            <PostImage
+              url={imageUrl()[imageUrl().length - 1]}
+              size={150}
+              onUpload={(e: Event, url: string) => {
+                setImageUrl([...imageUrl(), url]);
+              }}
+            />
+          </div>
+          <div class="flex items-end justify-end">
+              <div class="group flex items-center relative ml-2">
                 <svg
-                  class="peer w-4 h-4 border-2 bg-icon1 dark:bg-background1-DM fill-iconbg1 dark:fill-iconbg1-DM  border-border1 dark:border-none rounded-full mb-2"
+                  class="peer w-4 h-4 border-2 bg-icon1 dark:bg-background1-DM fill-iconbg1 dark:fill-iconbg1-DM  border-border1 dark:border-none rounded-full"
                   version="1.1"
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 512 512"
@@ -368,14 +381,6 @@ export const CreateNewPost: Component = () => {
                 </span>
               </div>
             </div>
-            <PostImage
-              url={imageUrl()[imageUrl().length - 1]}
-              size={150}
-              onUpload={(e: Event, url: string) => {
-                setImageUrl([...imageUrl(), url]);
-              }}
-            />
-          </div>
         </div>
 
         <br />
diff --git a/src/i18n/UI/English.ts b/src/i18n/UI/English.ts
index 31f9f9dc..3b0667a2 100644
--- a/src/i18n/UI/English.ts
+++ b/src/i18n/UI/English.ts
@@ -74,7 +74,7 @@ export const English = {
     phone: 'Call',
     saveProfile: 'Save Profile',
     filters: "Filters",
-    faq: "FAQs?",
+    faq: "Help Center",
   },
 
   messages: {
diff --git a/src/i18n/UI/French.ts b/src/i18n/UI/French.ts
index 4d70ccfa..a88649fe 100644
--- a/src/i18n/UI/French.ts
+++ b/src/i18n/UI/French.ts
@@ -33,7 +33,7 @@ export const French = {
     services: "Trouvez les services dont vous avez besoin pour accomplir votre travail. Recherchez des mots-clés, filtrez par catégorie et filtrez par emplacement pour trouver ce dont vous avez besoin. Affichez les aperçus des articles et cliquez sur un article pour en savoir plus.",
     signUp: "Fournissez votre e-mail et créez un mot de passe pour vous inscrire pour rechercher des services ou publier des services sur TodoServis.",
     login: "Entrez votre email et votre mot de passe pour vous connecter à TodoServis.",
-    home: "TodoServis, où vous trouverez tout ce dont vous avez besoin pour accomplir votre travail. ",
+    home: "TodoServis, où vous trouverez tout ce dont vous avez besoin pour accomplir votre travail.",
     // signIn: string,
     createClientAccount: "Rejoignez TodoServis en tant que client et débloquez un monde de services. Inscrivez-vous aujourd'hui pour trouver et entrer en contact avec les meilleurs fournisseurs de services de votre région.",
     viewClientAccount: "Accédez et gérez les informations de votre profil client sans effort sur TodoServis.",
@@ -74,7 +74,7 @@ export const French = {
     phone: 'Appel',
     saveProfile: "Enregistrer le profil",
     filters: "Filtres",
-    faq: "FAQs?",
+    faq: "Centre d'Aide",
   },
 
   messages: {
@@ -108,7 +108,7 @@ export const French = {
     clickWrap1: 'En cliquant sur',
     clickWrap2: 'vous indiquez que vous avez lu et accepté les',
     fetch: 'Récupérer des services',
-    todoFetch: "Todo, le chien d'assistance, ira vous chercher les services dont vous avez besoin !",
+    todoFetch: "Todo, le chien d'assistance, ira vous chercher les services dont vous avez besoin!",
     mustSignIn: 'Vous devez être connecté pour voir les services disponibles.',
     profileEdits: "Les modifications du profil ne seront enregistrées qu'après avoir cliqué sur le bouton Enregistrer le profil !",
     noPostsSearch: "Aucun article ne correspond à cette recherche spécifique - veuillez essayer un autre filtre ou un autre mot clé",
@@ -329,7 +329,7 @@ productCategoryInfo:{
       { name: "Voyage", description: "Services de voyage", ariaLabel: "Voyage", id: "13" },
       { name: 'Éducation', description: 'Enseignement, Tutorat, Formation et Autres Services Éducatifs', ariaLabel: "Éducation", id: "14" },
       { name: 'Nourriture & Boisson', description: 'Les Services Alimentaires', ariaLabel: "Alimentaires", id: "15" },
-      { name: 'Bureau & domicile', description: 'Services pour la maison et le bureau : nettoyage, jardinage, lutte antiparasitaire, etc.', ariaLabel: "Bureau & domicile", id: "16" },
+      { name: 'Bureau & domicile', description: 'Services pour la maison et le bureau : nettoyage, jardinage, lutte antiparasitaire, etc.', ariaLabel: "Bureau & Domicile", id: "16" },
       // Add more products as needed
     ]
   },
diff --git a/src/i18n/UI/Spanish.ts b/src/i18n/UI/Spanish.ts
index c754ae3c..3e68b327 100644
--- a/src/i18n/UI/Spanish.ts
+++ b/src/i18n/UI/Spanish.ts
@@ -74,7 +74,7 @@ export const Spanish = {
     phone: 'Llamada',
     saveProfile: 'Guardar Perfil',
     filters: "Filtros",
-    faq: "¿FAQs?",
+    faq: "Centro de Ayuda",
   },
 
   messages: {
@@ -327,7 +327,7 @@ export const Spanish = {
       { name: 'Viajes', description: 'Servicios de Viaje', ariaLabel: "Viajes", id: "13" },
       { name: 'Educación', description: 'Enseñanza, Tutoría, Capacitación y Otros Servicios Educativos', ariaLabel: "Educación", id: "14" },
       { name: 'Comida & Bebida', description: 'Servicios de Comida', ariaLabel: "Comida & Bebida", id: "15" },
-      { name: 'Oficina & casa', description: 'Servicios para el hogar y la oficina: limpieza, jardinería, control de plagas y más', ariaLabel: "Oficina & casa", id: "16" },
+      { name: 'Oficina & casa', description: 'Servicios para el hogar y la oficina: limpieza, jardinería, control de plagas y más', ariaLabel: "Oficina & Casa", id: "16" },
       // Add more products as needed
     ],
   },
diff --git a/src/pages/about.astro b/src/pages/about.astro
index ce2c7467..34bc1ef5 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -17,7 +17,7 @@ const classes = () => {
 ---
 
 <Layout pageTitle={t("pageTitles.about")} pageDescription={t("pageDescriptions.about")}>
-  <div>
+  <div class="mx-6">
     <div class="mb-8">
       <h1 class="font-bold text-3xl mb-2 text-ptext1 dark:text-ptext1-DM">
         {t("pageTitles.about")}
diff --git a/src/pages/acceptableuse.astro b/src/pages/acceptableuse.astro
index 7a954a4b..60bfa9e0 100644
--- a/src/pages/acceptableuse.astro
+++ b/src/pages/acceptableuse.astro
@@ -26,7 +26,7 @@ const classes = () => {
 ---
 
 <Layout pageTitle={t("pageTitles.acceptableUse")} pageDescription={t("pageDescriptions.acceptableUse")}>
-  <div>
+  <div class="mx-6">
     <div class="mb-8">
       <h1 class="font-bold text-3xl mb-2 text-ptext1 dark:text-ptext1-DM">{t("pageTitles.acceptableUse")}</h1>
       <p><a class=`${classes()}` href={translateLink()}>{t("messages.translation")}</a>{t("messages.translations")}</p>
diff --git a/src/pages/faq.astro b/src/pages/faq.astro
index f601a19f..8129e4bc 100644
--- a/src/pages/faq.astro
+++ b/src/pages/faq.astro
@@ -12,7 +12,7 @@ const { Content } = await faqPage[0].render();
 ---
 
 <Layout pageTitle={t("pageTitles.faq")} pageDescription={t("pageDescriptions.faq")}>
-  <div>
+  <div class="mx-6">
     <div class="mb-8">
       <h1 class="font-bold text-3xl mb-2 text-ptext1 dark:text-ptext1-DM">
         {t("pageTitles.faq")}
diff --git a/src/pages/impact.astro b/src/pages/impact.astro
index fae86a31..e62813dd 100644
--- a/src/pages/impact.astro
+++ b/src/pages/impact.astro
@@ -17,7 +17,7 @@ const classes = () => {
 ---
 
 <Layout pageTitle={t("pageTitles.impact")} pageDescription={t("pageDescriptions.impact")}>
-  <div>
+  <div class="mx-6">
     <div class="prose dark:prose-invert">
       <Content />
     </div>
diff --git a/src/pages/privacy.astro b/src/pages/privacy.astro
index 6d3287a0..175f6403 100644
--- a/src/pages/privacy.astro
+++ b/src/pages/privacy.astro
@@ -26,7 +26,7 @@ const classes = () => {
 ---
 
 <Layout pageTitle={t("pageTitles.privacy")} pageDescription={t("pageDescriptions.privacy")}>
-  <div>
+  <div class="mx-6">
     <div class="mb-8">
       <h1 class="font-bold text-3xl mb-2 text-ptext1 dark:text-ptext1-DM">{t("pageTitles.privacy")}</h1>
       <p><a class=`${classes()}` href={translateLink()}>{t("messages.translation")}</a>{t("messages.translations")}</p>
diff --git a/src/pages/terms.astro b/src/pages/terms.astro
index fe0c8c74..6e80bbc6 100644
--- a/src/pages/terms.astro
+++ b/src/pages/terms.astro
@@ -26,7 +26,7 @@ const classes = () => {
 ---
 
 <Layout pageTitle={t("pageTitles.terms")} pageDescription={t("pageDescriptions.terms")}>
-  <div>
+  <div class="mx-6">
     <div class="mb-8">
       <h1 class="font-bold text-3xl mb-2 text-ptext1 dark:text-ptext1-DM">{t("pageTitles.terms")}</h1>
       <p><a class=`${classes()}` href={translateLink()}>{t("messages.translation")}</a>{t("messages.translations")}</p>