{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "blockus", "homepage": "https://blockus.lndevui.com", "items": [ { "name": "hero-01", "type": "registry:block", "title": "Aurora-glow hero", "description": "Centered hero with a soft conic-gradient aurora behind the headline and a row of stacked avatars as social proof.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-01.tsx", "type": "registry:block", "target": "components/blocks/hero-01.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-02", "type": "registry:block", "title": "blockus marketing hero", "description": "The full blockus opening — sticky non-auth header on top, crosshair-framed dotted backdrop, an announcement pill, a four-clause balanced headline and dual CTAs (Get the catalog + Browse blocks).", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-02.tsx", "type": "registry:block", "target": "components/blocks/hero-02.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-03", "type": "registry:block", "title": "Split hero with terminal preview", "description": "Two-column hero with copy on the left and a mock terminal showing the install command on the right.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-03.tsx", "type": "registry:block", "target": "components/blocks/hero-03.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-04", "type": "registry:block", "title": "Hero with cycling word", "description": "Centered headline whose bracketed word rotates between five options via a pure-CSS keyframe.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-04.tsx", "type": "registry:block", "target": "components/blocks/hero-04.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-05", "type": "registry:block", "title": "Editorial newspaper hero", "description": "Serif headline, kicker ribbon and a two-column intro evoking a magazine cover layout.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-05.tsx", "type": "registry:block", "target": "components/blocks/hero-05.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-06", "type": "registry:block", "title": "Dashboard split hero", "description": "Dark split hero with a tilted dashboard mockup on the right, conic glow behind the copy and a customer-logos row anchoring the bottom.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-06.tsx", "type": "registry:block", "target": "components/blocks/hero-06.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-07", "type": "registry:block", "title": "Spotlight serif hero", "description": "Centered serif headline, glowing primary CTA and a logo marquee at the bottom — moody and high-contrast.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-07.tsx", "type": "registry:block", "target": "components/blocks/hero-07.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-08", "type": "registry:block", "title": "Beam-of-light hero", "description": "Left-aligned hero with a diagonal violet light beam slicing across the canvas and a Used-by trust strip at the bottom.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-08.tsx", "type": "registry:block", "target": "components/blocks/hero-08.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-09", "type": "registry:block", "title": "Stats-grid hero", "description": "Hero combining a strong headline with a four-stat metric grid revealing growth numbers under the CTA.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-09.tsx", "type": "registry:block", "target": "components/blocks/hero-09.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-10", "type": "registry:block", "title": "Spotlight cursor hero", "description": "Hero with an interactive spotlight that follows the cursor, revealing a hidden gradient under a dotted backdrop.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-10.tsx", "type": "registry:block", "target": "components/blocks/hero-10.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-11", "type": "registry:block", "title": "Bento feature hero", "description": "Hero copy on the left paired with a four-tile bento grid teasing the product's key capabilities on the right.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-11.tsx", "type": "registry:block", "target": "components/blocks/hero-11.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-12", "type": "registry:block", "title": "Marquee badge hero", "description": "Centered hero with an auto-scrolling badge marquee under the headline highlighting capabilities and integrations.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-12.tsx", "type": "registry:block", "target": "components/blocks/hero-12.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-01", "type": "registry:block", "title": "Lifetime spotlight pricing", "description": "Single bold offer card with monthly-vs-lifetime savings callout and decorative gradient bloom.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-01.tsx", "type": "registry:block", "target": "components/blocks/pricing-01.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-02", "type": "registry:block", "title": "Three-tier comparison", "description": "Free, Pro and Team tiers side-by-side with feature checklists and a highlighted middle plan.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-02.tsx", "type": "registry:block", "target": "components/blocks/pricing-02.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-03", "type": "registry:block", "title": "Monthly / yearly toggle", "description": "Two-plan layout with a billing-period switch and a discount badge on the yearly option.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-03.tsx", "type": "registry:block", "target": "components/blocks/pricing-03.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-04", "type": "registry:block", "title": "Inline pricing pills", "description": "Three compact tiers arranged in a single horizontal card — perfect for a marketing site footer band.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-04.tsx", "type": "registry:block", "target": "components/blocks/pricing-04.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-05", "type": "registry:block", "title": "Team-seat slider pricing", "description": "Single plan whose total updates as the user slides the team-seat count between 1 and 25.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-05.tsx", "type": "registry:block", "target": "components/blocks/pricing-05.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-06", "type": "registry:block", "title": "Service-tier pricing cards", "description": "Three dark service-tier cards with coloured category chips, scarcity badge and gradient bottom CTAs.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-06.tsx", "type": "registry:block", "target": "components/blocks/pricing-06.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-07", "type": "registry:block", "title": "Comparison matrix pricing", "description": "Full feature-by-tier comparison matrix with grouped sections, sticky header column and tier callouts.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-07.tsx", "type": "registry:block", "target": "components/blocks/pricing-07.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-08", "type": "registry:block", "title": "Mega-offer pricing", "description": "A single big-statement pricing card with a vertical price stack, glowing accent and a long feature list.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-08.tsx", "type": "registry:block", "target": "components/blocks/pricing-08.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-09", "type": "registry:block", "title": "Stacked accordion pricing", "description": "Tiers arranged vertically as expandable rows revealing per-plan features on click.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-09.tsx", "type": "registry:block", "target": "components/blocks/pricing-09.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-10", "type": "registry:block", "title": "Usage-based pricing", "description": "Usage slider with tiered breakpoints — live preview of the estimated bill based on monthly volume.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-10.tsx", "type": "registry:block", "target": "components/blocks/pricing-10.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-11", "type": "registry:block", "title": "Pay-what-you-want", "description": "Single offer card with a custom-amount input, three preset chips and a live confirmation strip.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-11.tsx", "type": "registry:block", "target": "components/blocks/pricing-11.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-12", "type": "registry:block", "title": "Multi-currency pricing", "description": "Three-tier pricing with a currency switcher (USD / EUR / GBP) that updates every plan in place.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-12.tsx", "type": "registry:block", "target": "components/blocks/pricing-12.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-13", "type": "registry:block", "title": "Annual savings spotlight", "description": "Two-plan layout with the annual plan visually amplified — savings badge, comparison bar and copy callout.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-13.tsx", "type": "registry:block", "target": "components/blocks/pricing-13.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-14", "type": "registry:block", "title": "Modular add-on builder", "description": "Base plan card with stacked add-on checkboxes; total recomputes as add-ons are toggled.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-14.tsx", "type": "registry:block", "target": "components/blocks/pricing-14.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-15", "type": "registry:block", "title": "Testimonial-paired pricing", "description": "Pricing card on one side, rotating customer quote on the other — social proof anchored to the buy decision.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-15.tsx", "type": "registry:block", "target": "components/blocks/pricing-15.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-16", "type": "registry:block", "title": "Two-plan side-by-side", "description": "Free and Pro plans in two clean side-by-side cards, one highlighted — monthly-only, no toggle required.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-16.tsx", "type": "registry:block", "target": "components/blocks/pricing-16.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-17", "type": "registry:block", "title": "Single centered plan card", "description": "One product, one price — a centered card with a full feature list, compare-at strikethrough, and trust badges.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-17.tsx", "type": "registry:block", "target": "components/blocks/pricing-17.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-18", "type": "registry:block", "title": "Three-tier monthly/yearly toggle", "description": "Three tiers with a monthly/yearly toggle and a save-20% badge, middle tier highlighted as most picked.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-18.tsx", "type": "registry:block", "target": "components/blocks/pricing-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-19", "type": "registry:block", "title": "Feature comparison grid", "description": "Rows of features across three plans with check/dash indicators, built as a responsive grid with grouped categories.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-19.tsx", "type": "registry:block", "target": "components/blocks/pricing-19.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-20", "type": "registry:block", "title": "Usage-based range slider", "description": "Native range slider updates an estimated monthly price in real time as the user drags through event-volume tiers.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-20.tsx", "type": "registry:block", "target": "components/blocks/pricing-20.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-21", "type": "registry:block", "title": "Four compact tier row", "description": "Four minimal plan tiles in a single row — price, three bullets each, and a CTA, nothing more.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-21.tsx", "type": "registry:block", "target": "components/blocks/pricing-21.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-22", "type": "registry:block", "title": "Pricing cards with FAQ accordion", "description": "Two pricing cards on the left, a small FAQ accordion on the right — answers sit next to the buy button.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-22.tsx", "type": "registry:block", "target": "components/blocks/pricing-22.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button" ] }, { "name": "pricing-23", "type": "registry:block", "title": "Dark high-contrast spotlight", "description": "Always-dark stone-950 canvas, single featured tier with a violet radial glow and a glowing CTA button.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-23.tsx", "type": "registry:block", "target": "components/blocks/pricing-23.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-24", "type": "registry:block", "title": "Pro + Enterprise split", "description": "Two-panel layout — a priced Pro tier on the left and an Enterprise contact-sales panel on the right.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-24.tsx", "type": "registry:block", "target": "components/blocks/pricing-24.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-25", "type": "registry:block", "title": "Per-seat stepper pricing", "description": "Seat stepper with +/− buttons and quick-pick presets updates the monthly and yearly totals in place.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-25.tsx", "type": "registry:block", "target": "components/blocks/pricing-25.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "pricing-26", "type": "registry:block", "title": "Lifetime deal card", "description": "One-time lifetime deal with a compare-at strikethrough price, savings badge, and trust-badge row.", "categories": [ "pricing" ], "files": [ { "path": "content/components/pricing/pricing-26.tsx", "type": "registry:block", "target": "components/blocks/pricing-26.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "footer-01", "type": "registry:block", "title": "Footer with mission statement", "description": "Left column carries a punchy serif brand statement, right column groups three nav lists.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-01.tsx", "type": "registry:block", "target": "components/blocks/footer-01.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "footer-02", "type": "registry:block", "title": "Mega wordmark footer", "description": "Compact nav columns on top, a huge wordmark across the bottom serving as a visual anchor.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-02.tsx", "type": "registry:block", "target": "components/blocks/footer-02.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "footer-03", "type": "registry:block", "title": "CTA footer", "description": "Final-call footer leading with a Ready-to-ship CTA card and a slim copyright row underneath.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-03.tsx", "type": "registry:block", "target": "components/blocks/footer-03.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "footer-04", "type": "registry:block", "title": "Newsletter centerpiece footer", "description": "Full-width newsletter capture as the centerpiece, framed by nav columns and a copyright row.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-04.tsx", "type": "registry:block", "target": "components/blocks/footer-04.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "footer-05", "type": "registry:block", "title": "Dark card footer", "description": "Single rounded dark card containing brand, nav and copyright — sits inside the page like an island.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-05.tsx", "type": "registry:block", "target": "components/blocks/footer-05.tsx" } ] }, { "name": "footer-06", "type": "registry:block", "title": "Floating CTA footer", "description": "Dark rounded CTA capsule floating above a light footer with a faded oversized wordmark behind it.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-06.tsx", "type": "registry:block", "target": "components/blocks/footer-06.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "footer-07", "type": "registry:block", "title": "Integration-logos footer", "description": "Footer leading with a grid of integration partner logos, paired with concise nav columns.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-07.tsx", "type": "registry:block", "target": "components/blocks/footer-07.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "footer-08", "type": "registry:block", "title": "Status + newsletter footer", "description": "Footer combining a live status pill, newsletter capture and a social-icon row in a single band.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-08.tsx", "type": "registry:block", "target": "components/blocks/footer-08.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "footer-09", "type": "registry:block", "title": "Compact one-row footer", "description": "Minimal single-row footer — brand on the left, condensed nav and socials on the right.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-09.tsx", "type": "registry:block", "target": "components/blocks/footer-09.tsx" } ] }, { "name": "footer-10", "type": "registry:block", "title": "Locations footer", "description": "Footer with three location blocks (city, address, hours) and a thin contact band on top.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-10.tsx", "type": "registry:block", "target": "components/blocks/footer-10.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "footer-11", "type": "registry:block", "title": "Sticky CTA bar footer", "description": "Sticky bottom CTA bar over a slim footer — drives final conversion as the user reaches the page bottom.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-11.tsx", "type": "registry:block", "target": "components/blocks/footer-11.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "footer-12", "type": "registry:block", "title": "Product-grid footer", "description": "Footer with a four-tile mini product showcase grid above the navigation columns.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-12.tsx", "type": "registry:block", "target": "components/blocks/footer-12.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "footer-13", "type": "registry:block", "title": "Gradient brand footer", "description": "Footer set on a rich gradient with a large brand statement and tightly-spaced nav lists.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-13.tsx", "type": "registry:block", "target": "components/blocks/footer-13.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "footer-14", "type": "registry:block", "title": "Testimonial rail footer", "description": "Three mini testimonial cards form a rail above the standard footer columns.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-14.tsx", "type": "registry:block", "target": "components/blocks/footer-14.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "footer-15", "type": "registry:block", "title": "Big-type minimalist footer", "description": "Massive single-line brand wordmark dominates the layout, with a discreet nav band on top.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-15.tsx", "type": "registry:block", "target": "components/blocks/footer-15.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "hero-13", "type": "registry:block", "title": "AI analytics dashboard hero", "description": "Centered hero with inline metric chips, paired with a live, clickable dashboard mockup — sidebar pages, tab switcher and chart toggle all wired up.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-13.tsx", "type": "registry:block", "target": "components/blocks/hero-13.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-14", "type": "registry:block", "title": "Big-type cream hero with mega menu", "description": "Massive sans-serif headline on a cream canvas with playful pebble decoration, a hover-revealed product mega menu and a multi-logo trust strip below.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-14.tsx", "type": "registry:block", "target": "components/blocks/hero-14.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-15", "type": "registry:block", "title": "Dark issue-tracker hero", "description": "Pure-black hero with a status callout on the right and a fully clickable issue-tracker mockup — sidebar pages, tabs and prev/next navigation all interactive.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-15.tsx", "type": "registry:block", "target": "components/blocks/hero-15.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-16", "type": "registry:block", "title": "Serif notebook hero with mega menu", "description": "Sky-blue editorial hero with serif headline, paper-cut mountain horizon and a notebook app mockup — plus a hover-revealed product mega menu in the floating nav pill.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-16.tsx", "type": "registry:block", "target": "components/blocks/hero-16.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "contact-01", "type": "registry:block", "title": "Centered contact form", "description": "Centered headline with a clean three-field contact form — the safest starting point for any marketing site.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-01.tsx", "type": "registry:block", "target": "components/blocks/contact-01.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-02", "type": "registry:block", "title": "Split contact with details", "description": "Two-column layout pairing a copy block plus email / phone / locations on the left with a long form on the right.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-02.tsx", "type": "registry:block", "target": "components/blocks/contact-02.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-03", "type": "registry:block", "title": "Three-channel contact cards", "description": "Routes visitors to the right team via three side-by-side cards — Sales, Support, Press — each with its own CTA.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-03.tsx", "type": "registry:block", "target": "components/blocks/contact-03.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "contact-04", "type": "registry:block", "title": "Form with HQ panel", "description": "Split card with a dotted-grid HQ panel on the left and a full contact form on the right.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-04.tsx", "type": "registry:block", "target": "components/blocks/contact-04.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-05", "type": "registry:block", "title": "Bento contact form", "description": "Long form on the left, four contact-method tiles on the right — email, phone, live chat, response time.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-05.tsx", "type": "registry:block", "target": "components/blocks/contact-05.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-06", "type": "registry:block", "title": "Offices grid", "description": "Three office cards showing city, address, hours and a deep link to Maps — perfect for an About / Contact page.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-06.tsx", "type": "registry:block", "target": "components/blocks/contact-06.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "contact-07", "type": "registry:block", "title": "Dark glass contact", "description": "Dark hero-style contact section with a glowing radial backdrop and a glass form card floating on top.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-07.tsx", "type": "registry:block", "target": "components/blocks/contact-07.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-08", "type": "registry:block", "title": "Compact contact column", "description": "Single-column contact card — email, message, send — plus a row of social icons under a hairline divider.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-08.tsx", "type": "registry:block", "target": "components/blocks/contact-08.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-09", "type": "registry:block", "title": "Meet the team contact", "description": "Form on the right, four gradient-avatar teammates on the left signalling Sales / Support / Partnerships / Engineering.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-09.tsx", "type": "registry:block", "target": "components/blocks/contact-09.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-10", "type": "registry:block", "title": "Newsletter + form combo", "description": "Half newsletter capture, half contact form in a single rounded card — for sites that want both.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-10.tsx", "type": "registry:block", "target": "components/blocks/contact-10.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-11", "type": "registry:block", "title": "Inquiry router", "description": "Pick Sales / Support / Press first — the form below adapts its placeholder and CTA to that route.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-11.tsx", "type": "registry:block", "target": "components/blocks/contact-11.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-12", "type": "registry:block", "title": "Multi-step inquiry form", "description": "Three-step form with progress dots — You, Project, Goal — for warm inbound leads.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-12.tsx", "type": "registry:block", "target": "components/blocks/contact-12.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-13", "type": "registry:block", "title": "Glass card on gradient", "description": "Minimalist contact form floating inside a frosted card over a soft tri-gradient backdrop.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-13.tsx", "type": "registry:block", "target": "components/blocks/contact-13.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-14", "type": "registry:block", "title": "Sticky promises aside", "description": "Form on the right, sticky aside on the left listing reasons-to-write and the support email.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-14.tsx", "type": "registry:block", "target": "components/blocks/contact-14.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-15", "type": "registry:block", "title": "One-line contact pill", "description": "Minimal centered hero with a single rounded email pill — the lightest contact section in the catalog.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-15.tsx", "type": "registry:block", "target": "components/blocks/contact-15.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "faqs-01", "type": "registry:block", "title": "Centered accordion FAQ", "description": "Centered headline plus an accordion of common questions — the bread-and-butter FAQ layout.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-01.tsx", "type": "registry:block", "target": "components/blocks/faqs-01.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button" ] }, { "name": "faqs-02", "type": "registry:block", "title": "Two-column FAQ", "description": "Sticky copy on the left, full accordion on the right — easier scanning when there are 5+ questions.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-02.tsx", "type": "registry:block", "target": "components/blocks/faqs-02.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button" ] }, { "name": "faqs-03", "type": "registry:block", "title": "Tabbed FAQ categories", "description": "Pill tabs route between General / Billing / Support, each backed by its own accordion list.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-03.tsx", "type": "registry:block", "target": "components/blocks/faqs-03.tsx" } ], "registryDependencies": [ "accordion" ] }, { "name": "faqs-04", "type": "registry:block", "title": "FAQ card grid", "description": "Six question-and-answer cards in a tight grid — quick to scan when no question dominates.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-04.tsx", "type": "registry:block", "target": "components/blocks/faqs-04.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "faqs-05", "type": "registry:block", "title": "Numbered FAQ list", "description": "Editorial-style FAQ with mono numerals on the left and questions in big tracking-tight type.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-05.tsx", "type": "registry:block", "target": "components/blocks/faqs-05.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "faqs-06", "type": "registry:block", "title": "Searchable FAQ", "description": "Search input above the accordion — typing filters the list live, with an empty-state nudge to email support.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-06.tsx", "type": "registry:block", "target": "components/blocks/faqs-06.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "input" ] }, { "name": "faqs-07", "type": "registry:block", "title": "Featured question spotlight", "description": "Single big-typography question on top with a long answer card below and a row of related-question pills.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-07.tsx", "type": "registry:block", "target": "components/blocks/faqs-07.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "faqs-08", "type": "registry:block", "title": "Two-column FAQ cards", "description": "FAQs grouped into two themed cards side-by-side — Product on one, Billing & team on the other.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-08.tsx", "type": "registry:block", "target": "components/blocks/faqs-08.tsx" } ], "registryDependencies": [ "accordion" ] }, { "name": "faqs-09", "type": "registry:block", "title": "FAQ with help card", "description": "Accordion on the left, sticky support card on the right with a CTA to open a ticket.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-09.tsx", "type": "registry:block", "target": "components/blocks/faqs-09.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button" ] }, { "name": "faqs-10", "type": "registry:block", "title": "Dark themed FAQ", "description": "Inverted FAQ block — moody dark background, pink glow and a frosted accordion shell.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-10.tsx", "type": "registry:block", "target": "components/blocks/faqs-10.tsx" } ], "registryDependencies": [ "accordion" ] }, { "name": "faqs-11", "type": "registry:block", "title": "Bento FAQ grid", "description": "Mixed-span FAQ tiles arranged like a bento board for a more editorial feel.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-11.tsx", "type": "registry:block", "target": "components/blocks/faqs-11.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "faqs-12", "type": "registry:block", "title": "Sidebar scroll-spy FAQ", "description": "Sticky topic sidebar paired with stacked themed sections — perfect for a docs-style FAQ page.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-12.tsx", "type": "registry:block", "target": "components/blocks/faqs-12.tsx" } ] }, { "name": "faqs-13", "type": "registry:block", "title": "One-line FAQ rows", "description": "Question and answer in two columns per row — fastest to read when answers are short.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-13.tsx", "type": "registry:block", "target": "components/blocks/faqs-13.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "faqs-14", "type": "registry:block", "title": "FAQ with sticky support", "description": "Two-column FAQ with a sticky support-CTA card on the right — keeps the help button always visible.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-14.tsx", "type": "registry:block", "target": "components/blocks/faqs-14.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button" ] }, { "name": "faqs-15", "type": "registry:block", "title": "Editorial serif FAQ", "description": "Quiet, serif-typeset FAQ with a section glyph header — fits brand sites that favour print restraint.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-15.tsx", "type": "registry:block", "target": "components/blocks/faqs-15.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion" ] }, { "name": "login-01", "type": "registry:block", "title": "Centered card login", "description": "Classic shadcn-style centered login card — brand mark, email, password, primary CTA and a sign-up nudge.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-01.tsx", "type": "registry:block", "target": "components/blocks/login-01.tsx" } ], "registryDependencies": [ "button", "input" ] }, { "name": "login-02", "type": "registry:block", "title": "Magic-link first login", "description": "Single email field, magic-link CTA and an outline Continue-with-Google fallback below.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-02.tsx", "type": "registry:block", "target": "components/blocks/login-02.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-03", "type": "registry:block", "title": "Split login with testimonial", "description": "Form on the left, full-bleed marketing testimonial panel on the right — the proven SaaS layout.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-03.tsx", "type": "registry:block", "target": "components/blocks/login-03.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-04", "type": "registry:block", "title": "Magic-link spotlight", "description": "Headline-led magic-link login with a pill-shaped email + button input — minimal and intentional.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-04.tsx", "type": "registry:block", "target": "components/blocks/login-04.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-05", "type": "registry:block", "title": "Social-first login", "description": "Three social-provider buttons up top with a Continue-with-email form below the divider.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-05.tsx", "type": "registry:block", "target": "components/blocks/login-05.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-06", "type": "registry:block", "title": "Two-step login", "description": "Email first, password second — the Notion / Linear pattern with a back-button and remembered email.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-06.tsx", "type": "registry:block", "target": "components/blocks/login-06.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-07", "type": "registry:block", "title": "Tabbed sign in / sign up", "description": "Single card with a Sign-in / Create-account toggle so a visitor never bounces because they need the other flow.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-07.tsx", "type": "registry:block", "target": "components/blocks/login-07.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-08", "type": "registry:block", "title": "Login with consent", "description": "Login card with a remember-me checkbox and a Terms/Privacy disclaimer baked into the form footer.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-08.tsx", "type": "registry:block", "target": "components/blocks/login-08.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-09", "type": "registry:block", "title": "Two-factor code login", "description": "Six individual digit inputs with auto-advance focus — the 2FA confirmation screen ready to drop in.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-09.tsx", "type": "registry:block", "target": "components/blocks/login-09.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "login-10", "type": "registry:block", "title": "Developer dark login", "description": "Pure-black login card with a terminal-pill header and a mono-styled sign-in button — designed for dev tools.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-10.tsx", "type": "registry:block", "target": "components/blocks/login-10.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-11", "type": "registry:block", "title": "Brand-panel login", "description": "Full-width black brand panel on the left with the marketing statement, login form on the right.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-11.tsx", "type": "registry:block", "target": "components/blocks/login-11.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-12", "type": "registry:block", "title": "Login with stack logos", "description": "Centered login card with a row of integration wordmarks underneath as social proof.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-12.tsx", "type": "registry:block", "target": "components/blocks/login-12.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-13", "type": "registry:block", "title": "Glass card login", "description": "Frosted login card floating over a soft violet / pink radial gradient backdrop.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-13.tsx", "type": "registry:block", "target": "components/blocks/login-13.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-14", "type": "registry:block", "title": "Crosshair frame login", "description": "Login form anchored inside an architectural crosshair frame — a quiet brand-forward auth screen.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-14.tsx", "type": "registry:block", "target": "components/blocks/login-14.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-15", "type": "registry:block", "title": "Login with trial CTA", "description": "Login card with a clear forgot-password link plus a dashed call-out routing visitors to start a free trial.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-15.tsx", "type": "registry:block", "target": "components/blocks/login-15.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-01", "type": "registry:block", "title": "Centered sign-up card", "description": "Sister to login-01 — centered card with full name, email, password and a primary Create-account CTA.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-01.tsx", "type": "registry:block", "target": "components/blocks/register-01.tsx" } ], "registryDependencies": [ "button", "input" ] }, { "name": "register-02", "type": "registry:block", "title": "One-field email signup", "description": "Headline-led signup with a single pill-shaped email + button — for ungated lead capture.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-02.tsx", "type": "registry:block", "target": "components/blocks/register-02.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-03", "type": "registry:block", "title": "Multi-step register", "description": "Three-step sign-up — You, Team, Plan — with a progress bar and plan radio cards on the final step.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-03.tsx", "type": "registry:block", "target": "components/blocks/register-03.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-04", "type": "registry:block", "title": "Social-first signup", "description": "Continue-with-Google / GitHub buttons up top and a Continue-with-email form below the divider.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-04.tsx", "type": "registry:block", "target": "components/blocks/register-04.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-05", "type": "registry:block", "title": "Free-trial signup", "description": "Trial-focused signup card with reassurance pills — Free for 14 days, no card required.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-05.tsx", "type": "registry:block", "target": "components/blocks/register-05.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-06", "type": "registry:block", "title": "Split signup with quote", "description": "Marketing testimonial panel on the left, sign-up form on the right — the SaaS classic.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-06.tsx", "type": "registry:block", "target": "components/blocks/register-06.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-07", "type": "registry:block", "title": "Bento signup with features", "description": "Feature tiles on the left, sign-up form on the right — communicates value while collecting the email.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-07.tsx", "type": "registry:block", "target": "components/blocks/register-07.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-08", "type": "registry:block", "title": "Newsletter-style signup", "description": "Centered card with an icon, social-proof headline and a single email-plus-button input.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-08.tsx", "type": "registry:block", "target": "components/blocks/register-08.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-09", "type": "registry:block", "title": "Signup with consent", "description": "Full sign-up card with first / last name, terms checkbox and a marketing-emails opt-in.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-09.tsx", "type": "registry:block", "target": "components/blocks/register-09.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-10", "type": "registry:block", "title": "Signup with logo strip", "description": "Compact sign-up card with a row of customer wordmarks beneath as social proof.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-10.tsx", "type": "registry:block", "target": "components/blocks/register-10.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-11", "type": "registry:block", "title": "Signup beside dashboard preview", "description": "Sign-up form on the left, a mini dashboard mock-up on the right showing what they unlock.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-11.tsx", "type": "registry:block", "target": "components/blocks/register-11.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-12", "type": "registry:block", "title": "Dark developer signup", "description": "Pure-black sign-up card with frosted inputs — pairs with login-10 for dev-facing products.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-12.tsx", "type": "registry:block", "target": "components/blocks/register-12.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-13", "type": "registry:block", "title": "Brand-panel signup", "description": "Inverted brand panel on the left with the marketing pitch, sign-up form on the right.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-13.tsx", "type": "registry:block", "target": "components/blocks/register-13.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-14", "type": "registry:block", "title": "Glass signup", "description": "Frosted sign-up card hovering over a teal / pink radial gradient — pairs with login-13.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-14.tsx", "type": "registry:block", "target": "components/blocks/register-14.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-15", "type": "registry:block", "title": "Plan-tied signup", "description": "Picked plan summary on the left, account form on the right — connects pricing CTA to checkout.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-15.tsx", "type": "registry:block", "target": "components/blocks/register-15.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "logo-cloud-01", "type": "registry:block", "title": "Trust strip", "description": "Six-logo strip under a one-line trust headline — the safe default trust row for any landing page.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-01.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-01.tsx" } ] }, { "name": "logo-cloud-02", "type": "registry:block", "title": "Divided logo grid", "description": "Eight wordmarks arranged in a hairline-divided grid — feels like a tidy customer wall.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-02.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-02.tsx" } ] }, { "name": "logo-cloud-03", "type": "registry:block", "title": "Marquee logo cloud", "description": "Infinite-scrolling marquee of customer wordmarks with edge fades — set-and-forget social proof.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-03.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-03.tsx" } ] }, { "name": "logo-cloud-04", "type": "registry:block", "title": "Labeled logo grid", "description": "Each logo card carries a tiny meta-label (Case study, Hackathon, Customer) for an honest trust row.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-04.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-04.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "logo-cloud-05", "type": "registry:block", "title": "Headline-count logos", "description": "Massive headline with a hard customer count, anchored by a row of six wordmarks below.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-05.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-05.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "logo-cloud-06", "type": "registry:block", "title": "Customer story tiles", "description": "Three case-study cards — each pairing a logo with a single numeric outcome and a short caption.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-06.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-06.tsx" } ] }, { "name": "logo-cloud-07", "type": "registry:block", "title": "Logo + quote pairs", "description": "Two side-by-side cards combining a customer logo with a serif-set quote and an attributed author.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-07.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-07.tsx" } ] }, { "name": "logo-cloud-08", "type": "registry:block", "title": "Logos with stats", "description": "Four-cell stat grid above a logo strip — quantitative trust plus visual trust on one band.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-08.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-08.tsx" } ] }, { "name": "logo-cloud-09", "type": "registry:block", "title": "Pill logo cloud", "description": "Wordmarks wrapped in rounded pill chips so they read as a brand tag cloud instead of a row.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-09.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-09.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "logo-cloud-10", "type": "registry:block", "title": "Hover-lift logo grid", "description": "Twelve-logo grid where each card lifts and crystallises on hover — interactive trust strip.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-10.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-10.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "logo-cloud-11", "type": "registry:block", "title": "Two-row marquee", "description": "Two opposing marquees — top scrolls left, bottom scrolls right — for richer movement in the trust band.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-11.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-11.tsx" } ] }, { "name": "logo-cloud-12", "type": "registry:block", "title": "Dark logo grid", "description": "Inverted logo wall with a subtle indigo glow — pairs naturally with dark landing pages.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-12.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-12.tsx" } ] }, { "name": "logo-cloud-13", "type": "registry:block", "title": "Glow centered logos", "description": "Centered cloud with a live-deployment pill on top and a soft sky glow behind the headline.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-13.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-13.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "logo-cloud-14", "type": "registry:block", "title": "Industry-grouped logos", "description": "Logos grouped by category — Developer tools / Productivity / AI — each in its own labeled row.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-14.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-14.tsx" } ] }, { "name": "logo-cloud-15", "type": "registry:block", "title": "Featured + others", "description": "Big featured-customer card with a quiet row of the rest underneath — useful when one brand carries the proof.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-15.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-15.tsx" } ] }, { "name": "header-01", "type": "registry:block", "title": "Classic top bar", "description": "Logo + flat nav links with an active-state chip + Login / Get-started CTAs — the bread-and-butter site header.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-01.tsx", "type": "registry:block", "target": "components/blocks/header-01.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "header-02", "type": "registry:block", "title": "Centered nav header", "description": "Three-column grid header — logo left, centered nav, CTAs on the right with a ghost Login and primary button.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-02.tsx", "type": "registry:block", "target": "components/blocks/header-02.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "header-03", "type": "registry:block", "title": "Header with announcement bar", "description": "Top utility band with a live status dot, a dismissible New badge and a changelog link, plus two NavigationMenu dropdowns on the nav row — Product categories and a Resources two-column panel.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-03.tsx", "type": "registry:block", "target": "components/blocks/header-03.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button", "navigation-menu" ] }, { "name": "header-04", "type": "registry:block", "title": "Header with mega menu", "description": "Product + Solutions triggers open a full NavigationMenu — feature grid for Product, two-column Use cases / Content for Solutions.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-04.tsx", "type": "registry:block", "target": "components/blocks/header-04.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button", "navigation-menu" ] }, { "name": "header-05", "type": "registry:block", "title": "All-in-one pill nav", "description": "Logo, Product + Solutions NavigationMenu dropdowns, flat links and the Sign-in pill — everything tucked into one rounded backdrop-blurred pill.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-05.tsx", "type": "registry:block", "target": "components/blocks/header-05.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button", "navigation-menu" ] }, { "name": "header-06", "type": "registry:block", "title": "Sticky scroll header", "description": "Sticky top bar that swaps to a translucent blur once the page scrolls past 8px, with a NavigationMenu Pricing dropdown comparing the three tiers inline.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-06.tsx", "type": "registry:block", "target": "components/blocks/header-06.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button", "navigation-menu" ] }, { "name": "header-07", "type": "registry:block", "title": "Centered pill nav with split CTA", "description": "Logo on the left, centered rounded pill with two NavigationMenu dropdowns (Product + Solutions) and ghost Sign-in plus a glowing indigo Start-for-free CTA on the right.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-07.tsx", "type": "registry:block", "target": "components/blocks/header-07.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button", "navigation-menu" ] }, { "name": "header-10", "type": "registry:block", "title": "Header with command palette", "description": "Search-styled ⌘K trigger height-matched with the Sign-in button, plus a Developers NavigationMenu listing CLI, registry tokens, MCP and GitHub Action.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-10.tsx", "type": "registry:block", "target": "components/blocks/header-10.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button", "navigation-menu" ] }, { "name": "header-11", "type": "registry:block", "title": "Dark header with accent CTA", "description": "Inverted dark header with a glowing indigo Start-free button and ghost Sign-in — pairs with dark heroes.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-11.tsx", "type": "registry:block", "target": "components/blocks/header-11.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "header-12", "type": "registry:block", "title": "Two-row utility header", "description": "Top thin row carries email, phone and a locale switcher; main row carries the brand + nav + CTAs.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-12.tsx", "type": "registry:block", "target": "components/blocks/header-12.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "header-13", "type": "registry:block", "title": "Authenticated header", "description": "Logo + active-aware app nav + an avatar pill that pops a profile / settings / billing / sign-out menu.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-13.tsx", "type": "registry:block", "target": "components/blocks/header-13.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "header-14", "type": "registry:block", "title": "Two-row header", "description": "Slim utility row on top (by-line + secondary links), main brand + nav + CTA row below.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-14.tsx", "type": "registry:block", "target": "components/blocks/header-14.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "header-15", "type": "registry:block", "title": "Glass header on gradient", "description": "Frosted header card with a soft violet-to-pink corner gradient and two NavigationMenu dropdowns — outcome-led Use cases and audience-led Industries.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-15.tsx", "type": "registry:block", "target": "components/blocks/header-15.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button", "navigation-menu" ] }, { "name": "header-16", "type": "registry:block", "title": "Header with shipped pill", "description": "Header with a live shipped-version pill that pings, linking to the changelog — broadcasts product velocity.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-16.tsx", "type": "registry:block", "target": "components/blocks/header-16.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-17", "type": "registry:block", "title": "Outflux outbound CRM hero", "description": "Centered hero with a hand-drawn underline accent, capability pill row and a tilted blue gradient frame holding a full CRM appointments mockup at the bottom.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-17.tsx", "type": "registry:block", "target": "components/blocks/hero-17.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-18", "type": "registry:block", "title": "Stacker operating-system hero", "description": "Centered hero with a live status pill, three-line headline, dual CTAs, partner wordmark row and a clean dashboard mockup with metric tiles, weekly revenue chart and today's task list.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-18.tsx", "type": "registry:block", "target": "components/blocks/hero-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-19", "type": "registry:block", "title": "Syntara pentagonal hero", "description": "Two-column hero pairing a serif-feel headline with a sculpted 3D pentagonal blob on the right and a Used-by logo row anchoring the bottom.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-19.tsx", "type": "registry:block", "target": "components/blocks/hero-19.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-20", "type": "registry:block", "title": "Orbit on-chain wallet hero", "description": "Pure-dark hero with copy on top and two side-by-side wallet cards — total balance with sparkline plus an accounts list — anchored by a live-updates caption.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-20.tsx", "type": "registry:block", "target": "components/blocks/hero-20.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-21", "type": "registry:block", "title": "Forma violet-beam hero", "description": "Dark hero with diagonal violet light beams slicing across the canvas, an emerald Get-Started CTA in the nav and a Loved-by world's best logo row.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-21.tsx", "type": "registry:block", "target": "components/blocks/hero-21.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "how-it-works-01", "type": "registry:block", "title": "Three numbered steps", "description": "Centered three-column path with numbered icons, kicker, headline and a single Get-started CTA.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-01.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-01.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "how-it-works-02", "type": "registry:block", "title": "Vertical timeline how-it-works", "description": "Four-step vertical timeline with dashed rail, numbered nodes and an icon per step.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-02.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-02.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "how-it-works-03", "type": "registry:block", "title": "Steps with UI mocks", "description": "Three product-flow steps — Capture, Verify, Settle — each card paired with a faithful mini UI mock (payment form, risk checks, receipt).", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-03.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-03.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "how-it-works-04", "type": "registry:block", "title": "Sticky-headline how-it-works", "description": "Sticky headline on the left, scrolling numbered cards on the right — each with a board / code / funnel mock to make the step concrete.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-04.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-04.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "how-it-works-05", "type": "registry:block", "title": "Pipeline with arrows", "description": "Compact four-step row connected by dashed arrows — fastest at-a-glance pipeline diagram for an above-the-fold band.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-05.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-05.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "how-it-works-06", "type": "registry:block", "title": "Bento how-it-works", "description": "Four steps arranged as a mixed-span bento — catalog tiles, terminal pane, theme swatch row and a metric summary CTA.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-06.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-06.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "how-it-works-07", "type": "registry:block", "title": "Dark terminal how-it-works", "description": "Pure-dark how-it-works with three terminal panes — one per step — showing real CLI output and a glowing primary CTA.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-07.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-07.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "how-it-works-08", "type": "registry:block", "title": "Editorial serif how-it-works", "description": "Serif-typeset how-we-work with roman-numeral chapters, kickers and an artifact card per step — perfect for studio sites.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-08.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-08.tsx" } ] }, { "name": "stats-01", "type": "registry:block", "title": "Three-stat row", "description": "Centered headline above a hairline-divided three-stat row — the safe default metric band.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-01.tsx", "type": "registry:block", "target": "components/blocks/stats-01.tsx" } ] }, { "name": "stats-02", "type": "registry:block", "title": "Four-stat tile grid", "description": "Four metric tiles with kicker, value and one-line context each — works on every neutral page.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-02.tsx", "type": "registry:block", "target": "components/blocks/stats-02.tsx" } ] }, { "name": "stats-03", "type": "registry:block", "title": "Dotted-map stats", "description": "Three stats over a dotted world-map backdrop with a live status pill — feels like a global trust band.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-03.tsx", "type": "registry:block", "target": "components/blocks/stats-03.tsx" } ] }, { "name": "stats-04", "type": "registry:block", "title": "Split stats with color bars", "description": "Sticky headline on the left, vertically-stacked metrics with color accent bars on the right.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-04.tsx", "type": "registry:block", "target": "components/blocks/stats-04.tsx" } ] }, { "name": "stats-05", "type": "registry:block", "title": "Bento stats with sparklines", "description": "Four-tile bento mixing large sparkline cards with compact delta tiles — uptime, growth and snapshot metrics in one.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-05.tsx", "type": "registry:block", "target": "components/blocks/stats-05.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "stats-06", "type": "registry:block", "title": "Stats paired with quote", "description": "Two big metric tiles next to a dark testimonial card — quantitative and social proof on a single band.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-06.tsx", "type": "registry:block", "target": "components/blocks/stats-06.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "stats-07", "type": "registry:block", "title": "Stats with growth charts", "description": "Three large metric cards, each topped with its own sparkline and quarter-by-quarter rail.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-07.tsx", "type": "registry:block", "target": "components/blocks/stats-07.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "stats-08", "type": "registry:block", "title": "Editorial serif stats", "description": "Serif-typeset stats — each row pairs an oversized numeric with a narrative paragraph.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-08.tsx", "type": "registry:block", "target": "components/blocks/stats-08.tsx" } ] }, { "name": "testimonials-01", "type": "registry:block", "title": "Centered single quote", "description": "One serif quote, five stars and an avatar — the bread-and-butter testimonial band.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-01.tsx", "type": "registry:block", "target": "components/blocks/testimonials-01.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-02", "type": "registry:block", "title": "Three-column testimonial grid", "description": "Three quote cards in a clean grid, each with a star rating, body and gradient avatar.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-02.tsx", "type": "registry:block", "target": "components/blocks/testimonials-02.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-03", "type": "registry:block", "title": "Featured brand quote", "description": "Single big editorial quote card with a brand wordmark header and a serif-cut opening glyph.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-03.tsx", "type": "registry:block", "target": "components/blocks/testimonials-03.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-04", "type": "registry:block", "title": "Light + dark quote pair", "description": "Two-column testimonial — a light card next to a dark inverted card for visual contrast.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-04.tsx", "type": "registry:block", "target": "components/blocks/testimonials-04.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-05", "type": "registry:block", "title": "Rotating quote carousel", "description": "Single big quote with prev / next arrows and a dot nav — cycles through four customer quotes.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-05.tsx", "type": "registry:block", "target": "components/blocks/testimonials-05.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-06", "type": "registry:block", "title": "Bento testimonial wall", "description": "Mixed-span bento of customer quotes — large brand-logo cards next to compact text cards.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-06.tsx", "type": "registry:block", "target": "components/blocks/testimonials-06.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-07", "type": "registry:block", "title": "Case-study cards", "description": "Two case-study cards pairing a brand logo, a numeric outcome metric and a quote with a Read-case-study link.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-07.tsx", "type": "registry:block", "target": "components/blocks/testimonials-07.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-08", "type": "registry:block", "title": "Star-rating frame", "description": "Crosshair-framed band with 4.9 / 5 headline, a Read-more-customer-stories CTA and a logo strip.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-08.tsx", "type": "registry:block", "target": "components/blocks/testimonials-08.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "header-08", "type": "registry:block", "title": "blockus marketing header", "description": "The actual blockus marketing header — sticky border-b row with logo, flat nav and Sign-in / Get-the-catalog pill CTAs. Mobile drawer pushes the nav into 3xl tap targets with the same CTAs pinned at the bottom.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-08.tsx", "type": "registry:block", "target": "components/blocks/header-08.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "header-09", "type": "registry:block", "title": "blockus authenticated header", "description": "Authenticated variant of the marketing header — Pricing drops out of the nav, the right-side CTAs are replaced by an avatar pill that opens a tier-aware Account / Token / Team / Billing / Sign-out menu.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-09.tsx", "type": "registry:block", "target": "components/blocks/header-09.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-22", "type": "registry:block", "title": "blockus marketing hero — dark variant", "description": "Dark-canvas variation of the blockus opening — same sticky non-auth header and crosshair-framed dotted backdrop, inverted to stone-950 with a live-shipping pill, a three-clause headline and a glowing indigo Start-free CTA.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-22.tsx", "type": "registry:block", "target": "components/blocks/hero-22.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-23", "type": "registry:block", "title": "blockus marketing hero — editorial variant", "description": "Editorial serif variation of the blockus opening — serif wordmark, 4.9 / 5 customer-rating pill, hand-set headline and a logo strip of teams reading along underneath.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-23.tsx", "type": "registry:block", "target": "components/blocks/hero-23.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "contact-16", "type": "registry:block", "title": "Minimal centered form", "description": "Stripped-back centered contact form with name, email, and message — no distractions, just the essentials.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-16.tsx", "type": "registry:block", "target": "components/blocks/contact-16.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-17", "type": "registry:block", "title": "Split form with map placeholder", "description": "Two-column layout with a contact form on the left and contact details plus a styled map placeholder on the right.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-17.tsx", "type": "registry:block", "target": "components/blocks/contact-17.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-18", "type": "registry:block", "title": "Department selector form", "description": "Contact form with a segmented department picker (Sales / Support / Billing) that updates the placeholder and hint copy.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-18.tsx", "type": "registry:block", "target": "components/blocks/contact-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-19", "type": "registry:block", "title": "Three-team contact cards", "description": "Three-column card grid routing visitors to Sales, Support, and Press — each with an icon, blurb, and direct email CTA.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-19.tsx", "type": "registry:block", "target": "components/blocks/contact-19.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "contact-20", "type": "registry:block", "title": "Booking form with chips", "description": "Booking-style contact section where visitors pick a reason and a preferred time slot via chip selectors before submitting.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-20.tsx", "type": "registry:block", "target": "components/blocks/contact-20.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "contact-21", "type": "registry:block", "title": "Dark split contact", "description": "Always-dark stone-950 section with a large editorial headline on the left and a compact inline form on the right.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-21.tsx", "type": "registry:block", "target": "components/blocks/contact-21.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "contact-22", "type": "registry:block", "title": "Form with office locations", "description": "Full contact form paired with a side column listing office cities, addresses, and opening hours.", "categories": [ "contact" ], "files": [ { "path": "content/components/contact/contact-22.tsx", "type": "registry:block", "target": "components/blocks/contact-22.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "faqs-16", "type": "registry:block", "title": "Centered single-column accordion", "description": "Minimal centered FAQ with a clean accordion and inline email CTA — no frills, just answers.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-16.tsx", "type": "registry:block", "target": "components/blocks/faqs-16.tsx" } ], "registryDependencies": [ "accordion" ] }, { "name": "faqs-17", "type": "registry:block", "title": "Two-column static grid", "description": "Eight Q&A pairs in a hairline-bordered two-column grid — scannable without any interactive overhead.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-17.tsx", "type": "registry:block", "target": "components/blocks/faqs-17.tsx" } ] }, { "name": "faqs-18", "type": "registry:block", "title": "Split sticky heading + accordion", "description": "Sticky left panel with headline and contact CTA card anchors while the accordion scrolls independently on the right.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-18.tsx", "type": "registry:block", "target": "components/blocks/faqs-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button" ] }, { "name": "faqs-19", "type": "registry:block", "title": "Categorized tab filter", "description": "Four topic tabs switch which Q&A set renders — keeps long lists scannable without a search input.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-19.tsx", "type": "registry:block", "target": "components/blocks/faqs-19.tsx" } ], "registryDependencies": [ "accordion", "tabs" ] }, { "name": "faqs-20", "type": "registry:block", "title": "Live search filter", "description": "Rounded search input narrows a ten-item accordion in real time, with a graceful empty state and question counter.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-20.tsx", "type": "registry:block", "target": "components/blocks/faqs-20.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "input" ] }, { "name": "faqs-21", "type": "registry:block", "title": "Dark numbered accordion", "description": "Always-dark stone-950 canvas with outsized mono question numbers — high contrast, typographically driven.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-21.tsx", "type": "registry:block", "target": "components/blocks/faqs-21.tsx" } ], "registryDependencies": [ "accordion" ] }, { "name": "faqs-22", "type": "registry:block", "title": "Accordion with support footer card", "description": "Standard FAQ accordion capped with an avatar cluster support card and a contact CTA.", "categories": [ "faqs" ], "files": [ { "path": "content/components/faqs/faqs-22.tsx", "type": "registry:block", "target": "components/blocks/faqs-22.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "button" ] }, { "name": "footer-16", "type": "registry:block", "title": "Simple centered footer", "description": "Centered logo, single horizontal nav row, social icon buttons, and a copyright line — the cleanest possible footer.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-16.tsx", "type": "registry:block", "target": "components/blocks/footer-16.tsx" } ] }, { "name": "footer-17", "type": "registry:block", "title": "Minimal two-column footer", "description": "Brand mark and tagline anchored left, a compact vertical nav list on the right — sparse and intentional.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-17.tsx", "type": "registry:block", "target": "components/blocks/footer-17.tsx" } ] }, { "name": "footer-18", "type": "registry:block", "title": "Mega footer with newsletter", "description": "Newsletter signup band at the top, four nav columns below, and a legal bar with language select and social icons.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-18.tsx", "type": "registry:block", "target": "components/blocks/footer-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "footer-19", "type": "registry:block", "title": "Giant wordmark backdrop footer", "description": "A full-bleed radial-gradient 'blockus' wordmark sits behind three compact nav columns, creating depth without imagery.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-19.tsx", "type": "registry:block", "target": "components/blocks/footer-19.tsx" } ] }, { "name": "footer-20", "type": "registry:block", "title": "CTA band + footer", "description": "A high-contrast 'Start building today' CTA band flows directly into the footer below, sharing the same background plane.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-20.tsx", "type": "registry:block", "target": "components/blocks/footer-20.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "footer-21", "type": "registry:block", "title": "Status indicator footer", "description": "Animated green status pill, a language selector, and social icon row — compact and production-aware.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-21.tsx", "type": "registry:block", "target": "components/blocks/footer-21.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "footer-22", "type": "registry:block", "title": "Mega columns with app-store badges", "description": "Three full nav columns beside a brand panel with App Store and Google Play download badges and social links.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-22.tsx", "type": "registry:block", "target": "components/blocks/footer-22.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "footer-23", "type": "registry:block", "title": "Editorial serif footer", "description": "Oversized serif wordmark as the editorial anchor, full four-column sitemap, pill-style social row, and fine-print bar.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-23.tsx", "type": "registry:block", "target": "components/blocks/footer-23.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "footer-24", "type": "registry:block", "title": "Contact form + office locations", "description": "An embedded two-column layout with a compact contact mini-form on the left and office location cards on the right.", "categories": [ "footer" ], "files": [ { "path": "content/components/footer/footer-24.tsx", "type": "registry:block", "target": "components/blocks/footer-24.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-24", "type": "registry:block", "title": "Minimal centered hero", "description": "Zero-decoration, whitespace-first hero with a small eyebrow label, a single oversized tracking-tight headline, one subline, and a pill CTA — the clean baseline.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-24.tsx", "type": "registry:block", "target": "components/blocks/hero-24.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-25", "type": "registry:block", "title": "Left-aligned bento split", "description": "Left-aligned copy with a right-side bento grid of three interactive app panels: a live dashboard, an activity feed, and a team roster.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-25.tsx", "type": "registry:block", "target": "components/blocks/hero-25.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-26", "type": "registry:block", "title": "Gradient mesh hero with floating card", "description": "Centered copy on a soft multi-radial gradient background, paired with a glassy outlined CTA + solid CTA, and a floating analytics product card below the fold.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-26.tsx", "type": "registry:block", "target": "components/blocks/hero-26.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-27", "type": "registry:block", "title": "Email waitlist hero", "description": "Centered hero with an inline email-capture form beneath the headline, confirmed state on submit, and a stacked avatar row with a live-count social proof label.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-27.tsx", "type": "registry:block", "target": "components/blocks/hero-27.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button" ] }, { "name": "hero-28", "type": "registry:block", "title": "Two-column notification stack", "description": "Left copy with trust badges and a right column of three depth-stacked notification cards that overlap to suggest a live activity feed.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-28.tsx", "type": "registry:block", "target": "components/blocks/hero-28.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-29", "type": "registry:block", "title": "Video thumbnail hero", "description": "Centered headline and CTAs above a browser-framed video thumbnail card with a play-button overlay that toggles a playing state on click.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-29.tsx", "type": "registry:block", "target": "components/blocks/hero-29.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "hero-30", "type": "registry:block", "title": "App-store hero", "description": "Centered phone-frame device mock with a live-looking app screen, flanked by iOS App Store and Google Play download badge buttons.", "categories": [ "hero" ], "files": [ { "path": "content/components/hero/hero-30.tsx", "type": "registry:block", "target": "components/blocks/hero-30.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "login-16", "type": "registry:block", "title": "Centered email + social row", "description": "Clean centered card with Google and Apple social buttons above a standard email/password form.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-16.tsx", "type": "registry:block", "target": "components/blocks/login-16.tsx" } ], "registryDependencies": [ "button", "input", "separator" ] }, { "name": "login-17", "type": "registry:block", "title": "Split — brand panel + customer quote", "description": "Two-column layout with a logo-trust panel and rotating customer quote on the left, minimal form on the right.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-17.tsx", "type": "registry:block", "target": "components/blocks/login-17.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-18", "type": "registry:block", "title": "6-digit OTP passcode", "description": "Six individual digit boxes with auto-advance, paste support, and keyboard navigation for OTP verification.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-18.tsx", "type": "registry:block", "target": "components/blocks/login-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "login-19", "type": "registry:block", "title": "Provider-first stacked social", "description": "Four stacked provider buttons (Google, Apple, GitHub, Microsoft) with an or-email divider and a single email field below.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-19.tsx", "type": "registry:block", "target": "components/blocks/login-19.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input", "separator" ] }, { "name": "login-20", "type": "registry:block", "title": "Dark card with soft indigo glow", "description": "Always-dark stone-950 canvas with a radial indigo glow behind the card and a frosted-glass form panel.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-20.tsx", "type": "registry:block", "target": "components/blocks/login-20.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-21", "type": "registry:block", "title": "Remember me + side testimonial", "description": "Side-by-side layout pairing a testimonial panel with a login form that includes a remember-me checkbox and forgot-password link.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-21.tsx", "type": "registry:block", "target": "components/blocks/login-21.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "login-22", "type": "registry:block", "title": "Magic-link with success state", "description": "Email field submits a magic-link request and transitions to a confirmation state showing where the link was sent.", "categories": [ "login" ], "files": [ { "path": "content/components/login/login-22.tsx", "type": "registry:block", "target": "components/blocks/login-22.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-16", "type": "registry:block", "title": "Centered sign-up card", "description": "Minimal centered card with name, email, password, and a sign-in link — the cleanest path to account creation.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-16.tsx", "type": "registry:block", "target": "components/blocks/register-16.tsx" } ], "registryDependencies": [ "button", "input" ] }, { "name": "register-17", "type": "registry:block", "title": "Split value-prop / form", "description": "Two-column layout pairing a feature checklist and testimonial on the left with a full sign-up form on the right.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-17.tsx", "type": "registry:block", "target": "components/blocks/register-17.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-18", "type": "registry:block", "title": "Multi-step sign-up", "description": "Three-step wizard — account credentials, profile details, and a confirmation screen — with an animated progress stepper.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-18.tsx", "type": "registry:block", "target": "components/blocks/register-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "register-19", "type": "registry:block", "title": "Password-strength meter", "description": "Live four-segment strength bar and per-rule checklist that update as the user types, with the submit button disabled until the bar hits Fair.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-19.tsx", "type": "registry:block", "target": "components/blocks/register-19.tsx" } ], "registryDependencies": [ "button", "input" ] }, { "name": "register-20", "type": "registry:block", "title": "Plan-linked sign-up", "description": "Two-column layout showing a Pro plan summary card with pricing and benefits beside the account creation form.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-20.tsx", "type": "registry:block", "target": "components/blocks/register-20.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button", "input" ] }, { "name": "register-21", "type": "registry:block", "title": "Dark social-first sign-up", "description": "Always-dark stone-950 canvas with Google, GitHub, and Microsoft provider buttons above a traditional email/password fallback.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-21.tsx", "type": "registry:block", "target": "components/blocks/register-21.tsx" } ], "registryDependencies": [ "button", "input" ] }, { "name": "register-22", "type": "registry:block", "title": "Team sign-up with invite list", "description": "Owner credentials at the top, plus a dynamic list of teammate email inputs (up to 9) that can be added or removed inline.", "categories": [ "register" ], "files": [ { "path": "content/components/register/register-22.tsx", "type": "registry:block", "target": "components/blocks/register-22.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "logo-cloud-16", "type": "registry:block", "title": "Minimal kicker strip", "description": "Single-row grayscale logo strip with a small uppercase kicker — the leanest trust signal you can drop into any page.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-16.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-16.tsx" } ] }, { "name": "logo-cloud-17", "type": "registry:block", "title": "Bento logo grid", "description": "12-logo grid with hairline dividers forming a bento-like structure — each cell highlights on hover.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-17.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-17.tsx" } ] }, { "name": "logo-cloud-18", "type": "registry:block", "title": "Dual-direction marquee", "description": "Two rows of logos scrolling in opposite directions via pure CSS keyframes — no JS required.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-18.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-18.tsx" } ] }, { "name": "logo-cloud-19", "type": "registry:block", "title": "Hero stat with logo row", "description": "Oversized trust stat (4,000+ teams) flanked by supporting metrics, with a logo strip anchored below a divider.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-19.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-19.tsx" } ] }, { "name": "logo-cloud-20", "type": "registry:block", "title": "Industry-grouped logos", "description": "Logos organized into labeled columns by vertical (Fintech, Dev tools, AI & data, Media) inside a bordered bento grid.", "categories": [ "logo-cloud" ], "files": [ { "path": "content/components/logo-cloud/logo-cloud-20.tsx", "type": "registry:block", "target": "components/blocks/logo-cloud-20.tsx" } ] }, { "name": "header-17", "type": "registry:block", "title": "Classic header with sheet menu", "description": "Logo left, nav center, ghost sign-in and solid pill CTA right — mobile nav opens in a Sheet slide-out.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-17.tsx", "type": "registry:block", "target": "components/blocks/header-17.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "sheet" ] }, { "name": "header-18", "type": "registry:block", "title": "Mega-menu header", "description": "NavigationMenu with a 3-column product grid and a compact resources dropdown, mobile-friendly sheet fallback.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-18.tsx", "type": "registry:block", "target": "components/blocks/header-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "navigation-menu", "sheet" ] }, { "name": "header-19", "type": "registry:block", "title": "Floating pill header", "description": "Centered rounded-full nav bar with backdrop blur and a collapsing dropdown panel below it on mobile.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-19.tsx", "type": "registry:block", "target": "components/blocks/header-19.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "header-20", "type": "registry:block", "title": "Header with dismissible announcement bar", "description": "A collapsible top banner for release announcements sits above the main nav and persists in the mobile sheet when dismissed.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-20.tsx", "type": "registry:block", "target": "components/blocks/header-20.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "sheet" ] }, { "name": "header-21", "type": "registry:block", "title": "Two-row utility header", "description": "Compact contact + social utility bar above a full main nav row — standard for enterprise and e-commerce sites.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-21.tsx", "type": "registry:block", "target": "components/blocks/header-21.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "sheet" ] }, { "name": "header-22", "type": "registry:block", "title": "Header with ⌘K search dialog", "description": "A search trigger pill that opens a command-palette style Dialog with quick links and recent searches on ⌘K.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-22.tsx", "type": "registry:block", "target": "components/blocks/header-22.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "dialog", "sheet" ] }, { "name": "header-23", "type": "registry:block", "title": "Dark header with gradient nav underline", "description": "Always-dark stone-950 canvas with a violet-to-sky gradient underline that animates in on active and hover states.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-23.tsx", "type": "registry:block", "target": "components/blocks/header-23.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "header-24", "type": "registry:block", "title": "E-commerce header with cart badge", "description": "Two-row retail header: logo + search + account/cart icons on top, category nav strip below — cart count badge included.", "categories": [ "header" ], "files": [ { "path": "content/components/header/header-24.tsx", "type": "registry:block", "target": "components/blocks/header-24.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button", "sheet" ] }, { "name": "how-it-works-09", "type": "registry:block", "title": "3-step horizontal row", "description": "Minimal 3-step section with numbered circles, a full-width connector line and a centered CTA — no icons, type does the work.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-09.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-09.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "how-it-works-10", "type": "registry:block", "title": "Vertical icon list", "description": "4-step vertical checklist with lucide icons in bordered circles, a thin spine connector and generous left-aligned prose.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-10.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-10.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "how-it-works-11", "type": "registry:block", "title": "Alternating timeline", "description": "4-step left/right alternating layout anchored by a vertical spine with primary-coloured connector dots and bordered cards.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-11.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-11.tsx" } ] }, { "name": "how-it-works-12", "type": "registry:block", "title": "Sticky media stepper", "description": "Click-driven 4-step stepper with a sticky preview panel that swaps its content per active step — built with useState.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-12.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-12.tsx" } ] }, { "name": "how-it-works-13", "type": "registry:block", "title": "Tabbed steps with mock panel", "description": "Tabs primitive drives a 3-phase layout where each tab reveals step prose alongside a contextual mock UI panel.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-13.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-13.tsx" } ], "registryDependencies": [ "tabs" ] }, { "name": "how-it-works-14", "type": "registry:block", "title": "Numbered bento grid", "description": "4-step bento layout with mixed-size tiles, oversized watermark numerals and one accent tile — no icons needed.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-14.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-14.tsx" } ] }, { "name": "how-it-works-15", "type": "registry:block", "title": "Horizontal pipeline flow", "description": "5-stage horizontal pipeline with arrow connectors, equal-weight cards and a gradient progress bar beneath the flow.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-15.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-15.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "how-it-works-16", "type": "registry:block", "title": "Dark oversized numerals", "description": "Always-dark bg-stone-950 canvas with three columns, oversized faded step numbers as background texture and clean prose.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-16.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-16.tsx" } ] }, { "name": "how-it-works-17", "type": "registry:block", "title": "Timeline with code cards", "description": "4-step vertical timeline on a left border spine; each step carries a terminal-styled code card showing the exact command.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-17.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-17.tsx" } ] }, { "name": "how-it-works-18", "type": "registry:block", "title": "Before/after transformation split", "description": "Two-column before/after split with bullet lists, X/checkmark icons and a centred arrow divider — clear contrast CTA below.", "categories": [ "how-it-works" ], "files": [ { "path": "content/components/how-it-works/how-it-works-18.tsx", "type": "registry:block", "target": "components/blocks/how-it-works-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "stats-09", "type": "registry:block", "title": "4-stat centered row", "description": "Four big numbers in a 2×2 / 4-column bordered grid, centered text, no headline clutter.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-09.tsx", "type": "registry:block", "target": "components/blocks/stats-09.tsx" } ] }, { "name": "stats-10", "type": "registry:block", "title": "3-stat kicker block", "description": "Three metrics under a kicker headline and subtitle, arranged in a clean centered flex row.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-10.tsx", "type": "registry:block", "target": "components/blocks/stats-10.tsx" } ] }, { "name": "stats-11", "type": "registry:block", "title": "2×2 icon stat grid", "description": "Four bordered cards each leading with a lucide icon, a large number, and a one-line body.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-11.tsx", "type": "registry:block", "target": "components/blocks/stats-11.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "stats-12", "type": "registry:block", "title": "Split headline + trend list", "description": "Headline and copy on the left; a vertical list of metrics with up/down trend pills on the right.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-12.tsx", "type": "registry:block", "target": "components/blocks/stats-12.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "stats-13", "type": "registry:block", "title": "Stats over dot-map backdrop", "description": "Four frosted cards floating over a CSS radial-dot world-map pattern masked to an ellipse.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-13.tsx", "type": "registry:block", "target": "components/blocks/stats-13.tsx" } ] }, { "name": "stats-14", "type": "registry:block", "title": "Count-up animated stats", "description": "Numbers count from zero on scroll-into-view using IntersectionObserver and an eased rAF loop.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-14.tsx", "type": "registry:block", "target": "components/blocks/stats-14.tsx" } ] }, { "name": "stats-15", "type": "registry:block", "title": "Dark band with divider lines", "description": "Always-dark stone-950 section with four metrics separated by vertical divider lines and subtle sublabels.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-15.tsx", "type": "registry:block", "target": "components/blocks/stats-15.tsx" } ] }, { "name": "stats-16", "type": "registry:block", "title": "Stat cards with bar sparklines", "description": "Four cards each with an 8-bar inline chart above the number, accent bar on the latest period.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-16.tsx", "type": "registry:block", "target": "components/blocks/stats-16.tsx" } ] }, { "name": "stats-17", "type": "registry:block", "title": "Hero metric + supporting trio", "description": "One giant primary metric with a descriptor paragraph, three smaller supporting stats below in a divided row.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-17.tsx", "type": "registry:block", "target": "components/blocks/stats-17.tsx" } ] }, { "name": "stats-18", "type": "registry:block", "title": "Stats + partner-logo proof row", "description": "Three-column stat grid above a 'used in stacks powered by' logo strip with real CDN SVGs.", "categories": [ "stats" ], "files": [ { "path": "content/components/stats/stats-18.tsx", "type": "registry:block", "target": "components/blocks/stats-18.tsx" } ] }, { "name": "testimonials-09", "type": "registry:block", "title": "Single centered quote with avatar", "description": "One oversized bold quote centered on the page with an avatar above the stars — maximum focus, minimum distraction.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-09.tsx", "type": "registry:block", "target": "components/blocks/testimonials-09.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-10", "type": "registry:block", "title": "3-card testimonial grid", "description": "Three bordered cards in a responsive grid, each with a star rating, body, and author row separated by a hairline.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-10.tsx", "type": "registry:block", "target": "components/blocks/testimonials-10.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-11", "type": "registry:block", "title": "Masonry testimonial wall", "description": "Nine cards in a CSS-columns masonry layout — varied natural heights create a dense, editorial feel without JavaScript.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-11.tsx", "type": "registry:block", "target": "components/blocks/testimonials-11.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-12", "type": "registry:block", "title": "Case-study split — quote left, metrics right", "description": "A featured quote and author on the left share a card with a company logo and four metric tiles on a muted right panel.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-12.tsx", "type": "registry:block", "target": "components/blocks/testimonials-12.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-13", "type": "registry:block", "title": "Carousel with prev / next controls", "description": "Single-quote carousel inside a bordered card with dot indicators and prev / next buttons anchored to the bottom edge.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-13.tsx", "type": "registry:block", "target": "components/blocks/testimonials-13.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-14", "type": "registry:block", "title": "Horizontal marquee of cards", "description": "Six testimonial cards scroll horizontally in a CSS-keyframe marquee with faded edge masks — no JavaScript required.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-14.tsx", "type": "registry:block", "target": "components/blocks/testimonials-14.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-15", "type": "registry:block", "title": "Dark canvas big serif quote", "description": "A stone-950 section with an italic serif blockquote, five amber stars, and a centred avatar — high contrast and editorial.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-15.tsx", "type": "registry:block", "target": "components/blocks/testimonials-15.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-16", "type": "registry:block", "title": "Video testimonial thumbnail grid", "description": "Six video thumbnails in a 3-column grid, each with a play-button overlay, duration badge, and author meta below.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-16.tsx", "type": "registry:block", "target": "components/blocks/testimonials-16.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-17", "type": "registry:block", "title": "Alternating company-logo quote rows", "description": "Four alternating rows — company logo panel on one side, bordered quote card on the other — creating a case-study timeline feel.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-17.tsx", "type": "registry:block", "target": "components/blocks/testimonials-17.tsx" } ] }, { "name": "testimonials-18", "type": "registry:block", "title": "Tweet / X-style testimonial cards", "description": "Six social-post styled cards with handle, X mark, body text, like count, and timestamp — familiar and scannable.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-18.tsx", "type": "registry:block", "target": "components/blocks/testimonials-18.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-19", "type": "registry:block", "title": "Logo row with rotating quote", "description": "Clicking any company logo in the top row rotates the featured quote beneath it — ties social proof directly to recognisable brands.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-19.tsx", "type": "registry:block", "target": "components/blocks/testimonials-19.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "testimonials-20", "type": "registry:block", "title": "Stats panel beside featured quote", "description": "Four metric tiles and a star-rating bar chart sit left of a large featured quote — data and narrative in one section.", "categories": [ "testimonials" ], "files": [ { "path": "content/components/testimonials/testimonials-20.tsx", "type": "registry:block", "target": "components/blocks/testimonials-20.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-01", "type": "registry:block", "title": "3-column icon grid", "description": "Three-column feature grid with bordered icon squares, a left-aligned label, and one-line descriptions — the minimal baseline for any feature section.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-01.tsx", "type": "registry:block", "target": "components/blocks/features-01.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-02", "type": "registry:block", "title": "2-column check list", "description": "Ten feature lines split across two card columns, each item led by a filled check badge — fast to scan, zero visual noise.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-02.tsx", "type": "registry:block", "target": "components/blocks/features-02.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-03", "type": "registry:block", "title": "Alternating image/text split", "description": "Two rows that flip copy and mock panel left-to-right, with inline code and UI skeletons standing in for screenshots.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-03.tsx", "type": "registry:block", "target": "components/blocks/features-03.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "features-04", "type": "registry:block", "title": "Bento feature grid", "description": "One large hero tile spanning two columns with a live bar chart and three compact tiles below — mixed sizing for visual hierarchy.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-04.tsx", "type": "registry:block", "target": "components/blocks/features-04.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-05", "type": "registry:block", "title": "Tabbed features", "description": "Pill-style tab bar switches between three feature states, each revealing a short copy block and a distinct UI mock panel.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-05.tsx", "type": "registry:block", "target": "components/blocks/features-05.tsx" } ], "registryDependencies": [ "tabs" ] }, { "name": "features-06", "type": "registry:block", "title": "4-feature bordered grid", "description": "Four features in a 2×2 grid divided by border lines; each cell gains a radial indigo glow on hover.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-06.tsx", "type": "registry:block", "target": "components/blocks/features-06.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-07", "type": "registry:block", "title": "Sticky heading + scroll list", "description": "Section heading sticks to the left while four numbered feature rows scroll independently on the right.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-07.tsx", "type": "registry:block", "target": "components/blocks/features-07.tsx" } ] }, { "name": "features-08", "type": "registry:block", "title": "Single feature spotlight", "description": "Full-width browser mock beside a headline and three check-point sub-features — puts one capability centre stage.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-08.tsx", "type": "registry:block", "target": "components/blocks/features-08.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "features-09", "type": "registry:block", "title": "Dark 3-column with glowing icons", "description": "Stone-950 canvas with three feature cards, each carrying a per-feature radial glow behind the icon — intentionally dark, zero light-mode bleed.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-09.tsx", "type": "registry:block", "target": "components/blocks/features-09.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-10", "type": "registry:block", "title": "Us vs them comparison", "description": "Eight-row table comparing blockus to generic alternatives with emerald checks and muted dashes — clarity through contrast.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-10.tsx", "type": "registry:block", "target": "components/blocks/features-10.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-11", "type": "registry:block", "title": "Feature cards with UI mocks", "description": "Three cards each containing a distinct inline UI mock — bar chart, search results, sync status — making every capability tangible.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-11.tsx", "type": "registry:block", "target": "components/blocks/features-11.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-12", "type": "registry:block", "title": "Timeline capability list", "description": "Five capability items connected by a hairline vertical timeline, numbered nodes replacing bullets for a structured walkthrough feel.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-12.tsx", "type": "registry:block", "target": "components/blocks/features-12.tsx" } ] }, { "name": "features-13", "type": "registry:block", "title": "6-feature icon grid with tags", "description": "Six icon-label tiles in a 2×3 grid with hover arrows, plus a second row of mono capability tags — dense but uncluttered.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-13.tsx", "type": "registry:block", "target": "components/blocks/features-13.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-14", "type": "registry:block", "title": "Accordion + live preview panel", "description": "Three accordion items on the left drive a matching code/UI preview panel on the right — each selection swaps the panel instantly.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-14.tsx", "type": "registry:block", "target": "components/blocks/features-14.tsx" } ] }, { "name": "features-15", "type": "registry:block", "title": "Metric-led feature grid", "description": "Four features where a large tabular-nums stat leads the card, anchoring each claim in a measurable number before the prose.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-15.tsx", "type": "registry:block", "target": "components/blocks/features-15.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-16", "type": "registry:block", "title": "Filterable feature grid", "description": "Category pill filter narrows a feature grid client-side — no page reload, immediate feedback.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-16.tsx", "type": "registry:block", "target": "components/blocks/features-16.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ] }, { "name": "features-17", "type": "registry:block", "title": "Alternating zigzag with screenshot mocks", "description": "Three alternating rows pair a text block with a captioned browser-window mock, one per product theme.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-17.tsx", "type": "registry:block", "target": "components/blocks/features-17.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "features-18", "type": "registry:block", "title": "Capability chip marquee + feature block", "description": "Two infinite marquee rows of capability chips anchor a two-stat descriptive feature section below.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-18.tsx", "type": "registry:block", "target": "components/blocks/features-18.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-19", "type": "registry:block", "title": "Dense 3×3 feature grid", "description": "Nine production capabilities in a hairline-separated grid — no wasted space, no decorative filler.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-19.tsx", "type": "registry:block", "target": "components/blocks/features-19.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-20", "type": "registry:block", "title": "Feature spotlight with tilted browser mock", "description": "Split layout with a bullet list on the left and a perspective-tilted browser window mock on the right.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-20.tsx", "type": "registry:block", "target": "components/blocks/features-20.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "features-21", "type": "registry:block", "title": "Dark bento feature tiles", "description": "Mixed-size bento grid on stone-950 canvas — a dominant stat tile anchors five compact capability tiles.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-21.tsx", "type": "registry:block", "target": "components/blocks/features-21.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "features-22", "type": "registry:block", "title": "Two big benefit cards", "description": "A pair of oversized cards, each leading with a headline metric and ending with a secondary CTA.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-22.tsx", "type": "registry:block", "target": "components/blocks/features-22.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "features-23", "type": "registry:block", "title": "Numbered steps feature list", "description": "Four steps connected by a dashed vertical line — clear sequencing with no icon bloat.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-23.tsx", "type": "registry:block", "target": "components/blocks/features-23.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "features-24", "type": "registry:block", "title": "Icon-top cards with per-feature CTAs", "description": "Three tinted cards, each with its own ghost CTA link — suitable for distinct product areas.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-24.tsx", "type": "registry:block", "target": "components/blocks/features-24.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "features-25", "type": "registry:block", "title": "Sticky product image with bullet reveals", "description": "Clicking a bullet on the left swaps the browser-window mock on the right — zero-animation product tour.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-25.tsx", "type": "registry:block", "target": "components/blocks/features-25.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-26", "type": "registry:block", "title": "Feature tiles with corner badges", "description": "Nine feature tiles each optionally carry a corner badge — New, Beta, Updated, or Pro — for status signaling.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-26.tsx", "type": "registry:block", "target": "components/blocks/features-26.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "features-27", "type": "registry:block", "title": "Editorial features with serif headings", "description": "Four platform pillars in a hairline-divided list, typeset in Georgia with roman numerals — deliberately minimal.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-27.tsx", "type": "registry:block", "target": "components/blocks/features-27.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "separator" ] }, { "name": "features-28", "type": "registry:block", "title": "Feature highlight paired with code snippet", "description": "Split layout: bullet checklist on the left, a syntax-highlighted SDK code card on the dark right panel.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-28.tsx", "type": "registry:block", "target": "components/blocks/features-28.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "features-29", "type": "registry:block", "title": "Feature availability comparison across 3 plans", "description": "Grouped feature rows compare Hobby, Pro, and Team availability with checkmarks and value strings — no table primitive.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-29.tsx", "type": "registry:block", "target": "components/blocks/features-29.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "features-30", "type": "registry:block", "title": "Hero + 4-column features combo", "description": "Large headline above a ruled divider leads into four icon-top feature columns with a stat strip at the bottom.", "categories": [ "features" ], "files": [ { "path": "content/components/features/features-30.tsx", "type": "registry:block", "target": "components/blocks/features-30.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-01", "type": "registry:block", "title": "Simple centered CTA", "description": "Minimal centered headline, subline, and a single primary button — maximum signal, zero clutter.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-01.tsx", "type": "registry:block", "target": "components/blocks/cta-01.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-02", "type": "registry:block", "title": "Centered CTA with two buttons", "description": "Centered layout with a pill badge, headline, subline, and a primary + ghost button pair for dual call paths.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-02.tsx", "type": "registry:block", "target": "components/blocks/cta-02.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-03", "type": "registry:block", "title": "Split CTA card", "description": "Horizontal card with copy on the left and a single action button anchored to the right — clean split-layout CTA.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-03.tsx", "type": "registry:block", "target": "components/blocks/cta-03.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-04", "type": "registry:block", "title": "Full-bleed gradient CTA band", "description": "Edge-to-edge indigo-to-violet gradient band with light-on-dark type and a ghost secondary button.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-04.tsx", "type": "registry:block", "target": "components/blocks/cta-04.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-05", "type": "registry:block", "title": "Inline email-capture CTA", "description": "Centered CTA with an inline email input and action button in a compact pill row — single conversion step.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-05.tsx", "type": "registry:block", "target": "components/blocks/cta-05.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "cta-06", "type": "registry:block", "title": "Dark card CTA with soft glow", "description": "Always-dark bg-stone-950 card with a radial violet glow behind the headline and light-on-dark buttons.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-06.tsx", "type": "registry:block", "target": "components/blocks/cta-06.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-07", "type": "registry:block", "title": "Social-proof CTA with stacked avatars", "description": "Stacked avatar row with a user-count callout above a centered headline — trust signal drives the click.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-07.tsx", "type": "registry:block", "target": "components/blocks/cta-07.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button" ] }, { "name": "cta-08", "type": "registry:block", "title": "Boxed CTA over dot-grid pattern", "description": "Bordered card with a subtle radial-faded dot-grid background — textured depth without image assets.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-08.tsx", "type": "registry:block", "target": "components/blocks/cta-08.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-09", "type": "registry:block", "title": "Center button with inward arrows", "description": "Two flanking callout columns with inward-pointing arrows that draw the eye to a single centered action button.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-09.tsx", "type": "registry:block", "target": "components/blocks/cta-09.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-10", "type": "registry:block", "title": "CTA with feature checklist", "description": "Split layout pairing a punchy headline with a four-item feature checklist so the button has immediate context.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-10.tsx", "type": "registry:block", "target": "components/blocks/cta-10.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-11", "type": "registry:block", "title": "Newsletter CTA with privacy note", "description": "Email-capture newsletter section with a post-submit confirmation state and a plain-text privacy reassurance line.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-11.tsx", "type": "registry:block", "target": "components/blocks/cta-11.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "cta-12", "type": "registry:block", "title": "CTA with product mock peeking from bottom", "description": "Text CTA above a browser-framed catalog mockup that bleeds off the bottom edge — product peek as conversion aid.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-12.tsx", "type": "registry:block", "target": "components/blocks/cta-12.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-13", "type": "registry:block", "title": "Two-column dual path CTA", "description": "Side-by-side cards for developers and teams, each with a distinct accent color, feature list, and targeted CTA.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-13.tsx", "type": "registry:block", "target": "components/blocks/cta-13.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-14", "type": "registry:block", "title": "Compact sticky-bottom bar CTA", "description": "Fixed bottom bar with a dismiss option, condensed pitch, and action button — zero footprint on the page layout.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-14.tsx", "type": "registry:block", "target": "components/blocks/cta-14.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-15", "type": "registry:block", "title": "CTA over dark image overlay", "description": "Full-bleed stone-950 canvas with radial gradient and grid texture behind a centered headline and dual actions.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-15.tsx", "type": "registry:block", "target": "components/blocks/cta-15.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-16", "type": "registry:block", "title": "Limited-time launch price CTA", "description": "Banner card with a destructive 'Ends soon' badge, crossed-out compare price, and inline pricing alongside the CTA.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-16.tsx", "type": "registry:block", "target": "components/blocks/cta-16.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ] }, { "name": "cta-17", "type": "registry:block", "title": "Big-type editorial CTA", "description": "Oversized tracking-tight headline at fluid clamp sizing with a stat row baseline and a compact copy+actions column.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-17.tsx", "type": "registry:block", "target": "components/blocks/cta-17.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-18", "type": "registry:block", "title": "App-store download badges CTA", "description": "Centered layout with macOS and Windows download badge cards, logo mark, and a web-catalog fallback link.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-18.tsx", "type": "registry:block", "target": "components/blocks/cta-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-19", "type": "registry:block", "title": "CTA with partner-logo proof row", "description": "Centered headline and dual actions above a CDN-sourced logo strip of five real partner brands with grayscale hover.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-19.tsx", "type": "registry:block", "target": "components/blocks/cta-19.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-20", "type": "registry:block", "title": "CTA split with testimonial quote", "description": "Two-column card: muted left panel with a customer blockquote and avatar, clean right panel with headline and actions.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-20.tsx", "type": "registry:block", "target": "components/blocks/cta-20.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-21", "type": "registry:block", "title": "Rounded gradient-border CTA card", "description": "Single centered card wrapped in a 1px indigo-violet-cyan gradient border with pricing, feature note, and a single CTA.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-21.tsx", "type": "registry:block", "target": "components/blocks/cta-21.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-22", "type": "registry:block", "title": "Monthly/yearly toggle CTA", "description": "Pill toggle switches between billing periods with animated price swap and a savings badge, leading into a signup button.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-22.tsx", "type": "registry:block", "target": "components/blocks/cta-22.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-23", "type": "registry:block", "title": "Dark mesh-gradient full-width CTA", "description": "Stone-950 canvas with three layered OKLCH radial gradients and a noise overlay, stat grid, and dual actions.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-23.tsx", "type": "registry:block", "target": "components/blocks/cta-23.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "cta-24", "type": "registry:block", "title": "CTA with decorative QR scan block", "description": "Left-aligned copy and buttons alongside a CSS-rendered QR-style decorative grid block with corner finder marks.", "categories": [ "cta" ], "files": [ { "path": "content/components/cta/cta-24.tsx", "type": "registry:block", "target": "components/blocks/cta-24.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "team-01", "type": "registry:block", "title": "Simple 4-up headshot grid", "description": "Minimal four-member grid with circular avatars, names, and roles — no cards, no decoration, pure structure.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-01.tsx", "type": "registry:block", "target": "components/blocks/team-01.tsx" } ] }, { "name": "team-02", "type": "registry:block", "title": "3-up centered team cards", "description": "Three centered cards, each with a large avatar, name, role, and a department badge pill.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-02.tsx", "type": "registry:block", "target": "components/blocks/team-02.tsx" } ], "registryDependencies": [ "badge" ] }, { "name": "team-03", "type": "registry:block", "title": "8-member grid with role reveal on hover", "description": "Full-bleed photo grid of eight members; role and name fade in over a dark gradient overlay on hover.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-03.tsx", "type": "registry:block", "target": "components/blocks/team-03.tsx" } ] }, { "name": "team-04", "type": "registry:block", "title": "Leadership row with bios", "description": "Horizontal separator-divided list of three founders, each with a headshot, title in primary color, and a two-sentence bio.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-04.tsx", "type": "registry:block", "target": "components/blocks/team-04.tsx" } ], "registryDependencies": [ "separator" ] }, { "name": "team-05", "type": "registry:block", "title": "Team grid with hiring CTA card", "description": "Five member cards in a grid with a dashed-border 'We're hiring' CTA slot mixed into the last position.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-05.tsx", "type": "registry:block", "target": "components/blocks/team-05.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "team-06", "type": "registry:block", "title": "Split intro copy + headshot grid", "description": "Sticky left-column intro with stacked avatar strip, paired with a right-side photo grid that scales on hover.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-06.tsx", "type": "registry:block", "target": "components/blocks/team-06.tsx" } ] }, { "name": "team-07", "type": "registry:block", "title": "Dark team section with circular avatars", "description": "Always-dark stone-950 canvas with six circular avatars arranged in a centered grid — high contrast and focused.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-07.tsx", "type": "registry:block", "target": "components/blocks/team-07.tsx" } ] }, { "name": "team-08", "type": "registry:block", "title": "Team cards with social icon links", "description": "Four-column cards each surfacing Globe, AtSign, and Mail icon buttons so visitors can reach each person directly.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-08.tsx", "type": "registry:block", "target": "components/blocks/team-08.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "team-09", "type": "registry:block", "title": "Department tabs filtering team members", "description": "Tab bar filters the member grid by department in real time — no page reload, no layout shift.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-09.tsx", "type": "registry:block", "target": "components/blocks/team-09.tsx" } ], "registryDependencies": [ "tabs" ] }, { "name": "team-10", "type": "registry:block", "title": "Featured founder spotlight + team row", "description": "Prominent founder card with bio and tags above a compact four-member supporting team grid.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-10.tsx", "type": "registry:block", "target": "components/blocks/team-10.tsx" } ], "registryDependencies": [ "badge" ] }, { "name": "team-11", "type": "registry:block", "title": "Team mosaic (masonry)", "description": "Varied-size portrait grid using CSS columns — no JS layout, no equal-height boxes.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-11.tsx", "type": "registry:block", "target": "components/blocks/team-11.tsx" } ] }, { "name": "team-12", "type": "registry:block", "title": "Org-chart by department", "description": "Members grouped under labeled department headers with a hairline rule and headcount badge.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-12.tsx", "type": "registry:block", "target": "components/blocks/team-12.tsx" } ] }, { "name": "team-13", "type": "registry:block", "title": "Minimal member list", "description": "Name + role rows with numbered index and join-year column — photo-free, all type.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-13.tsx", "type": "registry:block", "target": "components/blocks/team-13.tsx" } ] }, { "name": "team-14", "type": "registry:block", "title": "Location & timezone cards", "description": "Member cards with city and UTC offset chips — built for distributed teams.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-14.tsx", "type": "registry:block", "target": "components/blocks/team-14.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ] }, { "name": "team-15", "type": "registry:block", "title": "Hiring — team photo + open roles", "description": "Photo collage on the left, open role list with department and location badges on the right.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-15.tsx", "type": "registry:block", "target": "components/blocks/team-15.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ] }, { "name": "team-16", "type": "registry:block", "title": "Team carousel", "description": "Three-card viewport with prev/next controls, dot indicators, and a loop through the full roster.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-16.tsx", "type": "registry:block", "target": "components/blocks/team-16.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "team-17", "type": "registry:block", "title": "Founder quote + team grid", "description": "Sticky founder blockquote with serif type beside a scrollable team grid — authority through restraint.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-17.tsx", "type": "registry:block", "target": "components/blocks/team-17.tsx" } ] }, { "name": "team-18", "type": "registry:block", "title": "Advisory board with company logos", "description": "Advisor cards that surface the company they came from via CDN logo — credibility at a glance.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-18.tsx", "type": "registry:block", "target": "components/blocks/team-18.tsx" } ] }, { "name": "team-19", "type": "registry:block", "title": "Editorial team — serif portraits", "description": "Two-up large portrait cards with serif name treatment and beat labels — designed for publications.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-19.tsx", "type": "registry:block", "target": "components/blocks/team-19.tsx" } ] }, { "name": "team-20", "type": "registry:block", "title": "Team + headcount stats", "description": "Key team metrics in a 2×2 stat grid beside a photo roster with an overflow badge.", "categories": [ "team" ], "files": [ { "path": "content/components/team/team-20.tsx", "type": "registry:block", "target": "components/blocks/team-20.tsx" } ] }, { "name": "blog-01", "type": "registry:block", "title": "Simple 3-card blog grid", "description": "Three equal-width cards with an image placeholder, category label, title, excerpt, date, and read time — clean grid with hover shadow lift.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-01.tsx", "type": "registry:block", "target": "components/blocks/blog-01.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "blog-02", "type": "registry:block", "title": "Blog list rows", "description": "Dense hairline-divided list of articles showing category, title, date, and read time — no images, keyboard-navigable, high information density.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-02.tsx", "type": "registry:block", "target": "components/blocks/blog-02.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "blog-03", "type": "registry:block", "title": "Featured post + side pair", "description": "One wide featured card spanning three-fifths of the grid with full excerpt beside two compact secondary posts — classic magazine split.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-03.tsx", "type": "registry:block", "target": "components/blocks/blog-03.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "blog-04", "type": "registry:block", "title": "Magazine grid with category chips", "description": "Asymmetric three-column grid where two large posts span two columns and smaller cards fill single slots, each tagged with a shadcn Badge.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-04.tsx", "type": "registry:block", "target": "components/blocks/blog-04.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ] }, { "name": "blog-05", "type": "registry:block", "title": "Filterable blog grid", "description": "Client-side category pill filter above a responsive three-column grid — selection is instant, empty state handled gracefully.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-05.tsx", "type": "registry:block", "target": "components/blocks/blog-05.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "blog-06", "type": "registry:block", "title": "Editorial hero + compact grid", "description": "Full-width featured post with author byline and widescreen image above a row of four compact cards — editorial newspaper layout.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-06.tsx", "type": "registry:block", "target": "components/blocks/blog-06.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "blog-07", "type": "registry:block", "title": "Dark blog grid", "description": "Always-dark stone-950 canvas with an oversized featured post and three compact cards below — indigo accent, terminal aesthetic.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-07.tsx", "type": "registry:block", "target": "components/blocks/blog-07.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "blog-08", "type": "registry:block", "title": "Blog cards with author + read time", "description": "Two-column card grid with author avatar, name, role, and clock-icon read time inline below each post — humanizes the content team.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-08.tsx", "type": "registry:block", "target": "components/blocks/blog-08.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "blog-09", "type": "registry:block", "title": "Alternating article list", "description": "Full-width rows that alternate image left / image right across four articles — generous vertical rhythm, no card borders.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-09.tsx", "type": "registry:block", "target": "components/blocks/blog-09.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "blog-10", "type": "registry:block", "title": "Newsletter + latest posts combo", "description": "Two-panel layout with a newsletter signup form on the left and a compact latest-posts list on the right — single-section lead capture.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-10.tsx", "type": "registry:block", "target": "components/blocks/blog-10.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "blog-11", "type": "registry:block", "title": "Year-grouped article index", "description": "Text-only archive grouped by year with article count, category label, date, and arrow link — no images, pure typographic hierarchy.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-11.tsx", "type": "registry:block", "target": "components/blocks/blog-11.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "blog-12", "type": "registry:block", "title": "Masonry blog grid", "description": "CSS columns masonry of varied-height cards — each card breaks inside its own height with category color pills and author bylines.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-12.tsx", "type": "registry:block", "target": "components/blocks/blog-12.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "blog-13", "type": "registry:block", "title": "Featured post + horizontal scroll recents", "description": "A large featured article card followed by a touch-friendly horizontal snap row of compact recent posts.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-13.tsx", "type": "registry:block", "target": "components/blocks/blog-13.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ] }, { "name": "blog-14", "type": "registry:block", "title": "Blog grid with image zoom on hover", "description": "Three-column post grid where the gradient cover scales on hover, with a floating read-link that appears on interaction.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-14.tsx", "type": "registry:block", "target": "components/blocks/blog-14.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "blog-15", "type": "registry:block", "title": "Popular / Latest tabbed blog list", "description": "Ranked article list switchable between popularity and recency — large rank numbers, inline author avatars, and tab-driven state.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-15.tsx", "type": "registry:block", "target": "components/blocks/blog-15.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "tabs" ] }, { "name": "blog-16", "type": "registry:block", "title": "Single featured story split", "description": "Two-column split layout: gradient cover on one side, full excerpt plus author card and CTA on the other.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-16.tsx", "type": "registry:block", "target": "components/blocks/blog-16.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ] }, { "name": "blog-17", "type": "registry:block", "title": "Resource cards with type badges", "description": "Guide, Video, and Doc cards each carry a color-coded type badge and icon — built for documentation hubs and learning centers.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-17.tsx", "type": "registry:block", "target": "components/blocks/blog-17.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "blog-18", "type": "registry:block", "title": "Blog hero with reading list", "description": "Hero heading and subscribe CTAs on the left; a vertical reading list with left-accent borders on the right.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-18.tsx", "type": "registry:block", "target": "components/blocks/blog-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "blog-19", "type": "registry:block", "title": "Compact 4-up small card row", "description": "Dense two-by-two (desktop four-up) grid of minimal cards — category dot, title, and author in the smallest reasonable footprint.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-19.tsx", "type": "registry:block", "target": "components/blocks/blog-19.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "blog-20", "type": "registry:block", "title": "Changelog-style blog list with timeline", "description": "Articles ordered on a vertical date spine — circular month/day badges connect entries with a hairline timeline.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-20.tsx", "type": "registry:block", "target": "components/blocks/blog-20.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "blog-21", "type": "registry:block", "title": "Category landing with post grid", "description": "Bold category header banner with description and post count, a featured article card, then a compact four-column grid of remaining posts.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-21.tsx", "type": "registry:block", "target": "components/blocks/blog-21.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ] }, { "name": "blog-22", "type": "registry:block", "title": "Blog CTA combo — subscribe panel + posts", "description": "Email subscribe card sits beside three recent articles with left-accent color strips — content and acquisition in one section.", "categories": [ "blog" ], "files": [ { "path": "content/components/blog/blog-22.tsx", "type": "registry:block", "target": "components/blocks/blog-22.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "gallery-01", "type": "registry:block", "title": "Uniform 3-column grid", "description": "Straightforward 3-column image grid with aspect-video tiles and a minimal section header.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-01.tsx", "type": "registry:block", "target": "components/blocks/gallery-01.tsx" } ] }, { "name": "gallery-02", "type": "registry:block", "title": "2-column grid with captions", "description": "Two-column gallery where every tile carries a title and subtitle caption below the image.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-02.tsx", "type": "registry:block", "target": "components/blocks/gallery-02.tsx" } ] }, { "name": "gallery-03", "type": "registry:block", "title": "Masonry mosaic", "description": "CSS-columns masonry layout with varied tile heights that creates an organic, editorial rhythm.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-03.tsx", "type": "registry:block", "target": "components/blocks/gallery-03.tsx" } ] }, { "name": "gallery-04", "type": "registry:block", "title": "Lightbox grid", "description": "Click any square tile to expand it in a dialog overlay with title and description.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-04.tsx", "type": "registry:block", "target": "components/blocks/gallery-04.tsx" } ], "registryDependencies": [ "dialog" ] }, { "name": "gallery-05", "type": "registry:block", "title": "Carousel slider", "description": "Full-width carousel with prev/next arrows, dot indicators, and an overlaid text caption.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-05.tsx", "type": "registry:block", "target": "components/blocks/gallery-05.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "gallery-06", "type": "registry:block", "title": "Bento image gallery", "description": "Asymmetric 6-column bento grid mixing wide, tall, and square tiles for a high-density layout.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-06.tsx", "type": "registry:block", "target": "components/blocks/gallery-06.tsx" } ] }, { "name": "gallery-07", "type": "registry:block", "title": "Filterable gallery", "description": "Category-filtered grid with pill-tab switcher — active filter fades out non-matching tiles.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-07.tsx", "type": "registry:block", "target": "components/blocks/gallery-07.tsx" } ] }, { "name": "gallery-08", "type": "registry:block", "title": "Hero + thumbnail strip", "description": "Large hero image controlled by a five-tile thumbnail strip — click any thumb to swap the main view.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-08.tsx", "type": "registry:block", "target": "components/blocks/gallery-08.tsx" } ] }, { "name": "gallery-09", "type": "registry:block", "title": "Dark framed gallery", "description": "Always-dark stone-950 canvas with each image double-framed inside a raised card for depth.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-09.tsx", "type": "registry:block", "target": "components/blocks/gallery-09.tsx" } ] }, { "name": "gallery-10", "type": "registry:block", "title": "Polaroid stacked gallery", "description": "Hero cluster of three tilted polaroid prints above a scattered six-column grid — hover straightens each tile.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-10.tsx", "type": "registry:block", "target": "components/blocks/gallery-10.tsx" } ] }, { "name": "gallery-11", "type": "registry:block", "title": "Before / after compare slider", "description": "Draggable vertical divider lets visitors scrub between two states of the same image side-by-side.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-11.tsx", "type": "registry:block", "target": "components/blocks/gallery-11.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "gallery-12", "type": "registry:block", "title": "Brand logo showcase grid", "description": "Partner and integration logos arranged in a bordered cell grid — grayscale at rest, full-color on hover.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-12.tsx", "type": "registry:block", "target": "components/blocks/gallery-12.tsx" } ] }, { "name": "gallery-13", "type": "registry:block", "title": "Portfolio project cards with title overlay", "description": "Dark-canvas project cards with category pill and slide-up title overlay that appears on hover.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-13.tsx", "type": "registry:block", "target": "components/blocks/gallery-13.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "gallery-14", "type": "registry:block", "title": "Horizontal-scroll snap gallery row", "description": "Snap-scrolling portrait cards in a horizontal row with prev/next arrow controls and index badges.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-14.tsx", "type": "registry:block", "target": "components/blocks/gallery-14.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "gallery-15", "type": "registry:block", "title": "Asymmetric image grid with caption overlay", "description": "Mosaic grid of varied-span cells where captions fade in from below on hover.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-15.tsx", "type": "registry:block", "target": "components/blocks/gallery-15.tsx" } ] }, { "name": "gallery-16", "type": "registry:block", "title": "Featured image with thumbnail strip", "description": "One large hero image with a scrollable four-thumbnail strip; clicking a thumbnail swaps the featured view.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-16.tsx", "type": "registry:block", "target": "components/blocks/gallery-16.tsx" } ], "registryDependencies": [ "badge" ] }, { "name": "gallery-17", "type": "registry:block", "title": "Instagram-style square grid with like overlays", "description": "Three-column square grid with interactive like and comment count overlays on hover.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-17.tsx", "type": "registry:block", "target": "components/blocks/gallery-17.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "gallery-18", "type": "registry:block", "title": "Split copy-left image-collage-right section", "description": "Two-column section pairing editorial copy and bullet services on the left with a five-tile image collage on the right.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-18.tsx", "type": "registry:block", "target": "components/blocks/gallery-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ] }, { "name": "gallery-19", "type": "registry:block", "title": "Video gallery with play overlays", "description": "Featured video with a vertical list of secondary thumbnails, each showing a play button on hover.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-19.tsx", "type": "registry:block", "target": "components/blocks/gallery-19.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "gallery-20", "type": "registry:block", "title": "Pinterest-style masonry with tag chips", "description": "Responsive masonry columns of variable-height cards with tag Badge chips revealed on hover.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-20.tsx", "type": "registry:block", "target": "components/blocks/gallery-20.tsx" } ], "registryDependencies": [ "badge" ] }, { "name": "gallery-21", "type": "registry:block", "title": "Case-study cards with headline metrics", "description": "Four-column grid of case-study cards — each showing a full-bleed image with a large metric, client name, and outcome copy.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-21.tsx", "type": "registry:block", "target": "components/blocks/gallery-21.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ] }, { "name": "gallery-22", "type": "registry:block", "title": "Minimal full-bleed alternating image rows", "description": "Full-viewport alternating rows of image and editorial copy with no card chrome — just image, heading, and a short text column.", "categories": [ "gallery" ], "files": [ { "path": "content/components/gallery/gallery-22.tsx", "type": "registry:block", "target": "components/blocks/gallery-22.tsx" } ] }, { "name": "bento-01", "type": "registry:block", "title": "2×2 feature grid", "description": "Four equal-sized tiles in a 2×2 CSS grid, each with an icon, heading, and short body — clean entry point for a feature bento.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-01.tsx", "type": "registry:block", "target": "components/blocks/bento-01.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-02", "type": "registry:block", "title": "Wide hero + two below", "description": "A full-width top tile with headline and CTA over two narrower feature tiles — classic 3-tile asymmetric bento.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-02.tsx", "type": "registry:block", "target": "components/blocks/bento-02.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "bento-03", "type": "registry:block", "title": "6-tile asymmetric grid", "description": "Six tiles in two rows with alternating wide spans — two full-width feature tiles flanked by four smaller ones.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-03.tsx", "type": "registry:block", "target": "components/blocks/bento-03.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-04", "type": "registry:block", "title": "Hero tile + 4 satellites", "description": "One large 2-row hero tile left, four compact feature tiles right — radial gradient accent and a primary CTA button.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-04.tsx", "type": "registry:block", "target": "components/blocks/bento-04.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "bento-05", "type": "registry:block", "title": "Dark media bento", "description": "Always-dark stone-950 canvas mixing a video mock tile, a live log tile, and a stat tile — built for media or streaming products.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-05.tsx", "type": "registry:block", "target": "components/blocks/bento-05.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-06", "type": "registry:block", "title": "Stats + icon features", "description": "Three tabular-num stat tiles above three feature tiles with one wide tile — merges metrics and capabilities in one grid.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-06.tsx", "type": "registry:block", "target": "components/blocks/bento-06.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-07", "type": "registry:block", "title": "Product-screenshot mocks", "description": "Three browser-chrome mock tiles showing different product views — hero preview spans two rows left, two smaller mocks right.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-07.tsx", "type": "registry:block", "target": "components/blocks/bento-07.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-08", "type": "registry:block", "title": "Dotted-map + metric tiles", "description": "Full-width SVG dot-grid world map with active edge-node pings above four metric tiles — infrastructure bento.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-08.tsx", "type": "registry:block", "target": "components/blocks/bento-08.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-09", "type": "registry:block", "title": "3-column tall bento", "description": "Three columns with varied row spans — a tall feature tile left, stacked stat/accent tiles center, CTA and mono stat right.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-09.tsx", "type": "registry:block", "target": "components/blocks/bento-09.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "bento-10", "type": "registry:block", "title": "Integration logos + features", "description": "A 12-logo icon grid CDN tile spanning two columns beside a vertical feature list — connect-your-stack bento.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-10.tsx", "type": "registry:block", "target": "components/blocks/bento-10.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-11", "type": "registry:block", "title": "Code-snippet + preview tiles", "description": "Dark Shiki-style code tile spanning three columns left, a live mini-preview and a badge-tagged DX tile right.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-11.tsx", "type": "registry:block", "target": "components/blocks/bento-11.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-12", "type": "registry:block", "title": "Dual testimonials + features", "description": "Full-width two-column testimonial tile with star ratings and avatars above four compact feature tiles.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-12.tsx", "type": "registry:block", "target": "components/blocks/bento-12.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-13", "type": "registry:block", "title": "Gradient-accent bento", "description": "Mixed-span tiles with a dominant indigo-to-violet accent tile, a dark dotted-globe card, and a stat + CTA strip.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-13.tsx", "type": "registry:block", "target": "components/blocks/bento-13.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "bento-14", "type": "registry:block", "title": "CTA-anchored bento", "description": "Dark full-height CTA tile on the left anchors three feature tiles and a metrics strip on the right.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-14.tsx", "type": "registry:block", "target": "components/blocks/bento-14.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ] }, { "name": "bento-15", "type": "registry:block", "title": "8-capability icon bento", "description": "Eight capability tiles in a 4-column grid — each with a distinct accent icon color; first and last tiles span two columns.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-15.tsx", "type": "registry:block", "target": "components/blocks/bento-15.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-16", "type": "registry:block", "title": "Bar-chart bento", "description": "CSS bar chart tile spanning two columns paired with retention, session-duration, and MRR stat tiles.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-16.tsx", "type": "registry:block", "target": "components/blocks/bento-16.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-17", "type": "registry:block", "title": "Hero+bento combo", "description": "Full-width headline tile with inline CTA above a two-column feature grid and a four-stat footer strip.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-17.tsx", "type": "registry:block", "target": "components/blocks/bento-17.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ] }, { "name": "bento-18", "type": "registry:block", "title": "Compact dense bento", "description": "12 icon-label tiles in a 6-column grid — two tiles span to signal hierarchy without breaking the compact density.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-18.tsx", "type": "registry:block", "target": "components/blocks/bento-18.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-19", "type": "registry:block", "title": "Globe + stat bento", "description": "SVG dot-grid world map with active-node pulses and connection lines, beside a three-stat column and three feature tiles.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-19.tsx", "type": "registry:block", "target": "components/blocks/bento-19.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-20", "type": "registry:block", "title": "Editorial bento", "description": "Serif masthead with hairline-divided article cards in a newspaper-style bento — wide lead story, two narrow cards, and a pull-quote row.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-20.tsx", "type": "registry:block", "target": "components/blocks/bento-20.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "bento-21", "type": "registry:block", "title": "Calendar bento", "description": "Interactive week-view calendar mock with color-coded events, a next/prev control, and an upcoming-events sidebar.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-21.tsx", "type": "registry:block", "target": "components/blocks/bento-21.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "bento-22", "type": "registry:block", "title": "Team avatars bento", "description": "6-member avatar grid with online indicators and role badges beside three team-feature tiles covering access, auditing, and deploy comments.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-22.tsx", "type": "registry:block", "target": "components/blocks/bento-22.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ] }, { "name": "bento-23", "type": "registry:block", "title": "Notification-stack bento", "description": "Scrollable activity-feed tile with color-coded unread markers beside channel config, alert stats, and a filter pill group.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-23.tsx", "type": "registry:block", "target": "components/blocks/bento-23.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ] }, { "name": "bento-24", "type": "registry:block", "title": "Full-feature showcase bento", "description": "8-tile 12-column showcase: full-width headline, dark uptime stat with weekly bars, edge network, security, sparkline throughput, deploy speed, git workflow, and integrations.", "categories": [ "bento" ], "files": [ { "path": "content/components/bento/bento-24.tsx", "type": "registry:block", "target": "components/blocks/bento-24.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ] }, { "name": "about-01", "type": "registry:block", "title": "Simple about with side image", "description": "Two-column layout — headline and two body paragraphs left, image placeholder right. Clean entry point for any company story section.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-01.tsx", "type": "registry:block", "target": "components/blocks/about-01.tsx" } ] }, { "name": "about-02", "type": "registry:block", "title": "Centered mission + stats row", "description": "Full-width centered mission statement above a four-column stat grid with hairline separators — density without clutter.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-02.tsx", "type": "registry:block", "target": "components/blocks/about-02.tsx" } ] }, { "name": "about-03", "type": "registry:block", "title": "Story split with founder image", "description": "Narrative copy and a pull-quote left, founder portrait right with name and role caption — built for credibility.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-03.tsx", "type": "registry:block", "target": "components/blocks/about-03.tsx" } ] }, { "name": "about-04", "type": "registry:block", "title": "Values grid with icons", "description": "Six-value card grid — icon, bold title, and one-line description per card — for teams that need to articulate beliefs, not just features.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-04.tsx", "type": "registry:block", "target": "components/blocks/about-04.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "about-05", "type": "registry:block", "title": "Milestone timeline", "description": "Vertical timeline with year labels and milestone descriptions — traces company history in a scannable left-border layout.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-05.tsx", "type": "registry:block", "target": "components/blocks/about-05.tsx" } ] }, { "name": "about-06", "type": "registry:block", "title": "Mission copy + team headshot grid", "description": "Mission narrative left, 3×2 avatar grid with names and roles right — combines story and people in one viewport.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-06.tsx", "type": "registry:block", "target": "components/blocks/about-06.tsx" } ] }, { "name": "about-07", "type": "registry:block", "title": "Dark manifesto with big type", "description": "Stone-950 canvas, oversized headline, and a two-column body split — deliberately opinionated and high-contrast.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-07.tsx", "type": "registry:block", "target": "components/blocks/about-07.tsx" } ] }, { "name": "about-08", "type": "registry:block", "title": "Image collage + copy", "description": "Staggered 2×2 image collage left, copy block with inline stats right — visual density balanced by generous whitespace.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-08.tsx", "type": "registry:block", "target": "components/blocks/about-08.tsx" } ] }, { "name": "about-09", "type": "registry:block", "title": "By the numbers — stat cards", "description": "Six stat cards in a three-column grid, each with a large number, bold label, and context line — built for “numbers speak” sections.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-09.tsx", "type": "registry:block", "target": "components/blocks/about-09.tsx" } ] }, { "name": "about-10", "type": "registry:block", "title": "Founder letter", "description": "Serif body text in a narrow max-width column, closing with a stylized italic signature and role line — personal and deliberate.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-10.tsx", "type": "registry:block", "target": "components/blocks/about-10.tsx" } ] }, { "name": "about-11", "type": "registry:block", "title": "Values accordion", "description": "Sticky heading left, expandable accordion of five values right — lets readers drill into what matters without overwhelming the first impression.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-11.tsx", "type": "registry:block", "target": "components/blocks/about-11.tsx" } ], "registryDependencies": [ "accordion" ] }, { "name": "about-12", "type": "registry:block", "title": "Office culture photo grid", "description": "Two-column layout pairing a masonry photo grid of office life with a short culture statement and three async-first principles.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-12.tsx", "type": "registry:block", "target": "components/blocks/about-12.tsx" } ], "registryDependencies": [ "badge" ] }, { "name": "about-13", "type": "registry:block", "title": "About hero + investor proof row", "description": "Centered hero copy with primary and ghost CTAs, anchored by a CDN logo proof row of recognizable investors and partners.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-13.tsx", "type": "registry:block", "target": "components/blocks/about-13.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ] }, { "name": "about-14", "type": "registry:block", "title": "Mission + vision two-column cards", "description": "Side-by-side cards with icon badges, each spelling out one pillar — mission today, vision in three years — with supporting bullet lists.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-14.tsx", "type": "registry:block", "target": "components/blocks/about-14.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ] }, { "name": "about-15", "type": "registry:block", "title": "About with large pull-quote", "description": "Long-form company story split by a full-width blockquote with founder avatar, turning a wall of text into a scannable narrative.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-15.tsx", "type": "registry:block", "target": "components/blocks/about-15.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ] }, { "name": "about-16", "type": "registry:block", "title": "Editorial about header + sectioned content", "description": "Bold editorial header with an oversized logotype, followed by numbered two-column content rows separated by hairline dividers.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-16.tsx", "type": "registry:block", "target": "components/blocks/about-16.tsx" } ], "registryDependencies": [ "badge", "separator" ] }, { "name": "about-17", "type": "registry:block", "title": "About with office locations map", "description": "Stylized dot-grid world map with interactive hover pins for each office, plus a compact card row showing city, timezone, and headcount.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-17.tsx", "type": "registry:block", "target": "components/blocks/about-17.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ] }, { "name": "about-18", "type": "registry:block", "title": "Press mentions + awards row", "description": "Three press-quote cards with CDN outlet logos and dates, stacked above a compact awards strip with icon badges.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-18.tsx", "type": "registry:block", "target": "components/blocks/about-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ] }, { "name": "about-19", "type": "registry:block", "title": "Split values — interactive list + sticky image", "description": "Left accordion-style value list updates a sticky right image on selection, making a static values page feel tactile.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-19.tsx", "type": "registry:block", "target": "components/blocks/about-19.tsx" } ], "registryDependencies": [ "badge" ] }, { "name": "about-20", "type": "registry:block", "title": "About with video-intro thumbnail", "description": "Two-column section pairing copy and key stats with a click-to-play video thumbnail, complete with duration badge and hover glow.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-20.tsx", "type": "registry:block", "target": "components/blocks/about-20.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ] }, { "name": "about-21", "type": "registry:block", "title": "Minimal manifesto — centered statement + CTA", "description": "Single-column manifesto: one bold thesis, a short paragraph, and five numbered tenets in card rows, closed by a pair of CTAs.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-21.tsx", "type": "registry:block", "target": "components/blocks/about-21.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "about-22", "type": "registry:block", "title": "About combo — story + values + stats strip", "description": "Three-act about page in one block: a year-by-year timeline, a four-up values grid, and a tabular stats strip with a CTA row.", "categories": [ "about" ], "files": [ { "path": "content/components/about/about-22.tsx", "type": "registry:block", "target": "components/blocks/about-22.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button", "separator" ] }, { "name": "banner-01", "type": "registry:block", "title": "Simple announcement bar", "description": "Single-line top bar with inline link and arrow — zero chrome, maximum reach.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-01.tsx", "type": "registry:block", "target": "components/blocks/banner-01.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "banner-02", "type": "registry:block", "title": "Dismissible update banner", "description": "Muted-background release announcement with a close button that removes the bar on click.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-02.tsx", "type": "registry:block", "target": "components/blocks/banner-02.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "banner-03", "type": "registry:block", "title": "Gradient promo bar with CTA", "description": "Full-width indigo-to-violet gradient strip with a ghost CTA button — high-contrast promo treatment.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-03.tsx", "type": "registry:block", "target": "components/blocks/banner-03.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "banner-04", "type": "registry:block", "title": "Cookie consent bar", "description": "Fixed-bottom consent notice with accept and reject buttons that dismiss on interaction.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-04.tsx", "type": "registry:block", "target": "components/blocks/banner-04.tsx" } ], "registryDependencies": [ "button" ] }, { "name": "banner-05", "type": "registry:block", "title": "Countdown promo banner", "description": "Pill-style live timer alongside a discount message and a secondary CTA — urgency without noise.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-05.tsx", "type": "registry:block", "target": "components/blocks/banner-05.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "banner-06", "type": "registry:block", "title": "Status notification bar", "description": "In-flow bottom-styled notification bar with a status indicator dot, sub-label, and dismiss link.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-06.tsx", "type": "registry:block", "target": "components/blocks/banner-06.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "banner-07", "type": "registry:block", "title": "New-feature announcement strip", "description": "Compact link-row with a Sparkle icon, a pill badge, and a hover-underline call-to-action.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-07.tsx", "type": "registry:block", "target": "components/blocks/banner-07.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "banner-08", "type": "registry:block", "title": "Dark glow upgrade banner", "description": "Always-dark bg-stone-950 strip with a radial violet glow and a white-on-dark CTA button.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-08.tsx", "type": "registry:block", "target": "components/blocks/banner-08.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "banner-09", "type": "registry:block", "title": "Inline newsletter capture", "description": "Email input and subscribe button inline in a card bar — resolves to a confirmation line on submit.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-09.tsx", "type": "registry:block", "target": "components/blocks/banner-09.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input" ] }, { "name": "banner-10", "type": "registry:block", "title": "Promo-code sale banner", "description": "Discount announcement with a click-to-copy dashed code chip and a redeem CTA on the right.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-10.tsx", "type": "registry:block", "target": "components/blocks/banner-10.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "banner-11", "type": "registry:block", "title": "New-feature announcement with avatar cluster", "description": "Horizontal announcement bar with a badge, one-liner feature copy, a tight avatar cluster of recent users, and a text link — stays compact at any viewport.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-11.tsx", "type": "registry:block", "target": "components/blocks/banner-11.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "banner-12", "type": "registry:block", "title": "Two-line card banner with CTA", "description": "Muted-background card banner pairing a bold title with a supporting subtext line and a solid action button, stacking vertically on mobile.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-12.tsx", "type": "registry:block", "target": "components/blocks/banner-12.tsx" } ], "registryDependencies": [ "button" ] }, { "name": "banner-13", "type": "registry:block", "title": "Marquee scrolling text banner", "description": "Infinite CSS-keyframe marquee that cycles a list of feature callouts separated by hairline dividers — zero JavaScript, fully pauseable via hover.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-13.tsx", "type": "registry:block", "target": "components/blocks/banner-13.tsx" } ], "registryDependencies": [ "separator" ] }, { "name": "banner-14", "type": "registry:block", "title": "blockus logo brand bar with two links", "description": "Minimal top bar carrying the blockus logo, product tagline, and two navigation links — browse and upgrade — flush with the page header.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-14.tsx", "type": "registry:block", "target": "components/blocks/banner-14.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "banner-15", "type": "registry:block", "title": "Maintenance / warning banner", "description": "Amber-tinted alert banner with a triangle-warning icon, maintenance window details in monospaced numerals, and a dismissible close button.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-15.tsx", "type": "registry:block", "target": "components/blocks/banner-15.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "banner-16", "type": "registry:block", "title": "Free-tier progress banner", "description": "Compact usage bar showing progress toward an unlock goal with a labeled counter and a thin primary-colored fill bar below the copy.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-16.tsx", "type": "registry:block", "target": "components/blocks/banner-16.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "banner-17", "type": "registry:block", "title": "Centered floating pill banner", "description": "Single rounded-full pill centered in the viewport with a pulsing green status dot, release copy, and an arrow-linked changelog label.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-17.tsx", "type": "registry:block", "target": "components/blocks/banner-17.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "banner-18", "type": "registry:block", "title": "Event / webinar date banner", "description": "Slim banner combining a date chip, event title, speaker meta, and an outline register button — all aligned in a single responsive row.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-18.tsx", "type": "registry:block", "target": "components/blocks/banner-18.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "banner-19", "type": "registry:block", "title": "App-download banner with store badges", "description": "Announcement bar with a device icon and two store-style badge buttons for App Store and Google Play, reversing color on hover.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-19.tsx", "type": "registry:block", "target": "components/blocks/banner-19.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "banner-20", "type": "registry:block", "title": "Cookie preferences banner with category toggles", "description": "GDPR-style footer banner with four named cookie categories, native checkboxes, reject-all / accept-all shortcuts, and a save action — dismissible.", "categories": [ "banner" ], "files": [ { "path": "content/components/banner/banner-20.tsx", "type": "registry:block", "target": "components/blocks/banner-20.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "timeline-01", "type": "registry:block", "title": "Simple vertical timeline", "description": "Left-spine vertical list of dated events — dot nodes, mono timestamps, and short prose — the minimal baseline for any history or changelog section.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-01.tsx", "type": "registry:block", "target": "components/blocks/timeline-01.tsx" } ] }, { "name": "timeline-02", "type": "registry:block", "title": "Horizontal 4-step process", "description": "Four numbered steps connected by a hairline across the page on desktop, stacked vertically on mobile — built for process and onboarding flows.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-02.tsx", "type": "registry:block", "target": "components/blocks/timeline-02.tsx" } ] }, { "name": "timeline-03", "type": "registry:block", "title": "Alternating left/right spine", "description": "Center-spine timeline that alternates copy left and right on desktop, collapsing to a single left-aligned column on mobile.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-03.tsx", "type": "registry:block", "target": "components/blocks/timeline-03.tsx" } ] }, { "name": "timeline-04", "type": "registry:block", "title": "Now / Next / Later roadmap", "description": "Three-column kanban-style roadmap with color-coded status badges and card-per-item layout — puts the whole product horizon on one screen.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-04.tsx", "type": "registry:block", "target": "components/blocks/timeline-04.tsx" } ], "registryDependencies": [ "badge" ] }, { "name": "timeline-05", "type": "registry:block", "title": "Company milestones with year markers", "description": "Three-column grid anchored by oversized faded year numbers; each row pairs the year with a title and prose via a center spine and dot node.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-05.tsx", "type": "registry:block", "target": "components/blocks/timeline-05.tsx" } ] }, { "name": "timeline-06", "type": "registry:block", "title": "Release changelog with version tags", "description": "Spine-anchored changelog where each entry carries a version number, a color-coded release-type badge (major / minor / patch / security), and a bullet list of changes.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-06.tsx", "type": "registry:block", "target": "components/blocks/timeline-06.tsx" } ], "registryDependencies": [ "badge" ] }, { "name": "timeline-07", "type": "registry:block", "title": "Dark timeline with glowing nodes", "description": "Stone-950 canvas; each card sits inside a per-entry colored radial glow, and nodes pulse with a violet shadow — intentionally dark, zero light-mode bleed.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-07.tsx", "type": "registry:block", "target": "components/blocks/timeline-07.tsx" } ] }, { "name": "timeline-08", "type": "registry:block", "title": "Timeline with media preview cards", "description": "Each entry pairs a copy column with a tinted media card — UI skeletons, terminal output, or schema previews — making every milestone tangible.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-08.tsx", "type": "registry:block", "target": "components/blocks/timeline-08.tsx" } ] }, { "name": "timeline-09", "type": "registry:block", "title": "Horizontal-scroll snap timeline", "description": "Scroll-snapping card rail with dot navigation; each card surfaces a large stat and a year marker, with inactive cards dimmed for focus.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-09.tsx", "type": "registry:block", "target": "components/blocks/timeline-09.tsx" } ] }, { "name": "timeline-10", "type": "registry:block", "title": "Centered spine with lucide icons", "description": "Left-spine list where each node is a rounded card carrying a distinct Lucide icon, replacing plain dots with a distinct per-capability identity.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-10.tsx", "type": "registry:block", "target": "components/blocks/timeline-10.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "timeline-11", "type": "registry:block", "title": "Process timeline with progress fill", "description": "Five-step delivery process where each step shows a filled progress bar that advances cumulatively, anchoring schedule context to each phase.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-11.tsx", "type": "registry:block", "target": "components/blocks/timeline-11.tsx" } ] }, { "name": "timeline-12", "type": "registry:block", "title": "Timeline with sticky year navigation", "description": "Left sticky nav highlights the visible year as you scroll through grouped events — lets readers jump to any year without losing their place.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-12.tsx", "type": "registry:block", "target": "components/blocks/timeline-12.tsx" } ] }, { "name": "timeline-13", "type": "registry:block", "title": "Minimal text timeline", "description": "Date — event rows separated by hairline dividers — typography-only, no icons or decorations.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-13.tsx", "type": "registry:block", "target": "components/blocks/timeline-13.tsx" } ] }, { "name": "timeline-14", "type": "registry:block", "title": "Alternating image timeline", "description": "Milestones alternate text left / gradient-image right along a centered vertical spine.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-14.tsx", "type": "registry:block", "target": "components/blocks/timeline-14.tsx" } ] }, { "name": "timeline-15", "type": "registry:block", "title": "Quarterly roadmap grid", "description": "Q1–Q4 columns of kanban-style item cards with tag pills and a done indicator.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-15.tsx", "type": "registry:block", "target": "components/blocks/timeline-15.tsx" } ] }, { "name": "timeline-16", "type": "registry:block", "title": "Status badge timeline", "description": "Vertical timeline with Done / In progress / Planned badges and a color-coded legend row.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-16.tsx", "type": "registry:block", "target": "components/blocks/timeline-16.tsx" } ] }, { "name": "timeline-17", "type": "registry:block", "title": "Story + stats interleaved timeline", "description": "Founding-to-now narrative chapters alternate with two-column stat tiles along a single spine.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-17.tsx", "type": "registry:block", "target": "components/blocks/timeline-17.tsx" } ] }, { "name": "timeline-18", "type": "registry:block", "title": "Year-tab timeline", "description": "Pill-tab row switches the visible year; four event cards animate in on selection.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-18.tsx", "type": "registry:block", "target": "components/blocks/timeline-18.tsx" } ] }, { "name": "timeline-19", "type": "registry:block", "title": "Gantt-style horizontal bars", "description": "Project phases rendered as color-coded horizontal bars across a 12-month track with a detail legend.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-19.tsx", "type": "registry:block", "target": "components/blocks/timeline-19.tsx" } ] }, { "name": "timeline-20", "type": "registry:block", "title": "Avatar-per-entry timeline", "description": "Each event card is anchored by the contributor avatar — who shipped what and when.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-20.tsx", "type": "registry:block", "target": "components/blocks/timeline-20.tsx" } ] }, { "name": "timeline-21", "type": "registry:block", "title": "Event schedule / agenda", "description": "Full-day agenda with time slots, colored type bars, speaker avatars, and break rows.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-21.tsx", "type": "registry:block", "target": "components/blocks/timeline-21.tsx" } ] }, { "name": "timeline-22", "type": "registry:block", "title": "Editorial large-year timeline", "description": "Oversized faded year numerals anchor restrained text columns — editorial rhythm, no decorative chrome.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-22.tsx", "type": "registry:block", "target": "components/blocks/timeline-22.tsx" } ] }, { "name": "timeline-23", "type": "registry:block", "title": "Compact 3-step horizontal", "description": "Three bordered cards in a row connected by arrow icons — distilled process in one scannable strip.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-23.tsx", "type": "registry:block", "target": "components/blocks/timeline-23.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "timeline-24", "type": "registry:block", "title": "Timeline ending with CTA card", "description": "Five-entry vertical timeline closes with a gradient CTA card that drives to the catalog and pricing.", "categories": [ "timeline" ], "files": [ { "path": "content/components/timeline/timeline-24.tsx", "type": "registry:block", "target": "components/blocks/timeline-24.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "integrations-01", "type": "registry:block", "title": "Integration logo grid", "description": "Clean card grid of integration logos with name labels — the fastest way to show what your product connects to.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-01.tsx", "type": "registry:block", "target": "components/blocks/integrations-01.tsx" } ] }, { "name": "integrations-02", "type": "registry:block", "title": "Integration list rows", "description": "Vertical list of integrations with logo, description, and Connect/Connected status in a bordered card container.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-02.tsx", "type": "registry:block", "target": "components/blocks/integrations-02.tsx" } ], "registryDependencies": [ "button" ] }, { "name": "integrations-03", "type": "registry:block", "title": "Hub-and-spoke diagram", "description": "SVG hub-and-spoke layout with the blockus logo at center and eight partner logos orbiting on dashed radial lines.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-03.tsx", "type": "registry:block", "target": "components/blocks/integrations-03.tsx" } ] }, { "name": "integrations-04", "type": "registry:block", "title": "Categorized integrations tabs", "description": "Tabbed integration browser organized by category (Payments, DevOps, Analytics, Productivity) with Connect actions per card.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-04.tsx", "type": "registry:block", "target": "components/blocks/integrations-04.tsx" } ], "registryDependencies": [ "button", "tabs" ] }, { "name": "integrations-05", "type": "registry:block", "title": "Integration cards with description", "description": "Grid of integration cards each showing a framed logo, category pill, description, and Connect CTA.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-05.tsx", "type": "registry:block", "target": "components/blocks/integrations-05.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "integrations-06", "type": "registry:block", "title": "Searchable integrations grid", "description": "Live-search input + tag filter chips that narrow a 16-item grid of integration logos in real time.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-06.tsx", "type": "registry:block", "target": "components/blocks/integrations-06.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "input" ] }, { "name": "integrations-07", "type": "registry:block", "title": "Dark integrations grid", "description": "Always-dark stone-950 canvas with a flush grid of 12 integration icons separated by hairline dividers.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-07.tsx", "type": "registry:block", "target": "components/blocks/integrations-07.tsx" } ], "registryDependencies": [ "button" ] }, { "name": "integrations-08", "type": "registry:block", "title": "Marketplace with featured integration", "description": "Marketplace layout: one featured integration with stats and an Install CTA above a compact grid of others.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-08.tsx", "type": "registry:block", "target": "components/blocks/integrations-08.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "integrations-09", "type": "registry:block", "title": "Two-logo connector pairs", "description": "Stacked pairing cards — each shows two logos joined by a lightning connector, plus copy and bullet benefits.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-09.tsx", "type": "registry:block", "target": "components/blocks/integrations-09.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "integrations-10", "type": "registry:block", "title": "Integration bento grid", "description": "Mixed-density bento layout: one large tile with description, single-logo tiles, and a wide multi-logo AI row.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-10.tsx", "type": "registry:block", "target": "components/blocks/integrations-10.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "integrations-11", "type": "registry:block", "title": "Logo cloud with CTA", "description": "Centered logo cloud of 12 partner marks with grayscale-to-color hover, a headline, and dual CTA buttons.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-11.tsx", "type": "registry:block", "target": "components/blocks/integrations-11.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "integrations-12", "type": "registry:block", "title": "Integration detail with setup steps", "description": "Split layout: sticky logo + metadata on the left, numbered timeline setup steps with inline code snippets on the right.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-12.tsx", "type": "registry:block", "target": "components/blocks/integrations-12.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ] }, { "name": "integrations-13", "type": "registry:block", "title": "Popular integrations row + category chips", "description": "Horizontal pill list of integrations each tagged with a category chip, plus a static filter row of category chips above the fold.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-13.tsx", "type": "registry:block", "target": "components/blocks/integrations-13.tsx" } ] }, { "name": "integrations-14", "type": "registry:block", "title": "Integration cards with enable toggle", "description": "Stacked list of integration cards with a native toggle switch per row so users can activate or deactivate connections inline.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-14.tsx", "type": "registry:block", "target": "components/blocks/integrations-14.tsx" } ] }, { "name": "integrations-15", "type": "registry:block", "title": "Marquee logo scroll + copy", "description": "Full-bleed CSS marquee of 32 logo tiles with edge fade masks, centered headline, and an integration count beneath.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-15.tsx", "type": "registry:block", "target": "components/blocks/integrations-15.tsx" } ] }, { "name": "integrations-16", "type": "registry:block", "title": "Integrations with category sidebar filter", "description": "Sticky sidebar of category buttons that client-side filters an 18-item integration card grid by category.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-16.tsx", "type": "registry:block", "target": "components/blocks/integrations-16.tsx" } ] }, { "name": "integrations-17", "type": "registry:block", "title": "API / webhook style integration pairs", "description": "Each integration card splits into a description + event-chip column alongside a live code-snippet panel showing the webhook payload.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-17.tsx", "type": "registry:block", "target": "components/blocks/integrations-17.tsx" } ] }, { "name": "integrations-18", "type": "registry:block", "title": "Featured integration spotlight + others grid", "description": "A wide spotlight card for the hero integration with highlights list sits beside a compact 3-column grid of secondary logos.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-18.tsx", "type": "registry:block", "target": "components/blocks/integrations-18.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "integrations-19", "type": "registry:block", "title": "Integration stats header + logo grid", "description": "Four stat tiles (100+ apps, 40+ categories, uptime, latency) precede a dense 9-column logo grid with a +82 overflow tile.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-19.tsx", "type": "registry:block", "target": "components/blocks/integrations-19.tsx" } ] }, { "name": "integrations-20", "type": "registry:block", "title": "Logo grid with Connect overlay on hover", "description": "Square logo tiles reveal a full-overlay + icon and Connect label on hover, keeping the resting state minimal.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-20.tsx", "type": "registry:block", "target": "components/blocks/integrations-20.tsx" } ], "dependencies": [ "lucide-react" ] }, { "name": "integrations-21", "type": "registry:block", "title": "Integration logos with connecting lines to center node", "description": "SVG radial diagram with 8 spoke logos connected by dashed lines to a center blockus node, paired with a connected-status list.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-21.tsx", "type": "registry:block", "target": "components/blocks/integrations-21.tsx" } ] }, { "name": "integrations-22", "type": "registry:block", "title": "Compact integration pills row + description", "description": "Compact banner-style section: short brand copy on the left, a wrapping row of rounded-full logo+name pills on the right.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-22.tsx", "type": "registry:block", "target": "components/blocks/integrations-22.tsx" } ] }, { "name": "integrations-23", "type": "registry:block", "title": "Request an integration CTA beside grid", "description": "Left-column request form (name + email + submit) paired with a 12-tile logo grid so discovery and requests coexist.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-23.tsx", "type": "registry:block", "target": "components/blocks/integrations-23.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] }, { "name": "integrations-24", "type": "registry:block", "title": "Hero headline + categorized integration grid", "description": "Full-width hero headline with CTA button above an 8-category grid where each card lists its top 3 integrations.", "categories": [ "integrations" ], "files": [ { "path": "content/components/integrations/integrations-24.tsx", "type": "registry:block", "target": "components/blocks/integrations-24.tsx" } ], "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ] } ] }