fix: edit landing page content

app/page.tsx

@@ -15,7 +15,7 @@ export default function Home() {
       <MarqueeSection
         variant="reverse"
         text="JOIN THE REVOLUTION • UNLOCK VALUE •"
-        bgColor="bg-primary"
+        bgColor="bg-black"
       />
       <CardsSection />
       <Footer />

components/FeaturesSection.tsx

@@ -4,7 +4,7 @@ export default function FeaturesSection() {
       <div className="mb-12 text-center">
         <h2 className="font-display text-5xl md:text-6xl mb-4 uppercase">
           Your Shortcut to <br className="md:hidden" />
-          DeFi Data
+          Data
         </h2>
       </div>
       <div className="grid grid-cols-1 md:grid-cols-12 gap-6">
@@ -19,7 +19,7 @@ export default function FeaturesSection() {
             </h3>
             <p className="text-black font-semibold text-lg max-w-xs mb-8">
               Discover vetted datasets to put your algorithms to work through
-              Sui DeFi protocols.
+              your next AI models.
             </p>
             <button className="bg-black text-white px-6 py-2 rounded-full font-bold text-sm uppercase group-hover:bg-white group-hover:text-black transition-colors">
               Start Now{" "}

components/Footer.tsx

@@ -50,7 +50,7 @@ export default function Footer() {
       <div className="bg-slush-green border-t-4 border-black py-10 px-4">
         <div className="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-6">
           <div className="font-display text-4xl uppercase tracking-tighter">
-            DataEx
+            DatEx
           </div>
           <div className="flex gap-4">
             <a
@@ -74,7 +74,7 @@ export default function Footer() {
           </div>
           <div className="text-xs font-bold uppercase text-center md:text-right">
             <p>Terms of Service • Privacy Policy</p>
-            <p className="mt-1">© 2024 Data Exchange Inc.</p>
+            <p className="mt-1">© 2026 Data Exchange Inc.</p>
           </div>
         </div>
       </div>

components/Hero.tsx

@@ -28,6 +28,39 @@ export default function Hero() {
           </span>
         </div>
       </div>
+      {/* Data Icon */}
+      <div
+        className="absolute top-32 right-12 md:right-32 animate-float"
+        style={{ animationDelay: "1.5s" }}
+      >
+        <div className="bg-primary w-14 h-14 md:w-20 md:h-20 rounded-xl border-4 border-black dark:border-white flex items-center justify-center shadow-[6px_6px_0px_0px_rgba(0,0,0,1)] dark:shadow-[6px_6px_0px_0px_rgba(255,255,255,1)] transform rotate-6">
+          <span className="material-icons text-3xl md:text-5xl text-white">
+            dns
+          </span>
+        </div>
+      </div>
+      {/* Encryption Icon */}
+      <div
+        className="absolute bottom-20 left-12 md:left-32 animate-float"
+        style={{ animationDelay: "2.5s" }}
+      >
+        <div className="bg-slush-orange w-16 h-16 md:w-24 md:h-24 rounded-full border-4 border-black dark:border-white flex items-center justify-center shadow-[-6px_6px_0px_0px_rgba(0,0,0,1)] dark:shadow-[-6px_6px_0px_0px_rgba(255,255,255,1)] transform -rotate-6">
+          <span className="material-icons text-3xl md:text-5xl text-white">
+            enhanced_encryption
+          </span>
+        </div>
+      </div>
+      {/* Decentralize Icon */}
+      <div
+        className="absolute bottom-24 right-8 md:right-20 animate-float"
+        style={{ animationDelay: "3s" }}
+      >
+        <div className="bg-slush-green w-12 h-12 md:w-18 md:h-18 rounded-lg border-4 border-black dark:border-white flex items-center justify-center shadow-[6px_6px_0px_0px_rgba(0,0,0,1)] dark:shadow-[6px_6px_0px_0px_rgba(255,255,255,1)] transform rotate-12">
+          <span className="material-icons text-2xl md:text-4xl text-black">
+            hub
+          </span>
+        </div>
+      </div>
       <div className="relative z-10 text-center max-w-5xl px-4 flex flex-col items-center">
         <div className="mb-4 inline-flex items-center gap-2 px-4 py-2 bg-white/50 dark:bg-black/50 border border-black dark:border-white rounded-full backdrop-blur-sm">
           <span className="w-3 h-3 bg-green-500 rounded-full animate-pulse"></span>
@@ -43,12 +76,12 @@ export default function Hero() {
           </span>
         </h1>
         <p className="text-lg md:text-xl font-medium max-w-xl mx-auto mb-10 text-gray-700 dark:text-gray-300">
-          Monetize your insights securely. Built on Walrus, Seal, and Nautilus
+          Monetize your data securely. Built on Walrus, Seal, and Nautilus
           for unstoppable decentralized data trading.
         </p>
         <div className="flex flex-col md:flex-row gap-4">
           <button className="bg-black dark:bg-white text-white dark:text-black text-lg px-8 py-4 rounded-full font-bold uppercase tracking-wide hover:scale-105 transition-transform shadow-lg">
-            Start Trading
+            Start Monetizing Data
           </button>
           <button className="bg-white dark:bg-black text-black dark:text-white border-2 border-black dark:border-white text-lg px-8 py-4 rounded-full font-bold uppercase tracking-wide hover:scale-105 transition-transform shadow-lg">
             Learn More

components/Navbar.tsx

@@ -9,18 +9,18 @@ export default function Navbar() {
         <div className="flex items-center gap-2">
           <span className="material-icons text-primary text-3xl">token</span>
           <span className="font-display text-2xl tracking-wide uppercase">
-            DataEx
+            DatEx
           </span>
         </div>
         <div className="hidden md:flex gap-8 font-semibold text-sm uppercase tracking-wider">
           <a className="hover:text-primary transition-colors" href="#">
-            Marketplace
+            Home
           </a>
           <a className="hover:text-primary transition-colors" href="#">
-            Walrus
+            App
           </a>
           <a className="hover:text-primary transition-colors" href="#">
-            Staking
+            About
           </a>
         </div>
         <div className="flex gap-3">