Welcome! This site was a passion project—I built it myself with modern web technologies to make sure all the details for our big day are easy for you to find.
Astro
Lightning-fast static site framework with zero JS by default
Tailwind CSS
Utility-first CSS framework for rapid UI development
React
Interactive components for the RSVP form
Tech Stack Details
Framework
Built with Astro, a modern static site generator that delivers lightning-fast performance with minimal JavaScript.
Styling
Tailwind CSS provides utility-first styling with custom color schemes (emerald, amber, stone) and glassmorphism effects.
Animation & Interaction
GSAP (GreenSock) powers smooth animations including the hero title reveal, background carousel transitions, and scroll-triggered parallax effects.
Smooth Scrolling
Lenis provides buttery-smooth scrolling with momentum and easing for an elegant browsing experience.
Splash Screen
LottieFiles delivers the animated wedding rings loading screen with lightweight, vector-based animations.
Form Backend
RSVP submissions handled via Formspree, a powerful form backend that handles all submissions, validation, and email notifications without requiring server-side code.
Hosting & Deployment
Deployed on Netlify for optimal performance and automatic deployments.
Key Features
- ✓ Fully responsive design optimized for all devices
- ✓ Glassmorphism UI with backdrop blur effects
- ✓ Custom color palette: emerald green, gold/champagne, stone & beige
- ✓ Google Maps integration for venue location
- ✓ Interactive RSVP form with client-side validation
- ✓ Beautiful Great Vibes calligraphy font for names
- ✓ GSAP-powered animations with scroll-triggered parallax effects
- ✓ Animated gold shimmer gradient on hero names
- ✓ Smooth momentum scrolling with Lenis
- ✓ Lottie-animated splash screen with wedding rings
- ✓ SEO optimized with meta tags
