diff --git a/app/page.tsx b/app/page.tsx
index 3e1d196..9144417 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,6 +1,8 @@
 import Navbar from "@/components/Navbar";
 import Hero from "@/components/Hero";
+import MovingTextLine from "@/components/MovingTextLine";
 import MarqueeSection from "@/components/MarqueeSection";
+import DataShortcutSection from "@/components/DataShortcutSection";
 import FeaturesSection from "@/components/FeaturesSection";
 import CardsSection from "@/components/CardsSection";
 import Footer from "@/components/Footer";
@@ -10,14 +12,16 @@ export default function Home() {
     <div className="bg-background-light dark:bg-background-dark text-black dark:text-white font-body overflow-x-hidden transition-colors duration-300">
       <Navbar />
       <Hero />
+      <CardsSection />
       <MarqueeSection text="GET DATA • OWN DATA • SELL DATA •" />
+      <DataShortcutSection />
+      <MovingTextLine />
       <FeaturesSection />
       <MarqueeSection
         variant="reverse"
         text="JOIN THE REVOLUTION • UNLOCK VALUE •"
         bgColor="bg-black"
       />
-      <CardsSection />
       <Footer />
     </div>
   );
diff --git a/components/CardsSection.tsx b/components/CardsSection.tsx
index 70e5eed..0080629 100644
--- a/components/CardsSection.tsx
+++ b/components/CardsSection.tsx
@@ -110,17 +110,6 @@ export default function CardsSection() {
         </Marquee>
       </div>
 
-      {/* Moving Text Line */}
-      <div className="mt-16 bg-white text-black py-4 border-y-4 border-black">
-        <Marquee reverse className="[--duration:20s]">
-          <span className="text-4xl md:text-5xl font-display uppercase mx-8">
-            Monetize Data • Prevent Fraud • Developer SDK • MCP Agents • Powered by Enoki •
-          </span>
-          <span className="text-4xl md:text-5xl font-display uppercase mx-8">
-            Monetize Data • Prevent Fraud • Developer SDK • MCP Agents • Powered by Enoki •
-          </span>
-        </Marquee>
-      </div>
     </section>
   );
 }
diff --git a/components/DataShortcutSection.tsx b/components/DataShortcutSection.tsx
new file mode 100644
index 0000000..0a493e7
--- /dev/null
+++ b/components/DataShortcutSection.tsx
@@ -0,0 +1,80 @@
+export default function DataShortcutSection() {
+    return (
+        <section className="py-6 px-4 md:px-8 max-w-7xl mx-auto">
+            <div className="mb-6 text-center">
+                <h2 className="font-display text-5xl md:text-6xl mb-4 uppercase">
+                    Your Shortcut to get <br className="md:hidden" />
+                    Data
+                </h2>
+            </div>
+            <div className="grid grid-cols-1 md:grid-cols-12 gap-6">
+                <div className="md:col-span-7 bg-slush-yellow rounded-large border-4 border-black p-8 relative overflow-hidden group min-h-[400px]">
+                    <div className="relative z-10">
+                        <h3 className="font-display text-5xl md:text-6xl text-black uppercase leading-none mb-4">
+                            Explore
+                            <br />
+                            Data
+                            <br />
+                            Opportunities
+                        </h3>
+                        <p className="text-black font-semibold text-lg max-w-xs mb-8">
+                            Discover vetted datasets to put your algorithms to work through
+                            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{" "}
+                            <span className="material-icons text-sm align-middle ml-1">
+                                arrow_forward
+                            </span>
+                        </button>
+                    </div>
+                    <div className="absolute -right-10 bottom-0 w-64 h-64 md:w-80 md:h-80">
+                        <img
+                            alt="Coins"
+                            className="w-full h-full object-cover rounded-full border-4 border-black transform rotate-12 group-hover:rotate-0 transition-transform duration-500"
+                            src="/walrus.svg"
+                        />
+                    </div>
+                </div>
+                <div className="md:col-span-5 bg-slush-purple rounded-large border-4 border-black p-8 flex flex-col justify-between relative overflow-hidden group">
+                    <div className="z-10">
+                        <h3 className="font-display text-4xl md:text-5xl text-white uppercase leading-none mb-4 drop-shadow-[2px_2px_0px_rgba(0,0,0,1)]">
+                            Simple, Direct
+                            <br />
+                            Execution
+                        </h3>
+                        <p className="text-white font-medium">
+                            Buy and sell datasets in a few taps. Verify dataset with simple
+                            click.
+                        </p>
+                    </div>
+                    <div className="mt-8 relative h-48 bg-white rounded-xl border-2 border-black overflow-hidden shadow-[4px_4px_0px_0px_rgba(0,0,0,1)]">
+                        {/* Animation Container */}
+                        <div className="absolute inset-0 flex items-center justify-center bg-gradient-to-br from-gray-50 to-gray-100">
+                            {/* Buy Button */}
+                            <button
+                                className="buy-button bg-black text-white px-8 py-3 rounded-full font-bold text-sm uppercase tracking-wide border-2 border-black shadow-[4px_4px_0px_0px_rgba(0,0,0,0.3)]"
+                            >
+                                Buy Now
+                                <span className="material-icons text-sm align-middle ml-2">shopping_cart</span>
+                            </button>
+
+                            {/* Animated Cursor */}
+                            <div className="cursor-animation absolute">
+                                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                        d="M4 2L4 18L8 14L12 22L14 21L10 13L16 13L4 2Z"
+                                        fill="black"
+                                        stroke="white"
+                                        strokeWidth="2"
+                                        strokeLinejoin="round"
+                                    />
+                                </svg>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+}
diff --git a/components/FeaturesSection.tsx b/components/FeaturesSection.tsx
index 13073f4..4efa2dc 100644
--- a/components/FeaturesSection.tsx
+++ b/components/FeaturesSection.tsx
@@ -1,148 +1,76 @@
 export default function FeaturesSection() {
   return (
-    <section className="py-20 px-4 md:px-8 max-w-7xl mx-auto">
-      <div className="mb-12 text-center">
-        <h2 className="font-display text-5xl md:text-6xl mb-4 uppercase">
-          Your Shortcut to get <br className="md:hidden" />
-          Data
-        </h2>
-      </div>
-      <div className="grid grid-cols-1 md:grid-cols-12 gap-6">
-        <div className="md:col-span-7 bg-slush-yellow rounded-large border-4 border-black p-8 relative overflow-hidden group min-h-[400px]">
-          <div className="relative z-10">
-            <h3 className="font-display text-5xl md:text-6xl text-black uppercase leading-none mb-4">
-              Explore
-              <br />
-              Data
-              <br />
-              Opportunities
-            </h3>
-            <p className="text-black font-semibold text-lg max-w-xs mb-8">
-              Discover vetted datasets to put your algorithms to work through
-              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{" "}
-              <span className="material-icons text-sm align-middle ml-1">
-                arrow_forward
-              </span>
-            </button>
-          </div>
-          <div className="absolute -right-10 bottom-0 w-64 h-64 md:w-80 md:h-80">
-            <img
-              alt="Coins"
-              className="w-full h-full object-cover rounded-full border-4 border-black transform rotate-12 group-hover:rotate-0 transition-transform duration-500"
-              src="/walrus.svg"
-            />
-          </div>
-          <div className="absolute top-10 right-10 text-black text-6xl animate-bounce hidden md:block">
-            <span className="material-icons">monetization_on</span>
-          </div>
+    <section className="py-10 px-4 md:px-8 max-w-7xl mx-auto">
+      <div className="md:col-span-12">
+        {/* Header */}
+        <div className="text-center mb-16 mt-20">
+          <h3 className="font-display text-5xl md:text-6xl uppercase leading-none dark:text-white">
+            Built for <br />
+            Speed & Scale
+          </h3>
         </div>
-        <div className="md:col-span-5 bg-slush-purple rounded-large border-4 border-black p-8 flex flex-col justify-between relative overflow-hidden group">
-          <div className="z-10">
-            <div className="bg-white border-2 border-black w-12 h-12 rounded-full flex items-center justify-center mb-6">
-              <span className="material-icons text-black">touch_app</span>
+
+        <div className="grid md:grid-cols-2 gap-6 items-start">
+          {/* Left Column */}
+          <div className="flex flex-col gap-8">
+            {/* Walrus */}
+            <div className="bg-slush-yellow p-6 rounded-large border-2 border-black shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] hover:-translate-y-1 transition-transform">
+              <div className="w-12 h-12 mb-4 rounded-full border-2 border-black overflow-hidden bg-white">
+                <img src="/walrus.svg" alt="Walrus" className="w-full h-full object-cover" />
+              </div>
+              <h4 className="font-display text-2xl uppercase mb-2 text-black">Walrus Storage</h4>
+              <p className="text-black font-medium">
+                Precise, censorship-resistant storage optimized for large datasets. Ensures your data is always available and secure at low cost.
+              </p>
+            </div>
+
+            {/* Sui */}
+            <div className="bg-primary p-6 rounded-large border-2 border-black shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] hover:-translate-y-1 transition-transform">
+              <div className="w-12 h-12 mb-4 rounded-full border-2 border-black overflow-hidden bg-white flex items-center justify-center">
+                <img src="/sui.svg" alt="Sui" className="w-8 h-8 object-contain" />
+              </div>
+              <h4 className="font-display text-2xl uppercase mb-2 text-white">Sui Layer 1</h4>
+              <p className="text-white font-medium">
+                High-performance blockchain with infinite horizontal scalability. Enables instant finality and ultra-low gas fees for seamless operations.
+              </p>
             </div>
-            <h3 className="font-display text-4xl md:text-5xl text-white uppercase leading-none mb-4 drop-shadow-[2px_2px_0px_rgba(0,0,0,1)]">
-              Simple, Direct
-              <br />
-              Execution
-            </h3>
-            <p className="text-white font-medium">
-              Buy and sell datasets in a few taps. Verify dataset with simple
-              click.
-            </p>
-          </div>
-          <div className="mt-8 relative h-48 bg-white rounded-xl border-2 border-black overflow-hidden shadow-[4px_4px_0px_0px_rgba(0,0,0,1)]">
-            {/* Animation Container */}
-            <div className="absolute inset-0 flex items-center justify-center bg-gradient-to-br from-gray-50 to-gray-100">
-              {/* Buy Button */}
-              <button
-                className="buy-button bg-black text-white px-8 py-3 rounded-full font-bold text-sm uppercase tracking-wide border-2 border-black shadow-[4px_4px_0px_0px_rgba(0,0,0,0.3)]"
-              >
-                Buy Now
-                <span className="material-icons text-sm align-middle ml-2">shopping_cart</span>
-              </button>
 
-              {/* Animated Cursor */}
-              <div className="cursor-animation absolute">
-                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                  <path
-                    d="M4 2L4 18L8 14L12 22L14 21L10 13L16 13L4 2Z"
-                    fill="black"
-                    stroke="white"
-                    strokeWidth="2"
-                    strokeLinejoin="round"
-                  />
-                </svg>
+            {/* Enoki */}
+            <div className="bg-slush-red p-6 rounded-large border-2 border-black shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] hover:-translate-y-1 transition-transform">
+              <div className="h-8 mb-4 flex items-center">
+                <img src="/enoki.svg" alt="Enoki" className="h-full w-auto text-black" />
+              </div>
+              <div className="mt-4">
+                <h4 className="font-display text-2xl uppercase mb-2 text-black">Frictionless UX</h4>
+                <p className="text-black font-medium">
+                  Seamless onboarding with zkLogin. Users sign in with Web2 credentials while maintaining full self-custody and security.
+                </p>
               </div>
             </div>
           </div>
-        </div>
-        <div className="md:col-span-12 bg-background-light dark:bg-gray-900 rounded-large border-4 border-black dark:border-gray-700 p-8 md:p-12 relative overflow-hidden">
-          <div className="grid md:grid-cols-2 gap-10 items-center">
-            <div>
-              <div className="inline-block bg-slush-green px-3 py-1 rounded-full border border-black mb-4">
-                <span className="font-bold text-xs uppercase text-black">
-                  Powered by Sui
-                </span>
+
+          {/* Right Column (Offset) */}
+          <div className="flex flex-col gap-8 md:mt-24">
+            {/* Seal */}
+            <div className="bg-slush-purple p-6 rounded-large border-2 border-black shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] hover:-translate-y-1 transition-transform">
+              <div className="w-12 h-12 mb-4 rounded-full border-2 border-black overflow-hidden bg-white flex items-center justify-center">
+                <img src="/seal.svg" alt="Seal" className="w-8 h-8 object-contain" />
               </div>
-              <h3 className="font-display text-5xl md:text-6xl uppercase leading-none mb-6 dark:text-white">
-                Built for <br />
-                Speed & Scale
-              </h3>
-              <p className="text-gray-600 dark:text-gray-400 text-lg mb-8 max-w-md">
-                Leveraging the power of Nautilus for transaction speed, Walrus
-                for decentralized storage, and Seal for top-tier encryption.
+              <h4 className="font-display text-2xl uppercase mb-2 text-black">Seal Encryption</h4>
+              <p className="text-black font-medium">
+                Protects data with threshold encryption and on-chain access control. Secures sensitive assets at rest and in transit.
               </p>
-              <div className="flex flex-wrap gap-4">
-                <div className="flex items-center gap-2 bg-gray-100 dark:bg-gray-800 px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-700">
-                  <span className="material-icons text-blue-500">water</span>
-                  <span className="font-bold dark:text-white">Walrus</span>
-                </div>
-                <div className="flex items-center gap-2 bg-gray-100 dark:bg-gray-800 px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-700">
-                  <span className="material-icons text-purple-500">
-                    verified_user
-                  </span>
-                  <span className="font-bold dark:text-white">Seal</span>
-                </div>
-                <div className="flex items-center gap-2 bg-gray-100 dark:bg-gray-800 px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-700">
-                  <span className="material-icons text-orange-500">
-                    rocket_launch
-                  </span>
-                  <span className="font-bold dark:text-white">Nautilus</span>
-                </div>
-              </div>
             </div>
-            <div className="relative h-64 md:h-full min-h-[300px]">
-              <div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-64 h-64 bg-gradient-to-tr from-blue-400 to-purple-500 rounded-full blur-2xl opacity-50"></div>
-              <div className="relative z-10 grid grid-cols-2 gap-4">
-                <div className="bg-white dark:bg-black border-2 border-black dark:border-white p-4 rounded-xl shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] dark:shadow-[4px_4px_0px_0px_rgba(255,255,255,1)] transform rotate-3">
-                  <span className="material-icons text-4xl mb-2 text-blue-500">
-                    cloud_queue
-                  </span>
-                  <p className="font-display text-xl uppercase dark:text-white">
-                    Storage
-                  </p>
-                </div>
-                <div className="bg-white dark:bg-black border-2 border-black dark:border-white p-4 rounded-xl shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] dark:shadow-[4px_4px_0px_0px_rgba(255,255,255,1)] transform -rotate-2 mt-8">
-                  <span className="material-icons text-4xl mb-2 text-purple-500">
-                    enhanced_encryption
-                  </span>
-                  <p className="font-display text-xl uppercase dark:text-white">
-                    Security
-                  </p>
-                </div>
-                <div className="col-span-2 bg-white dark:bg-black border-2 border-black dark:border-white p-4 rounded-xl shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] dark:shadow-[4px_4px_0px_0px_rgba(255,255,255,1)] transform rotate-1 w-2/3 mx-auto">
-                  <span className="material-icons text-4xl mb-2 text-orange-500">
-                    bolt
-                  </span>
-                  <p className="font-display text-xl uppercase dark:text-white">
-                    Speed
-                  </p>
-                </div>
+
+            {/* Nautilus */}
+            <div className="bg-slush-green p-6 rounded-large border-2 border-black shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] hover:-translate-y-1 transition-transform">
+              <div className="w-12 h-12 mb-4 flex items-center justify-center rounded-full border-2 border-black bg-white">
+                <span className="material-icons text-black">visibility</span>
               </div>
+              <h4 className="font-display text-2xl uppercase mb-2 text-black">Nautilus Compute</h4>
+              <p className="text-black font-medium">
+                Executes sensitive logic in Trusted Execution Environments (TEEs) with on-chain verification. Enables private, trustless dataset sample extraction.
+              </p>
             </div>
           </div>
         </div>
diff --git a/components/Hero.tsx b/components/Hero.tsx
index c60b07d..cb110e1 100644
--- a/components/Hero.tsx
+++ b/components/Hero.tsx
@@ -62,12 +62,6 @@ export default function Hero() {
         </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>
-          <span className="text-xs font-bold tracking-widest uppercase">
-            Powered by Sui Ecosystem
-          </span>
-        </div>
         <h1 className="font-display text-[5rem] md:text-[9rem] leading-[0.85] tracking-tighter uppercase mb-6 transform -rotate-1">
           <span className="block">Data</span>
           <span className="block text-primary">Exchange</span>
diff --git a/components/MovingTextLine.tsx b/components/MovingTextLine.tsx
new file mode 100644
index 0000000..9e5131c
--- /dev/null
+++ b/components/MovingTextLine.tsx
@@ -0,0 +1,16 @@
+import Marquee from "@/components/ui/Marquee";
+
+export default function MovingTextLine() {
+    return (
+        <div className="mt-16 bg-white text-black py-4 border-y-4 border-black">
+            <Marquee reverse className="[--duration:20s]">
+                <span className="text-4xl md:text-5xl font-display uppercase mx-8">
+                    Monetize Data • Prevent Fraud • Developer SDK • MCP Agents • Powered by Enoki •
+                </span>
+                <span className="text-4xl md:text-5xl font-display uppercase mx-8">
+                    Monetize Data • Prevent Fraud • Developer SDK • MCP Agents • Powered by Enoki •
+                </span>
+            </Marquee>
+        </div>
+    );
+}
diff --git a/public/enoki.svg b/public/enoki.svg
new file mode 100644
index 0000000..e693520
--- /dev/null
+++ b/public/enoki.svg
@@ -0,0 +1,3 @@
+<svg width="91" height="30" viewBox="0 0 91 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1060_9099)"><path d="M10.5177 0C8.56515 0 6.98232 1.59898 6.98232 3.57143V5.40357C6.98232 6.31484 6.24359 7.05357 5.33232 7.05357H3.53535C1.58283 7.05357 0 8.65255 0 10.625V10.6611C0 12.6136 1.58283 14.1964 3.53535 14.1964C5.48788 14.1964 7.07071 12.5974 7.07071 10.625V8.79286C7.07071 7.88159 7.80944 7.14286 8.72071 7.14286H21.3818C21.872 7.14286 22.2678 6.7422 22.2617 6.25197L22.1951 0.869112C22.1891 0.387385 21.7969 0 21.3152 0H10.5177Z" fill="currentColor"></path><path d="M0 22.0537C0 20.0812 1.58283 18.4822 3.53535 18.4822H5.24394C6.15521 18.4822 6.89394 17.7435 6.89394 16.8322V15.0001C6.89394 13.0277 8.47677 11.4287 10.4293 11.4287H21.3927C21.8787 11.4287 22.2727 11.8227 22.2727 12.3087V17.6915C22.2727 18.1775 21.8787 18.5715 21.3927 18.5715H8.72071C7.80944 18.5715 7.07071 19.3103 7.07071 20.2215V22.0537C7.07071 24.0261 5.48788 25.6251 3.53535 25.6251C1.58283 25.6251 0 24.0423 0 22.0897V22.0537Z" fill="currentColor"></path><path d="M10.4299 22.8574C8.47736 22.8574 6.89453 24.4564 6.89453 26.4289C6.89453 28.4013 8.49351 30.0003 10.466 30.0003H13.9504C15.9228 30.0003 17.5218 28.4013 17.5218 26.4289C17.5218 24.4564 15.9228 22.8574 13.9504 22.8574H10.4299Z" fill="currentColor"></path><path d="M86.3778 23.4132V10.8408H89.7456V23.4132H86.3778ZM86.0781 7.13743C86.0781 6.55416 86.2619 6.08274 86.6294 5.72319C86.997 5.35565 87.4764 5.17188 88.0677 5.17188C88.6589 5.17188 89.1423 5.35565 89.5178 5.72319C89.8934 6.08274 90.0811 6.55416 90.0811 7.13743C90.0811 7.71271 89.8934 8.18012 89.5178 8.53967C89.1423 8.89923 88.6589 9.07901 88.0677 9.07901C87.4764 9.07901 86.997 8.89923 86.6294 8.53967C86.2619 8.18012 86.0781 7.71271 86.0781 7.13743Z" fill="currentColor"></path><path d="M73.2188 23.428V5.75H76.5865V15.9134H76.7063L81.5123 10.8556H85.1199L80.5056 15.9613V16.0692L85.3715 23.428H81.6921L78.1805 18.1066H78.0846L76.5865 19.6527V23.428H73.2188Z" fill="currentColor"></path><path d="M65.3162 23.5876C63.3667 23.5876 61.7966 23.0004 60.6061 21.8258C59.4156 20.6513 58.8203 19.0972 58.8203 17.1636C58.8203 15.222 59.4156 13.656 60.6061 12.4655C61.7966 11.2749 63.3667 10.6797 65.3162 10.6797C67.2818 10.6797 68.8598 11.2749 70.0503 12.4655C71.2488 13.656 71.8481 15.222 71.8481 17.1636C71.8481 19.0892 71.2488 20.6433 70.0503 21.8258C68.8518 23.0004 67.2738 23.5876 65.3162 23.5876ZM62.248 17.1636C62.248 18.4021 62.5117 19.3609 63.0391 20.04C63.5744 20.7192 64.3335 21.0588 65.3162 21.0588C66.291 21.0588 67.0501 20.7192 67.5934 20.04C68.1367 19.3609 68.4084 18.4021 68.4084 17.1636C68.4084 15.9012 68.1367 14.9264 67.5934 14.2393C67.0581 13.5521 66.299 13.2085 65.3162 13.2085C64.3335 13.2085 63.5744 13.5521 63.0391 14.2393C62.5117 14.9264 62.248 15.9012 62.248 17.1636Z" fill="currentColor"></path><path d="M46 23.4198V10.8475H49.212V12.6932H49.3199C50.2307 11.3509 51.5451 10.6797 53.263 10.6797C54.7092 10.6797 55.8118 11.1551 56.5708 12.1059C57.3299 13.0487 57.7094 14.439 57.7094 16.2767V23.4198H54.3176V16.2767C54.3176 15.27 54.1179 14.5269 53.7184 14.0475C53.3269 13.5681 52.7077 13.3284 51.8607 13.3284C51.0058 13.3284 50.3746 13.5681 49.9671 14.0475C49.5676 14.5269 49.3678 15.27 49.3678 16.2767V23.4198H46Z" fill="currentColor"></path><path d="M32.4375 23.4132V6.22656H44.075V9.0071H35.9012V13.3697H43.5836V16.1742H35.9012V20.6446H44.2907V23.4132H32.4375Z" fill="currentColor"></path></g><defs><clipPath id="clip0_1060_9099"><rect width="90.0811" height="30" fill="white"></rect></clipPath></defs>
+</svg>
diff --git a/public/sui.svg b/public/sui.svg
new file mode 100644
index 0000000..d0e0833
--- /dev/null
+++ b/public/sui.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 300 383.5" style="enable-background:new 0 0 300 383.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#4DA2FF;}
+</style>
+<path class="st0" d="M240.1,159.9c15.6,19.6,25,44.5,25,71.5s-9.6,52.6-25.7,72.4l-1.4,1.7l-0.4-2.2c-0.3-1.8-0.7-3.7-1.1-5.6
+	c-8-35.3-34.2-65.6-77.4-90.2c-29.1-16.5-45.8-36.4-50.2-59c-2.8-14.6-0.7-29.3,3.3-41.9c4.1-12.6,10.1-23.1,15.2-29.4l16.8-20.5
+	c2.9-3.6,8.5-3.6,11.4,0L240.1,159.9L240.1,159.9z M266.6,139.4L154.2,2c-2.1-2.6-6.2-2.6-8.3,0L33.4,139.4l-0.4,0.5
+	C12.4,165.6,0,198.2,0,233.7c0,82.7,67.2,149.8,150,149.8c82.8,0,150-67.1,150-149.8c0-35.5-12.4-68.1-33.1-93.8L266.6,139.4
+	L266.6,139.4z M60.3,159.5l10-12.3l0.3,2.3c0.2,1.8,0.5,3.6,0.9,5.4c6.5,34.1,29.8,62.6,68.6,84.6c33.8,19.2,53.4,41.3,59.1,65.6
+	c2.4,10.1,2.8,20.1,1.8,28.8l-0.1,0.5l-0.5,0.2c-15.2,7.4-32.4,11.6-50.5,11.6c-63.5,0-115-51.4-115-114.8
+	C34.9,204.2,44.4,179.1,60.3,159.5L60.3,159.5z"/>
+</svg>