@titas_mallick/wedding-site-gen 1.1.0 → 2.0.0

package/README.md

@@ -1,212 +1,98 @@
-# AI-Powered Wedding Website Generator 💍
+# 💍 Wedding Website Generator v2.0
 
-Create a stunning, interactive, and intelligent wedding website in seconds. This tool scaffolds a complete Next.js application tailored to your wedding.
+> **Empower your wedding with AI.** Transform your special day into a digital masterpiece with an interactive invitation, AI-powered concierge, and real-time guest engagement.
 
-## 🚀 Quick Start (No Installation Required)
+---
 
-Simply run the following command in your terminal:
+## 🚀 The A-B-C Quick Start
 
+### Step A: Generate Your Codebase
+Open your terminal and run the following command to scaffold your project:
 ```bash
 npx @titas_mallick/wedding-site-gen
 ```
-
-> [!WARNING]
-> **⚠️ CRITICAL: Asset Replacement Required**
-> This generator includes **sample images** (in `/public`) and **sample text** meant for demonstration. You **MUST** replace `groom.jpg`, `bride.jpg`, and all photos in `/public/pw` and `/public/Images` with your own assets before publishing your website. Using the sample images may lead to copyright issues or a confusing guest experience.
-
-### What happens next?
-1. **Interactive Setup**: The CLI will ask for:
-   - Groom & Bride Names
-   - Wedding Date & Location Details
-   - Admin Email (for managing guestbook & song requests)
-   - UPI ID (for digital gifts)
-2. **Scaffolding**: It will generate a new folder with your personalized wedding website.
-3. **Deployment Ready**: Follow the onscreen instructions to install dependencies and start your site!
+*The CLI will guide you through couple names, wedding dates, and theme selection.*
+
+### Step B: Infrastructure & Environment
+1. **Navigate & Install**:
+   ```bash
+   cd your-wedding-folder
+   npm install
+   ```
+2. **Firebase Setup**:
+   - Create a project at [Firebase Console](https://console.firebase.google.com/).
+   - Enable **Firestore** and **Authentication** (Email/Password).
+   - Copy the `firestore.rules` file content from your project into the Firebase console.
+3. **Configuration**:
+   - Rename `.env.example` to `.env.local` (or create a new one).
+   - Fill in your Firebase keys, Gemini API key, and Cloudinary credentials.
+
+### Step C: Asset Personalization
+This is where the magic happens. Replace the placeholders in the `public/` directory with your own files.
 
 ---
 
-## ✨ Core Features
-
-### 🤖 AI-Powered Intelligence
-- **Wedding Concierge (Gemini 2.5-flash)**: A sitewide floating chatbot that answers guest queries about venues, schedules, and the couple's 10-year journey.
-- **Smart Bengali Translation**: Instantly translates invitation details into elegant, formal Bengali script for guests.
-- **AI Content Refinement**: An admin tool to polish rough updates into poetic, wedding-appropriate announcements.
-- **Sentiment Wall**: Automatically summarizes guest wishes into a beautiful "Collective Blessing" using AI analysis.
-
-### 📸 Interactive Guest Experience
-- **Digital Guestbook**: Allows guests to upload photos directly from their devices. Features client-side compression/resizing and an immersive lightbox gallery.
-- **Reception Playlist**: A real-time queue where guests can request songs for the reception party.
-- **Live RSVP System**: Secure confirm-attendance form with food preferences and guest counts.
-- **Travel & Stay Guide**: Dynamic, venue-aware guide with heritage highlights, hotel recommendations, and "Bengali 101."
-
-### 🎥 Broadcast & Display
-- **OBS Broadcast Overlay**: A dedicated `/updates/overlay` route designed for venue video walls. Features a real-time clock, QR codes, and a chroma-key ready green background.
-- **Live Countdown**: High-impact, animated timer counting down to the wedding on January 23, 2026.
-
-## 🚀 Tech Stack
-
-- **Framework**: Next.js (App Router)
-- **UI Components**: HeroUI (formerly NextUI)
-- **Animations**: Framer Motion
-- **Database & Auth**: Firebase (Firestore & Authentication)
-- **AI Model**: Google Gemini 2.5-flash
-- **Image Hosting**: Cloudinary (Unsigned Uploads)
-- **Analytics**: Vercel Analytics
-
-## 📁 Project Architecture & Codebase Map
-
-### 1. Route Structure (`/app`)
-- **`/invitation/[slug]`**: The core engine for personalized digital invites. It reads the `slug` (guest name) and displays a customized experience.
-- **`/[groom]` & `/[bride]`**: (Dynamically renamed by CLI) Individual bio pages for the couple. 
-  - *Modification Point*: Edit these files to change personal stories or education/work history.
-- **`/guestbook`**: Handles real-time photo uploads and gallery display.
-  - *Tech Detail*: Uses Cloudinary for storage and Firestore to track image metadata.
-- **`/song-requests`**: A dual-purpose route. Guests see a request form; Admins see a management queue.
-- **`/updates/overlay`**: A specialized green-screen route for OBS.
-  - *Usage*: Add this as a Browser Source in OBS with a Chroma Key filter.
-
-### 2. Configuration (`/config`)
-- **`site.ts`**: The central source of truth for navigation links, site name, and SEO metadata.
-  - **Modify here** if you want to add/remove menu items or change the site description.
-- **`firebase.ts`**: Client-side Firebase initialization.
-- **`firebase-admin.js`**: Server-side Admin SDK configuration for secure operations (RSVP management, etc.).
-
-### 3. Key Components (`/components`)
-- **`ConciergeBot.tsx`**: The Gemini-powered AI assistant. 
-  - *Customization*: Edit the `systemInstruction` in this file to change the bot's personality or the facts it knows about your wedding.
-- **`CountdownTimer.tsx`**: The main landing page countdown.
-  - *Logic*: Uses a `setInterval` to calculate time until the `weddingStart` date.
-- **`OurStory.tsx`**: The timeline component showing the couple's history.
-
-## 🧠 Deep-Dive: How it Works
-
-### 1. AI Wedding Concierge (`ConciergeBot.tsx`)
-The floating assistant uses **Google Gemini 2.5-flash**. 
-- **Personality**: Defined in the `systemInstruction` constant. It's programmed to be a warm, respectful Indian wedding host.
-- **Customization**: To update facts (like venue changes), simply edit the `Key Info` section inside the `systemInstruction` in `components/ConciergeBot.tsx`.
-
-### 2. Personalized Invitations (`/app/invitation/[slug]`)
-This route handles dynamic guest experiences.
-- **Dynamic Content**: Based on the `slug` (guest ID), it fetches personalized data from Firestore.
-- **Smart Bengali Translation**: Uses Gemini to translate invitation details into formal Bengali when the user clicks "বাংলায় দেখুন".
-
-### 3. Digital Guestbook (`/app/guestbook`)
-- **Image Processing**: Before uploading, photos are client-side resized and compressed (JPEG 70% quality) to ensure fast uploads even on mobile networks.
-- **Storage**: Images go to Cloudinary, and the resulting URL is saved to Firestore.
-
-### 4. Sentiment Wall (`/app/sagun`)
-- **Collective Blessing**: When guests leave wishes, Gemini periodically summarizes the latest messages into a single "poetic paragraph" that updates live on the "Sentiment Wall."
+## 🎨 Asset Mapping (Photo & Media Guide)
 
----
+To ensure the site looks perfect, replace these files but **keep the filenames exactly the same**.
 
-## 📊 Database Structure (Firestore)
+### 📸 Core Portraits (`/public/`)
+| Filename | Purpose | Recommended Aspect Ratio |
+| :--- | :--- | :--- |
+| `bride.jpg` | Main profile photo of the Bride. | 3:4 (Portrait) |
+| `groom.jpg` | Main profile photo of the Groom. | 3:4 (Portrait) |
+| `love-birds.png` | Avatar for the AI Chatbot. | 1:1 (Square) |
+| `qr.png` | UPI Payment QR code for gifts. | 1:1 (Square) |
 
-To make the site functional, create these collections in Firestore:
+### 🗓️ Milestone Timeline (`/public/Images/`)
+These images appear on the **"Mark the Dates"** timeline.
+- `19.jpg`: The Proposal Milestone.
+- `Patipatra.jpeg`: The Date-Fixing/Traditional Ceremony.
+- `22.jpg`: The Engagement Milestone.
+- `21.jpg`: The Wedding Day Milestone.
+- `20.jpg`: The Reception Milestone.
 
-### `invitation` (Collection)
-Each document ID should be a unique `slug` (e.g., `rahul-wedding`).
-```json
-{
-  "name": "Rahul & Priya",
-  "invitedGuests": 2,
-  "relation": "Close Friend",
-  "familySide": "groom",
-  "invitedFor": ["wedding", "reception"]
-}
-```
+### 🏔️ Pre-Wedding & Memories Gallery
+The **"Memories"** page is designed to showcase your journey.
+- **Bulk Uploads**: Place all your pre-wedding shoot photos in `/public/Images/`.
+- **Naming**: Use descriptive names or simply number them. The gallery will automatically generate a beautiful masonry layout for all images found in this directory.
 
-### `rsvps` (Collection)
-Automatically populated when guests confirm attendance.
-```json
-{
-  "guestId": "rahul-wedding",
-  "attending": "yes",
-  "guests": 2,
-  "food": "non-veg",
-  "note": "Looking forward to it!",
-  "timestamp": "serverTime"
-}
-```
+---
 
-### `guestbook` & `wishes` (Collections)
-Store guest memories and text blessings respectively.
-
-### 🔒 Recommended Firestore Rules
-Paste these into your Firebase Console to secure your data (also available in `firestore.rules`):
-```javascript
-rules_version = '2';
-service cloud.firestore {
-  match /databases/{database}/documents {
-    match /wishes/{wishId} { allow read, write: if true; }
-    match /song_requests/{requestId} { allow read, write: if true; }
-    match /guestbook/{entryId} { allow read, write: if true; }
-    match /rsvps/{rsvpId} { allow read, write: if true; }
-    match /{document=**} {
-      allow read: if true;
-      allow write: if request.auth != null;
-    }
-  }
-}
-```
+## 🤖 Advanced AI Features
 
----
+### 1. The Wedding Concierge (Gemini 2.5)
+Guests can chat with an AI assistant trained on your wedding data.
+- **Setup**: Provide your `NEXT_PUBLIC_GEMINI_API_KEY` in `.env.local`.
+- **Knowledge**: The bot automatically knows your venues, dates, and story based on the info you provided during Step A.
 
-## 🎨 Customization & Development
+### 2. Automated Email Reminders
+Send beautiful, automated reminders to your guest list.
+- **Endpoint**: `YOUR_SITE_URL/api/email-reminders`
+- **Auth**: Requires `Authorization: Bearer [YOUR_CRON_SECRET]`.
+- **Cron Suggestion**: `0 10 10-26 1 *` (Runs daily at 10 AM during the wedding month).
 
-### How to change the Theme/Colors
-This project uses **Tailwind CSS** and **HeroUI**. 
-- To change the primary "Wedding Gold" or "Wedding Pink" colors, edit `tailwind.config.js`.
-- Search for the `extend.colors` section to update the hex codes.
+---
 
-### What to Keep vs. What to Replace
-- **KEEP**: The `/app/invitation` logic and `/components/providers.tsx` as they handle the core framework setup.
-- **REPLACE**: 
-  - All images in `/public` (groom.jpg, bride.jpg, and gallery photos).
-  - The text content in `app/[groom]/page.tsx` and `app/[bride]/page.tsx`.
-  - The venue details in `app/mark-the-dates/page.tsx`.
+## ⚙️ Environment Variables Checklist
 
-### Running Locally for Development
-1. Clone the generated repository.
-2. Install dependencies: `npm install`.
-3. Start the dev server: `npm run dev`.
-4. Open [http://localhost:3000](http://localhost:3000).
+| Key | Description |
+| :--- | :--- |
+| `NEXT_PUBLIC_ADMIN_EMAIL` | The email that has "Super User" powers (delete photos/songs). |
+| `NEXT_PUBLIC_GEMINI_API_KEY` | Powers the Concierge and the AI Wish Summarizer. |
+| `RESEND_API_KEY` | Used to send the actual emails for reminders. |
+| `NEXT_PUBLIC_CLOUDINARY_URL` | Enables guests to upload photos to your live guestbook. |
 
 ---
 
-## 🛠️ Setup & Configuration (Services)
-
-### 1. Firebase (Database, Auth, and RSVP)
-1. Go to the [Firebase Console](https://console.firebase.google.com/).
-2. Create a new project.
-3. Enable **Firestore Database** and **Authentication** (enable Email/Password provider).
-4. Go to **Project Settings > General** and scroll down to "Your apps" to create a Web App.
-5. Copy the `firebaseConfig` values into your `.env.local`:
-   - `NEXT_PUBLIC_APIKEY`, `NEXT_PUBLIC_AUTHDOMAIN`, `NEXT_PUBLIC_PROJECTID`, etc.
-6. **Admin SDK**: Go to **Project Settings > Service accounts**, click "Generate new private key", and use those values for the `FIREBASE_ADMIN_*` variables in `.env.local`.
-7. **Security Rules**: Go to the **Rules** tab in Firestore and paste the contents of `firestore.rules` found in this project.
-
-### 2. Google Gemini (AI Concierge)
-1. Go to the [Google AI Studio](https://aistudio.google.com/).
-2. Click **"Get API key"**.
-3. Copy the key and paste it as `NEXT_PUBLIC_GEMINI_API_KEY` in your `.env.local`.
-
-### 3. Cloudinary (Guestbook Photo Uploads)
-1. Create a free account at [Cloudinary](https://cloudinary.com/).
-2. Go to **Dashboard** and copy your **Cloud Name** into `NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME`.
-3. Go to **Settings > Upload** and scroll down to **Upload presets**.
-4. Click "Add upload preset".
-5. Set **Signing Mode** to **Unsigned**.
-6. Set the name to `wedding` (or match whatever you put in `NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET`).
-7. Save and you're ready!
+## 📁 Key Project Routes
+- `/` - The Home Hero & Countdown.
+- `/couple` - Your love story & individual bios.
+- `/invitation/[guest-id]` - Personalized landing pages for guests.
+- `/guestbook` - The real-time masonry photo wall.
+- `/song-requests` - Interactive guest playlist.
 
 ---
 
-## 📁 Project Structure Highlights
-- `/app/invitation/[slug]`: The core personalized guest experience.
-- `/app/updates/maker`: Admin dashboard for news and announcements.
-- `/app/song-requests`: Consolidated guest form and admin queue.
-- `/app/guestbook`: Real-time masonry gallery with Cloudinary integration.
-- `/components/ConciergeBot.tsx`: The sitewide AI assistant component.
-
 ## 📜 License
-This project is open-source and intended for wedding celebrations.
+MIT License. Built with ❤️ for the open-source wedding community.

package/app/api/email-reminders/route.ts

@@ -0,0 +1,240 @@
+import { NextRequest, NextResponse } from "next/server";
+import * as admin from "firebase-admin";
+import { Resend } from "resend";
+import adminCred from "@/config/firebase-admin";
+
+if (!admin.apps.length) {
+  admin.initializeApp({
+    credential: admin.credential.cert(adminCred as admin.ServiceAccount),
+  });
+}
+
+const db = admin.firestore();
+const resend = new Resend(process.env.RESEND_API_KEY);
+
+const EVENTS: Record<string, { title: string; date: string; venue: string; isoDate: string; details: string; startTime: string; endTime: string; location: string }> = {
+  registration: {
+    title: "Engagement Ceremony",
+    date: "23rd November 2025",
+    venue: "Venue City",
+    isoDate: "2025-11-23",
+    details: "Join us for the Engagement Ceremony of the couple",
+    startTime: "20251123T043000Z",
+    endTime: "20251123T083000Z",
+    location: "Venue Name, City"
+  },
+  wedding: {
+    title: "Wedding Ceremony",
+    date: "23rd January 2026",
+    venue: "Venue City",
+    isoDate: "2026-01-23",
+    details: "The Wedding Ceremony",
+    startTime: "20260123T123000Z",
+    endTime: "20260123T163000Z",
+    location: "Venue Name, City"
+  },
+  reception: {
+    title: "Reception Celebration",
+    date: "25th January 2026",
+    venue: "Venue City",
+    isoDate: "2026-01-25",
+    details: "Reception Party for the couple",
+    startTime: "20260125T123000Z",
+    endTime: "20260125T163000Z",
+    location: "Venue Name, City"
+  },
+};
+
+const getCalendarLink = (event: any) => {
+  return `https://calendar.google.com/calendar/render?action=TEMPLATE&text=${encodeURIComponent(event.title)}&dates=${event.startTime}/${event.endTime}&details=${encodeURIComponent(event.details)}&location=${encodeURIComponent(event.location)}`;
+};
+
+const getDaysToGo = (isoDate: string) => {
+  const eventDate = new Date(isoDate);
+  // Get current time in IST
+  const nowIST = new Date(new Date().toLocaleString("en-US", { timeZone: "Asia/Kolkata" }));
+  
+  eventDate.setHours(0, 0, 0, 0);
+  nowIST.setHours(0, 0, 0, 0);
+  
+  const diffTime = eventDate.getTime() - nowIST.getTime();
+  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+  
+  if (diffDays === 0) return "TODAY! 🎉";
+  if (diffDays === 1) return "TOMORROW! ⏳";
+  if (diffDays < 0) return "Completed ✔️";
+  return `${diffDays} days to go`;
+};
+
+const emailTemplate = (guestName: string, invitedFor: string[] = []) => {
+  const eventDetailsHtml = invitedFor
+    .map((eventKey) => {
+      const event = EVENTS[eventKey.toLowerCase()];
+      if (!event) return "";
+      
+      const daysMessage = getDaysToGo(event.isoDate);
+      const calendarLink = getCalendarLink(event);
+
+      return `
+        <div class="detail-item">
+            <strong>${event.title}</strong> 
+            <span class="days-badge" style="background-color: #fce7f3; color: #db2777; padding: 2px 8px; border-radius: 10px; font-size: 12px; font-weight: bold; margin-left: 8px;">${daysMessage}</span>
+        </div>
+        <div class="detail-item">📅 ${event.date}</div>
+        <div class="detail-item">📍 ${event.venue}</div>
+        <div class="detail-item" style="margin-top: 8px;">
+            <a href="${calendarLink}" style="color: #ec4899; text-decoration: underline; font-size: 14px;">📅 Add to Calendar</a>
+        </div>
+        <br>
+      `;
+    })
+    .join("");
+
+  return `
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  body { font-family: 'Helvetica', 'Arial', sans-serif; background-color: #fdf2f8; color: #4a4a4a; margin: 0; padding: 0; }
+  .container { max-width: 600px; margin: 20px auto; background-color: #ffffff; padding: 30px; border-radius: 16px; border: 1px solid #fbcfe8; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
+  .header { text-align: center; color: #ec4899; font-family: 'Brush Script MT', cursive; font-size: 36px; margin-bottom: 24px; border-bottom: 2px solid #fce7f3; padding-bottom: 16px; }
+  .content { font-size: 16px; line-height: 1.6; color: #374151; }
+  .details { background-color: #fffbeb; padding: 20px; border-radius: 12px; margin: 24px 0; border: 1px solid #edd5a3; }
+  .detail-item { margin-bottom: 8px; }
+  .footer { text-align: center; font-size: 12px; color: #9ca3af; margin-top: 32px; border-top: 1px solid #f3f4f6; padding-top: 16px; }
+  .btn { display: inline-block; background-color: #ec4899; color: #ffffff !important; padding: 12px 32px; text-decoration: none; border-radius: 50px; font-weight: bold; margin-top: 16px; }
+</style>
+</head>
+<body>
+  <div class="container">
+    <div class="header">Groom & Bride</div>
+    <div class="content">
+      <p>Dear <strong>${guestName}</strong>,</p>
+      <p>We are counting down the days and are so excited to celebrate our union with you! This is a gentle reminder that our big day is just around the corner.</p>
+      ${eventDetailsHtml ? `<div class="details">${eventDetailsHtml}</div>` : ''}
+      <p>Please visit our wedding website for the full schedule, maps, and travel guide.</p>
+      <div style="text-align: center;">
+        <a href="https://www.your-wedding-site.com" class="btn">View Wedding Details</a>
+      </div>
+      <p style="text-align: center; margin-top: 30px;">With Love,<br>Groom & Bride</p>
+    </div>
+    <div class="footer">
+      <p>You received this email because you signed up for reminders on our wedding website.</p>
+    </div>
+  </div>
+</body>
+</html>
+`;
+};
+
+export async function GET(request: NextRequest) {
+  const authHeader = request.headers.get('Authorization');
+  if (authHeader !== `Bearer ${process.env.CRON_SECRET}`) {
+    return new Response('Unauthorized', { status: 401 });
+  }
+
+  try {
+    const snapshot = await db.collection("email-reminders").get();
+    
+    if (snapshot.empty) {
+      return NextResponse.json({ message: "No email reminders found." });
+    }
+
+    // Deduplicate by email
+    const uniqueRecipients = new Map<string, any>();
+    snapshot.docs.forEach(doc => {
+        const data = doc.data();
+        if (data.email) {
+            uniqueRecipients.set(data.email, data); 
+        }
+    });
+
+    const results = [];
+    const recipients = Array.from(uniqueRecipients.values());
+    
+    // Get current time in IST
+    const nowIST = new Date(new Date().toLocaleString("en-US", { timeZone: "Asia/Kolkata" }));
+
+    const isFutureOrToday = (isoDateStr: string) => {
+        const eventDate = new Date(isoDateStr);
+        // Set event date to end of day in IST
+        eventDate.setHours(23, 59, 59, 999);
+        return eventDate >= nowIST;
+    };
+
+    for (const recipient of recipients) {
+      const { email, guestName, invitedFor } = recipient;
+      
+      const upcomingEvents = (invitedFor || []).filter((eventKey: string) => {
+          const evt = EVENTS[eventKey.toLowerCase()];
+          return evt && isFutureOrToday(evt.isoDate);
+      });
+
+      if (upcomingEvents.length === 0) {
+          results.push({ email, status: 'skipped', reason: 'No upcoming events' });
+          continue;
+      }
+
+      try {
+        const { data: emailData, error } = await resend.emails.send({
+          from: 'Groom & Bride <wedding@your-wedding-site.com>',
+          to: [email],
+          subject: "Reminder: Wedding Celebration! 🎉",
+          html: emailTemplate(guestName || "Guest", upcomingEvents),
+        });
+
+        if (error) {
+          console.error(`Failed to send to ${email}:`, error);
+          results.push({ email, status: 'failed', error });
+        } else {
+            results.push({ email, status: 'sent', id: emailData?.id });
+        }
+      } catch (err) {
+        console.error(`Exception sending to ${email}:`, err);
+        results.push({ email, status: 'failed', error: err });
+      }
+    }
+
+    const sentCount = results.filter(r => r?.status === 'sent').length;
+    const failedCount = results.length - sentCount;
+
+    // Send Report to Admin
+    const reportHtml = `
+      <h1>Email Reminder Report</h1>
+      <p><strong>Total Unique Recipients:</strong> ${results.length}</p>
+      <p><strong>Successfully Sent:</strong> ${sentCount}</p>
+      <p><strong>Failed:</strong> ${failedCount}</p>
+      <hr/>
+      <h3>Details:</h3>
+      <ul>
+        ${results.map(r => `<li>${r.email}: <strong>${r.status}</strong> ${r.error ? `(${JSON.stringify(r.error)})` : ''}</li>`).join('')}
+      </ul>
+    `;
+
+    try {
+        await resend.emails.send({
+            from: 'Wedding Bot <bot@your-wedding-site.com>',
+            to: [process.env.ADMIN_EMAIL || 'admin@example.com'],
+            subject: `Wedding Reminder Report: ${sentCount}/${results.length} Sent`,
+            html: reportHtml,
+        });
+    } catch (reportError) {
+        console.error("Failed to send admin report:", reportError);
+    }
+
+    return NextResponse.json({ 
+      success: true, 
+      total: results.length,
+      sent: sentCount,
+      failed: failedCount,
+      results 
+    });
+
+  } catch (error) {
+    console.error("Error processing email reminders:", error);
+    return NextResponse.json(
+      { error: "Internal Server Error" },
+      { status: 500 }
+    );
+  }
+}

package/app/couple/page.tsx

@@ -48,13 +48,13 @@ export default function CouplePage() {
                 <div className="absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-black/60 z-10 opacity-80 group-hover:opacity-100 transition-opacity" />
                 <Image
                   removeWrapper
-                  alt="Sukanya"
+                  alt="Bride"
                   className="z-0 w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700"
                   src="/bride.jpg"
                 />
                 <div className="absolute bottom-0 left-0 right-0 p-6 z-20 text-white">
                   <h3 className={`${fontCursive.className} text-4xl mb-1`}>
-                    Sukanya
+                    Bride
                   </h3>
                   <p className="text-white/80 font-medium">The Bride</p>
                 </div>
@@ -95,13 +95,13 @@ export default function CouplePage() {
                 <div className="absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-black/60 z-10 opacity-80 group-hover:opacity-100 transition-opacity" />
                 <Image
                   removeWrapper
-                  alt="Titas"
+                  alt="Groom"
                   className="z-0 w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700"
                   src="/groom.jpg"
                 />
                 <div className="absolute bottom-0 left-0 right-0 p-6 z-20 text-white">
                   <h3 className={`${fontCursive.className} text-4xl mb-1`}>
-                    Titas
+                    Groom
                   </h3>
                   <p className="text-white/80 font-medium">The Groom</p>
                 </div>