@titas_mallick/wedding-site-gen 1.1.0 → 2.0.0

package/app/updates/maker/page.js

@@ -68,10 +68,10 @@ const UpdateMaker = () => {
             contents: [{
               parts: [{
                 text: `Task: Rewrite the following wedding update message to be more elegant, heartwarming, and professional.
-                Context: This is for Titas and Sukanya's wedding.
+                Context: This is for a wedding celebration.
                 Constraint 1: Output ONLY the refined message in PLAIN TEXT. 
                 Constraint 2: Do NOT use any Markdown formatting, bolding (**), or symbols.
-                Constraint 3: Do not include any introductory text, titles (like "For Titas and Sukanya:"), or quotes.
+                Constraint 3: Do not include any introductory text, titles (like "For the couple:"), or quotes.
 
                 Message to rewrite: "${text}"`
               }]

package/app/updates/overlay/page.tsx

@@ -10,6 +10,7 @@ import {
   limit,
 } from "firebase/firestore";
 import { motion, AnimatePresence } from "framer-motion";
+import Image from "next/image";
 
 import firebaseApp from "@/config/firebase";
 import { fontCursive, fontSans, fontMono } from "@/config/fonts";
@@ -28,7 +29,7 @@ export default function UpdateOverlay() {
     const q = query(
       collection(db, "updates"),
       orderBy("createdAt", "desc"),
-      limit(1)
+      limit(1),
     );
 
     const unsubscribe = onSnapshot(q, (snapshot) => {
@@ -49,45 +50,70 @@ export default function UpdateOverlay() {
   return (
     <div className="fixed inset-0 flex flex-col justify-between p-16 pointer-events-none">
       {/* Global CSS for OBS Chroma Keying */}
-      <style jsx global>{`
-        nav, footer { display: none !important; }
-        main { 
-          padding: 0 !important; 
-          max-width: none !important; 
-          margin: 0 !important; 
-          background: #00ff00 !important; 
+      <style>{`
+        nav,
+        footer {
+          display: none !important;
         }
-        body { 
-          background: #00ff00 !important; 
-          overflow: hidden; 
+        main {
+          padding: 0 !important;
+          max-width: none !important;
+          margin: 0 !important;
+          background: #00ff00 !important;
+        }
+        body {
+          background: #00ff00 !important;
+          overflow: hidden;
         }
       `}</style>
 
       {/* Top Bar: Clock & Brand */}
       <div className="flex justify-between items-start">
-        <motion.div 
-          initial={{ opacity: 0, x: -50 }}
+        <motion.div
           animate={{ opacity: 1, x: 0 }}
           className="bg-[#18181b] border-2 border-wedding-pink-500 p-4 rounded-2xl"
+          initial={{ opacity: 0, x: -50 }}
         >
-          <p className={`${fontMono.className} text-5xl font-black text-white tabular-nums tracking-tighter`}>
-            {hasMounted ? time.toLocaleTimeString("en-IN", { hour: "2-digit", minute: "2-digit", second: "2-digit" }) : "--:--:--"}
+          <p
+            className={`${fontMono.className} text-5xl font-black text-white tabular-nums tracking-tighter`}
+          >
+            {hasMounted
+              ? time.toLocaleTimeString("en-IN", {
+                  hour: "2-digit",
+                  minute: "2-digit",
+                  second: "2-digit",
+                })
+              : "--:--:--"}
           </p>
-          <p className={`${fontMono.className} text-wedding-gold-400 text-xs uppercase tracking-[0.3em] mt-1 font-bold`}>
+          <p
+            className={`${fontMono.className} text-wedding-gold-400 text-xs uppercase tracking-[0.3em] mt-1 font-bold`}
+          >
             Event Time
           </p>
         </motion.div>
 
-        <motion.div 
-          initial={{ opacity: 0, x: 50 }}
+        <motion.div
           animate={{ opacity: 1, x: 0 }}
           className="bg-white p-3 rounded-2xl flex items-center gap-4 border-2 border-wedding-pink-500"
+          initial={{ opacity: 0, x: 50 }}
         >
           <div className="text-right">
-            <p className={`${fontCursive.className} text-2xl text-zinc-900`}>Follow Live</p>
-            <p className={`${fontSans.className} text-[9px] font-black text-wedding-pink-600 uppercase tracking-widest leading-none`}>Scan for Updates</p>
+            <p className={`${fontCursive.className} text-2xl text-zinc-900`}>
+              Follow Live
+            </p>
+            <p
+              className={`${fontSans.className} text-[9px] font-black text-wedding-pink-600 uppercase tracking-widest leading-none`}
+            >
+              Scan for Updates
+            </p>
           </div>
-          <img src="/pubqr.png" alt="QR Code" className="w-16 h-16 rounded-lg" />
+          <Image
+            alt="QR Code"
+            className="w-16 h-16 rounded-lg"
+            height={64}
+            src="/pubqr.png"
+            width={64}
+          />
         </motion.div>
       </div>
 
@@ -96,41 +122,50 @@ export default function UpdateOverlay() {
         {latestUpdate && (
           <motion.div
             key={latestUpdate.id}
-            initial={{ opacity: 0, y: 150 }}
             animate={{ opacity: 1, y: 0 }}
+            className="w-full flex justify-center"
             exit={{ opacity: 0, y: 100 }}
+            initial={{ opacity: 0, y: 150 }}
             transition={{ type: "spring", damping: 25, stiffness: 120 }}
-            className="w-full flex justify-center"
           >
             <div className="relative w-full max-w-5xl">
               {/* Solid outline instead of glow */}
               <div className="absolute -inset-1 border border-wedding-pink-500/20 rounded-[30px]" />
-              
+
               <div className="relative bg-[#09090b] border-4 border-wedding-pink-500 rounded-[28px] p-6 md:p-8 flex items-center gap-8">
-                
                 <div className="flex-shrink-0 flex flex-col items-center gap-2">
                   <div className="bg-wedding-pink-500 p-4 rounded-full">
                     <HeartFilledIcon className="w-8 h-8 text-white" />
                   </div>
-                  <span className={`${fontMono.className} text-[10px] uppercase tracking-[0.4em] text-wedding-gold-400 font-black`}>
+                  <span
+                    className={`${fontMono.className} text-[10px] uppercase tracking-[0.4em] text-wedding-gold-400 font-black`}
+                  >
                     LIVE
                   </span>
                 </div>
 
                 <div className="flex-1 space-y-2">
-                  <p className={`${fontCursive.className} text-4xl text-wedding-pink-400`}>
+                  <p
+                    className={`${fontCursive.className} text-4xl text-wedding-pink-400`}
+                  >
                     Wedding News
                   </p>
-                  <p className={`${fontSans.className} text-3xl md:text-4xl font-black text-white leading-tight tracking-tight`}>
+                  <p
+                    className={`${fontSans.className} text-3xl md:text-4xl font-black text-white leading-tight tracking-tight`}
+                  >
                     {latestUpdate.text}
                   </p>
                 </div>
 
                 <div className="hidden lg:flex flex-col items-end justify-center border-l-2 border-zinc-800 pl-8 space-y-1">
-                  <p className={`${fontCursive.className} text-4xl text-wedding-gold-200`}>
+                  <p
+                    className={`${fontCursive.className} text-4xl text-wedding-gold-200`}
+                  >
                     Titas & Sukanya
                   </p>
-                  <p className={`${fontMono.className} text-[10px] uppercase tracking-[0.5em] text-zinc-500 font-bold`}>
+                  <p
+                    className={`${fontMono.className} text-[10px] uppercase tracking-[0.5em] text-zinc-500 font-bold`}
+                  >
                     Jan 2026
                   </p>
                 </div>

package/app/updates/page.js

@@ -158,13 +158,13 @@ const UpdateFeed = () => {
                     color={index === 0 ? "warning" : "danger"}
                     radius="full"
                     size="md"
-                    src={update.email === "titas@titas.titas" ? "/groom.jpg" : undefined}
-                    name={update.email === "titas@titas.titas" ? "T" : update.email?.charAt(0).toUpperCase()}
+                    src={update.email === process.env.NEXT_PUBLIC_ADMIN_EMAIL ? "/groom.jpg" : undefined}
+                    name={update.email === process.env.NEXT_PUBLIC_ADMIN_EMAIL ? "T" : update.email?.charAt(0).toUpperCase()}
                   />
                   <div className="flex flex-col flex-1">
                     <div className="flex items-center justify-between">
                       <p className="text-md font-bold text-default-800 dark:text-white">
-                        {update.email === "titas@titas.titas" ? "Titas Mallick" : update.email}
+                        {update.email === process.env.NEXT_PUBLIC_ADMIN_EMAIL ? "Titas Mallick" : update.email}
                       </p>
                       {index === 0 && (
                         <Chip

package/cli.mjs

@@ -17,7 +17,7 @@ const rl = readline.createInterface({
 const question = (query) => new Promise((resolve) => rl.question(query, resolve));
 
 async function main() {
-  console.log("Welcome to the Wedding Website Generator! 💍");
+  console.log("Welcome to the Wedding Website Generator v2.0! 💍");
   console.log("This tool will help you scaffold a personalized wedding website.\n");
 
   const config = {};
@@ -86,21 +86,23 @@ async function main() {
   ];
 
   const replacements = [
-    { search: /Titas & Sukanya/g, replace: `${config.groomName} & ${config.brideName}` },
-    { search: /Titas and Sukanya/g, replace: `${config.groomName} and ${config.brideName}` },
-    { search: /Titas Mallick/g, replace: config.groomFullName },
-    { search: /Sukanya Saha/g, replace: config.brideFullName },
+    { search: /Groom & Bride/g, replace: `${config.groomName} & ${config.brideName}` },
+    { search: /Groom and Bride/g, replace: `${config.groomName} and ${config.brideName}` },
+    { search: /Groom Name/g, replace: config.groomFullName },
+    { search: /Bride Name/g, replace: config.brideFullName },
+    { search: /the couple/g, replace: `${config.groomName} and ${config.brideName}` },
+    { search: /the groom/g, replace: config.groomName },
     { search: /#TitasWedsSukanya/g, replace: config.hashtag },
-    { search: /titas-sukanya-for.life/g, replace: config.siteUrl.replace(/^https?:\/\//, '') },
+    { search: /your-wedding-site.com/g, replace: config.siteUrl.replace(/^https?:\/\//, '') },
     { search: /January 23, 2026/g, replace: config.weddingDate },
     { search: /2026-01-23/g, replace: config.weddingDateISO },
-    { search: /titas@titas.titas/g, replace: config.adminEmail },
-    { search: /eugenics@ybl/g, replace: config.upiId },
-    // Generic replacements for names
-    { search: /\bTitas\b/g, replace: config.groomName },
-    { search: /\btitas\b/g, replace: config.groomName.toLowerCase() },
-    { search: /\bSukanya\b/g, replace: config.brideName },
-    { search: /\bsukanya\b/g, replace: config.brideName.toLowerCase() },
+    { search: /admin@example.com/g, replace: config.adminEmail },
+    { search: /your-upi-id@upi/g, replace: config.upiId },
+    // Code-level replacements for exported components/functions
+    { search: /TitasLayout/g, replace: `${config.groomName}Layout` },
+    { search: /SukanyaLayout/g, replace: `${config.brideName}Layout` },
+    { search: /TitasPage/g, replace: `${config.groomName}Page` },
+    { search: /SukanyaPage/g, replace: `${config.brideName}Page` },
   ];
 
   async function copyDir(src, dest) {
@@ -123,7 +125,7 @@ const adminCred = {
   type: "service_account",
   project_id: process.env.FIREBASE_ADMIN_PROJECT_ID,
   private_key_id: process.env.FIREBASE_ADMIN_PRIVATE_KEY_ID,
-  private_key: process.env.FIREBASE_ADMIN_PRIVATE_KEY?.replace(/\\\\n/g, '\\n'),
+  private_key: process.env.FIREBASE_ADMIN_PRIVATE_KEY?.replace(/\\n/g, '\n'),
   client_email: process.env.FIREBASE_ADMIN_CLIENT_EMAIL,
   client_id: process.env.FIREBASE_ADMIN_CLIENT_ID,
   auth_uri: "https://accounts.google.com/o/oauth2/auth",
@@ -196,12 +198,21 @@ FIREBASE_ADMIN_CLIENT_EMAIL=
 FIREBASE_ADMIN_CLIENT_ID=
 FIREBASE_ADMIN_CLIENT_X509_CERT_URL=
 
+# Admin Controls
+NEXT_PUBLIC_ADMIN_EMAIL=${config.adminEmail}
+
 # Google Gemini AI
 NEXT_PUBLIC_GEMINI_API_KEY=
 
-# Cloudinary Config
+# Cloudinary Config (for guestbook uploads)
 NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
 NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET=wedding
+
+# Resend API (for email reminders)
+RESEND_API_KEY=
+
+# Cron Security (for reminders endpoint)
+CRON_SECRET=
     `.trim();
 
     await fs.writeFile(path.join(absoluteTargetDir, '.env.local'), envContent);

package/components/AdminAuth.tsx

@@ -0,0 +1,145 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import {
+  Modal,
+  ModalContent,
+  ModalHeader,
+  ModalBody,
+  ModalFooter,
+  Button,
+  Input,
+  addToast,
+} from "@heroui/react";
+import { getAuth, signInWithEmailAndPassword, signOut, onAuthStateChanged, User } from "firebase/auth";
+import firebaseApp from "@/config/firebase";
+
+export const AdminAuth = () => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [user, setUser] = useState<User | null>(null);
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const auth = getAuth(firebaseApp());
+
+  useEffect(() => {
+    const unsubscribe = onAuthStateChanged(auth, (currentUser) => {
+      setUser(currentUser);
+    });
+    return () => unsubscribe();
+  }, [auth]);
+
+  const handleLogin = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+    try {
+      await signInWithEmailAndPassword(auth, email, password);
+      addToast({
+        title: "Welcome Titas",
+        description: "Admin access granted.",
+        color: "success",
+      });
+      setIsOpen(false);
+      setEmail("");
+      setPassword("");
+    } catch (error) {
+      addToast({
+        title: "Access Denied",
+        description: "Invalid credentials.",
+        color: "danger",
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleLogout = async () => {
+    try {
+      await signOut(auth);
+      addToast({
+        title: "Signed Out",
+        description: "Admin session ended.",
+        color: "warning",
+      });
+      setIsOpen(false);
+    } catch (error) {
+      console.error("Logout error", error);
+    }
+  };
+
+  return (
+    <>
+      <button
+        onClick={() => setIsOpen(true)}
+        className="text-[10px] text-default-300 dark:text-default-700 hover:text-wedding-pink-500 transition-colors opacity-30 hover:opacity-100 focus:outline-none"
+        aria-label="Admin Access"
+      >
+        ●
+      </button>
+
+      <Modal isOpen={isOpen} onOpenChange={setIsOpen} backdrop="blur" placement="center">
+        <ModalContent>
+          {(onClose) => (
+            <>
+              <ModalHeader className="flex flex-col gap-1">
+                {user ? "Admin Profile" : "Secure Login"}
+              </ModalHeader>
+              <ModalBody>
+                {user ? (
+                  <div className="py-4 text-center">
+                    <p className="text-default-500 mb-2">Logged in as</p>
+                    <p className="font-bold text-lg text-wedding-pink-600">{user.email}</p>
+                  </div>
+                ) : (
+                  <form onSubmit={handleLogin} className="space-y-4">
+                    <Input
+                      label="Admin Email"
+                      labelPlacement="outside-top"
+                      placeholder="Enter admin email"
+                      variant="bordered"
+                      value={email}
+                      onChange={(e) => setEmail(e.target.value)}
+                      isRequired
+                      classNames={{ input: "outline-none" }}
+                    />
+                    <Input
+                      label="Password"
+                      labelPlacement="outside-top"
+                      placeholder="Enter password"
+                      type="password"
+                      variant="bordered"
+                      value={password}
+                      onChange={(e) => setPassword(e.target.value)}
+                      isRequired
+                      classNames={{ input: "outline-none" }}
+                    />
+                    <Button
+                      type="submit"
+                      color="primary"
+                      className="w-full bg-wedding-pink-500"
+                      isLoading={loading}
+                    >
+                      Login
+                    </Button>
+                  </form>
+                )}
+              </ModalBody>
+              <ModalFooter>
+                {user ? (
+                  <Button color="danger" variant="flat" onClick={handleLogout} className="w-full">
+                    Logout
+                  </Button>
+                ) : (
+                  <Button variant="light" onClick={onClose} className="w-full">
+                    Cancel
+                  </Button>
+                )}
+              </ModalFooter>
+            </>
+          )}
+        </ModalContent>
+      </Modal>
+    </>
+  );
+};

package/components/AdminLinks.tsx

@@ -0,0 +1,120 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import { getAuth, onAuthStateChanged, User } from "firebase/auth";
+import { Button } from "@heroui/button";
+import { Link } from "@heroui/link";
+import { motion } from "framer-motion";
+
+import firebaseApp from "@/config/firebase";
+import { title } from "@/components/primitives";
+
+const ADMIN_EMAIL = process.env.NEXT_PUBLIC_ADMIN_EMAIL;
+
+export const AdminLinks = () => {
+  const [user, setUser] = useState<User | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const auth = getAuth(firebaseApp());
+    const unsubscribe = onAuthStateChanged(auth, (currentUser) => {
+      setUser(currentUser);
+      setLoading(false);
+    });
+    return () => unsubscribe();
+  }, []);
+
+  if (loading || !user || user.email !== ADMIN_EMAIL) {
+    return null;
+  }
+
+  const adminTools = [
+    {
+      name: "Invitation Maker",
+      description: "Create and manage guest invitations",
+      href: "/invitation/maker",
+      icon: "✉️",
+      color: "gold",
+    },
+    {
+      name: "Updates Maker",
+      description: "Post new announcements for guests",
+      href: "/updates/maker",
+      icon: "📢",
+      color: "pink",
+    },
+    {
+      name: "Guestbook",
+      description: "Review wishes and messages",
+      href: "/guestbook",
+      icon: "📖",
+      color: "blue",
+    },
+  ];
+
+  return (
+    <section className="container mx-auto px-4 pt-12">
+      <motion.div
+        initial={{ opacity: 0, y: -20 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="relative overflow-hidden rounded-[2.5rem] bg-white/50 dark:bg-zinc-900/50 backdrop-blur-2xl border border-white dark:border-white/10 shadow-2xl"
+      >
+        {/* Decorative background elements */}
+        <div className="absolute top-0 right-0 w-64 h-64 bg-wedding-gold-200/20 rounded-full blur-3xl -mr-20 -mt-20 pointer-events-none" />
+        <div className="absolute bottom-0 left-0 w-64 h-64 bg-wedding-pink-200/20 rounded-full blur-3xl -ml-20 -mb-20 pointer-events-none" />
+
+        <div className="relative z-10 p-8 md:p-12">
+          <div className="flex flex-col md:flex-row md:items-end justify-between mb-10 gap-4">
+            <div>
+              <div className="flex items-center gap-3 mb-2">
+                <span className="flex h-3 w-3 rounded-full bg-green-500 animate-pulse" />
+                <span className="text-xs font-black uppercase tracking-[0.3em] text-default-400">
+                  Secure Admin Access
+                </span>
+              </div>
+              <h2 className={title({ size: "sm", color: "foreground" })}>
+                Control Center&nbsp;
+              </h2>
+              <p className="text-default-500 mt-2 font-medium">
+                Welcome, <span className="text-wedding-pink-500">{user.email}</span>. What would you like to manage today?
+              </p>
+            </div>
+            <div className="bg-default-100 dark:bg-white/5 px-4 py-2 rounded-2xl border border-default-200 dark:border-white/10">
+              <p className="text-[10px] uppercase tracking-wider text-default-400 font-bold mb-1">Last Sync</p>
+              <p className="text-sm font-mono">{new Date().toLocaleTimeString()}</p>
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+            {adminTools.map((tool, index) => (
+              <motion.div
+                key={tool.name}
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                transition={{ delay: index * 0.1 }}
+                whileHover={{ y: -5 }}
+              >
+                <Link href={tool.href} className="w-full block">
+                  <div className="group p-6 rounded-[2rem] bg-white dark:bg-zinc-800/50 border border-default-200 dark:border-white/5 hover:border-wedding-pink-300 dark:hover:border-wedding-pink-900 transition-all duration-300 shadow-sm hover:shadow-xl">
+                    <div className="flex items-start justify-between mb-4">
+                      <div className="text-4xl">{tool.icon}</div>
+                      <div className="p-2 rounded-full bg-default-50 dark:bg-white/5 group-hover:bg-wedding-pink-500 group-hover:text-white transition-colors">
+                        <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14 5l7 7m0 0l-7 7m7-7H3" />
+                        </svg>
+                      </div>
+                    </div>
+                    <h4 className="text-xl font-bold text-default-900 mb-1">{tool.name}</h4>
+                    <p className="text-sm text-default-500 leading-relaxed">
+                      {tool.description}
+                    </p>
+                  </div>
+                </Link>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </motion.div>
+    </section>
+  );
+};