[AMB-133][AMB-134] chore: update to use mibanco name and beta

README.md

@@ -1,8 +1,8 @@
-# Mi Banco
+# MiBanco
 
 **Banking for the Unbanked.**
 
-This is the frontend of the Banco tech stack which can be self-hosted.
+This is the frontend of the MiBanco tech stack which can be self-hosted.
 
 ## Running locally for development
 

src/app/(app)/setup/wallet/page.tsx

@@ -16,7 +16,7 @@ export default function Page() {
     <div className="flex justify-center p-4">
       <Card>
         <CardHeader>
-          <CardTitle>Welcome to Banco.</CardTitle>
+          <CardTitle>Welcome to MiBanco.</CardTitle>
 
           <CardDescription>
             Setup your first wallet to start your journey.

src/app/layout.tsx

@@ -16,8 +16,8 @@ const font = Noto_Sans({
 });
 
 export const metadata: Metadata = {
-  title: 'Banco',
-  description: 'Banco',
+  title: 'MiBanco',
+  description: 'MiBanco',
 };
 
 export default async function RootLayout({

src/components/form/SignUpForm.tsx

@@ -343,7 +343,7 @@ export function SignUpForm() {
                   </FormControl>
                   <FormMessage />
                   <FormDescription>
-                    Banco signups are currently available by invitation only.
+                    MiBanco signups are currently available by invitation only.
                     <br />
                     Please enter your invite code to complete the signup
                     process.

src/components/header/ExternalHeader.tsx

@@ -15,7 +15,7 @@ export const ExternalHeader = () => {
   return (
     <div className="mt-1 flex w-full max-w-5xl flex-wrap items-center justify-between text-sm">
       <Link href={ROUTES.home}>
-        <p className="text-xl font-bold">Banco</p>
+        <p className="text-xl font-bold">MiBanco</p>
       </Link>
       <div className="flex items-center justify-center gap-2">
         {loading ? null : data?.user.id ? (

src/components/layout/AppLayout.tsx

@@ -184,10 +184,10 @@ export const AppLayout: FC<{ children: ReactNode }> = ({ children }) => {
             </Sheet>
 
             <div className="flex items-center justify-center gap-4">
-              <h1 className="text-xl font-black">BANCO</h1>
+              <h1 className="text-xl font-black">MIBANCO</h1>
 
               <Badge variant={'destructive'} className="hidden md:block">
-                Alpha - Limit funds and use at your own risk.
+                Beta - Limit funds and use at your own risk.
               </Badge>
             </div>
 
@@ -226,7 +226,7 @@ export const AppLayout: FC<{ children: ReactNode }> = ({ children }) => {
             variant={'destructive'}
             className="mx-4 mt-2 block text-center md:hidden"
           >
-            Alpha - Limit funds and use at your own risk.
+            Beta - Limit funds and use at your own risk.
           </Badge>
 
           <main className="flex flex-col justify-center px-4">{children}</main>

src/views/landing/Believe.tsx

@@ -33,7 +33,7 @@ export const Believe = () => {
     <section className="mt-28 w-full px-4 lg:px-14">
       <div className="mb-6 flex w-full flex-col gap-4 lg:flex-row lg:items-center">
         <h2 className="text-7xl font-semibold text-primary lg:w-1/2 lg:text-9xl 2xl:text-[200px]">
-          Banco
+          MiBanco
         </h2>
 
         <h3 className="max-w-2xl text-4xl font-semibold text-black/65 lg:w-1/2 lg:text-5xl">

src/views/landing/Footer.tsx

@@ -15,7 +15,7 @@ export const Footer = () => {
     <footer className="w-full px-4 pb-20 pt-4 lg:px-14 lg:pb-16 lg:pt-6">
       <div className="mb-20 flex w-full flex-col justify-between gap-20 py-4 lg:mb-12 lg:flex-row lg:items-center lg:gap-4 lg:py-6">
         <Link href={ROUTES.home} className="text-2xl font-bold text-black">
-          Banco
+          MiBanco
         </Link>
 
         <nav className="flex flex-col gap-10 text-lg font-semibold text-black lg:flex-row lg:items-center lg:gap-16 lg:text-base">
@@ -50,7 +50,7 @@ export const Footer = () => {
       </div>
 
       <p className="text-center text-sm font-semibold text-black/65">
-        Copyright © {year} Banco
+        Copyright © {year} MiBanco
       </p>
     </footer>
   );

src/views/landing/Header.tsx

@@ -19,7 +19,7 @@ export const Header = () => {
   return (
     <header className="mx-auto flex w-full max-w-screen-2xl items-center justify-between gap-4 px-4 py-6 lg:px-14">
       <Link href={ROUTES.home} className="text-2xl font-bold text-black">
-        Banco
+        MiBanco
       </Link>
 
       <nav className="hidden items-center gap-8 text-base font-semibold text-black lg:flex xl:gap-16">

src/views/landing/OpenSource.tsx

@@ -12,7 +12,7 @@ export const OpenSource = () => {
         <div className="flex w-full flex-col justify-between">
           <div>
             <h3 className="mb-10 text-5xl font-bold text-black/85">
-              Want to build on Banco? <br />
+              Want to build on MiBanco? <br />
               <br /> Join our open source community
             </h3>
 
@@ -36,7 +36,7 @@ export const OpenSource = () => {
           />
 
           <p className="absolute bottom-16 left-4 right-4 text-2xl font-semibold text-white lg:left-16 lg:right-16">
-            Banco is built by the community, for the community. Contribute to
+            MiBanco is built by the community, for the community. Contribute to
             our code, suggest features, and be a part of a banking revolution.
             Visit our GitHub repository to get involved.
           </p>

src/views/landing/Ready.tsx

@@ -22,7 +22,7 @@ export const Ready = () => {
           </h2>
 
           <h3 className="mb-8 mt-4 text-center text-xl font-semibold text-black/85 lg:text-2xl">
-            Join Banco today and take control of your financial future.
+            Join MiBanco today and take control of your financial future.
           </h3>
 
           <Link

src/views/landing/Welcome.tsx

@@ -14,7 +14,7 @@ export const Welcome = () => {
 
         <div className="absolute left-6 right-6 top-6 lg:left-20 lg:top-20">
           <h2 className="mb-4 text-3xl font-bold !leading-snug text-white lg:text-5xl">
-            Welcome to Banco
+            Welcome to MiBanco
           </h2>
 
           <h2 className="max-w-[600px] text-3xl font-semibold !leading-snug text-white/85 lg:text-5xl">

src/views/landing/Why.tsx

@@ -30,14 +30,14 @@ export const Why = () => {
       <h2 className="mb-10 text-5xl font-semibold text-black/45 lg:text-[88px]">
         Why choose{' '}
         <span className="mt-4 block text-7xl font-medium text-black lg:mt-0 lg:inline lg:text-9xl">
-          Banco?
+          MiBanco?
         </span>
       </h2>
 
       <div className="grid w-full gap-4 lg:grid-cols-2">
         <Card
           title="Simple Security"
-          subtitle="Banco is designed to be user-friendly. No complicated hoops to jump through. Banking made easy for everyone."
+          subtitle="MiBanco is designed to be user-friendly. No complicated hoops to jump through. Banking made easy for everyone."
           image={why2}
         />
         <Card
@@ -47,12 +47,12 @@ export const Why = () => {
         />
         <Card
           title="Instant Payments"
-          subtitle="Receive and send payments with ease. Your Banco account comes with a 'Lightning Address' for simple and quick transactions."
+          subtitle="Receive and send payments with ease. Your MiBanco account comes with a 'Lightning Address' for simple and quick transactions."
           image={why3}
         />
         <Card
           title="Private Messaging"
-          subtitle="Send encrypted messages to your contacts securely through Banco."
+          subtitle="Send encrypted messages to your contacts securely through MiBanco."
           image={why4}
         />
       </div>