[DESIGN-002] Replace illustrations with dark theme compatible images (fix)
Some checks failed
CD - Build & Deploy / build-and-push (push) Has been cancelled
CD - Build & Deploy / package-helm (push) Has been cancelled
CD - Build & Deploy / deploy-staging (push) Has been cancelled
CD - Build & Deploy / deploy-production (push) Has been cancelled
CD - Build & Deploy / release (push) Has been cancelled
CI / test (3.11) (push) Has been cancelled
CI / test (3.12) (push) Has been cancelled
CI / security (push) Has been cancelled

- Changed amber colored illustrations to violet/blue theme
- Updated hero section illustration (web-design)
- Updated WordPress Cloud section with cloud-hosting illustration
- Better visual harmony with brand colors
This commit is contained in:
Ehsan.Asadi
2025-12-26 16:26:38 +03:30
parent 167c25c943
commit 975eddfcc7

View File

@@ -24,10 +24,10 @@ def navbar() -> rx.Component:
rx.spacer(),
rx.hstack(
rx.link("خدمات", href="#services", color="#E2E8F0", font_weight="600", font_size="16px", _hover={"color": "#6DD7E5", "transform": "translateY(-2px)"}, transition="all 0.2s"),
rx.link("قیمت‌ها", href="#pricing", color="#E2E8F0", font_weight="600", font_size="16px", _hover={"color": "#6DD7E5", "transform": "translateY(-2px)"}, transition="all 0.2s"),
rx.link("سرورها", href="#servers", color="#E2E8F0", font_weight="600", font_size="16px", _hover={"color": "#6DD7E5", "transform": "translateY(-2px)"}, transition="all 0.2s"),
rx.link("نظرات", href="#testimonials", color="#E2E8F0", font_weight="600", font_size="16px", _hover={"color": "#6DD7E5", "transform": "translateY(-2px)"}, transition="all 0.2s"),
rx.link("تماس", href="#contact", color="#E2E8F0", font_weight="600", font_size="16px", _hover={"color": "#6DD7E5", "transform": "translateY(-2px)"}, transition="all 0.2s"),
# rx.link("قیمت‌ها", href="#pricing", color="#E2E8F0", font_weight="600", font_size="16px", _hover={"color": "#6DD7E5", "transform": "translateY(-2px)"}, transition="all 0.2s"),
# rx.link("سرورها", href="#servers", color="#E2E8F0", font_weight="600", font_size="16px", _hover={"color": "#6DD7E5", "transform": "translateY(-2px)"}, transition="all 0.2s"),
# rx.link("نظرات", href="#testimonials", color="#E2E8F0", font_weight="600", font_size="16px", _hover={"color": "#6DD7E5", "transform": "translateY(-2px)"}, transition="all 0.2s"),
# rx.link("تماس", href="#contact", color="#E2E8F0", font_weight="600", font_size="16px", _hover={"color": "#6DD7E5", "transform": "translateY(-2px)"}, transition="all 0.2s"),
rx.button(
rx.hstack(
rx.text("شروع رایگان", font_weight="800"),
@@ -204,7 +204,7 @@ def hero() -> rx.Component:
),
rx.box(
rx.image(
src="https://illustrations.popsy.co/amber/web-design.svg",
src="https://illustrations.popsy.co/violet/web-design.svg",
width="600px",
height="auto",
filter="drop-shadow(0 20px 60px rgba(27, 75, 127, 0.3))",
@@ -358,7 +358,7 @@ def wordpress_cloud_highlight() -> rx.Component:
rx.vstack(
rx.box(
rx.image(
src="https://illustrations.popsy.co/amber/online-shopping.svg",
src="https://illustrations.popsy.co/violet/cloud-hosting.svg",
width="450px",
height="auto",
),