shadcn/ui Edge Network Pro template.
ProPro infrastructure landing template: a particle ocean hero that parts around the cursor, a dotted world map network bento, and latency figures.
Pro infrastructure landing template: a particle ocean hero that parts around the cursor, a dotted world map network bento, and latency figures.
Add this template as editable React and Tailwind source. The shadcn CLI installs the components and packages below for you. Pro installs need a license key and the Pro registry setup.
pnpm dlx shadcn@latest add @7ovr-pro/edge-pro- Components11
- AccordionBadgeButtonChartNavigation MenuSeparatorSheetSonnerToggle GroupTooltipUtils
- Packages2
- MotionRecharts
About this template
Premium global infrastructure landing page template built on Pro blocks: centered-wordmark header, a particle ocean hero that parts around the cursor, a network bento with a dotted world map and regional latency bars, a count-up capability band, a drawing connector hub, a live service health grid, cumulative pricing tiers, always-open FAQ cards, a typing CLI cutover, and a giant-wordmark footer. Built with React, Tailwind CSS, and shadcn/ui, for Next.js, Vite or any React app. Install the whole page with one command, then own and edit every line.
What's inside10
Built on 10 Pro 7Ovr blocks, tweaked to work as one page and shipped with the template. Each one also stands alone, so you can preview the original block below.
- Centered Wordmark HeaderHeader with a centered wordmark, dropdown navigation menus on the left, and social links plus a primary CTA on the right over a sticky blur bar.
header-13Pro - Interactive Particle Ocean HeroPoster hero with centered copy above a wide canvas particle ocean whose dot rows roll in swells, twinkle, and part around the cursor.
hero-12Pro - Global Latency Map BentoGlobal bento with a dotted world map, pulsing location pins and streaming signal arcs, region latency bars, and edge uptime count-up stats.
bento-8Pro - Counting Metric StatsFeatures band of four capability stats (median latency, daily requests, uptime SLA, teams onboard) whose numbers count up on scroll into view.
features-12Pro - Hub And Spoke NetworkAnimated integrations hub where connectors draw from a central product to a ring of brand logos, with signal pulses and hover tooltips.
integrations-6Pro - Service Health SparklinesService health grid of cards, each with a live status dot, a response time sparkline that sweeps in, count-up uptime, and current latency.
status-9Pro - Cumulative Tier StackSplit pricing stacking cumulative tier cards (everything in the previous plan, plus) beside a sticky heading, billing toggle, and Enterprise contact box.
pricing-9Pro - FAQ Answer Card GridFAQ laid out as icon-led cards with answers always visible instead of an accordion, lifting on hover inside a masked corner grid.
faqs-10Pro - CLI Install Terminal CTASplit call to action with a terminal that types a shadcn CLI install command, beside install-focused copy and dual buttons.
cta-17Pro - Outlined Wordmark WatermarkFooter with four sitemap columns and a giant outlined brand wordmark that blurs into view on scroll, over a live status bottom bar.
footer-6Pro