Neuralyn

网站 · SaaS · 免费
内容预览

Create a dark landing page for "Neuralyn" — an analytics dashboard SaaS. Use React + Vite + Tailwind CSS + TypeScript + Framer Motion + shadcn/ui. Fonts Inter (400, 500, 600, 700) for body/UI via @fontsource/inter Instrument Serif (400, 400-italic) for the italic accent word via @fontsource/instrument-serif Color Theme (all HSL, dark mode by default in :root) Background: 0 0% 0% (pure black) Foreground: 0 0% 100% (pure white) Muted foreground: 0 0% 65% Card: 0 0% 5% Border: 0 0% 20% Hero subtitle: 210 17% 95% Page Structure Section 1: Hero (full viewport height, overflow-hidden) Navbar — horizontal, padded px-8 md:px-28 py-4: Left: Logo image + "Neuralyn" text (text-xl font-bold tracking-tight) + nav links (Home, Services with ChevronDown icon, Reviews, Contact us) — links hidden on mobile, gap-1 between links, gap-12 md:gap-20 between logo and links Right: "Sign In" button — solid white background (bg-foreground), black text (text-background), rounded-lg text-sm font-semibold, hover opacity transition Hero Content — centered column, mt-16 md:mt-20 px-4: Tag pill: A "liquid glass" styled pill (liquid-glass class) with inner "New" badge (white bg, black text, rounded-md text-sm font-medium px-2 py-0.5) + "Say Hello to Corewave v3.2" in text-sm font-medium text-muted-foreground. Pill has px-3 py-2 rounded-lg mb-6. Title: text-5xl md:text-7xl, tracking-[-2px], font-medium, leading-tight md:leading-[1.15] mb-3. Text: "Your Insights." / "One Clear Overview." — the word "Overview" 

……（完整源码请在站内查看）