diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx
index 408b617..eb473a9 100644
--- a/src/app/(public)/page.tsx
+++ b/src/app/(public)/page.tsx
@@ -1,3 +1,4 @@
+import { ArrowRight } from 'lucide-react';
 import type { Metadata } from 'next';
 import Link from 'next/link';
 
@@ -27,16 +28,15 @@ export default function HomePage() {
   return (
     <>
       <HeroSection>
-        <div className='inline-flex items-center gap-1 rounded-full border border-white/10 bg-white/5 p-1 text-body-xs text-white/70'>
-          <span className='rounded-full bg-white/10 px-3 py-1 font-medium text-white'>
-            Build. Earn. Belong
-          </span>
+        <div className='inline-flex items-center justify-center gap-2.5 rounded-lg border border-white/15 bg-white/5 px-3.5 py-[5px] text-body-xs font-medium text-white'>
+          <span>Build. Earn. Belong</span>
+          <span aria-hidden className='h-3.5 w-px bg-white/15' />
           <Link
             href='/about'
-            className='inline-flex items-center gap-1 pr-3 pl-1 transition-colors hover:text-white'
+            className='inline-flex items-center gap-1 text-white/70 transition-colors hover:text-white'
           >
             Learn More
-            <span aria-hidden>&rarr;</span>
+            <ArrowRight className='size-3.5' />
           </Link>
         </div>
 
@@ -56,10 +56,10 @@ export default function HomePage() {
             href='/docs'
             className='inline-flex items-center rounded-full border border-white/15 bg-white/5 px-6 py-2.5 text-sm font-medium text-white transition-colors hover:bg-white/10'
           >
-            Read Docs
+            Explore Ecosystem
           </Link>
           <MarketingButton asChild>
-            <Link href='/opportunities'>Explore Opportunities</Link>
+            <Link href='/opportunities'>Host a Campaign</Link>
           </MarketingButton>
         </div>
       </HeroSection>