Merge pull request #155 from gerzarko/reDoTrasnalationForSEO

Re do trasnalation for seo

src/components/common/AuthMode.tsx

@@ -41,7 +41,7 @@ export const AuthMode: Component = () => {
                             type="submit"
                             formaction={`/${lang}/login`}
                         >
-                            {t("pageTitles.signIn")}
+                            {t("buttons.signInTitle")}
                         </button>
                     </form>
                 </div>

src/components/common/MobileProfileBtn.tsx

@@ -115,7 +115,7 @@ export const MobileProfileBtn = () => {
                 </div>
                 <div class="mt-2">
                     <div>
-                        <a href={`/${lang}`}>{t("pageTitles.home")}</a>
+                        <a href={`/${lang}`}>{t("buttons.home")}</a>
                     </div>
                     <div>
                         <a href={`mailto:MAIL@.com`}>{t("menus.contactUs")}</a>

src/components/common/ProfileBtn.tsx

@@ -115,7 +115,7 @@ export const ProfileBtn = () => {
                 </div>
                 <div class="mt-2">
                     <div>
-                        <a href={`/${lang}`}>{t("pageTitles.home")}</a>
+                        <a href={`/${lang}`}>{t("buttons.home")}</a>
                     </div>
                     <div>
                         <a href={`mailto:MAIL@.com`}>{t("menus.contactUs")}</a>

src/components/common/SignUpButton.tsx

@@ -16,7 +16,7 @@ export const SignUpBtn: Component = () => {
     return (
         <div>
             <button class="btn-primary ml-2" type="submit" onclick={signup}>
-                {t("pageTitles.signUp")}
+                {t("buttons.signUp")}
             </button>
         </div>
     );

src/components/common/cart/CartAuthMode.tsx

@@ -60,7 +60,7 @@ export const CartAuthMode: Component<Props> = (props) => {
                             type="submit"
                             formaction={`/${lang}/login`}
                         >
-                            {t("pageTitles.signIn")}
+                            {t("buttons.signIn")}
                         </button>
                     </form>
                 </div>

src/components/home/Home.tsx

@@ -120,9 +120,9 @@ export const Home: Component<Props> = (props) => {
                         </Show>
 
                         <div class="ml-1">
-                            <h1 class="text-ptext1 dark:text-ptext1 md:text-2xl">
+                            <h2 class="text-ptext1 dark:text-ptext1 md:text-2xl">
                                 {t("homePageText.becomeCreator")}
-                            </h1>
+                            </h2>
                             <p class="text-center text-sm italic text-ptext2 dark:text-ptext1 md:text-lg">
                                 {t("homePageText.clickToBecomeCreator")}
                             </p>
@@ -141,7 +141,7 @@ export const Home: Component<Props> = (props) => {
 
                 <div id="popular-resources" class="my-1 w-full md:mb-8">
                     <div class="py-1 text-center text-lg md:my-4 md:text-2xl">
-                        {t("pageTitles.popularResources")}
+                        {t("homePagetext.popularResources")}
                     </div>
                     <div class="md:max-w-auto flex h-[515px] max-w-full justify-start overflow-x-auto md:h-auto md:overflow-x-auto">
                         <HomeCard posts={popularPosts()} lang={lang()} />
@@ -150,7 +150,7 @@ export const Home: Component<Props> = (props) => {
 
                 <div id="home-subject-filter" class="md:mb-8">
                     <div class="py-1 text-center text-lg md:my-4 md:text-2xl">
-                        {t("pageTitles.shopBySubject")}
+                        {t("homePageText.shopBySubject")}
                     </div>
                     {props.subjectCarousel}
                 </div>
@@ -171,7 +171,7 @@ export const Home: Component<Props> = (props) => {
 
                 <div id="new-resources" class="md:mb-8">
                     <div class="py-1 text-center text-lg md:my-4 md:text-2xl">
-                        {t("pageTitles.newResources")}
+                        {t("homePageText.newResources")}
                     </div>
                     <div class="md:max-w-auto flex h-[515px] max-w-full justify-start overflow-x-auto md:h-auto md:overflow-x-auto">
                         <HomeCard posts={newPosts()} lang={lang()} />
@@ -180,7 +180,7 @@ export const Home: Component<Props> = (props) => {
 
                 <div id="home-grade-filter" class="md:mb-8">
                     <div class="py-1 text-center text-lg md:my-4 md:text-2xl">
-                        {t("pageTitles.shopByGrade")}
+                        {t("homePageText.shopByGrade")}
                     </div>
                     <HomeGradeCarousel lang={lang()} />
                 </div>

src/components/members/CreatorRegistrationRouting.tsx

@@ -30,7 +30,7 @@ export const CreatorRegistrationRouting = () => {
 
             setIsUserCreator(true);
             if (data![0]) {
-                setCreateText(t("pageTitles.viewCreatorAccount"));
+                setCreateText(t("buttons.viewCreatorAccount"));
                 setCreatorRouting(`/${lang}/creator/profile`);
             }
         } catch (error) {

src/components/posts/CreatePostsRouting.tsx

@@ -37,7 +37,7 @@ export const CreatePostsRouting = () => {
     return (
         <Show when={isUserCreator()}>
             <a href={`/${lang}/posts/createpost`} class=" " id="createPostLink">
-                {t("pageTitles.createPost")}
+                {t("buttons.createPost")}
             </a>
         </Show>
     );

src/components/services/ResourcesMain.tsx

@@ -372,12 +372,30 @@ export const ResourcesView: Component = () => {
                     clearPriceFilter={clearPriceFilter}
                 />
 
-                <Show when={screenSize() === "sm"}>
-                    <div class="mb-2 w-full rounded-lg bg-btn1 py-2 dark:bg-btn1-DM">
-                        <h1 class="text-lg text-btn1Text dark:text-ptext1">
-                            {t("pageTitles.services")}
-                        </h1>
-                    </div>
+
+            <Show when={screenSize() === "sm"}>
+                <div class="mb-2 rounded-lg bg-btn1 py-2 dark:bg-btn1-DM">
+                    <h1 class="text-lg text-btn1Text dark:text-ptext1">
+                        {t("hElementText.services")}
+                    </h1>
+                </div>
+            </Show>
+
+            <div class="flex w-full flex-col items-center md:h-full md:w-auto md:flex-row md:items-start">
+                <Show when={screenSize() !== "sm"}>
+                    <FiltersMobile
+                        clearSubjects={clearSubjects}
+                        clearGrade={clearGrade}
+                        clearAllFilters={clearAllFilters}
+                        clearFilters={clearFilters()}
+                        filterPostsByGrade={filterPostsByGrade}
+                        filterPostsBySubject={setCategoryFilter}
+                        secularFilter={filterPostsBySecular}
+                        clearSecular={clearSecular}
+                        clearResourceTypes={clearResourceTypes}
+                        filterPostsByResourceTypes={filterPostsByResourceTypes}
+                    />
+
                 </Show>
 
                 <div class="w-11/12 items-center md:w-8/12 md:flex-1">
@@ -392,7 +410,7 @@ export const ResourcesView: Component = () => {
                     <Show when={screenSize() !== "sm"}>
                         <div class="mb-2 flex w-full items-center justify-center rounded-lg bg-btn1 opacity-80 dark:bg-btn1-DM md:h-24">
                             <h1 class="text-center text-lg text-ptext1-DM dark:text-ptext1 md:text-3xl">
-                                {t("pageTitles.services")}
+                                {t("hElementText.services")}
                             </h1>
                         </div>
                     </Show>

src/i18n/UI/English.ts

@@ -2,44 +2,54 @@ export const English = {
   textDirection: "ltr",
   siteDescription: "Your community for quality learning resources.",
 
-  pageTitles: {
+
+  h1ElementText: {
     services: "Resource Catalog",
     signUp: "Sign Up",
-    login: "Login",
-    home: "Home",
-    signIn: "Sign In",
-    createUserAccount: "Create User Profile",
-    editUserAccount: "Edit User Profile",
-    viewUserAccount: "My User Profile",
-    createPost: "List Resource",
-    createCreatorAccount: "Create Creator Profile",
-    editCreatorAccount: "Edit Creator Profile",
-    viewCreatorAccount: "My Creator Profile",
-    userViewCreatorAccount: "Creator Profile",
-    page404: "404 - Page Not Found",
-    requestPasswordReset: "Request Password Reset",
+    faq: "Frequently Asked Questions",
+    marketplacetax: "Marketplace Sales Tax Collection",
     resetPassword: "Set New Password",
+    community: "Community Guidelines",
+    copyright: "Copyright and Trademark Policy",
     terms: "Terms and Conditions",
+    login: "Login",
     privacy: "Privacy Policy",
-    acceptableUse: "Acceptable Use Policy",
-    about: "About Us",
-    impact: "Impact",
-    fullPost: "View Full Post",
     offline: "Offline",
-    faq: "Frequently Asked Questions",
-    viewCart: "My Cart",
-    popularResources: "Popular Resources",
-    shopBySubject: "Shop by Subject",
-    newResources: "New Resources",
-    shopByGrade: "Shop by Grade",
-    community: "Community Guidelines",
-    sellerFeePayout: "Seller Fees and Payout Rates",
-    copyright: "Copyright and Trademark Policy",
-    marketplacetax: "Marketplace Sales Tax Collection",
+    createCreatorAccount: "Create Creator Profile",
+    requestPasswordReset: "Request Password Reset",
+    page404: "404 - Page Not Found",
+    createPost: "List Resource in LearnGrove",
   },
 
-  pageMetaTitle: {
-    home: "Homepage Learngrove, the site that you can find all your learning and teaching resources"
+  pageMetaTitles: {
+    services: "Resource Catalog of LearnGrove",
+    signUp: "Sign Up into your LearnGrove Account",
+    login: "Login into your LearnGrove Account",
+    home: "Home Learngrove a website where you can find your learning and teaching resources",
+    signIn: "Sign In into your LearnGrove Account",
+    createUserAccount: "Create User Profile in LearnGrove",
+    editUserAccount: "Edit your User Profile in LearnGrove ",
+    viewUserAccount: "My User Profile in LearnGrove",
+    createPost: "List Resource in LearnGrove",
+    createCreatorAccount: "Create Creator Profile in LearnGrove ",
+    editCreatorAccount: "Edit Creator Profile of your LearnGrove Account",
+    viewCreatorAccount: "My Creator Profile Account in LearnGrove",
+    userViewCreatorAccount: "Creator Profile in LearnGrove",
+    page404: "404 - Page Not Found",
+    requestPasswordReset: "Request Password Reset for your LearnGrove Account",
+    resetPassword: "Set New Password for your LearnGrove Account",
+    terms: "Terms and Conditions of LearnGrove",
+    privacy: "Privacy Policy of LearnGrove",
+    acceptableUse: "Acceptable Use Policy of Resources in LearnGrove",
+    about: "About Us, the LearnGrove Team",
+    impact: "Impact",
+    fullPost: "View Full Post",
+    offline: "Offline",
+    faq: "Frequently Asked Questions in LearnGrove",
+    community: "Community Guidelines of LearnGrove",
+    sellerFeePayout: "Seller Fees and Payout Rates of LearnGrove",
+    copyright: "Copyright and Trademark Policy of LearnGrove",
+    marketplacetax: "Marketplace Sales Tax Collection for your Resources in LearnGrove",
   },
 
   pageDescriptions: {
@@ -137,6 +147,11 @@ export const English = {
     editPost: "Edit",
     getLinks: "Get Links",
     checkoutAsGuest: "Checkout As Guest",
+    home: "Home",
+    signInTitle: "Sign in",
+    privacy: "Privacy Policy",
+    terms: "Terms and Conditions",
+    createPost: "List Resource",
     reviewResource: "Review",
     createFavoriteList: "Create New Favorite List",
     createList: "Create List",
@@ -320,6 +335,10 @@ export const English = {
       "Click here to learn more about our community and commitment",
     contribute: "Contribute to the LearnGrove Community",
     clickToContribute: "Click here to share your input",
+    shopBySubject: "Shop by Subject",
+    popularResources: "Popular Resources",
+    newResources: "New Resources",
+    shopByGrade: "Shop by Grade",
   },
 
   menus: {