Redesign landing page with relace.ai-inspired layout using blue palette

[Copilot]

Overhaul the BlockOps landing page visual design drawing from relace.ai's clean, premium SaaS aesthetic — large typography, alternating light/dark sections, glassmorphic nav, gradient text, strong CTA section — replacing the existing minimal grayscale design with a cohesive blue color palette throughout.

Navigation

• Frosted glass nav: bg-white/75 backdrop-blur-xl border-blue-100/80
• Nav CTA changed from outline/slate to solid bg-blue-600

Hero

• Headline scaled to 7xl with CSS gradient text on "automate blockchain" (blue-600 → blue-400)
• Single clean radial glow replaces multi-layer orb circles
• Hero image wrapped in blue-tinted shadow frame
• CTA buttons: primary bg-blue-600, secondary border-blue-200

New Sections

• Social proof bar: "Trusted by builders on Ethereum, Arbitrum, Optimism, Polygon, Base"
• CTA banner: Full-width linear-gradient(blue-700 → blue-600 → blue-500) with white action button

Dark Sections

• Use cases + How It Works: pure bg-black → deep navy #020c1f
• Grid lines and card borders switched to blue-tinted (rgba(59,130,246,0.04/0.15))
• Blue radial glow blob added to use cases section
• Emerald "HOW IT WORKS" label replaced with text-blue-400
• Documentation button changed from black to bg-blue-600

Footer

• bg-slate-900 → #020c1f with blue-tinted text (text-blue-100/40) and borders

FeaturesExpandableCards

• Icon backgrounds: bg-slate-900 → bg-blue-600
• Cards: added hover:border-blue-200 hover:shadow-blue-100/50

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• fonts.googleapis.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node node_modules/.bin/next build (dns block)
• relace.ai
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

Replicate the UI design of this website: https://relace.ai/
for my landing page. Study the layout, spacing, typography, components, and other small UI details carefully and use them as inspiration. Keep the overall structure and design patterns similar, but do not copy the color palette—instead, use my existing blue color palette throughout the design.

Created from VS Code.

---

💬 Send tasks to Copilot coding agent from Slack and Teams to turn conversations into code. Copilot posts an update in your thread when it's finished.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
blockops	Ready	Preview, Comment	Mar 13, 2026 6:34pm