Main

app/layout.tsx

@@ -12,8 +12,8 @@ const ibmPlexSerif = IBM_Plex_Serif({
 })
 
 export const metadata: Metadata = {
-  title: "Horizon",
-  description: "Horizon is a modern banking platform for everyone.",
+  title: "Akani bank",
+  description: "Akani Bank - Batho Pele Conscientious Bank",
   icons: {
     icon: '/icons/logo.svg'
   }

components/AuthForm.tsx

@@ -90,9 +90,9 @@ const AuthForm = ({ type }: { type: string }) => {
               src="/icons/logo.svg"
               width={34}
               height={34}
-              alt="Horizon logo"
+              alt="Akani Bank logo"
             />
-            <h1 className="text-26 font-ibm-plex-serif font-bold text-black-1">Horizon</h1>
+            <h1 className="text-26 font-ibm-plex-serif font-bold text-black-1">Akani Bank</h1>
           </Link>
 
           <div className="flex flex-col gap-1 md:gap-3">

components/MobileNav.tsx

@@ -37,9 +37,9 @@ const MobileNav = ({ user }: MobileNavProps) => {
               src="/icons/logo.svg"
               width={34}
               height={34}
-              alt="Horizon logo"
+              alt="Akani Bank logo"
             />
-            <h1 className="text-26 font-ibm-plex-serif font-bold text-black-1">Horizon</h1>
+            <h1 className="text-26 font-ibm-plex-serif font-bold text-black-1">Akani Bank</h1>
           </Link>
           <div className="mobilenav-sheet">
             <SheetClose asChild>

components/Sidebar.tsx

@@ -19,10 +19,10 @@ const Sidebar = ({ user }: SiderbarProps) => {
             src="/icons/logo.svg"
             width={34}
             height={34}
-            alt="Horizon logo"
+            alt="Akani Bank logo"
             className="size-[24px] max-xl:size-14"
           />
-          <h1 className="sidebar-logo">Horizon</h1>
+          <h1 className="sidebar-logo">Akani Bank</h1>
         </Link>
 
         {sidebarLinks.map((item) => {