Update page.tsx

app/page.tsx

@@ -1,10 +1,9 @@
 import { getPlatformStatsServer } from "@/lib/server-api";
 import { HomeNavbar } from "@/components/home-navbar";
 import { Suspense } from "react";
-import { Shield, LineChart, Zap } from "lucide-react";
+import { Shield, LineChart, Zap, ArrowRight } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import Link from "next/link";
-import HeroSection from "@/components/3d/HeroSection";
 import { AnimatedStatsSection } from "@/components/animated-stats-section";
 
 // Constants
@@ -37,7 +36,30 @@ export default async function Home() {
         <HomeNavbar />
 
         {/* Hero Section */}  
-        <HeroSection />
+        <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-[#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.
+            </p>
+          </div>
+          
+          <div className="flex flex-col sm:flex-row gap-4 mt-8">
+            <Link href="/dashboard">
+              <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>
+            </Link>
+            <Link href="/auth/register">
+              <Button size="lg" variant="outline" className="border-gray-800 text-white hover:bg-gray-900">
+                Create Account
+              </Button>
+            </Link>
+          </div>
+        </section>
 
         {/* Statistics Section */}
         <section className="py-16 px-6 md:px-10 bg-black">