Dashboard
+Dashboard
diff --git a/src/pages/DashboardEvents.tsx b/src/pages/DashboardEvents.tsx
index 4fe2d21..c71470c 100644
--- a/src/pages/DashboardEvents.tsx
+++ b/src/pages/DashboardEvents.tsx
@@ -16,7 +16,7 @@ export function DashboardEvents() {
My Events
+My Events
diff --git a/src/pages/DashboardExport.tsx b/src/pages/DashboardExport.tsx
index 0255a8c..559d49f 100644
--- a/src/pages/DashboardExport.tsx
+++ b/src/pages/DashboardExport.tsx
@@ -94,7 +94,7 @@ export function DashboardExport() {
Export Following List
+Export Following List
diff --git a/src/pages/Explore.tsx b/src/pages/Explore.tsx
index 0250d76..a9dbf23 100644
--- a/src/pages/Explore.tsx
+++ b/src/pages/Explore.tsx
@@ -1,4 +1,5 @@
import { useState } from 'react';
+import { useSeoMeta } from '@unhead/react';
import type { NostrEvent, NostrMetadata } from '@nostrify/nostrify';
import { useExploreEvents } from '@/hooks/useExploreEvents';
import { useAuthor } from '@/hooks/useAuthor';
@@ -9,6 +10,8 @@ import { Badge } from '@/components/ui/badge';
import { Skeleton } from '@/components/ui/skeleton';
import { NoteContent } from '@/components/NoteContent';
import { genUserName } from '@/lib/genUserName';
+import { SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar';
+import { AppSidebar } from '@/components/navigation/AppSidebar';
function TextNoteCard({ event }: { event: NostrEvent }) {
const author = useAuthor(event.pubkey);
@@ -160,18 +163,25 @@ export function Explore() {
const [activeTab, setActiveTab] = useState('notes');
const { data, isLoading, isError } = useExploreEvents();
+ useSeoMeta({
+ title: 'Explore — LAYER.systems',
+ description: 'The latest text notes and profiles passing through the LAYER.systems relay.',
+ });
+
return (
-
-
+
);
}
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index fb16a26..f1fc268 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -1,240 +1,181 @@
import { useSeoMeta } from '@unhead/react';
import { useState } from 'react';
import { Button } from '@/components/ui/button';
-import { Card, CardContent } from '@/components/ui/card';
-import { CheckCircle2, Copy, Server, Gift, Users, Globe } from 'lucide-react';
+import { CheckCircle2, Copy, Gift, Users, Globe, ShieldCheck } from 'lucide-react';
import { useToast } from '@/hooks/useToast';
-import { LoginArea } from '@/components/auth/LoginArea';
+import { SiteHeader } from '@/components/brand/SiteHeader';
+import { SiteFooter } from '@/components/brand/SiteFooter';
+import { LayerStack } from '@/components/brand/LayerStack';
+import { LayerDivider } from '@/components/brand/LayerDivider';
+
+const relayUrl = 'wss://relay.layer.systems';
+
+const features = [
+ {
+ icon: Gift,
+ title: 'No cost, no catch',
+ description: 'Publishing and reading are free. No paywalled feeds, no premium relay tier.',
+ },
+ {
+ icon: Users,
+ title: 'Run for the community',
+ description: 'Kept online by people who use Nostr daily, not a company monetizing your notes.',
+ },
+ {
+ icon: Globe,
+ title: 'Speaks to every client',
+ description: 'Standard NIP-01 relay behavior — works with Damus, Amethyst, Snort, and the rest.',
+ },
+ {
+ icon: ShieldCheck,
+ title: 'Yours to inspect',
+ description: 'Your events, your keys. Browse everything you’ve published from your own dashboard.',
+ },
+];
+
+const steps = [
+ {
+ step: '01',
+ title: 'Choose your client',
+ body: 'Pick a Nostr client — Damus, Amethyst, Snort, or any other app that speaks the protocol.',
+ },
+ {
+ step: '02',
+ title: 'Add the relay',
+ body: 'In your client’s relay settings, add the URL below to your read/write relay list.',
+ },
+ {
+ step: '03',
+ title: 'Post through it',
+ body: 'That’s it. Notes you publish now pass through LAYER.systems on their way to the network.',
+ },
+];
const Index = () => {
const [copied, setCopied] = useState(false);
const { toast } = useToast();
- const relayUrl = 'wss://relay.layer.systems';
useSeoMeta({
- title: 'LAYER.systems - Public Nostr Relay',
- description: 'A fast, reliable, and open Nostr relay serving the decentralized social network.',
+ title: 'LAYER.systems — Public Nostr Relay',
+ description: 'A free, community-run Nostr relay. Add wss://relay.layer.systems to any client to connect to the decentralized social network.',
});
const copyToClipboard = async () => {
try {
await navigator.clipboard.writeText(relayUrl);
setCopied(true);
- toast({
- title: 'Copied!',
- description: 'Relay URL copied to clipboard',
- });
+ toast({ title: 'Copied', description: 'Relay URL copied to clipboard' });
setTimeout(() => setCopied(false), 2000);
} catch {
toast({
- title: 'Failed to copy',
- description: 'Please copy the URL manually',
+ title: 'Couldn’t copy automatically',
+ description: 'Select and copy the URL manually.',
variant: 'destructive',
});
}
};
- const features = [
- {
- icon: Gift,
- title: 'Free',
- description: 'No cost to use - accessible for everyone',
- },
- {
- icon: Users,
- title: 'Community driven',
- description: 'Built and maintained by the Nostr community',
- },
- {
- icon: Globe,
- title: 'Global Network',
- description: 'Part of the decentralized Nostr ecosystem',
- },
- {
- icon: Server,
- title: 'Open Access',
- description: 'Free to use for all Nostr clients',
- },
- ];
-
return (
-
- {/* Header */}
-
+
-
-
+ - Explore -
-- Discover the latest text notes and profiles from the Nostr -
-
+
+
+
+
+
+ Explore
+
+
@@ -264,7 +274,9 @@ export function Explore() {
+ + The latest text notes and profiles passing through this relay. +
{/* Tabs */}
- {/* Header */}
-
-
+
-
-
-
-
+ {/* Hero — the layer stack, lit on dark ink */}
+
+
+
- {/* Animated Background Elements */}
-
-
-
-
-
-
- {/* Status Badge */}
- {/*
-
-
- Relay Online
-
-
*/}
-
- {/* Main Heading */}
-
-
-
- LAYER.systems
-
+
-
- LAYER.systems
-
+
+
+ Public Nostr relay
+
+ One relay in the stack between you and the network.
-
- Your gateway to the decentralized social network
+
+ LAYER.systems stores and forwards the events your client sends it — free, open,
+ and built for the people actually using Nostr.
-
- A fast, reliable, and open Nostr relay connecting you to the future of social media
-
-
- {/* Relay URL Card */}
-
-
-
-
-
-
- Relay URL
-
- {relayUrl}
-
-
-
-
-
- Add this URL to your Nostr client to connect to LAYER.systems
-
-
-
-
-
-
- {/* Features Grid */}
-
- Why Choose LAYER.systems?
-
- {features.map((feature, index) => (
-
-
-
- {feature.title}
- {feature.description}
-
-
-
- ))}
+
+ Relay URL
+
+
+ {relayUrl}
+
+
+
+
+
+ Getting Started
-
-
-
-
-
-
- 1
-
-
- Choose Your Client
-
- Pick a Nostr client like Damus, Amethyst, Snort, or any other compatible application
-
-
-
-
-
- 2
-
-
- Add the Relay
-
- In your client settings, add {relayUrl} to your relay list
-
-
-
-
-
- 3
-
-
- Start Connecting
-
- You're all set! Start posting, following, and connecting with the Nostr network
-
-
-
-
-
-
-
+ {/* Why this relay */}
+
+
+ Why this relay
+
+ Infrastructure, not a product to sell you
+
+
+
+ {features.map((feature) => (
+
+
+ {feature.title}
+ {feature.description}
+
+ ))}
+
+
+
+
+
+
- {/* Relay URL Card */}
- Public Nostr relay
++ One relay in the stack between you and the network.
-- Your gateway to the decentralized social network +
+ LAYER.systems stores and forwards the events your client sends it — free, open, + and built for the people actually using Nostr.
-- A fast, reliable, and open Nostr relay connecting you to the future of social media -
-
-
-
-
-
-
-
- {/* Features Grid */}
-
-
-
-
-
-
-
- Relay URL
-
- {relayUrl}
-
- - Add this URL to your Nostr client to connect to LAYER.systems -
-
-
Why Choose LAYER.systems?
-
- {features.map((feature, index) => (
-
-
-
-
- ))}
+
+
+
-
-
-
- {feature.title}
-{feature.description}
-
+
Relay URL
+
+
+ {relayUrl}
+
+
+
+
-
+
+
+
Getting Started
-
-
-
-
-
-
+ {/* Why this relay */}
+
-
-
-
-
- 1
-
-
-
- Choose Your Client
-- Pick a Nostr client like Damus, Amethyst, Snort, or any other compatible application -
-
-
-
- 2
-
-
-
- Add the Relay
-
- In your client settings, add {relayUrl} to your relay list
-
-
-
- 3
-
-
-
- Start Connecting
-- You're all set! Start posting, following, and connecting with the Nostr network -
-
+
+
+ Why this relay
++ Infrastructure, not a product to sell you +
+ {features.map((feature) => (
+
+
+
+ ))}
+
+
+ {feature.title}
+{feature.description}
+
+
- {/* Footer */}
-