diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css
index a2dc41ec..c02943fb 100644
--- a/apps/web/src/app/globals.css
+++ b/apps/web/src/app/globals.css
@@ -1,26 +1,34 @@
 @import "tailwindcss";
 
 :root {
-  --background: #ffffff;
-  --foreground: #171717;
+  --background: #0a0a0f;
+  --foreground: #f0f0f5;
+  --accent: #7c5cfc;
+  --accent-light: #a78bfa;
+  --muted: #3f3f50;
+  --card: #13131f;
+  --border: #1e1e2e;
 }
 
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
+  --color-accent: var(--accent);
+  --color-accent-light: var(--accent-light);
+  --color-muted: var(--muted);
+  --color-card: var(--card);
+  --color-border: var(--border);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
 body {
   background: var(--background);
   color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: var(--font-sans), Arial, Helvetica, sans-serif;
+}
+
+/* Smooth scrolling */
+html {
+  scroll-behavior: smooth;
 }
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index 976eb90d..5f069c49 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -13,8 +13,9 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Clicked — Web3 Social Messaging",
+  description:
+    "Chat, send tokens, and fund ideas — all in one place. A decentralized messaging platform built on Stellar.",
 };
 
 export default function RootLayout({
diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index 3f36f7c5..b01f2823 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -1,65 +1,23 @@
-import Image from "next/image";
+import { Navbar } from "@/components/landing/Navbar";
+import { Hero } from "@/components/landing/Hero";
+import { Features } from "@/components/landing/Features";
+import { HowItWorks } from "@/components/landing/HowItWorks";
+import { TechStack } from "@/components/landing/TechStack";
+import { CTA } from "@/components/landing/CTA";
+import { Footer } from "@/components/landing/Footer";
 
-export default function Home() {
+export default function LandingPage() {
   return (
-    <div className="flex flex-col flex-1 items-center justify-center bg-zinc-50 font-sans dark:bg-black">
-      <main className="flex flex-1 w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
-        <Image
-          className="dark:invert"
-          src="/next.svg"
-          alt="Next.js logo"
-          width={100}
-          height={20}
-          priority
-        />
-        <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
-          <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
-            To get started, edit the page.tsx file.
-          </h1>
-          <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
-            Looking for a starting point or more instructions? Head over to{" "}
-            <a
-              href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-              className="font-medium text-zinc-950 dark:text-zinc-50"
-            >
-              Templates
-            </a>{" "}
-            or the{" "}
-            <a
-              href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-              className="font-medium text-zinc-950 dark:text-zinc-50"
-            >
-              Learning
-            </a>{" "}
-            center.
-          </p>
-        </div>
-        <div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
-          <a
-            className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Image
-              className="dark:invert"
-              src="/vercel.svg"
-              alt="Vercel logomark"
-              width={16}
-              height={16}
-            />
-            Deploy Now
-          </a>
-          <a
-            className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]"
-            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Documentation
-          </a>
-        </div>
+    <>
+      <Navbar />
+      <main>
+        <Hero />
+        <Features />
+        <HowItWorks />
+        <TechStack />
+        <CTA />
       </main>
-    </div>
+      <Footer />
+    </>
   );
 }
diff --git a/apps/web/src/components/landing/CTA.tsx b/apps/web/src/components/landing/CTA.tsx
new file mode 100644
index 00000000..42bf27a5
--- /dev/null
+++ b/apps/web/src/components/landing/CTA.tsx
@@ -0,0 +1,28 @@
+export function CTA() {
+  return (
+    <section className="border-t border-[var(--border)]">
+      <div className="relative mx-auto max-w-6xl overflow-hidden px-6 py-32 text-center">
+        <div
+          aria-hidden
+          className="pointer-events-none absolute inset-0 flex items-center justify-center"
+        >
+          <div className="h-[400px] w-[400px] rounded-full bg-[var(--accent)]/10 blur-[100px]" />
+        </div>
+        <div className="relative z-10">
+          <h2 className="text-3xl font-bold tracking-tight text-[var(--foreground)] sm:text-4xl">
+            Ready to coordinate on-chain?
+          </h2>
+          <p className="mt-4 text-[var(--foreground)]/50">
+            Connect your Stellar wallet and start building with your community.
+          </p>
+          <a
+            href="/app"
+            className="mt-8 inline-flex rounded-full bg-[var(--accent)] px-10 py-3.5 text-sm font-semibold text-white shadow-lg shadow-[var(--accent)]/20 transition-opacity hover:opacity-90"
+          >
+            Launch App
+          </a>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/components/landing/Features.tsx b/apps/web/src/components/landing/Features.tsx
new file mode 100644
index 00000000..2fccd962
--- /dev/null
+++ b/apps/web/src/components/landing/Features.tsx
@@ -0,0 +1,66 @@
+const FEATURES = [
+  {
+    icon: "💬",
+    title: "Wallet-to-Wallet Messaging",
+    description:
+      "Chat directly with any Stellar wallet address. No email, no username — just your public key.",
+  },
+  {
+    icon: "💸",
+    title: "Send Tokens in Chat",
+    description:
+      "Transfer XLM or any Soroban token inside a conversation. Payments feel as natural as sending a message.",
+  },
+  {
+    icon: "🏦",
+    title: "Group Treasuries",
+    description:
+      "Communities pool funds into a shared on-chain treasury. Transparent, permissionless, always auditable.",
+  },
+  {
+    icon: "📋",
+    title: "Community Proposals",
+    description:
+      "Submit funding ideas and let the group decide. Proposals live on-chain — no back-room decisions.",
+  },
+  {
+    icon: "🗳️",
+    title: "DAO-style Voting",
+    description:
+      "Lightweight on-chain voting tied to your wallet stake. One address, one voice — or weighted by contribution.",
+  },
+  {
+    icon: "🤖",
+    title: "AI-powered Insights",
+    description:
+      "Fraud detection, proposal summarisation, and smart assistants baked into the conversation layer.",
+  },
+];
+
+export function Features() {
+  return (
+    <section id="features" className="mx-auto max-w-6xl px-6 py-32">
+      <div className="mb-16 text-center">
+        <h2 className="text-3xl font-bold tracking-tight text-[var(--foreground)] sm:text-4xl">
+          Everything in one place
+        </h2>
+        <p className="mt-4 text-[var(--foreground)]/50">
+          No more switching between Telegram, Gnosis Safe, and Snapshot.
+        </p>
+      </div>
+
+      <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+        {FEATURES.map((f) => (
+          <div
+            key={f.title}
+            className="group rounded-2xl border border-[var(--border)] bg-[var(--card)] p-6 transition-colors hover:border-[var(--muted)]"
+          >
+            <span className="text-3xl">{f.icon}</span>
+            <h3 className="mt-4 text-base font-semibold text-[var(--foreground)]">{f.title}</h3>
+            <p className="mt-2 text-sm leading-relaxed text-[var(--foreground)]/50">{f.description}</p>
+          </div>
+        ))}
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/components/landing/Footer.tsx b/apps/web/src/components/landing/Footer.tsx
new file mode 100644
index 00000000..6ab2cf7b
--- /dev/null
+++ b/apps/web/src/components/landing/Footer.tsx
@@ -0,0 +1,30 @@
+export function Footer() {
+  return (
+    <footer className="border-t border-[var(--border)] px-6 py-10">
+      <div className="mx-auto flex max-w-6xl flex-col items-center justify-between gap-4 text-sm text-[var(--foreground)]/40 sm:flex-row">
+        <span>
+          clicked<span className="text-[var(--accent)]">.</span> — Web3 Social Messaging
+        </span>
+        <div className="flex items-center gap-6">
+          <a
+            href="https://github.com/codebestia/clicked"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="hover:text-[var(--foreground)] transition-colors"
+          >
+            GitHub
+          </a>
+          <a
+            href="https://stellar.org"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="hover:text-[var(--foreground)] transition-colors"
+          >
+            Stellar
+          </a>
+          <span>MIT License</span>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/apps/web/src/components/landing/Hero.tsx b/apps/web/src/components/landing/Hero.tsx
new file mode 100644
index 00000000..67ad69a1
--- /dev/null
+++ b/apps/web/src/components/landing/Hero.tsx
@@ -0,0 +1,98 @@
+export function Hero() {
+  return (
+    <section className="relative flex min-h-screen flex-col items-center justify-center overflow-hidden px-6 pt-24 text-center">
+      {/* Background glow */}
+      <div
+        aria-hidden
+        className="pointer-events-none absolute inset-0 flex items-center justify-center"
+      >
+        <div className="h-[600px] w-[600px] rounded-full bg-[var(--accent)]/10 blur-[120px]" />
+      </div>
+
+      <div className="relative z-10 flex max-w-3xl flex-col items-center gap-6">
+        <span className="inline-flex items-center gap-2 rounded-full border border-[var(--accent)]/30 bg-[var(--accent)]/10 px-4 py-1.5 text-xs font-medium text-[var(--accent-light)]">
+          <span className="h-1.5 w-1.5 rounded-full bg-[var(--accent-light)]" />
+          Built on Stellar · Powered by Soroban
+        </span>
+
+        <h1 className="text-5xl font-bold leading-tight tracking-tight text-[var(--foreground)] sm:text-6xl lg:text-7xl">
+          Chat. Pay.{" "}
+          <span className="bg-gradient-to-r from-[var(--accent)] to-[var(--accent-light)] bg-clip-text text-transparent">
+            Build together.
+          </span>
+        </h1>
+
+        <p className="max-w-xl text-lg leading-relaxed text-[var(--foreground)]/60">
+          Clicked is a decentralized messaging platform where you can send tokens
+          as easily as messages, fund community ideas, and govern shared
+          treasuries — all in one place.
+        </p>
+
+        <div className="flex flex-col gap-3 sm:flex-row">
+          <a
+            href="/app"
+            className="rounded-full bg-[var(--accent)] px-8 py-3 text-sm font-semibold text-white shadow-lg shadow-[var(--accent)]/20 transition-opacity hover:opacity-90"
+          >
+            Launch App
+          </a>
+          <a
+            href="https://github.com/codebestia/clicked"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="rounded-full border border-[var(--border)] px-8 py-3 text-sm font-semibold text-[var(--foreground)]/70 transition-colors hover:border-[var(--muted)] hover:text-[var(--foreground)]"
+          >
+            View on GitHub
+          </a>
+        </div>
+      </div>
+
+      {/* Mock chat preview */}
+      <div className="relative z-10 mt-20 w-full max-w-2xl">
+        <div className="rounded-2xl border border-[var(--border)] bg-[var(--card)] p-6 shadow-2xl shadow-black/40">
+          <div className="mb-4 flex items-center gap-3 border-b border-[var(--border)] pb-4">
+            <div className="h-8 w-8 rounded-full bg-[var(--accent)]/30" />
+            <div>
+              <p className="text-sm font-medium text-[var(--foreground)]">builders-dao</p>
+              <p className="text-xs text-[var(--foreground)]/40">4 members</p>
+            </div>
+          </div>
+          <div className="flex flex-col gap-3 text-sm">
+            <ChatBubble align="left" name="alice.xlm" message="Should we fund the new UI sprint? 🎨" />
+            <ChatBubble align="right" name="You" message="Sent 50 XLM to the treasury ✓" highlight />
+            <ChatBubble align="left" name="bob.xlm" message="Proposal live — 3/4 votes so far 🗳️" />
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function ChatBubble({
+  align,
+  name,
+  message,
+  highlight,
+}: {
+  align: "left" | "right";
+  name: string;
+  message: string;
+  highlight?: boolean;
+}) {
+  return (
+    <div className={`flex gap-2 ${align === "right" ? "flex-row-reverse" : ""}`}>
+      <div className="mt-1 h-6 w-6 shrink-0 rounded-full bg-[var(--muted)]" />
+      <div className={`max-w-xs ${align === "right" ? "items-end" : "items-start"} flex flex-col gap-0.5`}>
+        <span className="px-1 text-xs text-[var(--foreground)]/40">{name}</span>
+        <div
+          className={`rounded-2xl px-4 py-2 text-sm ${
+            highlight
+              ? "bg-[var(--accent)] text-white"
+              : "bg-[var(--border)] text-[var(--foreground)]/80"
+          }`}
+        >
+          {message}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/src/components/landing/HowItWorks.tsx b/apps/web/src/components/landing/HowItWorks.tsx
new file mode 100644
index 00000000..84d1d0a5
--- /dev/null
+++ b/apps/web/src/components/landing/HowItWorks.tsx
@@ -0,0 +1,58 @@
+const STEPS = [
+  {
+    step: "01",
+    title: "Connect your wallet",
+    description:
+      "Sign in with your Freighter wallet. No account creation — your Stellar address is your identity.",
+  },
+  {
+    step: "02",
+    title: "Start or join a conversation",
+    description:
+      "Open a DM with any wallet address or join a group. Conversations are end-to-end linked to on-chain identities.",
+  },
+  {
+    step: "03",
+    title: "Send tokens inside the chat",
+    description:
+      "Type a transfer command or tap the payment button. Tokens move on-chain; the receipt appears inline in the thread.",
+  },
+  {
+    step: "04",
+    title: "Fund ideas together",
+    description:
+      "Create a proposal, let the group vote, and release treasury funds — all without leaving the conversation.",
+  },
+];
+
+export function HowItWorks() {
+  return (
+    <section id="how-it-works" className="border-t border-[var(--border)] bg-[var(--card)]">
+      <div className="mx-auto max-w-6xl px-6 py-32">
+        <div className="mb-16 text-center">
+          <h2 className="text-3xl font-bold tracking-tight text-[var(--foreground)] sm:text-4xl">
+            How it works
+          </h2>
+          <p className="mt-4 text-[var(--foreground)]/50">
+            From wallet connect to on-chain governance in four steps.
+          </p>
+        </div>
+
+        <div className="grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
+          {STEPS.map((s, i) => (
+            <div key={s.step} className="flex flex-col gap-4">
+              <div className="flex items-center gap-3">
+                <span className="font-mono text-sm font-bold text-[var(--accent)]">{s.step}</span>
+                {i < STEPS.length - 1 && (
+                  <div className="hidden h-px flex-1 bg-[var(--border)] lg:block" />
+                )}
+              </div>
+              <h3 className="text-base font-semibold text-[var(--foreground)]">{s.title}</h3>
+              <p className="text-sm leading-relaxed text-[var(--foreground)]/50">{s.description}</p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/components/landing/Navbar.tsx b/apps/web/src/components/landing/Navbar.tsx
new file mode 100644
index 00000000..e8343277
--- /dev/null
+++ b/apps/web/src/components/landing/Navbar.tsx
@@ -0,0 +1,22 @@
+export function Navbar() {
+  return (
+    <nav className="fixed top-0 left-0 right-0 z-50 border-b border-[var(--border)] bg-[var(--background)]/80 backdrop-blur-md">
+      <div className="mx-auto flex max-w-6xl items-center justify-between px-6 py-4">
+        <span className="text-lg font-bold tracking-tight text-[var(--foreground)]">
+          clicked<span className="text-[var(--accent)]">.</span>
+        </span>
+        <div className="hidden items-center gap-8 text-sm text-[var(--foreground)]/60 sm:flex">
+          <a href="#features" className="hover:text-[var(--foreground)] transition-colors">Features</a>
+          <a href="#how-it-works" className="hover:text-[var(--foreground)] transition-colors">How it works</a>
+          <a href="#tech" className="hover:text-[var(--foreground)] transition-colors">Tech</a>
+        </div>
+        <a
+          href="/app"
+          className="rounded-full bg-[var(--accent)] px-5 py-2 text-sm font-medium text-white transition-opacity hover:opacity-90"
+        >
+          Launch App
+        </a>
+      </div>
+    </nav>
+  );
+}
diff --git a/apps/web/src/components/landing/TechStack.tsx b/apps/web/src/components/landing/TechStack.tsx
new file mode 100644
index 00000000..17fa66b3
--- /dev/null
+++ b/apps/web/src/components/landing/TechStack.tsx
@@ -0,0 +1,49 @@
+const STACK = [
+  { label: "Next.js 16", category: "Frontend" },
+  { label: "TailwindCSS v4", category: "Frontend" },
+  { label: "Express 5", category: "Backend" },
+  { label: "Socket.IO", category: "Backend" },
+  { label: "PostgreSQL", category: "Backend" },
+  { label: "Redis", category: "Backend" },
+  { label: "Soroban", category: "Blockchain" },
+  { label: "Stellar SDK", category: "Blockchain" },
+  { label: "XMTP", category: "Messaging" },
+  { label: "FastAPI", category: "AI" },
+  { label: "Weaviate", category: "AI" },
+  { label: "Turborepo", category: "Infra" },
+];
+
+const CATEGORY_COLORS: Record<string, string> = {
+  Frontend: "bg-blue-500/10 text-blue-400 border-blue-500/20",
+  Backend: "bg-green-500/10 text-green-400 border-green-500/20",
+  Blockchain: "bg-purple-500/10 text-purple-400 border-purple-500/20",
+  Messaging: "bg-yellow-500/10 text-yellow-400 border-yellow-500/20",
+  AI: "bg-pink-500/10 text-pink-400 border-pink-500/20",
+  Infra: "bg-orange-500/10 text-orange-400 border-orange-500/20",
+};
+
+export function TechStack() {
+  return (
+    <section id="tech" className="mx-auto max-w-6xl px-6 py-32">
+      <div className="mb-16 text-center">
+        <h2 className="text-3xl font-bold tracking-tight text-[var(--foreground)] sm:text-4xl">
+          Built on proven technology
+        </h2>
+        <p className="mt-4 text-[var(--foreground)]/50">
+          A modern monorepo combining Web2 developer experience with Web3 ownership.
+        </p>
+      </div>
+
+      <div className="flex flex-wrap justify-center gap-3">
+        {STACK.map((item) => (
+          <span
+            key={item.label}
+            className={`rounded-full border px-4 py-2 text-sm font-medium ${CATEGORY_COLORS[item.category]}`}
+          >
+            {item.label}
+          </span>
+        ))}
+      </div>
+    </section>
+  );
+}
diff --git a/contracts/Cargo.lock b/contracts/Cargo.lock
index 7cad1530..ee9549d7 100644
--- a/contracts/Cargo.lock
+++ b/contracts/Cargo.lock
@@ -631,13 +631,6 @@ version = "0.16.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "841d1cc9bed7f9236f321df977030373f4a4163ae1a7dbfe1a51a2c1a51d9100"
 
-[[package]]
-name = "hello-world"
-version = "0.0.0"
-dependencies = [
- "soroban-sdk",
-]
-
 [[package]]
 name = "hex"
 version = "0.4.3"
diff --git a/contracts/contracts/hello-world/Cargo.toml b/contracts/contracts/hello-world/Cargo.toml
deleted file mode 100644
index c3e84a9f..00000000
--- a/contracts/contracts/hello-world/Cargo.toml
+++ /dev/null
@@ -1,15 +0,0 @@
-[package]
-name = "hello-world"
-version = "0.0.0"
-edition = "2021"
-publish = false
-
-[lib]
-crate-type = ["lib", "cdylib"]
-doctest = false
-
-[dependencies]
-soroban-sdk = { workspace = true }
-
-[dev-dependencies]
-soroban-sdk = { workspace = true, features = ["testutils"] }
diff --git a/contracts/contracts/hello-world/Makefile b/contracts/contracts/hello-world/Makefile
deleted file mode 100644
index b9719346..00000000
--- a/contracts/contracts/hello-world/Makefile
+++ /dev/null
@@ -1,16 +0,0 @@
-default: build
-
-all: test
-
-test: build
-	cargo test
-
-build:
-	stellar contract build
-	@ls -l target/wasm32v1-none/release/*.wasm
-
-fmt:
-	cargo fmt --all
-
-clean:
-	cargo clean
diff --git a/contracts/contracts/hello-world/src/lib.rs b/contracts/contracts/hello-world/src/lib.rs
deleted file mode 100644
index f8120043..00000000
--- a/contracts/contracts/hello-world/src/lib.rs
+++ /dev/null
@@ -1,23 +0,0 @@
-#![no_std]
-use soroban_sdk::{contract, contractimpl, vec, Env, String, Vec};
-
-#[contract]
-pub struct Contract;
-
-// This is a sample contract. Replace this placeholder with your own contract logic.
-// A corresponding test example is available in `test.rs`.
-//
-// For comprehensive examples, visit <https://github.com/stellar/soroban-examples>.
-// The repository includes use cases for the Stellar ecosystem, such as data storage on
-// the blockchain, token swaps, liquidity pools, and more.
-//
-// Refer to the official documentation:
-// <https://developers.stellar.org/docs/build/smart-contracts/overview>.
-#[contractimpl]
-impl Contract {
-    pub fn hello(env: Env, to: String) -> Vec<String> {
-        vec![&env, String::from_str(&env, "Hello"), to]
-    }
-}
-
-mod test;
diff --git a/contracts/contracts/hello-world/src/test.rs b/contracts/contracts/hello-world/src/test.rs
deleted file mode 100644
index 0bdcba08..00000000
--- a/contracts/contracts/hello-world/src/test.rs
+++ /dev/null
@@ -1,21 +0,0 @@
-#![cfg(test)]
-
-use super::*;
-use soroban_sdk::{vec, Env, String};
-
-#[test]
-fn test() {
-    let env = Env::default();
-    let contract_id = env.register(Contract, ());
-    let client = ContractClient::new(&env, &contract_id);
-
-    let words = client.hello(&String::from_str(&env, "Dev"));
-    assert_eq!(
-        words,
-        vec![
-            &env,
-            String::from_str(&env, "Hello"),
-            String::from_str(&env, "Dev"),
-        ]
-    );
-}