@titas_mallick/wedding-site-gen 1.1.0 → 2.0.1

package/README.md

@@ -1,138 +1,51 @@
-# AI-Powered Wedding Website Generator 💍
+# 💍 Wedding Website Generator v2.0 (AI-Powered)
 
-Create a stunning, interactive, and intelligent wedding website in seconds. This tool scaffolds a complete Next.js application tailored to your wedding.
+Transform your wedding journey with a sophisticated, AI-driven digital experience. This generator scaffolds a production-ready Next.js application featuring an AI concierge, digital guestbook, real-time song requests, and automated guest reminders.
 
-## 🚀 Quick Start (No Installation Required)
+---
 
-Simply run the following command in your terminal:
+## 🚀 Phase 1: Generation (The A-B-C Guide)
 
+### Step A: Initialize Your Project
+Run the following command in your terminal to start the interactive setup:
 ```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!
-
----
-
-## ✨ 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."
+### Step B: CLI Prompt Reference
+The generator will ask you several questions. Here is how to answer them:
+
+| Prompt | Example Input | Purpose |
+| :--- | :--- | :--- |
+| **Groom's First Name** | `Titas` | Used for URLs and short mentions. |
+| **Groom's Full Name** | `Titas Mallick` | Used in official bio and certificate pages. |
+| **Bride's First Name** | `Sukanya` | Used for URLs and short mentions. |
+| **Bride's Full Name** | `Sukanya Saha` | Used in official bio and certificate pages. |
+| **Wedding Date** | `January 23, 2026` | Displayed text on the countdown and hero. |
+| **Wedding Date ISO** | `2026-01-23` | Powers the technical countdown logic. |
+| **Admin Email** | `admin@wedding.com` | **CRITICAL**: Log in with this email to manage content. |
+| **UPI ID** | `wedding@okaxis` | Used for the "Sagun" (Gift) QR code generator. |
+| **Website URL** | `https://our-wedding.com` | Used for email links and SEO. |
+| **Wedding Hashtag** | `#TitasWedsSukanya` | Displayed across the site. |
+| **Visual Theme** | `1` (Pink & Gold) | Sets the primary color palette (Pink, Blue, Green, or Red). |
+| **Target Directory** | `my-wedding` | The name of the folder where code will be saved. |
 
 ---
 
-## 📊 Database Structure (Firestore)
-
-To make the site functional, create these collections in Firestore:
+## 🛠️ Phase 2: Infrastructure Setup
 
-### `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"]
-}
-```
-
-### `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"
-}
-```
+### 1. Firebase (Database & Auth)
+1.  Go to the [Firebase Console](https://console.firebase.google.com/).
+2.  **Create a Project**: Give it a name (e.g., `wedding-project`).
+3.  **Authentication**: Enable "Email/Password" provider in the Auth tab.
+4.  **Firestore**: Create a Database in "Production Mode".
+5.  **Project Settings**: 
+    - Click the **Web Icon (</>)** to register a web app. Copy the `firebaseConfig` keys for your `.env.local`.
+    - Go to **Service Accounts** > **Generate New Private Key**. This downloads a JSON file. Use these values for the `FIREBASE_ADMIN` variables.
 
-### `guestbook` & `wishes` (Collections)
-Store guest memories and text blessings respectively.
+### 2. Firestore Security Rules
+Copy the following into the **Rules** tab of your Firestore console to allow guests to post wishes/songs while keeping admin functions secure:
 
-### 🔒 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 {
@@ -141,6 +54,10 @@ service cloud.firestore {
     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 /email-reminders/{reminderId} { 
+      allow read: if true; 
+      allow write: if request.auth != null; 
+    }
     match /{document=**} {
       allow read: if true;
       allow write: if request.auth != null;
@@ -149,64 +66,81 @@ service cloud.firestore {
 }
 ```
 
----
+### 3. Cloudinary (Guestbook Uploads)
+1.  Sign up at [Cloudinary](https://cloudinary.com/).
+2.  In the **Dashboard**, copy your `Cloud Name`.
+3.  Go to **Settings** > **Upload** > **Upload Presets** and create a new preset named `wedding` with "Unsigned" signing mode.
+
+### 4. Resend (Email Automation)
+1.  Sign up at [Resend.com](https://resend.com/).
+2.  Generate an **API Key** and add it to `.env.local`.
 
-## 🎨 Customization & Development
+---
 
-### 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.
+## 🔐 Phase 3: Environment Configuration
 
-### 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`.
+Create a `.env.local` file in your generated project root and populate it:
 
-### 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).
+```bash
+# --- Firebase Client ---
+NEXT_PUBLIC_APIKEY=AIza...
+NEXT_PUBLIC_AUTHDOMAIN=your-project.firebaseapp.com
+NEXT_PUBLIC_PROJECTID=your-project
+NEXT_PUBLIC_STORAGEBUCKET=your-project.firebasestorage.app
+NEXT_PUBLIC_SENDERID=...
+NEXT_PUBLIC_APPID=...
+NEXT_PUBLIC_RECAPTCHA_SITE_KEY=...
+
+# --- Firebase Admin (Secrets) ---
+FIREBASE_ADMIN_PROJECT_ID=your-project
+FIREBASE_ADMIN_PRIVATE_KEY_ID=...
+FIREBASE_ADMIN_PRIVATE_KEY="-----BEGIN PRIVATE KEY-----\n...\n-----END PRIVATE KEY-----\n"
+FIREBASE_ADMIN_CLIENT_EMAIL=firebase-adminsdk-...
+FIREBASE_ADMIN_CLIENT_ID=...
+
+# --- AI & Content ---
+NEXT_PUBLIC_GEMINI_API_KEY=AIza... # Get from Google AI Studio
+NEXT_PUBLIC_ADMIN_EMAIL=your-email@gmail.com # Must match login for admin powers
+
+# --- Media & Email ---
+NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=...
+NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET=wedding
+RESEND_API_KEY=re_...
+CRON_SECRET=a-secure-random-string
+```
 
 ---
 
-## 🛠️ 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!
+## 🎨 Phase 4: Asset Personalization
+
+Replace the files in `/public/` keeping the exact filenames:
+
+| Location | Filename | Purpose |
+| :--- | :--- | :--- |
+| `/public/` | `bride.jpg` | Main portrait of the Bride (3:4 ratio). |
+| `/public/` | `groom.jpg` | Main portrait of the Groom (3:4 ratio). |
+| `/public/` | `qr.png` | Your UPI QR code for the Sagun page. |
+| `/public/Images/` | `19.jpg` - `22.jpg` | Milestone images for the "Mark the Dates" timeline. |
+| `/public/Images/` | `Patipatra.jpeg` | Image for the traditional date-fixing milestone. |
+| `/public/Images/` | `* (any name)` | All other images in this folder automatically populate the **Memories** gallery. |
 
 ---
 
-## 📁 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.
+## 🚀 Phase 5: Deployment & Automation
+
+### Vercel Deployment
+1.  Push your code to **GitHub**.
+2.  Connect your repository to [Vercel](https://vercel.com/).
+3.  **Important**: Add all your `.env.local` variables into the Vercel **Environment Variables** settings.
+
+### Automated Reminders (Cron Job)
+To send daily reminders to guests (e.g., from Jan 10th to Jan 26th):
+1.  In Vercel, go to the **Cron** tab (or use GitHub Actions).
+2.  Set up a job to call: `GET /api/email-reminders`
+3.  Header: `Authorization: Bearer YOUR_CRON_SECRET`
+4.  Schedule: `0 10 10-26 1 *` (10 AM daily).
+
+---
 
 ## 📜 License
-This project is open-source and intended for wedding celebrations.
+MIT License. Created with ❤️ for your special day.

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>