diff --git a/src/app/page.tsx b/src/app/page.tsx
index c9f8e49..6971777 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -24,9 +24,11 @@ interface CardProps {
   children?: React.ReactNode,
   className?: string,
   heading: string,
+  disabled?: boolean,
 }
 
-const LandingCard: FC<CardProps> = ({ heading, children, className, buttonText, buttonLink }) => {
+const LandingCard: FC<CardProps> = ({ heading, children, className, buttonText, buttonLink, disabled = false }) => {
+  console.log(heading, disabled);
   return (
     <Card className={className}>
       <CardHeader>
@@ -34,7 +36,7 @@ const LandingCard: FC<CardProps> = ({ heading, children, className, buttonText,
       </CardHeader>
       <CardContent className="flex flex-col gap-1 items-center">
         {children}
-        <Button className="w-full" asChild>
+        <Button className="w-full" variant={ disabled ? "outline" : "default"} disabled={disabled} asChild={!disabled}>
           <Link href={buttonLink}>{buttonText}</Link>
         </Button>
       </CardContent>
@@ -123,20 +125,23 @@ export default function Home() {
       <LandingCard
         heading="Staking"
         buttonLink="/staking"
-        buttonText="Explore Staking"
+        buttonText="Coming Soon..."
         className="w-[380px]"
+        disabled={true}
       />
       <LandingCard
         heading="Dex"
         buttonLink="/dex"
-        buttonText="Explore Dex"
+        buttonText="Coming Soon..."
         className="w-[380px]"
+        disabled={true}
       />
       <LandingCard
         heading="Governance"
         buttonLink="/governance"
-        buttonText="Explore Governance"
+        buttonText="Coming Soon..."
         className="w-[380px]"
+        disabled={true}
       />
     </div>
   );
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index 9a785cc..469a2c0 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -139,6 +139,7 @@ export const Navbar : FC = () => {
       </Link>
       <div className="flex items-center">
         <h1 className={`font-semibold text-2xl ml-1 mr-3 ${workSans.className}`}><Link href="/">Cuiloa</Link></h1>
+        {/* NOTE: the 5px of padding-top is to better align the smaller text with the text above, please keep it. */}
         <p className={`text-link font-medium pt-[5px] ${workSans.className}`}>
           <Link href="https://penumbra.zone/" className="">
             A Block Explorer For Penumbra