diwali-wishes.react
|
import React, { useMemo, useState } from "react";
import { motion } from "framer-motion";
import { Copy, Check, Share2, Search } from "lucide-react";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
// --- Data: Hindi Diwali Wishes by Category ---
const CATEGORIES = [
{
id: "friends",
title: "दोस्त",
emoji: "🤝",
wishes: [
"मेरे प्यारे दोस्त, तुम्हें दीपावली की हार्दिक शुभकामनाएँ। ईश्वर करे यह प्रकाश-पर्व तुम्हारे जीवन को सुख, समृद्धि और सफलता की रोशनी से भर दे। शुभ दीपावली!",
"दिये की तरह रोशन रहे तेरी ज़िंदगी, दोस्ती की तरह मीठी हो तेरी हर ख़ुशी। मेरे यार, तुझे दिल से दीपावली की बधाई! 🪔✨",
"दोस्त, इस दिवाली पटाखे कम चलाना और दिलों के दीये ज़्यादा जलाना! मिठाइयाँ खूब खाना, पर मुझे भी मत भूलना 😉। शुभ दीपावली! 🎆",
],
},
{
id: "colleagues",
title: "सहकर्मी",
emoji: "💼",
wishes: [
"आपको एवं आपके परिवार को दीपावली की हार्दिक शुभकामनाएँ। यह पर्व आपके जीवन में खुशियाँ, समृद्धि और कार्यक्षेत्र में नई सफलताएँ लेकर आए। शुभ दीपावली!",
"साथ काम करते हैं तो खुशियाँ भी साथ मनाएँ। आपको दीपावली की ढेरों बधाइयाँ! आशा है रोशनी का यह त्योहार आपके निजी जीवन और करियर को उजाले से भर दे।",
"इस दिवाली वर्क-लाइफ़ बैलेंस को सही मायनों में अपनाएँ – लैपटॉप बंद करें और पटाखों व मिठाइयों का आनंद उठाएँ 😊! आपको और आपके परिवार को रोशनी से भरी दिवाली मुबारक हो।",
],
},
{
id: "couples",
title: "कपल्स",
emoji: "💖",
wishes: [
"आप दोनों को दीपावली की हार्दिक शुभकामनाएँ। रोशनी का यह पर्व आपके जीवन को प्रेम, खुशियों और आपसी विश्वास के दीपों से सदा जगमगाता रहे। शुभ दीपावली!",
"मेरे जीवनसाथी, इस दिवाली तुम्हारा साथ ही मेरा सबसे बड़ा तोहफ़ा है। तुम्हारे संग हर रात दिवाली सी रोशन लगती है। ईश्वर करे हमारा ये साथ यूँ ही चमकता रहे। शुभ दीपावली मेरी जान! ❤️🥰",
"हमारी जोड़ी भी किसी पटाखे से कम नहीं – साथ होते हैं तो धूमधड़ाका पक्का है 😅! तुम्हारे साथ हर दिवाली खास लगती है। प्यार और मस्ती के साथ त्योहार मनाएँ। शुभ दीपावली! 💖",
],
},
{
id: "siblings",
title: "भाई-बहन",
emoji: "👫",
wishes: [
"मेरी प्यारी बहन, तुम्हें दीपावली की ढेर सारी शुभकामनाएँ। तुम साथ होती हो तो हर त्योहार की खुशी दोगुनी हो जाती है। ईश्वर करे तुम्हारी ज़िंदगी हमेशा प्यार और खुशियों की रोशनी से चमकती रहे।",
"मेरे प्यारे भाई, इस दिवाली तुम्हारी बहुत याद आ रही है। बचपन में तुम्हारे साथ पटाखे चलाने और मिठाई चखने की हर याद अनमोल है। तुम्हें दीपावली की हार्दिक शुभकामनाएँ और ढेर सारा प्यार! 🎆",
"भाई, इस बार दिवाली पर कोई लड़ाई नहीं, सिर्फ़ मिठाई और रोशनी होगी 😄! बचपन की शरारतें याद हैं? चलो, फिर से मिलकर खुशियों के पटाखे जलाएँ। मेरी मिठाई मत खाना! 😜",
],
},
{
id: "parents",
title: "माता-पिता",
emoji: "👨👩👧👦",
wishes: [
"आदरणीय माँ-पापा, आपको दीपावली की हार्दिक शुभकामनाएँ। आपने हमेशा हमारे जीवन को प्यार और मार्गदर्शन की रोशनी दी है। ईश्वर करे आपका जीवन सुख, स्वास्थ्य और खुशियों के उजालों से सदा भरपूर रहे। शुभ दीपावली! 🙏",
"मेरे प्यारे माता-पिता, दिवाली पर आपका आशीर्वाद मेरे लिए सबसे बड़ा उपहार है। आपने हमारे हर दिन को अपने प्यार से रोशन किया है। इस पर्व पर हम दुआ करते हैं कि आपकी ज़िंदगी भी खुशियों और उजालों से जगमगाती रहे। शुभ दीपावली! ❤️",
"माँ-पापा, इस दिवाली आप बस आराम करें। घर की सफ़ाई से लेकर सजावट तक सब काम मैं करूँगा (वादा रहा... 😜). मज़ाक से हटकर, आप दोनों को रोशनी और खुशियों से भरी दिवाली की ढेरों शुभकामनाएँ!",
],
},
{
id: "kids",
title: "बच्चे",
emoji: "🧒",
wishes: [
"प्यारे बच्चों, आपको दीपावली की ढेर सारी शुभकामनाएँ! खूब पटाखे जलाओ, मिठाइयाँ खाओ और धमाल मचाओ – लेकिन सुरक्षा का भी ध्यान रखना, ठीक है? शुभ दिवाली, नन्हें सितारों! 🎇",
"फुलझड़ियों की चमक के साथ पटाखों का हो शोर, बच्चों की हँसी से रोशन हो दिवाली का हर कोना। मिठाइयों की महक लाए खुशियों की बौछार, दिवाली पर तुम्हें मिलें ढेर सारे उपहार और प्यार। ✨ शुभ दीपावली!",
"मेरे नन्हे शैतानों के लिए स्पेशल आदेश – इस दिवाली पटाखे ध्यान से चलाना और मिठाइयाँ खुलकर खाना 😄! जमकर मौज-मस्ती करो और त्योहार का आनंद लो।",
],
},
{
id: "newlyweds",
title: "नवविवाहित",
emoji: "💍",
wishes: [
"आपको शादी के बाद पहली दीपावली की हार्दिक बधाई! ईश्वर करे आपका नया जीवन प्रेम, विश्वास और खुशियों के अनगिनत दीयों से सदा रोशन रहे। शुभ दीपावली! 💑",
"दिवाली का पहला त्योहार लाए खुशियों की बहार, नवविवाहित जोड़ी रहे यूँ ही खुशहाल बारंबार। प्रेम के दीप आपके घर-आँगन सदा जगमगाते रहें, सुख-समृद्धि के संग आप दोनों मुस्कुराते रहें। शुभ दीपावली! 🌸",
"नवविवाहित जोड़े को पहली दिवाली की बहुत-बहुत बधाई! अब तो पटाखे भी मिल-बाँटकर चलेंगे और मिठाइयाँ भी साझे में खाई जाएँगी 😄। आपका वैवाहिक जीवन प्रेम और हँसी की रोशनी से रोशन रहे। 🎊",
],
},
{
id: "others",
title: "अन्य (शिक्षक/बुज़ुर्ग/पड़ोसी)",
emoji: "🌟",
wishes: [
"आदरणीय गुरुजी, आपको दीपावली की हार्दिक शुभकामनाएँ। आपने ज्ञान की ज्योति से हमारे जीवन को प्रकाशमान किया है। ईश्वर करे आपके जीवन में भी सफलता और समृद्धि के असंख्य दीप जलते रहें। 📚",
"आदरणीय दादा-दादी और परिवार के बुज़ुर्गों, आपको दिवाली की ढेर सारी शुभकामनाएँ। आपके आशीर्वाद रूपी दीप ने हमेशा हमारे जीवन को रोशन रखा है। आप सदैव स्वस्थ, सुखी और प्रसन्न रहें। 🌼",
"प्रिय पड़ोसी, आपको एवं आपके परिवार को दीपावली की हार्दिक शुभकामनाएँ। इस त्योहार की रोशनी से हमारा पूरा मोहल्ला जगमगा उठे और हम सब मिलकर खुशियाँ बाँटें। शुभ दीपावली! 🏠✨",
],
},
];
function clsx(...classes) {
return classes.filter(Boolean).join(" ");
}
export default function DiwaliWishesPage() {
const [query, setQuery] = useState("");
const [active, setActive] = useState("all");
const [copiedKey, setCopiedKey] = useState("");
const allWishes = useMemo(() => {
return CATEGORIES.flatMap((cat) =>
cat.wishes.map((text, idx) => ({
id: `${cat.id}-${idx}`,
categoryId: cat.id,
categoryTitle: cat.title,
categoryEmoji: cat.emoji,
text,
}))
);
}, []);
const filtered = useMemo(() => {
const q = query.trim();
const list = active === "all" ? allWishes : allWishes.filter((w) => w.categoryId === active);
if (!q) return list;
return list.filter((w) => w.text.toLowerCase().includes(q.toLowerCase()));
}, [allWishes, active, query]);
const onCopy = async (text, key) => {
try {
await navigator.clipboard.writeText(text);
setCopiedKey(key);
setTimeout(() => setCopiedKey(""), 1500);
} catch (e) {
console.error("Copy failed", e);
}
};
const onShare = async (text) => {
if (navigator.share) {
try {
await navigator.share({ text });
} catch (e) {
// user cancelled
}
} else {
onCopy(text, "share-copy-fallback");
alert("शेयर सपोर्ट नहीं है — टेक्स्ट कॉपी कर दिया गया है।");
}
};
return (
{/* Header */}
);
}
function CategoryChip({ label, value, active, onClick }) {
const isActive = active === value;
return (
);
}
🪔
दीपावली शुभकामनाएँ (हिंदी)
कॉपी करें • शेयर करें • पोस्ट करें
{filtered.map((w) => (
{w.text} |