Merge pull request #106 from 202306-NEA-DZ-FEW/105-change-title

105 change title
202306-NEA-DZ-FEW · Nov 21, 2023 · e221205 · e221205
2 parents 3b3175e + 5fc771d
commit e221205
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 14 deletions.
diff --git a/public/locales/ar/common.json b/public/locales/ar/common.json
@@ -246,5 +246,6 @@
         "intro": "الهام التغيير الإيجابي وإحداث تأثير ذو مغزى من خلال الأفعال الطيبة والعطاء. انضم إلينا في تحقيق الفارق",
         "start": "شارك ",
         "donate": "تبرع"
-    }
+    },
+    "webtitle": "ايد بـــايد"
 }
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
@@ -270,5 +270,6 @@
         "intro": "Inspire positive change and create meaningful impact through acts of kindness and giving. Join us in making a difference.",
         "start": "Get Started",
         "donate": "Donate"
-    }
+    },
+    "webtitle": "Aide be Aide"
 }
diff --git a/src/components/homepage/HowitWorks.jsx b/src/components/homepage/HowitWorks.jsx
@@ -5,8 +5,6 @@ import { AiOutlineRight } from "react-icons/ai";
 
 import { useUser } from "@/context/UserContext";
 
-import SocialShare from "../reusableComponents/SocialShare";
-
 const HowitWorks = () => {
     const { t } = useTranslation();
     const { user } = useUser();
@@ -55,7 +53,7 @@ const HowitWorks = () => {
 
     return (
         <>
-            <div className='how-inAll bg-bgc-silver '>
+            <div className='how-inAll1 bg-bgc-silver '>
                 <div className='md:w-2/5 text-center bg-bgc-silver md:text-left pl-10'>
                     <div className='home-text sm:w-[70%] h-[60%] sm:h-[50%] flex flex-col justify-center mx-auto items-center'>
                         <Image
@@ -74,11 +72,6 @@ const HowitWorks = () => {
                     </p>
                 </div>
             </div>
-            <SocialShare
-                path=''
-                title='Pebbler'
-                quote='Join Us in Creating Impactful Change'
-            />
             <div className='w-full h-full flex flex-col gap-y-4 py-10 lg:px-14'>
                 <h2 className='text-txtc-DarkCharcoal font-Montserrat text-3xl text-center font-semibold mb-10'>
                     {t("HowitWorks.title")}

diff --git a/src/components/navbar/Navbar.jsx b/src/components/navbar/Navbar.jsx
@@ -15,6 +15,7 @@ import {
 import { auth } from "@/lib/firebase/controller";
 
 import { useUser } from "@/context/UserContext";
+import Image from "next/image";
 
 function Navbar() {
     const [hasScrolled, setHasScrolled] = useState(false);
@@ -86,14 +87,14 @@ function Navbar() {
                         onClick={closeMenu}
                         className='flex items-center '
                     >
-                        <image
+                        <Image
                             src='/images/navLogo.png'
                             alt='Logo'
                             height={40}
                             width={40}
                             className='mr-2'
                         />
-                        <span className='nav-logo'>Pebble</span>
+                        <span className='nav-logo'>{t("webtitle")}</span>
                     </Link>
 
                     {/*SM view*/}
@@ -352,7 +353,6 @@ function Navbar() {
                                             </div>
                                         )}
                                     </div>
-                                    donate
                                     <div className='relative'>
                                         <div
                                             className='w-full p-2 flex items-center justify-center hover:bg-amber-400 hover:text-white border-t'

diff --git a/src/components/reusableComponents/UserProfileEventCard.jsx b/src/components/reusableComponents/UserProfileEventCard.jsx
@@ -45,7 +45,7 @@ function UserProfileEventCard({ id }) {
                                     alt={eventData.title}
                                     className='h-56 w-full object-cover'
                                 />
-                                <h1 className='absolute bottom-0 w-full py-2 text-xl text-center bg-amber-400 bg-opacity-50'>
+                                <h1 className='absolute bottom-0 w-full py-2 text-xl font-Montserrat text-center text-white bg-black bg-opacity-50'>
                                     {eventData.title}
                                 </h1>
                             </div>

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -466,3 +466,14 @@ hero-All {
         display: none;
     }
 }
+
+.how-inAll1 {
+    width: 100vw;
+    height: 50vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-around;
+    position: relative;
+    background-color: #eeeeee;
+}