A modern and elegant wedding invitation website built with Next.js, Tailwind CSS, and TypeScript. This website serves as a digital invitation platform with various interactive features.
- Hero Section - Beautiful landing page with couple's photo and wedding details
- Couple Profile - Detailed information about the bride and groom
- Event Details - Information about akad and reception ceremonies
- Love Story - Timeline of the couple's relationship journey
- Gallery - Collection of prewedding and engagement photos
- Quranic Verses - Inspirational verses from the Quran
- Digital Envelope - Bank and e-wallet information for gifts
- RSVP - Confirmation system with WhatsApp integration
- Guest Book - Virtual guest book for messages and well-wishes
- Countdown Timer - Displays time remaining until the wedding
- Photo Booth Frame - Interactive photo frame feature
- Music Player - Custom playlist for the wedding
- Gift Registry - Optional gift registry system
- Live Streaming - Optional live streaming integration
The website offers multiple theme options:
- Sage - Earthy green tones
- Dusty Blue - Soft blue tones (default)
- Soft Brown - Warm brown tones
- Pearl - Neutral white and gray tones
- Classic - Elegant gold and gray
- Romantic - Dusty rose and pink tones
- Modern - Dark sage and cream tones
All wedding details and configurations can be modified in:
src/config/wedding-config.ts- Main wedding details and featuressrc/config/theme-config.ts- Theme customization
- Next.js 13
- TypeScript
- Tailwind CSS
- React Icons
- React Hook Form
- Clone the repository
- Install dependencies:
npm install
- Run development server:
npm run dev
The project includes GitHub Actions workflow for automatic deployment. Configure deployment settings in .github/workflows/deploy.yml.
wedding-invitation/
├── public/ # Static assets
├── src/
│ ├── components/ # React components
│ ├── config/ # Configuration files
│ ├── contexts/ # React contexts
│ ├── pages/ # Next.js pages
│ ├── styles/ # Global styles
│ └── types/ # TypeScript types
├── .eslintrc.json # ESLint configuration
├── next.config.js # Next.js configuration
├── package.json # Project dependencies
├── postcss.config.mjs # PostCSS configuration
├── tailwind.config.ts # Tailwind CSS configuration
└── tsconfig.json # TypeScript configuration
This project is licensed under the MIT License - see the LICENSE file for details.