@titas_mallick/wedding-site-gen 1.1.0 → 2.0.1

package/app/invitation/actions.ts

@@ -0,0 +1,49 @@
+"use server";
+
+import * as admin from "firebase-admin";
+import adminCred from "@/config/firebase-admin";
+
+if (!admin.apps.length) {
+  admin.initializeApp({
+    credential: admin.credential.cert(adminCred as admin.ServiceAccount),
+  });
+}
+
+const db = admin.firestore();
+
+export async function sendEmailReminder(formData: FormData) {
+  const email = formData.get("email") as string;
+  const slug = formData.get("slug") as string;
+
+  console.log("Received email reminder request:", { email, slug });
+
+  try {
+    const docRef = db.collection("invitation").doc(slug);
+    const docSnap = await docRef.get();
+
+    if (docSnap.exists) {
+      const guestData = docSnap.data();
+      
+      await db.collection("email-reminders").add({
+        email,
+        guestId: slug,
+        guestName: guestData?.name || "Unknown",
+        familySide: guestData?.familySide || "Unknown",
+        invitedFor: guestData?.invitedFor || [],
+        createdAt: admin.firestore.FieldValue.serverTimestamp(),
+      });
+      
+      console.log("Email reminder saved for:", email);
+    } else {
+        console.log("Invitation not found for slug:", slug);
+    }
+  } catch (error) {
+    console.error("Error fetching invitation:", error);
+  }
+
+  // In the future, we will use 'resend' here to send the email.
+  // const { Resend } = require("resend");
+  // const resend = new Resend(process.env.RESEND_API_KEY);
+
+  return { success: true };
+}

package/app/invitation/maker/auth.js

@@ -95,7 +95,7 @@ const Auth = ({ userSet }) => {
 
   return (
     <>
-      <section className="flex items-center justify-between p-4 rounded-lg">
+      <section className="flex flex-col sm:flex-row items-center justify-between p-4 gap-4 rounded-lg">
         {!user ? (
           <Button color="primary" onPress={() => setModalOpen(true)}>
             Sign In

package/app/invitation/maker/guestAdder.js

@@ -115,6 +115,7 @@ export default function AddGuestModal({
                 isRequired
                 label="Family Side"
                 orientation="horizontal"
+                classNames={{ wrapper: "flex-wrap gap-4" }}
                 value={formData.familySide}
                 onValueChange={(val) => handleRadioChange("familySide", val)}
               >
@@ -126,6 +127,7 @@ export default function AddGuestModal({
                 isRequired
                 label="Relation to Couple"
                 orientation="horizontal"
+                classNames={{ wrapper: "flex-wrap gap-4" }}
                 value={formData.relation}
                 onValueChange={(val) => handleRadioChange("relation", val)}
               >
@@ -138,6 +140,7 @@ export default function AddGuestModal({
               <CheckboxGroup
                 label="Invited For"
                 orientation="horizontal"
+                classNames={{ wrapper: "flex-wrap gap-4" }}
                 value={formData.invitedFor}
                 onValueChange={(val) => handleCheckboxChange("invitedFor", val)}
                 isRequired
@@ -166,6 +169,7 @@ export default function AddGuestModal({
               <RadioGroup
                 label="RSVP Status"
                 orientation="horizontal"
+                classNames={{ wrapper: "flex-wrap gap-4" }}
                 value={formData.rsvpStatus}
                 onValueChange={(val) => handleRadioChange("rsvpStatus", val)}
               >

package/app/invitation/maker/guestShower.js

@@ -10,6 +10,7 @@ import {
   CardHeader,
   CardFooter,
   Link,
+  Input,
 } from "@heroui/react";
 import { fontSans, fontMono } from "@/config/fonts";
 import { useState, useMemo } from "react";
@@ -46,6 +47,7 @@ export default function GuestTable({ guests, onEdit, onDelete, onAdd }) {
     relation: "all",
     rsvpStatus: "all",
   });
+  const [searchTerm, setSearchTerm] = useState("");
 
   const handleFilterChange = (key, value) => {
     setFilters((prev) => ({
@@ -56,6 +58,14 @@ export default function GuestTable({ guests, onEdit, onDelete, onAdd }) {
 
   const filteredGuests = useMemo(() => {
     return guests.filter((guest) => {
+      if (searchTerm) {
+        const lowerTerm = searchTerm.toLowerCase();
+        const nameMatch = guest.name?.toLowerCase().includes(lowerTerm);
+        const contactMatch = guest.contact?.toLowerCase().includes(lowerTerm);
+        
+        if (!nameMatch && !contactMatch) return false;
+      }
+
       if (
         filters.familySide !== "all" &&
         guest.familySide !== filters.familySide
@@ -75,18 +85,39 @@ export default function GuestTable({ guests, onEdit, onDelete, onAdd }) {
         return false;
       return true;
     });
-  }, [guests, filters]);
+  }, [guests, filters, searchTerm]);
 
   return (
     <div className={`${fontSans.className}`}>
       {/* FILTER SECTION */}
       <Card className="mb-4 w-full shadow-sm bg-transparent">
-        <CardBody className="p-2 flex flex-col gap-4 sm:flex-row sm:justify-between sm:items-center">
-          <Button onPress={onAdd} color="primary" className="w-full sm:w-auto">
-            Add Guest
-          </Button>
+        <CardBody className="p-4 flex flex-col gap-6">
+          <div className="flex flex-col sm:flex-row justify-between items-end gap-4">
+            <div className="w-full sm:max-w-md">
+              <Input
+                label="Search Guests"
+                placeholder="Search by name or contact..."
+                labelPlacement="outside-top"
+                value={searchTerm}
+                onValueChange={setSearchTerm}
+                variant="bordered"
+                size="md"
+                classNames={{
+                  input: "outline-none",
+                }}
+              />
+            </div>
+            <Button
+              onPress={onAdd}
+              color="primary"
+              className="w-full sm:w-auto"
+              size="lg"
+            >
+              Add Guest
+            </Button>
+          </div>
 
-          <div className="flex flex-wrap gap-3 w-full sm:w-auto justify-start sm:justify-end">
+          <div className="flex flex-wrap gap-3 w-full justify-start border-t dark:border-white/10 pt-4">
             <Select
               label="Family Side"
               variant="bordered"
@@ -166,7 +197,7 @@ export default function GuestTable({ guests, onEdit, onDelete, onAdd }) {
             key={index}
             className={`flex text-left flex-col justify-between mb-2 border-t-4 ${rsvpBorderColor[guest.rsvpStatus]} shadow-md h-full`}
           >
-            <CardHeader className="flex justify-between items-center px-4 pt-4 pb-2">
+            <CardHeader className="flex justify-between items-center px-4 pt-4 pb-2 gap-2">
               <div>
                 <p className="font-bold text-base">{guest.name}</p>
                 <p className="text-sm capitalize">
@@ -249,7 +280,7 @@ export default function GuestTable({ guests, onEdit, onDelete, onAdd }) {
                 {guest.contact && (
                   <a
                     href={`https://wa.me/${guest.contact.replace(/[^0-9]/g, "")}?text=${encodeURIComponent(
-                      `Hi! You are invited to Titas & Sukanya's wedding. Here's your invitation link: ${window.location.origin}/${guest.id}`
+                      `Hi! You are invited to Titas & Sukanya's wedding. Here's your invitation link: ${window.location.origin}/invitation/${guest.id}`
                     )}`}
                     target="_blank"
                     rel="noopener noreferrer"

package/app/invitation/maker/layout.tsx

@@ -5,7 +5,7 @@ export default function PricingLayout({
 }) {
   return (
     <section className="flex flex-col items-center justify-center gap-4 md:px-20 py-8 md:py-10">
-      <div className="inline-block text-center justify-center">{children}</div>
+      <div className="w-full text-center justify-center">{children}</div>
     </section>
   );
 }

package/app/invitation/maker/page.js

@@ -133,7 +133,7 @@ const InvitationMaker = () => {
   return (
     <>
       <h1
-        className={`${fontCursive.className} text-center text-5xl leading-snug bg-cover bg-center bg-no-repeat pt-2 pb-10`}
+        className={`${fontCursive.className} text-center text-3xl md:text-5xl leading-snug bg-cover bg-center bg-no-repeat pt-2 pb-10`}
       >
         Guest Management System
       </h1>
@@ -154,12 +154,14 @@ const InvitationMaker = () => {
       )}
       <br />
       {guests && user && (
-        <GuestTable
-          guests={guests}
-          onEdit={handleEditClick}
-          onDelete={handleDeleteGuest}
-          onAdd={handleAddClick}
-        />
+        <div className="px-4">
+          <GuestTable
+            guests={guests}
+            onEdit={handleEditClick}
+            onDelete={handleDeleteGuest}
+            onAdd={handleAddClick}
+          />
+        </div>
       )}
     </>
   );

package/app/invitation/maker/rsvpViewer.js

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { useState, useEffect, useMemo } from "react";
 import {
   Table,
   TableHeader,
@@ -11,6 +11,8 @@ import {
   Chip,
   User,
   Tooltip,
+  Select,
+  SelectItem,
 } from "@heroui/react";
 import { 
   getFirestore, 
@@ -27,6 +29,11 @@ const db = getFirestore(firebaseApp());
 export default function RSVPViewer({ guests }) {
   const [rsvps, setRsvps] = useState([]);
   const [loading, setLoading] = useState(true);
+  
+  // Filter & Sort States
+  const [foodFilter, setFoodFilter] = useState("all");
+  const [attendanceFilter, setAttendanceFilter] = useState("all");
+  const [sortOption, setSortOption] = useState("newest");
 
   useEffect(() => {
     const q = query(collection(db, "rsvps"), orderBy("timestamp", "desc"));
@@ -40,6 +47,7 @@ export default function RSVPViewer({ guests }) {
           ...data,
           familySide: masterGuest?.familySide || "Unknown",
           relation: masterGuest?.relation || "Guest",
+          timestamp: data.timestamp?.toDate ? data.timestamp.toDate() : new Date(),
         };
       });
       setRsvps(rsvpData);
@@ -49,6 +57,31 @@ export default function RSVPViewer({ guests }) {
     return () => unsubscribe();
   }, [guests]);
 
+  const processedRsvps = useMemo(() => {
+    let result = [...rsvps];
+
+    // Filter by Food
+    if (foodFilter !== "all") {
+      result = result.filter((item) => item.food === foodFilter);
+    }
+
+    // Filter by Attendance
+    if (attendanceFilter !== "all") {
+      result = result.filter((item) => item.attending === attendanceFilter);
+    }
+
+    // Sort
+    result.sort((a, b) => {
+      if (sortOption === "newest") return b.timestamp - a.timestamp;
+      if (sortOption === "oldest") return a.timestamp - b.timestamp;
+      if (sortOption === "guests_high") return b.guests - a.guests;
+      if (sortOption === "guests_low") return a.guests - b.guests;
+      return 0;
+    });
+
+    return result;
+  }, [rsvps, foodFilter, attendanceFilter, sortOption]);
+
   const columns = [
     { name: "GUEST", uid: "guest" },
     { name: "ATTENDING", uid: "attending" },
@@ -59,14 +92,62 @@ export default function RSVPViewer({ guests }) {
 
   return (
     <div className="space-y-4">
-      <div className="flex items-center justify-between px-2">
-        <h2 className="text-2xl font-bold text-default-800 dark:text-white">Live RSVP Responses</h2>
-        <Chip variant="flat" color="secondary" size="sm" className={fontMono.className}>
-          Total: {rsvps.length}
-        </Chip>
+      <div className="flex flex-col md:flex-row items-start md:items-center justify-between gap-4 px-2">
+        <div className="flex items-center gap-4">
+          <h2 className="text-2xl font-bold text-default-800 dark:text-white">Live RSVP Responses</h2>
+          <Chip variant="flat" color="secondary" size="sm" className={fontMono.className}>
+            Total: {processedRsvps.length}
+          </Chip>
+        </div>
+        
+        <div className="flex flex-wrap gap-3 w-full md:w-auto justify-start md:justify-end">
+          <Select 
+            label="Attendance" 
+            variant="bordered"
+            size="sm"
+            labelPlacement="inside"
+            className="min-w-[140px] max-w-[160px] flex-1 [&_label]:!pb-1.5 [&_[data-slot=value]]:!pt-1.5"
+            selectedKeys={[attendanceFilter]}
+            onSelectionChange={(e) => setAttendanceFilter(Array.from(e)[0])}
+          >
+            <SelectItem key="all">All</SelectItem>
+            <SelectItem key="yes">Attending</SelectItem>
+            <SelectItem key="no">Declined</SelectItem>
+          </Select>
+
+          <Select 
+            label="Food" 
+            variant="bordered"
+            size="sm"
+            labelPlacement="inside"
+            className="min-w-[140px] max-w-[160px] flex-1 [&_label]:!pb-1.5 [&_[data-slot=value]]:!pt-1.5"
+            selectedKeys={[foodFilter]}
+            onSelectionChange={(e) => setFoodFilter(Array.from(e)[0])}
+          >
+            <SelectItem key="all">All</SelectItem>
+            <SelectItem key="veg">Veg</SelectItem>
+            <SelectItem key="non-veg">Non-Veg</SelectItem>
+          </Select>
+
+          <Select 
+            label="Sort By" 
+            variant="bordered"
+            size="sm"
+            labelPlacement="inside"
+            className="min-w-[140px] max-w-[160px] flex-1 [&_label]:!pb-1.5 [&_[data-slot=value]]:!pt-1.5"
+            selectedKeys={[sortOption]}
+            onSelectionChange={(e) => setSortOption(Array.from(e)[0])}
+          >
+            <SelectItem key="newest">Newest First</SelectItem>
+            <SelectItem key="oldest">Oldest First</SelectItem>
+            <SelectItem key="guests_high">Most Guests</SelectItem>
+            <SelectItem key="guests_low">Fewest Guests</SelectItem>
+          </Select>
+        </div>
       </div>
 
-      <Table aria-label="RSVP Response Table" shadow="sm" className="bg-white dark:bg-zinc-900/50">
+      <div className="overflow-x-auto">
+      <Table aria-label="RSVP Response Table" shadow="sm" className="bg-white dark:bg-zinc-900/50 min-w-[600px]">
         <TableHeader columns={columns}>
           {(column) => (
             <TableColumn key={column.uid} className="bg-default-50 dark:bg-zinc-800 font-bold">
@@ -74,7 +155,7 @@ export default function RSVPViewer({ guests }) {
             </TableColumn>
           )}
         </TableHeader>
-        <TableBody items={rsvps} emptyContent={"No RSVPs received yet."} isLoading={loading}>
+        <TableBody items={processedRsvps} emptyContent={"No RSVPs match your filters."} isLoading={loading}>
           {(item) => (
             <TableRow key={item.id} className="border-b border-default-100 last:border-none">
               <TableCell>
@@ -117,6 +198,7 @@ export default function RSVPViewer({ guests }) {
           )}
         </TableBody>
       </Table>
+      </div>
     </div>
   );
 }

package/app/layout.tsx

@@ -1,25 +1,35 @@
 import "@/styles/globals.css";
 import { Metadata, Viewport } from "next";
 import clsx from "clsx";
+import { Analytics } from "@vercel/analytics/next";
 
-import { Providers } from "./providers";
+import Providers from "./providers";
 
 import { siteConfig } from "@/config/site";
 import { fontSans, fontMono, fontCursive } from "@/config/fonts"; // include all fonts
 import { Navbar } from "@/components/navbar";
 import { Footer } from "@/components/footer";
-import { Analytics } from "@vercel/analytics/next";
 import ConciergeBot from "@/components/ConciergeBot";
+import { SchemaMarkup } from "@/components/SchemaMarkup";
 
 export const metadata: Metadata = {
-  metadataBase: new URL("https://www.titas-sukanya-for.life/"),
+  metadataBase: new URL("https://www.titas-sukanya-for.life"),
 
   title: {
     default: siteConfig.name,
-    template: `%s - ${siteConfig.name}`,
+    template: `%s | ${siteConfig.name}`,
   },
   description: siteConfig.description,
-  keywords: ["Wedding", "Titas", "Sukanya", "Marriage", "Celebration", "Event"],
+  keywords: [
+    "Wedding",
+    "Titas",
+    "Sukanya",
+    "Marriage",
+    "Celebration",
+    "Event",
+    "Serampore Wedding",
+    "Titas and Sukanya Wedding",
+  ],
   authors: [
     {
       name: "Titas Mallick",
@@ -29,6 +39,11 @@ export const metadata: Metadata = {
   creator: "Titas Mallick",
   icons: {
     icon: "/love-birds.png",
+    shortcut: "/love-birds.png",
+    apple: "/love-birds.png",
+  },
+  alternates: {
+    canonical: "/",
   },
   openGraph: {
     type: "website",
@@ -39,10 +54,10 @@ export const metadata: Metadata = {
     siteName: siteConfig.name,
     images: [
       {
-        url: "/pw/020.jpg",
+        url: "https://www.titas-sukanya-for.life/invite.jpeg",
         width: 1200,
         height: 630,
-        alt: "Titas & Sukanya Wedding",
+        alt: "Titas & Sukanya Wedding Invitation",
       },
     ],
   },
@@ -50,9 +65,20 @@ export const metadata: Metadata = {
     card: "summary_large_image",
     title: siteConfig.name,
     description: siteConfig.description,
-    images: ["/pw/020.jpg"],
+    images: ["https://www.titas-sukanya-for.life/invite.jpeg"],
     creator: "@titas",
   },
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+      "max-video-preview": -1,
+      "max-image-preview": "large",
+      "max-snippet": -1,
+    },
+  },
 };
 
 export const viewport: Viewport = {
@@ -62,11 +88,7 @@ export const viewport: Viewport = {
   ],
 };
 
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
+function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html
       suppressHydrationWarning
@@ -77,7 +99,9 @@ export default function RootLayout({
       )}
       lang="en"
     >
-      <head />
+      <head>
+        <SchemaMarkup />
+      </head>
       <body
         className={clsx("min-h-screen bg-background font-sans antialiased")}
       >
@@ -96,3 +120,5 @@ export default function RootLayout({
     </html>
   );
 }
+
+export default RootLayout;

package/app/mark-the-dates/page.tsx

@@ -11,7 +11,7 @@ const importantDates = [
   {
     title: "The Proposal",
     date: "15th March 2025",
-    note: "The day Titas finally asked Sukanya out with a ring.",
+    note: "The day the proposal happened with a ring.",
     image: "/Images/19.jpg",
   },
   {
@@ -85,7 +85,13 @@ export default function DatesPage() {
         <div className="flex flex-col gap-12 md:gap-24">
           {importantDates.map((item, index) => {
             const eventDate = parseDate(item.date);
-            const isPast = now ? now > eventDate : false;
+            // Mark as completed only after one full day has passed (24 hours after end of day)
+            const completionThreshold = new Date(eventDate);
+
+            completionThreshold.setDate(completionThreshold.getDate() + 1);
+            completionThreshold.setHours(23, 59, 59, 999);
+
+            const isPast = now ? now > completionThreshold : false;
             const isLeft = index % 2 === 0;
 
             return (

package/app/page.tsx

@@ -1,5 +1,11 @@
 import Herohome from "@/components/hero";
+import { AdminLinks } from "@/components/AdminLinks";
 
 export default function Home() {
-  return <Herohome />;
+  return (
+    <>
+      <AdminLinks />
+      <Herohome />
+    </>
+  );
 }

package/app/providers.tsx

@@ -21,7 +21,7 @@ declare module "@react-types/shared" {
   }
 }
 
-export function Providers({ children, themeProps }: ProvidersProps) {
+export default function Providers({ children, themeProps }: ProvidersProps) {
   const router = useRouter();
 
   return (