Change the spelling of Annoucement to Announcement (#3644)

www/components/Nav/Announcement.tsx

@@ -1,19 +1,19 @@
 import React from 'react'
 
-import annoucement from '~/data/Annoucement.json'
+import announcement from '~/data/Announcement.json'
 
-const Annoucement = () => {
-  if (!annoucement.show) return null
+const Announcement = () => {
+  if (!announcement.show) return null
   return (
-    <a href={annoucement.link} target="_blank">
+    <a href={announcement.link} target="_blank">
       {/* <div className="bg-dark-700 text-white hover:bg-dark-600 dark:bg-white dark:text-dark-600 dark:hover:bg-dark-200 transition-colors"> */}
       <div className="bg-[#5865F2] text-white">
         <div className="flex items-center justify-center p-2 mx-auto space-x-2 text-sm lg:container lg:px-16 xl:px-20">
-          {annoucement.text}
+          {announcement.text}
         </div>
       </div>
     </a>
   )
 }
 
-export default Annoucement
+export default Announcement

www/components/Nav/index.tsx

@@ -10,7 +10,7 @@ import SolutionsData from 'data/Solutions.json'
 
 import Solutions from '~/components/Nav/Product'
 import Developers from '~/components/Nav/Developers'
-import Annoucement from '~/components/Nav/Annoucement'
+import Announcement from '~/components/Nav/Announcement'
 
 type Props = {
   darkMode: boolean
@@ -185,7 +185,7 @@ const Nav = (props: Props) => {
 
   return (
     <>
-      <Annoucement />
+      <Announcement />
       <div className="sticky top-0 z-50">
         <nav className="bg-white dark:bg-gray-800 border-b dark:border-gray-600">
           {/* <div className="lg:container mx-auto relative flex justify-between h-16 lg:px-10 xl:px-0"> */}