feat: liquid glass UI, blob background, redesign home/portfolio/about pages

Browse Source

- Liquid glass effect on navbar/cards with backdrop-filter invert
- Animated blob gradient background (SVG-based)
- Portfolio section: scene-dark invert, show 5 items on home
- How Work section: step flow with numbers + connecting lines
- Hero: Decision snapshot replacing problem selector
- About page: inverted background with contrast fixes
- Fix parallax JS bundling via Astro
- Fix navbar fixed positioning after liquid glass CSS
- Submenu hover fix
- Clean up removed legacy files/assets

...

This commit is contained in:

Kunthawat Greethong

2026-06-23 11:40:37 +07:00

parent e279119f97

commit f827afb33f

188 changed files with 4577 additions and 15483 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

public/images/backgrounds/liquid-glass-bg.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.4 MiB

BIN

public/images/blog/5-ways-ai-increase-sales.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 129 KiB

BIN

public/images/blog/ai-content-google-love.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 214 KiB

BIN

public/images/blog/ai-for-sme-thailand.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 183 KiB

BIN

public/images/blog/back-office-automation.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 138 KiB

BIN

public/images/blog/chatbot-business-case-study.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 112 KiB

BIN

public/images/blog/data-driven-marketing.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 244 KiB

BIN

public/images/blog/digital-transformation.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 146 KiB

BIN

public/images/blog/marketing-automation-guide.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 123 KiB

BIN

public/images/blog/seo-2026-business-guide.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 149 KiB

BIN

public/images/blog/website-2026-must-have.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 131 KiB

BIN

public/images/hero/about-us-hero.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 224 KiB

BIN

public/images/hero/about.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 244 KiB

BIN

public/images/hero/ai-automation-hero.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 274 KiB

BIN

public/images/hero/ai-automation.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 285 KiB

BIN

public/images/hero/contact.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 219 KiB

BIN

public/images/hero/hero.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 396 KiB

BIN

public/images/hero/marketing-automation-hero.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 279 KiB

BIN

public/images/hero/marketing-automation.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 268 KiB

BIN

public/images/hero/tech-consult-hero.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 279 KiB

BIN

public/images/hero/tech-consult.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 241 KiB

BIN

public/images/hero/web-development-hero.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 243 KiB

BIN

public/images/hero/web-development.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 270 KiB

0

public/images/logo-long-black.png → public/images/logos/logo-long-black.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 28 KiB After Width:  |  Height:  |  Size: 28 KiB

0

public/images/logo-long.png → public/images/logos/logo-long.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 28 KiB After Width:  |  Height:  |  Size: 28 KiB

0

public/images/logo.svg → public/images/logos/logo.svg

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 477 B After Width:  |  Height:  |  Size: 477 B

BIN

public/images/portfolio/dealplustech.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 768 KiB

BIN

public/images/services/ai-consult.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 241 KiB

BIN

public/images/services/automation.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 285 KiB

BIN

public/images/services/default.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 285 KiB

BIN

public/images/services/marketing.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 268 KiB

BIN

public/images/services/webdev.jpg

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 270 KiB