I'll create a beautiful wedding invitation website using Next.js with an elegant design. Let's build this with a responsive layout that works well on all devices.

This wedding invitation website features:

1. Elegant Design: A romantic color palette with blush, gold, and ivory tones
2. Responsive Layout: Works beautifully on mobile, tablet, and desktop

3. Key Sections:

   • Hero section with the couple's names and wedding date
   • Our Story section with couple photos and narrative
   • Event Details with ceremony and reception information
   • Photo Gallery to showcase couple memories
   • RSVP Form for guests to confirm attendance
   • Location Map with venue details
   • Beautiful footer

The design uses elegant typography with Cormorant Garamond for headings and subtle animations to enhance the user experience. You can easily customize the colors, text, and images to match your specific wedding theme.

To deploy this website, you can click the "Deploy" button in the top right corner of the UI.

I'll fix the font loading issue. The error occurs because the Cormorant Garamond font is being loaded incorrectly. In Next.js, we should use the built-in font system instead of CSS imports for Google Fonts 12.

I've fixed the font loading issue by:

1. Removing the problematic CSS @import for Google Fonts, which was causing the error 1
2. Using Next.js's built-in font optimization system with next/font/google 2
3. Replacing Cormorant Garamond (which appears to be unavailable) with Playfair Display, which is a similar elegant serif font perfect for wedding invitations
4. Setting up proper font variables that can be used throughout the application
5. Adding the display: 'swap' property for better font loading performance 2

This approach follows Next.js best practices for font loading and will prevent the 400 error you were experiencing. The fonts will now be properly optimized, self-hosted, and loaded with zero layout shift.