diff --git a/components/contact.tsx b/components/contact.tsx
index 42f189d..819407f 100644
--- a/components/contact.tsx
+++ b/components/contact.tsx
@@ -36,6 +36,13 @@ export default function ContactUs() {
             Email
           </Link>
         </div>
+        <div className="flex items-center justify-center pt-6">
+          <div className="bg-black dark:bg-white dark:text-black rounded-xl p-5 mx-auto" data-aos="zoom-y-out" data-aos-delay="150">
+            <p className="text-white dark:text-black text-center font-extrabold" data-aos="zoom-y-out" data-aos-delay="150">
+              OpenVoiceOS is looking for translators to help us check <Link href="/translation" className="underline">translation section</Link>.
+            </p>
+          </div>
+        </div>
       </div>
     </section>
   )
diff --git a/components/hero.tsx b/components/hero.tsx
index 1e72692..0d0fa47 100644
--- a/components/hero.tsx
+++ b/components/hero.tsx
@@ -14,7 +14,7 @@ export default function Hero() {
                 <div>
                   <h1 className="text-5xl font-extrabold leading-tighter tracking-tighter mb-4 dark:text-gray-200" data-aos="zoom-y-out">Open Voice OS</h1>
                   <p className="text-xl text-gray-600 dark:text-gray-100 mb-8" data-aos="zoom-y-out" data-aos-delay="150">OpenVoiceOS is a community-driven, open-source voice AI platform for creating custom voice-controlled ​interfaces across devices with NLP, a customizable UI, and a focus on privacy and security.</p>
-                  <Link className="btn text-white bg-black dark:bg-white dark:text-black rounded-3xl mx-auto" data-aos="zoom-y-out" data-aos-delay="300" href="/about">About Open Voice OS</Link>
+                  <Link className="btn font-bold text-white bg-black dark:bg-white dark:text-black rounded-3xl mx-auto" data-aos="zoom-y-out" data-aos-delay="300" href="/about">About Us</Link>
                 </div>
                 <div className='flex justify-center items-center' data-aos="zoom-y-out" data-aos-delay="150">
                   <Image src={Logo} alt='Logo' width={350} height={350} />
diff --git a/components/timeline.tsx b/components/timeline.tsx
index c72abe9..04de920 100644
--- a/components/timeline.tsx
+++ b/components/timeline.tsx
@@ -110,7 +110,7 @@ export default function Timeline() {
                             <h3 className="text-3xl font-extrabold dark:text-white">History</h3>
                         </div>
                     </div>
-                    <div className="relative col-span-12 px-4 space-y-6 sm:col-span-9">
+                    <div className="relative col-span-12 px-4 space-y-6 sm:col-span-9 dark:text-white">
                         <div className="col-span-12 space-y-12 relative px-4 sm:col-span-8 sm:space-y-8 sm:before:absolute sm:before:top-2 sm:before:bottom-0 sm:before:w-0.5 sm:before:-left-3 before:bg-black dark:before:bg-white">
                             {events.map((event, index) => (
                                 <TimelineEvent
diff --git a/components/ui/header.tsx b/components/ui/header.tsx
index 4a2d3cc..abb8d78 100644
--- a/components/ui/header.tsx
+++ b/components/ui/header.tsx
@@ -31,11 +31,6 @@ export default function Header() {
           </div>
           <nav className="hidden md:flex md:grow">
             <ul className="flex grow justify-end flex-wrap items-center">
-            <li>
-                <Link href="/translation">
-                  <p className={`font-medium ${pathname === '/translation' ? 'font-extrabold text-black dark:text-white' : 'text-gray-600'} hover:text-gray-900 dark:hover:text-white px-5 py-3 flex items-center transition duration-150 ease-in-out`}>Translation</p>
-                </Link>
-              </li>
               <li>
                 <Link href="/downloads">
                 <p className={`font-medium ${pathname === '/downloads' ? 'font-extrabold text-black dark:text-white' : 'text-gray-600'} hover:text-gray-900 dark:hover:text-white px-5 py-3 flex items-center transition duration-150 ease-in-out`}>Downloads</p>