From c881c13e7cef663d5a0d4dd39842e0e32cd68883 Mon Sep 17 00:00:00 2001 From: tpSpace Date: Sat, 17 Jan 2026 20:59:05 +0700 Subject: [PATCH 1/2] new section for sui stack --- app/page.tsx | 3 +- components/CardsSection.tsx | 23 +++--- components/FeaturesSection.tsx | 128 +++++++++++++++++---------------- components/Hero.tsx | 6 -- public/enoki.svg | 3 + public/sui.svg | 15 ++++ 6 files changed, 100 insertions(+), 78 deletions(-) create mode 100644 public/enoki.svg create mode 100644 public/sui.svg diff --git a/app/page.tsx b/app/page.tsx index 3e1d196..788a045 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -10,6 +10,7 @@ export default function Home() {
+ - +
); diff --git a/components/CardsSection.tsx b/components/CardsSection.tsx index 70e5eed..15be233 100644 --- a/components/CardsSection.tsx +++ b/components/CardsSection.tsx @@ -9,6 +9,18 @@ export default function CardsSection() { Not just bots. + {/* Moving Text Line */} +
+ + + Monetize Data • Prevent Fraud • Developer SDK • MCP Agents • Powered by Enoki • + + + Monetize Data • Prevent Fraud • Developer SDK • MCP Agents • Powered by Enoki • + + +
+ {/* Cards Marquee */}
@@ -110,17 +122,6 @@ export default function CardsSection() {
- {/* Moving Text Line */} -
- - - Monetize Data • Prevent Fraud • Developer SDK • MCP Agents • Powered by Enoki • - - - Monetize Data • Prevent Fraud • Developer SDK • MCP Agents • Powered by Enoki • - - -
); } diff --git a/components/FeaturesSection.tsx b/components/FeaturesSection.tsx index 13073f4..fd4476d 100644 --- a/components/FeaturesSection.tsx +++ b/components/FeaturesSection.tsx @@ -35,15 +35,9 @@ export default function FeaturesSection() { src="/walrus.svg" /> -
- monetization_on -
-
- touch_app -

Simple, Direct
@@ -80,68 +74,82 @@ export default function FeaturesSection() {

-
-
-
-
- - Powered by Sui - + +
+ {/* Header */} +
+ {/*
+ + Powered by Sui + +
*/} +

+ Built for
+ Speed & Scale +

+
+ +
+ {/* Left Column */} +
+ {/* Walrus */} +
+
+ Walrus +
+

Walrus Storage

+

+ Precise, censorship-resistant storage optimized for large datasets. Ensures your data is always available and secure at low cost. +

-

- Built for
- Speed & Scale -

-

- Leveraging the power of Nautilus for transaction speed, Walrus - for decentralized storage, and Seal for top-tier encryption. -

-
-
- water - Walrus + + {/* Sui */} +
+
+ Sui
-
- - verified_user - - Seal +

Sui Layer 1

+

+ High-performance blockchain with infinite horizontal scalability. Enables instant finality and ultra-low gas fees for seamless operations. +

+
+ + {/* Enoki */} +
+
+ Enoki
-
- - rocket_launch - - Nautilus +
+

Frictionless UX

+

+ Seamless onboarding with zkLogin. Users sign in with Web2 credentials while maintaining full self-custody and security. +

-
-
-
-
- - cloud_queue - -

- Storage -

-
-
- - enhanced_encryption - -

- Security -

+ + {/* Right Column (Offset) */} +
+ {/* Seal */} +
+
+ Seal
-
- - bolt - -

- Speed -

+

Seal Encryption

+

+ Protects data with threshold encryption and on-chain access control. Secures sensitive assets at rest and in transit. +

+
+ + {/* Nautilus */} +
+
+ visibility
+

Nautilus Compute

+

+ Executes sensitive logic in Trusted Execution Environments (TEEs) with on-chain verification. Enables private, trustless dataset sample extraction. +

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() {
-
- - - Powered by Sui Ecosystem - -

Data Exchange 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 @@ + + + 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 @@ + + + + + + From 5e6e7171097329b88d9c38f7eadf98d682b19ee1 Mon Sep 17 00:00:00 2001 From: tpSpace Date: Sat, 17 Jan 2026 21:10:42 +0700 Subject: [PATCH 2/2] refactor: extract components and refine features section - Extract MovingTextLine and DataShortcutSection components - Refactor FeaturesSection to focus on Sui stack with brand styling - Correct Nautilus and Seal descriptions - Reorder landing page sections --- app/page.tsx | 5 +- components/CardsSection.tsx | 12 -- components/DataShortcutSection.tsx | 80 ++++++++++++ components/FeaturesSection.tsx | 194 +++++++++-------------------- components/MovingTextLine.tsx | 16 +++ 5 files changed, 157 insertions(+), 150 deletions(-) create mode 100644 components/DataShortcutSection.tsx create mode 100644 components/MovingTextLine.tsx diff --git a/app/page.tsx b/app/page.tsx index 788a045..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"; @@ -12,13 +14,14 @@ export default function Home() { + + -

); diff --git a/components/CardsSection.tsx b/components/CardsSection.tsx index 15be233..0080629 100644 --- a/components/CardsSection.tsx +++ b/components/CardsSection.tsx @@ -9,18 +9,6 @@ export default function CardsSection() { Not just bots. - {/* Moving Text Line */} -
- - - Monetize Data • Prevent Fraud • Developer SDK • MCP Agents • Powered by Enoki • - - - Monetize Data • Prevent Fraud • Developer SDK • MCP Agents • Powered by Enoki • - - -
- {/* Cards Marquee */}
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 ( +
+
+

+ Your Shortcut to get
+ Data +

+
+
+
+
+

+ Explore +
+ Data +
+ Opportunities +

+

+ Discover vetted datasets to put your algorithms to work through + your next AI models. +

+ +
+
+ Coins +
+
+
+
+

+ Simple, Direct +
+ Execution +

+

+ Buy and sell datasets in a few taps. Verify dataset with simple + click. +

+
+
+ {/* Animation Container */} +
+ {/* Buy Button */} + + + {/* Animated Cursor */} +
+ + + +
+
+
+
+
+
+ ); +} diff --git a/components/FeaturesSection.tsx b/components/FeaturesSection.tsx index fd4476d..4efa2dc 100644 --- a/components/FeaturesSection.tsx +++ b/components/FeaturesSection.tsx @@ -1,156 +1,76 @@ export default function FeaturesSection() { return ( -
-
-

- Your Shortcut to get
- Data -

-
-
-
-
-

- Explore -
- Data -
- Opportunities -

-

- Discover vetted datasets to put your algorithms to work through - your next AI models. -

- -
-
- Coins -
+
+
+ {/* Header */} +
+

+ Built for
+ Speed & Scale +

-
-
-

- Simple, Direct -
- Execution -

-

- Buy and sell datasets in a few taps. Verify dataset with simple - click. -

-
-
- {/* Animation Container */} -
- {/* Buy Button */} - - {/* Animated Cursor */} -
- - - +
+ {/* Left Column */} +
+ {/* Walrus */} +
+
+ Walrus
+

Walrus Storage

+

+ Precise, censorship-resistant storage optimized for large datasets. Ensures your data is always available and secure at low cost. +

-
-
-
- {/* Header */} -
- {/*
- - Powered by Sui - -
*/} -

- Built for
- Speed & Scale -

-
- -
- {/* Left Column */} -
- {/* Walrus */} -
-
- Walrus -
-

Walrus Storage

-

- Precise, censorship-resistant storage optimized for large datasets. Ensures your data is always available and secure at low cost. -

+ {/* Sui */} +
+
+ Sui
+

Sui Layer 1

+

+ High-performance blockchain with infinite horizontal scalability. Enables instant finality and ultra-low gas fees for seamless operations. +

+
- {/* Sui */} -
-
- Sui -
-

Sui Layer 1

-

- High-performance blockchain with infinite horizontal scalability. Enables instant finality and ultra-low gas fees for seamless operations. -

+ {/* Enoki */} +
+
+ Enoki
- - {/* Enoki */} -
-
- Enoki -
-
-

Frictionless UX

-

- Seamless onboarding with zkLogin. Users sign in with Web2 credentials while maintaining full self-custody and security. -

-
+
+

Frictionless UX

+

+ Seamless onboarding with zkLogin. Users sign in with Web2 credentials while maintaining full self-custody and security. +

+
- {/* Right Column (Offset) */} -
- {/* Seal */} -
-
- Seal -
-

Seal Encryption

-

- Protects data with threshold encryption and on-chain access control. Secures sensitive assets at rest and in transit. -

+ {/* Right Column (Offset) */} +
+ {/* Seal */} +
+
+ Seal
+

Seal Encryption

+

+ Protects data with threshold encryption and on-chain access control. Secures sensitive assets at rest and in transit. +

+
- {/* Nautilus */} -
-
- visibility -
-

Nautilus Compute

-

- Executes sensitive logic in Trusted Execution Environments (TEEs) with on-chain verification. Enables private, trustless dataset sample extraction. -

+ {/* Nautilus */} +
+
+ visibility
+

Nautilus Compute

+

+ Executes sensitive logic in Trusted Execution Environments (TEEs) with on-chain verification. Enables private, trustless dataset sample extraction. +

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 ( +
+ + + Monetize Data • Prevent Fraud • Developer SDK • MCP Agents • Powered by Enoki • + + + Monetize Data • Prevent Fraud • Developer SDK • MCP Agents • Powered by Enoki • + + +
+ ); +}