shadcnblocks

With Text Right.

A single-column service page with a muted full-width hero heading, an introduction section, and long-form prose content with headings, paragraphs, and a service list.

A single-column service page with a full-width background photo hero and dark overlay, followed by introduction and prose content sections with headings and a service list.

A service page combining a background-photo hero with an icon, a three-column stats section with tool logos, and long-form prose content with service descriptions.

A service page with a muted hero, two-thirds prose content with icon-labeled services, and a one-third sticky sidebar displaying tool expertise metrics.

A service page with a two-thirds content column featuring an icon, heading, and prose sections, alongside a sidebar containing tool expertise stats and a related services list with hover effects.

A centered single-column service page with an icon header, three-column expertise grid, prose content with icon-labeled services, and a two-column related services grid.

A single-column service page with a circular icon, bordered expertise cards in a three-column grid, icon-labeled prose content, and a bordered two-column related services grid.

Four service cards in a two-column grid with icons, descriptions, included items, deliverable badges, pricing, and a bottom call-to-action banner.

A split layout with headline, copy, view-all button, and two portrait photo cards with hover animation and link arrows.

Five service image cards in a split layout with a left-side heading, description paragraph, and outline button, plus hover opacity animations.

Five service cards combining a wide hero card with four portrait cards below, each showing a cover image, white title, and hover animation.

A two-column split with heading, description, and button on the left, and four square image cards in a 2x2 grid on the right.

Six service cards in a CSS-columns masonry layout with three height tiers, gradient hover overlays, and a centered view-all button.

A large typographic heading followed by a multi-open accordion where each item expands to show an image, description, and category badges.

A three-column split with a large title, highlight points, and a button on the left, alongside stacked service rows with thumbnails and dot indicators on the right.

A services table listing six rows with categories and subcategories, where a preview image follows the cursor and updates per hovered row.

Four service cards in a two-column grid, each with a title, short description, and a checklist of offerings marked by circular check icons.

Five full-width service rows with oversized titles, milestone-icon option lists, diagonal hatched backgrounds, and staggered scroll-triggered animations.

A two-column layout with a sticky image preview and description on the left that updates as users hover over large service titles on the right.

Four service rows in a narrow container, each displaying an icon and title on the left and a list of sub-services on the right, separated by bottom borders.

Four service cards in a two-column grid, each with a circular icon, title, description, and dot-prefixed item list, plus a hover shadow effect.

Four service cards in a two-column grid, each with an icon in a bordered container, a title with description, and a two-column included-items list.

Four services in a four-column grid, each center-aligned with a large circular icon, title, description, and stacked item labels, featuring a background-inverting hover effect.

Four stacked horizontal cards, each with a square icon container, a title, description, and a row of rounded pill-shaped tags listing sub-services.

Four collapsible accordion items, each with an icon, title, and subtitle in the trigger, expanding to show a description and a two-column grid of items and deliverables.

Four bordered service cards in a two-column grid, each showing an icon, title, duration, description, included items, a price, and a Shadcn UI outline button.

A searchable integration gallery with category filter popover, compact integration cards showing logos and categories, and filtered results display.

A vertical integration list with app logos, descriptions, connected status badges, and help links in a two-column layout with sidebar CTAs.

A responsive integration settings grid displaying third-party service cards with connection status badges and hover interactions.

A responsive grid of integration cards with large logos, descriptions, connected status badges, and hover arrow indicators for available connections.

A settings integrations panel with tabbed navigation to browse services by category, featuring connect/disconnect buttons and status badges.

A compact integration settings panel with toggle switches for quick enable/disable of connected services.

A table-based integration management view showing service status, sync times, and action buttons for settings and removal.

A full-page integration browser with search, card-based layout featuring category labels and connect buttons in card footers.

A two-column integration browser with category sidebar navigation and scrollable list of integration items.

A management view for active integrations showing connection status, who connected them, and recent activity with dropdown actions.

A team members table with search input, role filter popover, invite dialog, and status badges showing active and pending members.

A vertical member list with avatars, role badges, dropdown actions, search input, and invite dialog with help link in subheading.

A responsive card grid displaying team members with avatars, color-coded role badges, join dates, and dropdown action menus.

A compact member list with checkboxes for bulk selection, role count badges, pending status indicators, and bulk remove action button.

A tabbed interface separating active members from pending invitations, with online status indicators, last active times, and invite expiration tracking.

A minimal notification settings list with checkboxes for each notification type in a single vertical column.

A minimal notification settings list with switch toggles for each notification type in a vertical stack.

A notification settings section with notifications organized into labeled categories, each in a bordered card with switch toggles.

A notification settings table with Email and SMS checkbox columns for each notification type in a matrix layout.

A settings profile section with avatar upload, name and email fields, timezone and week-start selectors, disclaimer banner, and save action.

A compact profile settings card with avatar upload, name, username, email, and bio fields.