[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.spacer(),
rx.hstack( 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="#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="#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="#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="#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="#contact", color="#E2E8F0", font_weight="600", font_size="16px", _hover={"color": "#6DD7E5", "transform": "translateY(-2px)"}, transition="all 0.2s"),
rx.button( rx.button(
rx.hstack( rx.hstack(
rx.text("شروع رایگان", font_weight="800"), rx.text("شروع رایگان", font_weight="800"),
@@ -204,7 +204,7 @@ def hero() -> rx.Component:
), ),
rx.box( rx.box(
rx.image( rx.image(
src="https://illustrations.popsy.co/amber/web-design.svg", src="https://illustrations.popsy.co/violet/web-design.svg",
width="600px", width="600px",
height="auto", height="auto",
filter="drop-shadow(0 20px 60px rgba(27, 75, 127, 0.3))", 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.vstack(
rx.box( rx.box(
rx.image( rx.image(
src="https://illustrations.popsy.co/amber/online-shopping.svg", src="https://illustrations.popsy.co/violet/cloud-hosting.svg",
width="450px", width="450px",
height="auto", height="auto",
), ),