feat(landing): glass header nav with side drawer + blog section

- Header: full glassmorphism navigation (services, pricing, estimator, learn,
  blog). Desktop shows an inline glass pill; mobile opens a side drawer that
  slides in from the inline-start edge (right in RTL, left in LTR) over a
  blurred backdrop.
- Nav links smooth-scroll via the shared Lenis instance (exposed through
  scroll-store: setLenis/scrollToId), with an 80px offset under the header.
- "Learn" links to the existing how-it-works steps (id="learn"); add a
  lightweight Blog teaser section (id="blog", "coming soon" cards).
- i18n: fa/en strings for nav and blog.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
keyhan
2026-06-23 11:36:27 +03:30
parent 985a23751e
commit f89c3de826
7 changed files with 266 additions and 18 deletions
+20
View File
@@ -57,6 +57,14 @@ const en: Dictionary = {
landing: {
badge: 'Self-service cloud platform',
nav: {
services: 'Services',
pricing: 'Pricing',
estimator: 'Estimate',
learn: 'Learn',
blog: 'Blog',
menu: 'Menu',
},
hero: {
title: 'Abrban',
tagline: 'Cloud infrastructure, in your control',
@@ -176,6 +184,18 @@ const en: Dictionary = {
currency: 'Toman',
error: 'Could not calculate cost.',
},
blog: {
title: 'Blog & guides',
subtitle: 'Guides and the latest writing to help you build faster on Abrban.',
comingSoon: 'Coming soon',
cta: 'View all articles',
readMore: 'Read more',
posts: [
{ tag: 'Getting started', title: 'Ship your first app in minutes', desc: 'From connecting a repo to a domain and automatic SSL — step by step.' },
{ tag: 'Cost optimization', title: 'Pick the right resources and pay less', desc: 'Tune CPU, memory, replicas and add-on services wisely.' },
{ tag: 'Security', title: 'Custom domains with automatic SSL', desc: 'Connect your domain and let Abrban issue and renew the certificate.' },
],
},
finalCta: {
titleLead: 'The sky is clear; its time to ',
titleHighlight: 'go live',