@titas_mallick/wedding-site-gen 1.0.0

package/cli.mjs

@@ -0,0 +1,196 @@
+#!/usr/bin/env node
+
+import fs from 'fs/promises';
+import path from 'path';
+import readline from 'readline';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Helper for prompting
+const rl = readline.createInterface({
+  input: process.stdin,
+  output: process.stdout
+});
+
+const question = (query) => new Promise((resolve) => rl.question(query, resolve));
+
+async function main() {
+  console.log("Welcome to the Wedding Website Generator! 💍");
+  console.log("This tool will help you scaffold a personalized wedding website.\n");
+
+  const config = {};
+  config.groomName = await question("Groom's First Name (e.g., Titas): ") || "Titas";
+  config.groomFullName = await question(`Groom's Full Name (default: ${config.groomName} Mallick): `) || `${config.groomName} Mallick`;
+  
+  config.brideName = await question("Bride's First Name (e.g., Sukanya): ") || "Sukanya";
+  config.brideFullName = await question(`Bride's Full Name (default: ${config.brideName} Saha): `) || `${config.brideName} Saha`;
+
+  config.weddingDate = await question("Wedding Date (e.g., January 23, 2026): ") || "January 23, 2026";
+  config.weddingDateISO = await question("Wedding Date ISO (YYYY-MM-DD): ") || "2026-01-23";
+  
+  config.adminEmail = await question("Admin Email (for management): ") || "admin@wedding.com";
+  config.upiId = await question("UPI ID for gifts (e.g., name@upi): ") || "gifts@upi";
+  config.siteUrl = await question("Website URL (e.g., https://ourwedding.com): ") || "https://ourwedding.com";
+  config.hashtag = await question("Wedding Hashtag (e.g., #TitasWedsSukanya): ") || `#${config.groomName}Weds${config.brideName}`;
+
+  const targetDir = await question("Target directory name: ") || "my-wedding-website";
+
+  rl.close();
+
+  console.log(`\nGenerating website in ${targetDir}...`);
+
+  const sourceDir = __dirname;
+  const absoluteTargetDir = path.resolve(process.cwd(), targetDir);
+
+  await fs.mkdir(absoluteTargetDir, { recursive: true });
+
+  const ignoreList = [
+    '.git',
+    '.next',
+    'node_modules',
+    'cli.mjs',
+    'dist',
+    '.env.local',
+    '.recover',
+    'package-lock.json',
+  ];
+
+  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: /#TitasWedsSukanya/g, replace: config.hashtag },
+    { search: /titas-sukanya-for.life/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() },
+  ];
+
+  async function copyDir(src, dest) {
+    const entries = await fs.readdir(src, { withFileTypes: true });
+
+    for (const entry of entries) {
+      const srcPath = path.join(src, entry.name);
+      const destPath = path.join(dest, entry.name);
+
+      if (ignoreList.includes(entry.name)) continue;
+
+      if (entry.isDirectory()) {
+        await fs.mkdir(destPath, { recursive: true });
+        await copyDir(srcPath, destPath);
+      } else {
+        // Special case for secrets
+        if (entry.name === 'firebase-admin.js') {
+            const adminTemplate = `
+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'),
+  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",
+  token_uri: "https://oauth2.googleapis.com/token",
+  auth_provider_x509_cert_url: "https://www.googleapis.com/oauth2/v1/certs",
+  client_x509_cert_url: process.env.FIREBASE_ADMIN_CLIENT_X509_CERT_URL,
+  universe_domain: "googleapis.com",
+};
+export default adminCred;
+            `.trim();
+            await fs.writeFile(destPath, adminTemplate, 'utf8');
+            continue;
+        }
+
+        // Only process text files for replacements
+        const ext = path.extname(srcPath).toLowerCase();
+        const textExtensions = ['.ts', '.tsx', '.js', '.jsx', '.json', '.md', '.css', '.html'];
+        
+        if (textExtensions.includes(ext)) {
+          let content = await fs.readFile(srcPath, 'utf8');
+          for (const r of replacements) {
+            content = content.replace(r.search, r.replace);
+          }
+          
+          if (entry.name === 'package.json') {
+            const pkg = JSON.parse(content);
+            pkg.name = targetDir;
+            delete pkg.bin; // Remove the CLI bin from the generated project
+            content = JSON.stringify(pkg, null, 2);
+          }
+
+          await fs.writeFile(destPath, content, 'utf8');
+        } else {
+          await fs.copyFile(srcPath, destPath);
+        }
+      }
+    }
+  }
+
+  try {
+    await copyDir(sourceDir, absoluteTargetDir);
+    
+    // Create a basic .env.local template
+    const envContent = `
+# Firebase Client Config
+NEXT_PUBLIC_APIKEY=
+NEXT_PUBLIC_AUTHDOMAIN=
+NEXT_PUBLIC_PROJECTID=
+NEXT_PUBLIC_STORAGEBUCKET=
+NEXT_PUBLIC_SENDERID=
+NEXT_PUBLIC_APPID=
+NEXT_PUBLIC_MEASUREMENTID=
+NEXT_PUBLIC_RECAPTCHA_SITE_KEY=
+
+# Firebase Admin Config (Keep these secret!)
+FIREBASE_ADMIN_PROJECT_ID=
+FIREBASE_ADMIN_PRIVATE_KEY_ID=
+FIREBASE_ADMIN_PRIVATE_KEY=
+FIREBASE_ADMIN_CLIENT_EMAIL=
+FIREBASE_ADMIN_CLIENT_ID=
+FIREBASE_ADMIN_CLIENT_X509_CERT_URL=
+
+# Google Gemini AI
+NEXT_PUBLIC_GEMINI_API_KEY=
+
+# Cloudinary Config
+NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
+NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET=wedding
+    `.trim();
+
+    await fs.writeFile(path.join(absoluteTargetDir, '.env.local'), envContent);
+
+    // Handle folder renaming for titas/sukanya
+    const appDir = path.join(absoluteTargetDir, 'app');
+    
+    const groomDir = path.join(appDir, config.groomName.toLowerCase());
+    const brideDir = path.join(appDir, config.brideName.toLowerCase());
+
+    if (await fs.stat(path.join(appDir, 'titas')).catch(() => null)) {
+        await fs.rename(path.join(appDir, 'titas'), groomDir);
+    }
+    if (await fs.stat(path.join(appDir, 'sukanya')).catch(() => null)) {
+        await fs.rename(path.join(appDir, 'sukanya'), brideDir);
+    }
+
+    console.log(`\nSuccess! Your wedding website is ready in ${targetDir}.`);
+    console.log("\nNext steps:");
+    console.log(`1. cd ${targetDir}`);
+    console.log("2. npm install");
+    console.log("3. Fill in your secrets in .env.local");
+    console.log("4. npm run dev");
+    
+  } catch (err) {
+    console.error("Error generating website:", err);
+  }
+}
+
+main();

package/components/ConciergeBot.tsx

@@ -0,0 +1,203 @@
+"use client";
+
+import React, { useState, useEffect, useRef } from "react";
+import {
+  Button,
+  Card,
+  CardHeader,
+  CardBody,
+  CardFooter,
+  Input,
+  Avatar,
+  ScrollShadow,
+  Badge,
+} from "@heroui/react";
+import { motion, AnimatePresence } from "framer-motion";
+import { HeartFilledIcon } from "./icons";
+import { fontCursive, fontMono } from "@/config/fonts";
+
+interface Message {
+  role: "user" | "bot";
+  text: string;
+}
+
+const ConciergeBot = () => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [input, setInput] = useState("");
+  const [messages, setMessages] = useState<Message[]>([
+    {
+      role: "bot",
+      text: "Namaste! I am your Wedding Concierge. How can I help you today?",
+    },
+  ]);
+  const [isTyping, setIsTyping] = useState(false);
+  const scrollRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    }
+  }, [messages, isTyping]);
+
+  const handleSend = async () => {
+    if (!input.trim()) return;
+
+    const userMsg = input.trim();
+    setMessages((prev) => [...prev, { role: "user", text: userMsg }]);
+    setInput("");
+    setIsTyping(true);
+
+    try {
+      const apiKey = process.env.NEXT_PUBLIC_GEMINI_API_KEY;
+      if (!apiKey) throw new Error("API Key missing");
+
+      const systemInstruction = `
+        You are an elegant and helpful Wedding Concierge for Titas and Sukanya's wedding. 
+        Your tone is warm, respectful, and slightly formal (Indian hospitality style).
+        
+        Key Info:
+        - Couple: Titas Mallick & Sukanya (married after 10 years of love).
+        - Engagement: 23rd Nov 2025 at Mohan Jyoti Banquet Hall, Serampore (10:00 AM).
+        - Wedding: 23rd Jan 2026 at Anandamayee Bhawan, Serampore (06:00 PM).
+        - Reception: 25th Jan 2026 at Friends Union Club, Konnagar (06:00 PM).
+        - Story: They were college classmates who became soulmates. They love the mountains.
+        
+        Instructions:
+        - Keep answers concise and polite.
+        - If you don't know something, suggest they check the specific pages on the site.
+        - Use "Namaste" or "Greetings" occasionally.
+        - IMPORTANT: Provide responses in PLAIN TEXT ONLY. Do not use Markdown, bolding (**), or any other special formatting symbols.
+      `;
+
+      const response = await fetch(
+        `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash:generateContent?key=${apiKey}`,
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            contents: [
+              { role: "user", parts: [{ text: systemInstruction }] },
+              ...messages.map(m => ({
+                role: m.role === "user" ? "user" : "model",
+                parts: [{ text: m.text }]
+              })),
+              { role: "user", parts: [{ text: userMsg }] }
+            ],
+            generationConfig: { maxOutputTokens: 400, temperature: 0.7 }
+          })
+        }
+      );
+
+      const data = await response.json();
+      
+      if (data.error) {
+        console.error("Gemini API Error Detail:", data.error);
+        throw new Error(data.error.message);
+      }
+
+      const botResponse = data.candidates?.[0]?.content?.parts?.[0]?.text || "I apologize, I'm having trouble connecting. Please try again soon!";
+      
+      setMessages((prev) => [...prev, { role: "bot", text: botResponse }]);
+    } catch (error: any) {
+      console.error("Chatbot Error:", error);
+      setMessages((prev) => [...prev, { role: "bot", text: `I'm having a small technical issue: ${error.message || "Please try again later."}` }]);
+    } finally {
+      setIsTyping(false);
+    }
+  };
+
+  return (
+    <div className="fixed bottom-4 right-4 md:bottom-6 md:right-6 z-[100] flex flex-col items-end max-w-full">
+      <AnimatePresence>
+        {isOpen && (
+          <motion.div
+            initial={{ opacity: 0, scale: 0.8, y: 20 }}
+            animate={{ opacity: 1, scale: 1, y: 0 }}
+            exit={{ opacity: 0, scale: 0.8, y: 20 }}
+            className="mb-3 w-[calc(100vw-32px)] sm:w-[350px] md:w-[380px] shadow-2xl overflow-hidden"
+          >
+            <Card className="border-none bg-white/90 dark:bg-zinc-900/95 backdrop-blur-xl h-[400px] md:h-[500px] max-h-[70vh] flex flex-col">
+              <CardHeader className="bg-gradient-to-r from-wedding-pink-500 to-wedding-gold-500 p-4 flex justify-between items-center text-white">
+                <div className="flex items-center gap-3">
+                  <Avatar src="/love-birds.png" className="bg-white/20" size="sm" />
+                  <div>
+                    <p className={`${fontCursive.className} text-xl leading-none`}>Wedding Assistant</p>
+                    <p className="text-[10px] uppercase tracking-widest opacity-80">Online & Ready</p>
+                  </div>
+                </div>
+                <Button isIconOnly variant="light" size="sm" onPress={() => setIsOpen(false)} className="text-white min-w-0">
+                  ✕
+                </Button>
+              </CardHeader>
+              
+              <CardBody className="p-0">
+                <ScrollShadow ref={scrollRef} className="h-full p-4 space-y-4">
+                  {messages.map((msg, i) => (
+                    <div key={i} className={`flex ${msg.role === "user" ? "justify-end" : "justify-start"}`}>
+                      <div className={`max-w-[85%] p-3 rounded-2xl text-sm ${
+                        msg.role === "user" 
+                        ? "bg-wedding-pink-500 text-white rounded-tr-none" 
+                        : "bg-default-100 dark:bg-zinc-800 text-default-800 dark:text-zinc-200 rounded-tl-none"
+                      }`}>
+                        {msg.text}
+                      </div>
+                    </div>
+                  ))}
+                  {isTyping && (
+                    <div className="flex justify-start">
+                      <div className="bg-default-100 dark:bg-zinc-800 p-3 rounded-2xl rounded-tl-none">
+                        <span className="flex gap-1">
+                          <span className="w-1.5 h-1.5 bg-default-400 rounded-full animate-bounce" />
+                          <span className="w-1.5 h-1.5 bg-default-400 rounded-full animate-bounce [animation-delay:0.2s]" />
+                          <span className="w-1.5 h-1.5 bg-default-400 rounded-full animate-bounce [animation-delay:0.4s]" />
+                        </span>
+                      </div>
+                    </div>
+                  )}
+                </ScrollShadow>
+              </CardBody>
+
+              <CardFooter className="p-4 pt-2">
+                <form className="flex w-full gap-2" onSubmit={(e) => { e.preventDefault(); handleSend(); }}>
+                  <Input
+                    placeholder="Ask me anything..."
+                    value={input}
+                    onChange={(e) => setInput(e.target.value)}
+                    variant="bordered"
+                    size="sm"
+                    className="flex-1"
+                    classNames={{ inputWrapper: "border-wedding-pink-100 focus-within:!border-wedding-pink-500", input: "outline-none" }}
+                  />
+                  <Button 
+                    isIconOnly 
+                    color="danger" 
+                    size="sm" 
+                    onPress={handleSend}
+                    className="bg-wedding-pink-500"
+                  >
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
+                      <line x1="22" y1="2" x2="11" y2="13"></line>
+                      <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
+                    </svg>
+                  </Button>
+                </form>
+              </CardFooter>
+            </Card>
+          </motion.div>
+        )}
+      </AnimatePresence>
+
+      <Button
+        isIconOnly
+        className="w-10 h-10 md:w-14 md:h-14 rounded-full bg-gradient-to-tr from-wedding-pink-500 to-wedding-gold-500 shadow-wedding-pink-500/30 shadow-2xl group transition-transform hover:scale-110 active:scale-95"
+        onPress={() => setIsOpen(!isOpen)}
+      >
+        <Badge content="" color="success" shape="circle" placement="top-right" className="border-2 border-white dark:border-zinc-900 min-w-0 h-2.5 w-2.5">
+           <HeartFilledIcon className={`text-white w-4 h-4 md:w-6 md:h-6 transition-transform duration-500 ${isOpen ? "rotate-180" : ""}`} />
+        </Badge>
+      </Button>
+    </div>
+  );
+};
+
+export default ConciergeBot;

package/components/CountdownTimer.tsx

@@ -0,0 +1,137 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+
+import { fontMono, fontCursive } from "@/config/fonts";
+import { HeartFilledIcon } from "./icons";
+
+interface TimeLeft {
+  days: number;
+  hours: number;
+  minutes: number;
+  seconds: number;
+}
+
+type TimerPhase = "BEFORE_WEDDING" | "WEDDING_DAY" | "BEFORE_RECEPTION" | "RECEPTION_DAY" | "POST_EVENT";
+
+export default function CountdownTimer() {
+  const [timeLeft, setTimeLeft] = useState<TimeLeft | null>(null);
+  const [phase, setPhase] = useState<TimerPhase>("BEFORE_WEDDING");
+
+  useEffect(() => {
+    const weddingStart = new Date("2026-01-23T18:00:00").getTime();
+    const weddingEnd = new Date("2026-01-24T06:00:00").getTime();
+    const receptionStart = new Date("2026-01-25T18:00:00").getTime();
+    const receptionEnd = new Date("2026-01-26T06:00:00").getTime();
+
+    const calculateTimeLeft = () => {
+      const now = new Date().getTime();
+      
+      let currentPhase: TimerPhase = "BEFORE_WEDDING";
+      let targetDate = weddingStart;
+
+      if (now < weddingStart) {
+        currentPhase = "BEFORE_WEDDING";
+        targetDate = weddingStart;
+      } else if (now >= weddingStart && now < weddingEnd) {
+        currentPhase = "WEDDING_DAY";
+      } else if (now >= weddingEnd && now < receptionStart) {
+        currentPhase = "BEFORE_RECEPTION";
+        targetDate = receptionStart;
+      } else if (now >= receptionStart && now < receptionEnd) {
+        currentPhase = "RECEPTION_DAY";
+      } else {
+        currentPhase = "POST_EVENT";
+      }
+
+      setPhase(currentPhase);
+
+      if (currentPhase === "BEFORE_WEDDING" || currentPhase === "BEFORE_RECEPTION") {
+        const difference = targetDate - now;
+
+        setTimeLeft({
+          days: Math.floor(difference / (1000 * 60 * 60 * 24)),
+          hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
+          minutes: Math.floor((difference / 1000 / 60) % 60),
+          seconds: Math.floor((difference / 1000) % 60),
+        });
+      } else {
+        setTimeLeft(null);
+      }
+    };
+
+    calculateTimeLeft();
+    const timer = setInterval(calculateTimeLeft, 1000);
+
+    return () => clearInterval(timer);
+  }, []);
+
+  const TimeUnit = ({ value, label }: { value: number; label: string }) => (
+    <div className="flex flex-col items-center">
+      <div className="relative h-[48px] md:h-[72px] overflow-hidden flex items-center justify-center min-w-[60px] md:min-w-[80px]">
+        <AnimatePresence mode="popLayout">
+          <motion.span
+            key={value}
+            animate={{ y: 0, opacity: 1 }}
+            className={`${fontMono.className} text-4xl md:text-6xl font-black text-default-800 dark:text-white tabular-nums`}
+            exit={{ y: -20, opacity: 0 }}
+            initial={{ y: 20, opacity: 0 }}
+            transition={{ duration: 0.4, ease: "easeOut" }}
+          >
+            {String(value).padStart(2, "0")}
+          </motion.span>
+        </AnimatePresence>
+      </div>
+      <span className="text-[10px] md:text-xs uppercase tracking-[0.2em] text-wedding-pink-500 font-bold mt-1">
+        {label}
+      </span>
+    </div>
+  );
+
+  return (
+    <div className="flex flex-col items-center gap-6 py-8">
+      <AnimatePresence mode="wait">
+        {(phase === "BEFORE_WEDDING" || phase === "BEFORE_RECEPTION") && timeLeft ? (
+          <motion.div
+            key="countdown"
+            animate={{ opacity: 1, scale: 1 }}
+            className="flex items-center gap-4 md:gap-8 bg-white/30 dark:bg-black/20 backdrop-blur-md px-8 py-6 rounded-[40px] border border-wedding-gold-200/50 dark:border-wedding-gold-800/50 shadow-xl"
+            exit={{ opacity: 0, scale: 0.9 }}
+            initial={{ opacity: 0, scale: 0.9 }}
+          >
+            <TimeUnit label="Days" value={timeLeft.days} />
+            <div className="text-wedding-gold-400 text-3xl md:text-5xl font-light mb-6">:</div>
+            <TimeUnit label="Hours" value={timeLeft.hours} />
+            <div className="text-wedding-gold-400 text-3xl md:text-5xl font-light mb-6">:</div>
+            <TimeUnit label="Mins" value={timeLeft.minutes} />
+            <div className="text-wedding-gold-400 text-3xl md:text-5xl font-light mb-6">:</div>
+            <TimeUnit label="Secs" value={timeLeft.seconds} />
+          </motion.div>
+        ) : (
+          <motion.div
+            key="celebration"
+            animate={{ opacity: 1, y: 0 }}
+            className="flex flex-col items-center gap-4 bg-gradient-to-br from-wedding-pink-500 to-wedding-gold-500 p-8 rounded-[40px] shadow-2xl text-white"
+            exit={{ opacity: 0, y: 20 }}
+            initial={{ opacity: 0, y: 20 }}
+          >
+            <HeartFilledIcon className="w-12 h-12 animate-beat text-white" />
+            <h2 className={`${fontCursive.className} text-4xl md:text-5xl text-center`}>
+              {phase === "WEDDING_DAY" && "Today is our Wedding Day!"}
+              {phase === "RECEPTION_DAY" && "Today is our Reception!"}
+              {phase === "POST_EVENT" && "Just Married!"}
+            </h2>
+          </motion.div>
+        )}
+      </AnimatePresence>
+
+      <p className={`${fontCursive.className} text-2xl text-wedding-gold-600 dark:text-wedding-gold-400`}>
+        {phase === "BEFORE_WEDDING" && "Until we say \"I Do\""}
+        {phase === "BEFORE_RECEPTION" && "Until the Grand Reception"}
+        {phase === "POST_EVENT" && "Happily Ever After"}
+        {(phase === "WEDDING_DAY" || phase === "RECEPTION_DAY") && "The Celebration Continues..."}
+      </p>
+    </div>
+  );
+}