🎨

Hero Section Edit

marketing-website-yo-21b8.pages.dev

Ready
Preview
https://marketing-website-yo-21b8.pages.dev
✓ Navy Blue
Product Pricing Blog
✨ Now in beta
Build something
people love
The all-in-one platform to launch, grow, and scale your product faster than ever before.
Before
ProductPricingBlog
✨ Now in beta
Build something
people love
The all-in-one platform to launch, grow, and scale your product.
▲ BEFORE  |  AFTER ▼
✓ Navy Blue
ProductPricingBlog
✨ Now in beta
Build something
people love
The all-in-one platform to launch, grow, and scale your product.
Color Change
Replacing the hero section background with a rich navy blue palette — professional, high-contrast, and easy to read.
Was
#667eea → #764ba2
Purple gradient
Removed
Now
#0a1f44 → #112255
Navy blue gradient
Applied
Accent
#001f5b
Deep navy (flat)
Option
⚠️
Manual deploy required. Cloudflare Pages sites require file access to apply edits. Use the CSS snippet below to update your source file, then redeploy via Cloudflare Pages dashboard or wrangler pages deploy.
CSS Change — Copy & Paste
📄
styles.css or inline <style>
Find the .hero / hero section rule and apply this
/* ── Hero Section: Navy Blue Update ── */
/* Find your existing .hero (or section.hero, #hero, etc.) rule */

.hero {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  background: linear-gradient(135deg, #0a1f44 0%, #112255 60%, #0d2a6b 100%);
}

/* ── Optional: flat navy (no gradient) ── */
.hero {
/*  background: #001f5b;  */
}