[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","68d456369978819195be98cae13818b0","versionInt","title","Hearme – Audiobooks & Podcasts Landing (react + Tailwind)","type","code/react","content","import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { Headphones, Search, Sparkles, Star, Play, BookOpen, Compass, Clock, ChevronRight, Check, Mail, Twitter, Instagram, Music2, Mic2, BookAudio, SlidersHorizontal } from \"lucide-react\";\n\n// Simple badge/chip component\nconst Chip = ({ children }: { children: React.ReactNode }) => (\n \n {children}\n \n);\n\nconst Feature = ({ icon: Icon, title, desc }: { icon: any; title: string; desc: string }) => (\n \n

\n \n

{title}

{desc}

\n \n);\n\nconst Testimonial = ({ quote, name, role }: { quote: string; name: string; role: string }) => (\n \n

“{quote}”

{name}

{role}

\n \n);\n\nconst Card = ({ children }: { children: React.ReactNode }) => (\n

\n {children}\n

\n);\n\nconst SectionTitle = ({ eyebrow, title, subtitle }: { eyebrow: string; title: string; subtitle?: string }) => (\n

{eyebrow}

{title}

\n {subtitle &&

{subtitle}

}\n

\n);\n\nconst MockResult = ({ title, author, length, rating }: { title: string; author: string; length: string; rating: number }) => (\n

\n \n

{title}

{author} • {length}

\n {Array.from({ length: 5 }).map((_, i) => (\n \n ))}\n {rating}.0\n

\n \n

\n);\n\nexport default function HearmeLanding() {\n return (\n

\n {/* Decorative background */}\n

\n\n {/* Navbar */}\n

\n \n

\n hearme\n \n \n

\n \n \n

\n\n {/* Hero */}\n

\n \n Discover audio that feels made for you.\n \n

\n hearme learns what you love and curates fresh audiobooks and podcasts you’ll actually finish.\n Search less, listen more.\n

\n\n {/* Search box mock */}\n

\n \n \n \n

\n {[\"True crime\", \"Productivity\", \"Sci‑fi epics\", \"Wellness\", \"Comedy\", \"History bites\"].map((t) => (\n {t}\n ))}\n

\n\n

No ads

Smart queues

Cross‑platform

\n\n {/* Mock device / preview */}\n \n

Your mix • Today

Based on sci‑fi, design, long‑form

\n \n

\n \n \n \n

\n \n

\n\n {/* Logos / socials */}\n

\n Follow along\n Twitter\n Instagram\n Newsletter\n

\n\n {/* Features */}\n

\n \n

\n \n \n \n \n

\n\n {/* How it works */}\n

\n \n

Tell us what you’re into

Pick a few themes, creators, and lengths. Bring your existing libraries—we’ll import.

\n \n \n

Our engine curates

A dynamic mix of audiobooks and podcasts, ranked for your taste and time‑to‑listen.

\n \n \n

Press play, anywhere

Sync across devices with offline support, chapter notes, and smart speed.

\n \n

\n\n {/* Discover preview */}\n

\n \n

\n Podcast • Design\n

Design Notes – S3E12

Systems thinking with Priya Nair on building humane products.

\n 48m\n \n

\n\n

\n Audiobook • Sci‑fi\n

The Silent Constellation

A courier faces a choice between a lost colony and a corporate war.

\n 9h 21m\n \n

\n\n

\n Focus • Non‑fiction\n

Micro‑Habits for Makers

Tactics for consistent deep work without burning out.

\n 3h 05m\n \n

\n\n {/* Pricing / CTA */}\n

\n \n

Pro

Unlimited discovery, premium queues, offline, and priority picks.

\n $6\n /mo\n

\n \n

Free

Great recommendations, standard queues, and listening stats.

\n $0\n forever\n

\n \n

\n\n {/* Testimonials */}\n

\n \n

\n \n \n \n

\n\n {/* Footer */}\n \n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","9803838460717270259","traceTime",1777599999252]