Bollman Consulting
Complete accounting and finance solution for growing businesses—from bookkeeping to fractional CFO services and strategic tax planning.
Home
Works
Services
Resources
Contact
Responsive Design
Mobile
375px viewport
Zeus Development Portfolio
Real Estate Developer & Venture Investor
6-page personal brand site with custom bilingual EN/ES support (900+ line translations file, no i18n library), History API client-side routing, Intersection Observer scroll animations, floating orb background, live YouTube + Spotify API feeds, and a hero background video — zero UI component libraries.
Live bilingual language toggle
Full EN/ES switch in the nav updates all 6 pages instantly — 900+ line translations file, no i18n library or page reload
Staggered mobile menu
Each nav link reveals with a 50ms delay offset — cascading slide-in animation using only inline CSS, no animation library
Scroll animations on mobile
IntersectionObserver triggers fade-in/slide-up on every content section as it enters view — smooth on any device speed
Floating orb background
Procedurally generated animated orbs with random sizes and durations — pure CSS, renders smoothly even on lower-powered mobile hardware
About
Zeus Hernandez is a real estate developer, venture investor, and sustainability-focused entrepreneur based in Los Angeles. His work spans real estate development, the Infinity Podcast, and published writings on regenerative economics and sustainable urban development.
Highlights
Custom Bilingual Architecture
Full EN/ES content parity across all 6 pages via a centralized 900+ line translations.js file and a live language toggle — no i18n library, no routing duplication.
History API Client-Side Routing
Custom SPA router built on window.history.pushState() and popstate event listeners — avoids React Router overhead entirely for a lighter, faster bundle.
Procedural Floating Orb Background
SubtleOrbs component generates orbs with randomized sizes (200–600px), positions, animation durations (20–40s), and delays — pure CSS animations, no canvas or WebGL.
Live YouTube + Spotify API Feeds
Media page fetches YouTube videos and Spotify podcast episodes from a Vercel-hosted backend with decoupled fetch/display state — load-more UX without re-fetching already-loaded content.
Scroll Animation Engine
IntersectionObserver drives fade-in/slide-up animations across all content sections with configurable thresholds and offsets — no GSAP, no Framer Motion, no external dependency.
Staggered Mobile Menu + Fluid Typography
Each mobile nav item reveals with a 50ms staggered delay using inline CSS — cascading slide-in with no animation library. clamp() fluid typography scales smoothly from mobile to desktop without breakpoint jumps.
Tags
Personal BrandReal EstateBilingualNext.jsReactTypeScriptTailwind CSSLos Angeles, CA
Not sure where to start?
Other Projects
Jr Leal Brothers
Expert natural stone and door cabinet services, bringing timeless beauty and craftsmanship to your space.
United Youth We Stand
Full nonprofit website for United Youth We Stand — a youth-led immigration advocacy org founded in 2019. Built to serve immigrant communities across the Bay Area and Coachella Valley with free legal clinics, Know Your Rights workshops, a 24/7 emergency hotline, and civic engagement tools.