- {body} -
- - ); -} diff --git a/src/components/landing/AutoRedirectVisual.tsx b/src/components/landing/AutoRedirectVisual.tsx new file mode 100644 index 0000000..3c98cb6 --- /dev/null +++ b/src/components/landing/AutoRedirectVisual.tsx @@ -0,0 +1,164 @@ +'use client'; + +import { Check, ChevronRight } from 'lucide-react'; +import { + BlueskySVG, + DeerSVG, + LeafletSVG, + TangledSVG, + GrainSVG, +} from '@/utils/waypointIcons'; + +const ROWS: { collection: string; label: string; icon: React.ReactNode; client: string }[] = [ + { + collection: 'app.bsky.feed.post', + label: 'Posts', + icon:+ {body} +
+ + ); +} diff --git a/src/components/landing/ExtensionLanding.tsx b/src/components/landing/ExtensionLanding.tsx new file mode 100644 index 0000000..a874881 --- /dev/null +++ b/src/components/landing/ExtensionLanding.tsx @@ -0,0 +1,283 @@ +'use client'; + +import Link from 'next/link'; +import { + Compass, + Eye, + Link2, + MousePointerClick, + Repeat, + ShieldCheck, + Zap, +} from 'lucide-react'; +import AppearIn from '@/components/explore/AppearIn'; +import BrowserChrome from '@/components/home/BrowserChrome'; +import ExtensionPopupVisual from '@/components/home/ExtensionPopupVisual'; +import DownloadButton, { BrowserFallbackList } from '@/components/home/DownloadButton'; +import { getWaypointCount } from '@/utils/waypoints'; +import CrossLinkCards from './CrossLinkCards'; +import InspectPanelVisual from './InspectPanelVisual'; +import AutoRedirectVisual from './AutoRedirectVisual'; +import ContextMenuVisual from './ContextMenuVisual'; +import FeatureSection from './FeatureSection'; + +export default function ExtensionLanding() { + const waypointCount = getWaypointCount(); + return ( ++ Land on a Bluesky post and want to read it in Deer? Click the leaf + in your toolbar — the popup detects the AT URI on the page and + offers every app that can render it. Pick a favorite once and let + auto-redirect handle the rest. +
+
+
+ The popup picks up whatever AT URI is on the page and surfaces a + recommended client at the top, plus every other waypoint that + supports that lexicon — from Bluesky and Deer to Leaflet, + Tangled, Margin, Grain, and the rest of the catalog. +
++ Each row links straight to the equivalent page on the other + client, so there’s no copy-pasting, no fiddling with URL + schemes, no re-resolving handles. +
+ + } + visual={ ++ Switch to the Inspect tab to read the underlying record: the DID + behind the handle, the PDS hosting it, the lexicon collection, + and the count of inbound backlinks pointing at it. +
++ Click any field to copy it, or jump straight into the + Atmosphere Explorer to read the raw JSON. The same data + Bluesky’s API serves, surfaced inline as you browse. +
+ + } + visual={+ Pick a preferred client for each kind of record — posts in + Deer, documents in Leaflet, repositories in Tangled — and the + extension transparently sends you there whenever you click an + Atmosphere link from anywhere on the web. +
++ Preferences are per-lexicon and per-device. Disable + auto-redirect for one collection without losing the others, or + turn the whole thing off and the extension goes back to a + popup-only tool. +
+ + } + visual={
+ The extension registers a context menu on any text that looks
+ like an at://{' '}
+ URI. Right-click it and you can open it in your recommended
+ app, inspect it on aturi.to, or copy a clean universal link
+ pointing at the same record.
+
+ Useful in DMs, READMEs, JSON viewers, dev tools — anywhere an + AT URI shows up in plain text instead of a styled link. +
+ + } + visual={+ The extension only talks to your PDS when you actively trigger it — + click the popup, hit Inspect, or follow a context-menu jump. + Preferences stay in your browser’s local storage; nothing is + uploaded.{' '} + + Read the privacy policy + + . +
+
+ Drop an{' '}
+
+ aturi.to
+ {' '}
+ link anywhere — a DM, a footer, a bio. Your visitors land on a
+ friendly preview of the record and pick the Atmosphere client
+ they want to open it in. No client lock-in. No sign-up. Every
+ record, profile, list, and feed resolves to the right destination
+ across 25+ curated clients.
+
+ Every aturi.to URL follows the same pattern: the host, a handle + or DID, the lexicon collection, and the record key. The same + shape works for every record type — there’s nothing to + memorize beyond what an AT URI already looks like. +
++ Drop the collection and the rkey, and you get a profile link. + Drop just the rkey, and you get a collection index. The path + always degrades gracefully. +
+ + } + visual={
+ If a lexicon has a public record, aturi.to has a URL for it. The
+ same{' '}
+ handle/collection/rkey{' '}
+ pattern resolves whether the record lives in app.bsky.feed.post,
+ pub.leaflet.document, sh.tangled.repo, or something brand new the
+ ecosystem invented last week.
+
+ Recipients land on a clean preview with a recommended client + pinned at the top and every alternative listed below. They can + read what the record is, decide where to open it, and never get + stranded in an app they don’t use. +
++ Each link is a real, indexable URL — embeds get OpenGraph + cards, link unfurlers get a real title and description, and + bookmarks survive client churn. +
+ + } + visual={+ Sign in with your atproto handle and aturi.to remembers your + preferred client for each record type. The next time you + follow a universal link, the picker auto-resolves to your + favorite app — no extra clicks, on any device you sign in to. +
+
+ Want to share a link that forces a specific client? Add a{' '}
+ ?via={' '}
+ query param. Want to give your recipient the picker back? Drop
+ it. The default-vs-override decision lives in the URL, not in
+ the app.
+
+ An aturi.to URL is short, readable, and copy-pasteable. It works + in Bluesky posts, group chats, blog footers, business cards, QR + codes, podcast show notes — anywhere a regular link belongs. +
+