How I built an immersive, multilingual web experience about inner growth, love, and finding your life purpose.
The Spark Behind the Project
What happens when you combine personal transformation with modern web technology? You get Mīlestība ir kā Uguns (Love is Like Fire) — a digital platform created by Ilze Eisaka, a self-growth mentor based in Riga, Latvia.
The idea is simple yet profound: love is the most powerful force for personal change, and fire is its perfect metaphor. This project brings that vision to life through an immersive, visually rich web experience.
🔗 Live demo: bas-uguns-ce.lovable.app 📂 GitHub: github.com/ilzeeisaka-alt/bas-uguns-ce-696b5618
What the Platform Offers
The platform serves as a complete digital space for anyone seeking personal growth:
🔥 A structured 3-stage transformation program — from self-discovery to inner awakening
🎬 Full-width hero video with fire particle animations that set the mood instantly
💬 Client testimonials with real stories of transformation
📧 Free guide download — a lead magnet with backend email integration
🎥 Video blog with 11 curated YouTube videos on self-growth topics
📝 Blog section with 6 SEO-optimized articles
🌐 Trilingual support — Latvian, English, and Russian
The Tech Stack
The project is built with a modern, performance-focused stack:
Technology Role
React 18 + TypeScript Type-safe UI components
Vite Lightning-fast builds
Tailwind CSS Utility-first responsive styling
Framer Motion Parallax effects, smooth animations
shadcn/ui Accessible, customizable UI components
Lovable Cloud Backend services, email queue, data storage
Design Decisions That Matter
Fire as a Design Language
Every visual element reinforces the fire metaphor — from animated particles floating across the page to warm gradients and glowing accents. The custom "Cheri" font adds a personal, handwritten touch that contrasts beautifully with the intensity of the fire theme.
Multilingual from Day One
Supporting three languages (Latvian, English, Russian) wasn't an afterthought. The entire translation system was built with a context-based approach, making it easy to add new languages in the future.
SEO-First Approach
The platform includes comprehensive SEO optimization:
Open Graph and meta tags for social sharing
JSON-LD structured data (ProfessionalService, FAQPage, WebSite)
XML sitemap with hreflang for multilingual indexing
Optimized robots.txt
Lazy-loaded iframes for performance
Key Takeaways
Building this project reinforced several principles:
Metaphor-driven design creates emotional connection. Using fire as a consistent visual theme makes the experience memorable.
Multilingual support multiplies your reach. Three languages means three potential audiences.
Performance and beauty aren't mutually exclusive. Framer Motion animations run smoothly alongside lazy-loaded content.
A single-page app can tell a complete story. From hero to contact, the user journey flows naturally.
What's Next
The roadmap includes community features, meditation tools, a personal growth tracker, and payment integration. The foundation is solid — now it's time to grow.
If you're building something that combines purpose with technology, I'd love to hear about it.
🔗 See the live demo → 📂 View the source code →
Tags: #react #typescript #webdev #personalgrowth #seo #tailwindcss #framermotion #multilingual #lovable
Top comments (0)