diff --git a/app/page.tsx b/app/page.tsx
index fe7c38d..d40cbd7 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -28,11 +28,11 @@ export default async function Home() {
     <div className="flex flex-col min-h-screen bg-black text-white">
       <HomeNavbar />
 
-      {/* Hero Section */}
+      {/* Hero Section */}  
       <section className="flex-1 py-20 md:py-32 px-6 md:px-10 flex flex-col items-center text-center space-y-10 bg-black">
         <div className="space-y-4 max-w-3xl">
           <h1 className="text-4xl md:text-6xl font-bold tracking-tighter">
-            Streamlined E-commerce <span className="text-[#FF7A00]">Management</span>
+            Streamlined E-commerce <span className="text-[#D53F8C]">Management</span>
           </h1>
           <p className="text-xl md:text-2xl text-gray-400 max-w-2xl mx-auto">
             Ember provides everything you need to manage your e-commerce business efficiently in one place, with secure cryptocurrency payments.
@@ -40,7 +40,7 @@ export default async function Home() {
         </div>
         <div className="flex flex-col sm:flex-row gap-4">
           <Link href="/dashboard">
-            <Button size="lg" className="gap-2 bg-[#FF7A00] hover:bg-[#E86A00] text-white border-0">
+            <Button size="lg" className="gap-2 bg-[#D53F8C] hover:bg-[#B83280] text-white border-0">
               Go to Dashboard
               <ArrowRight className="h-4 w-4" />
             </Button>
@@ -59,20 +59,20 @@ export default async function Home() {
           <Suspense fallback={<div className="text-center">Loading statistics...</div>}>
             <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
               <div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0">
-                <Package className="h-12 w-12 text-[#FF7A00] mb-4" />
-                <div className="text-4xl font-bold text-[#FF7A00] mb-2">{formatNumber(stats.orders.completed)}+</div>
+                <Package className="h-12 w-12 text-[#D53F8C] mb-4" />
+                <div className="text-4xl font-bold text-[#D53F8C] mb-2">{formatNumber(stats.orders.completed)}+</div>
                 <div className="text-xl font-semibold text-white mb-1">Orders Processed</div>
                 <p className="text-sm text-gray-400">Successfully delivered to customers around the world</p>
               </div>
               <div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0">
-                <Users className="h-12 w-12 text-[#FF7A00] mb-4" />
-                <div className="text-4xl font-bold text-[#FF7A00] mb-2">{formatNumber(stats.vendors.total)}+</div>
+                <Users className="h-12 w-12 text-[#D53F8C] mb-4" />
+                <div className="text-4xl font-bold text-[#D53F8C] mb-2">{formatNumber(stats.vendors.total)}+</div>
                 <div className="text-xl font-semibold text-white mb-1">Registered Vendors</div>
                 <p className="text-sm text-gray-400">Trusted merchants selling on our platform</p>
               </div>
               <div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0">
-                <CreditCard className="h-12 w-12 text-[#FF7A00] mb-4" />
-                <div className="text-4xl font-bold text-[#FF7A00] mb-2">{formatCurrency(stats.transactions.volume)}</div>
+                <CreditCard className="h-12 w-12 text-[#D53F8C] mb-4" />
+                <div className="text-4xl font-bold text-[#D53F8C] mb-2">{formatCurrency(stats.transactions.volume)}</div>
                 <div className="text-xl font-semibold text-white mb-1">Transaction Volume</div>
                 <p className="text-sm text-gray-400">Securely processed by our platform</p>
               </div>
@@ -94,7 +94,7 @@ export default async function Home() {
             <div className="p-6 rounded-md bg-[#1C1C1C] border-0">
               <div className="mb-4">
                 <div className="h-12 w-12 flex items-center justify-center rounded-md bg-[#232323]">
-                  <Shield className="h-6 w-6 text-[#FF7A00]" />
+                  <Shield className="h-6 w-6 text-[#D53F8C]" />
                 </div>
                 <h3 className="mt-4 text-xl font-semibold text-white">Cryptocurrency Payments</h3>
               </div>
@@ -105,7 +105,7 @@ export default async function Home() {
             <div className="p-6 rounded-md bg-[#1C1C1C] border-0">
               <div className="mb-4">
                 <div className="h-12 w-12 flex items-center justify-center rounded-md bg-[#232323]">
-                  <LineChart className="h-6 w-6 text-[#FF7A00]" />
+                  <LineChart className="h-6 w-6 text-[#D53F8C]" />
                 </div>
                 <h3 className="mt-4 text-xl font-semibold text-white">Order Tracking</h3>
               </div>
@@ -116,7 +116,7 @@ export default async function Home() {
             <div className="p-6 rounded-md bg-[#1C1C1C] border-0">
               <div className="mb-4">
                 <div className="h-12 w-12 flex items-center justify-center rounded-md bg-[#232323]">
-                  <Zap className="h-6 w-6 text-[#FF7A00]" />
+                  <Zap className="h-6 w-6 text-[#D53F8C]" />
                 </div>
                 <h3 className="mt-4 text-xl font-semibold text-white">Fast Performance</h3>
               </div>
@@ -165,7 +165,7 @@ export default async function Home() {
           </div>
           <div className="flex justify-center mt-10">
             <Link href="/dashboard">
-              <Button size="lg" className="bg-[#FF7A00] hover:bg-[#E86A00] text-white border-0">Start Now</Button>
+              <Button size="lg" className="bg-[#D53F8C] hover:bg-[#B83280] text-white border-0">Start Now</Button>
             </Link>
           </div>
         </div>
diff --git a/components/home-navbar.tsx b/components/home-navbar.tsx
index bfa3fc6..c57ddfd 100644
--- a/components/home-navbar.tsx
+++ b/components/home-navbar.tsx
@@ -28,7 +28,7 @@ export function HomeNavbar() {
           </Button>
         </Link>
         <Link href="/auth/login">
-          <Button className="bg-[#FF7A00] hover:bg-[#E86A00] text-white border-0">Get Started</Button>
+          <Button className="bg-[#D53F8C] hover:bg-[#B83280] text-white border-0">Get Started</Button>
         </Link>
       </nav>
       <div className="md:hidden">