@titas_mallick/wedding-site-gen 1.0.0

package/components/primitives.ts

@@ -0,0 +1,53 @@
+import { tv } from "tailwind-variants";
+
+export const title = tv({
+  base: "tracking-tight inline font-semibold",
+  variants: {
+    color: {
+      violet: "from-[#FF1CF7] to-[#b249f8]",
+      yellow: "from-[#FF705B] to-[#FFB457]",
+      blue: "from-[#5EA2EF] to-[#0072F5]",
+      cyan: "from-[#00b7fa] to-[#01cfea]",
+      green: "from-[#6FEE8D] to-[#17c964]",
+      pink: "from-[#FF72E1] to-[#F54C7A]",
+      foreground: "dark:from-[#FFFFFF] dark:to-[#4B4B4B]",
+    },
+    size: {
+      sm: "text-3xl lg:text-4xl",
+      md: "text-[2.3rem] lg:text-5xl leading-9",
+      lg: "text-4xl lg:text-6xl",
+    },
+    fullWidth: {
+      true: "w-full block",
+    },
+  },
+  defaultVariants: {
+    size: "md",
+  },
+  compoundVariants: [
+    {
+      color: [
+        "violet",
+        "yellow",
+        "blue",
+        "cyan",
+        "green",
+        "pink",
+        "foreground",
+      ],
+      class: "bg-clip-text text-transparent bg-gradient-to-b",
+    },
+  ],
+});
+
+export const subtitle = tv({
+  base: "w-full md:w-1/2 my-2 text-lg lg:text-xl text-default-600 block max-w-full",
+  variants: {
+    fullWidth: {
+      true: "!w-full",
+    },
+  },
+  defaultVariants: {
+    fullWidth: true,
+  },
+});

package/components/sagun.js

@@ -0,0 +1,22 @@
+"use client";
+import { Button } from "@heroui/button";
+import { Link } from "@heroui/link";
+import { HeartFilledIcon } from "@/components/icons";
+const Sagun = () => {
+  return (
+    <main>
+      <Button
+        isExternal
+        as={Link}
+        className="text-sm font-normal text-default-600 bg-default-100"
+        href={"/sagun"}
+        startContent={<HeartFilledIcon className="text-danger" />}
+        variant="flat"
+      >
+        Sagun
+      </Button>
+    </main>
+  );
+};
+
+export default Sagun;

package/components/theme-switch.tsx

@@ -0,0 +1,81 @@
+"use client";
+
+import { FC } from "react";
+import { VisuallyHidden } from "@react-aria/visually-hidden";
+import { SwitchProps, useSwitch } from "@heroui/switch";
+import { useTheme } from "next-themes";
+import { useIsSSR } from "@react-aria/ssr";
+import clsx from "clsx";
+
+import { SunFilledIcon, MoonFilledIcon } from "@/components/icons";
+
+export interface ThemeSwitchProps {
+  className?: string;
+  classNames?: SwitchProps["classNames"];
+}
+
+export const ThemeSwitch: FC<ThemeSwitchProps> = ({
+  className,
+  classNames,
+}) => {
+  const { theme, setTheme } = useTheme();
+  const isSSR = useIsSSR();
+
+  const onChange = () => {
+    theme === "light" ? setTheme("dark") : setTheme("light");
+  };
+
+  const {
+    Component,
+    slots,
+    isSelected,
+    getBaseProps,
+    getInputProps,
+    getWrapperProps,
+  } = useSwitch({
+    isSelected: theme === "light" || isSSR,
+    "aria-label": `Switch to ${theme === "light" || isSSR ? "dark" : "light"} mode`,
+    onChange,
+  });
+
+  return (
+    <Component
+      {...getBaseProps({
+        className: clsx(
+          "px-px transition-opacity hover:opacity-80 cursor-pointer",
+          className,
+          classNames?.base,
+        ),
+      })}
+    >
+      <VisuallyHidden>
+        <input {...getInputProps()} />
+      </VisuallyHidden>
+      <div
+        {...getWrapperProps()}
+        className={slots.wrapper({
+          class: clsx(
+            [
+              "w-auto h-auto",
+              "bg-transparent",
+              "rounded-lg",
+              "flex items-center justify-center",
+              "group-data-[selected=true]:bg-transparent",
+              "!text-default-500",
+              "pt-px",
+              "px-0",
+              "mx-0",
+            ],
+            classNames?.wrapper,
+          ),
+        })}
+      >
+        {!isSelected || isSSR ? (
+          <SunFilledIcon size={22} />
+        ) : (
+          <MoonFilledIcon size={22} />
+        )}
+      </div>
+    </Component>
+  );
+};

package/components/updates.tsx

@@ -0,0 +1,118 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import {
+  getFirestore,
+  collection,
+  onSnapshot,
+  query,
+  orderBy,
+  limit,
+} from "firebase/firestore";
+import { motion, AnimatePresence } from "framer-motion";
+import Link from "next/link";
+import { Chip } from "@heroui/react";
+
+import firebaseApp from "@/config/firebase";
+import { fontMono } from "@/config/fonts";
+import { ClockIcon } from "./icons";
+
+const db = getFirestore(firebaseApp());
+
+const timeAgo = (timestamp: any) => {
+  if (!timestamp?.toDate) return "Just now";
+  const now = new Date();
+  const diff = (now.getTime() - timestamp.toDate().getTime()) / 1000;
+  if (diff < 60) return `${Math.floor(diff)}s ago`;
+  if (diff < 3600) return `${Math.floor(diff / 60)}m ago`;
+  if (diff < 86400) return `${Math.floor(diff / 3600)}h ago`;
+  return `${Math.floor(diff / 86400)}d ago`;
+};
+
+const Updates = () => {
+  const [latestUpdate, setLatestUpdate] = useState<any>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const q = query(
+      collection(db, "updates"),
+      orderBy("createdAt", "desc"),
+      limit(1)
+    );
+    
+    const unsubscribe = onSnapshot(q, (snapshot) => {
+      if (!snapshot.empty) {
+        setLatestUpdate({
+          id: snapshot.docs[0].id,
+          ...snapshot.docs[0].data(),
+        });
+      }
+      setLoading(false);
+    });
+
+    return () => unsubscribe();
+  }, []);
+
+  if (loading || !latestUpdate) return null;
+
+  return (
+    <AnimatePresence>
+      <motion.div
+        initial={{ opacity: 0, y: -20 }}
+        animate={{ opacity: 1, y: 0 }}
+        exit={{ opacity: 0, y: -20 }}
+        className="w-full max-w-3xl mx-auto px-4 z-50"
+      >
+        <div className="relative group">
+          {/* Animated Background Glow */}
+          <div className="absolute -inset-0.5 bg-gradient-to-r from-wedding-pink-500 to-wedding-gold-500 rounded-full blur opacity-20 group-hover:opacity-40 transition duration-1000 group-hover:duration-200"></div>
+          
+          <Link 
+            href="/updates" 
+            className="relative flex items-center gap-2 sm:gap-3 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-xl border border-wedding-gold-200/50 dark:border-wedding-gold-800/50 p-1 sm:p-1.5 pr-4 sm:pr-6 rounded-full shadow-xl transition-all duration-300 group-hover:border-wedding-pink-400"
+          >
+            <div className="flex items-center bg-wedding-pink-500 text-white px-2 sm:px-3 py-1 rounded-full text-[9px] sm:text-[10px] font-black tracking-widest shadow-lg shadow-wedding-pink-500/20">
+              UPDATE
+            </div>
+            
+            <p className="flex-1 text-xs sm:text-sm font-semibold text-zinc-800 dark:text-zinc-100 truncate">
+              {latestUpdate.text}
+            </p>
+
+            <div className="hidden sm:flex items-center gap-4">
+              <div className="flex items-center gap-1.5 text-[10px] uppercase tracking-wider text-zinc-400 font-mono whitespace-nowrap border-x border-default-200 dark:border-default-800 px-4">
+                <ClockIcon size={12} className="text-wedding-gold-500" />
+                {timeAgo(latestUpdate.createdAt)}
+              </div>
+              
+              <div className="flex items-center gap-1 text-xs font-bold text-wedding-pink-500 whitespace-nowrap group-hover:translate-x-1 transition-transform">
+                View All
+                <svg 
+                  width="14" 
+                  height="14" 
+                  viewBox="0 0 24 24" 
+                  fill="none" 
+                  stroke="currentColor" 
+                  strokeWidth="3" 
+                  strokeLinecap="round" 
+                  strokeLinejoin="round"
+                >
+                  <polyline points="9 18 15 12 9 6"></polyline>
+                </svg>
+              </div>
+            </div>
+
+            {/* Mobile Arrow */}
+            <div className="sm:hidden text-wedding-pink-500 flex-shrink-0">
+               <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round">
+                  <polyline points="9 18 15 12 9 6"></polyline>
+               </svg>
+            </div>
+          </Link>
+        </div>
+      </motion.div>
+    </AnimatePresence>
+  );
+};
+
+export default Updates;

package/components/weddingcard.js

@@ -0,0 +1,68 @@
+"use client";
+
+import {
+  Card,
+  CardFooter,
+  Image,
+  Button,
+  CardHeader,
+  CardBody,
+  Link,
+} from "@heroui/react";
+
+const WeddingCard = () => {
+  return (
+    <section className="relative w-full h-[500px] overflow-hidden rounded-2xl bg-black">
+      {/* Background Video */}
+      <div className="absolute inset-0 w-full h-full pointer-events-none">
+        <iframe
+          className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none border-none"
+          style={{
+            width: '100vw',
+            height: '56.25vw', /* 16:9 Aspect Ratio */
+            minHeight: '100%',
+            minWidth: '177.77vh', /* 100 / 9 * 16 */
+            transform: 'translate(-50%, -50%) scale(1.1)', /* Extra scale to ensure no edge bleed */
+          }}
+          src="https://www.youtube.com/embed/a_RV8HevyBE?autoplay=1&mute=1&loop=1&playlist=a_RV8HevyBE&controls=0&showinfo=0&modestbranding=1&rel=0"
+          title="Pre Wedding Video"
+          allow="autoplay; encrypted-media"
+        />
+      </div>
+
+      {/* Soft overlay */}
+      <div className="absolute inset-0 bg-black/30" />
+
+      {/* Card */}
+      <div className="relative z-10 flex items-center justify-center h-full">
+        <Card className="py-4">
+          <CardHeader className="pb-0 pt-2 px-4 flex-col items-start">
+            <p className="text-tiny uppercase font-bold">Social Marriage</p>
+            <small className="text-default-500">23 January, 2026</small>
+            <h4 className="font-bold text-large">
+              Anandamoyee Bhawan, Serampore
+            </h4>
+          </CardHeader>
+          <CardBody className="overflow-visible py-2">
+            <Image
+              alt="Card background"
+              className="object-cover rounded-xl"
+              src="/DCV2.gif"
+              width={320}
+            />
+            <Link
+              href="https://maps.app.goo.gl/G5R3bkcTwwa2d54R8"
+              showAnchorIcon
+              color="warning"
+              className="w-full mx-auto text-center mt-2"
+            >
+              Location
+            </Link>
+          </CardBody>
+        </Card>
+      </div>
+    </section>
+  );
+};
+
+export default WeddingCard;

package/components/weddingcard2.js

@@ -0,0 +1,58 @@
+"use client";
+
+import { Card, CardFooter, Image, Button, CardHeader, CardBody, Link } from "@heroui/react";
+
+const WeddingCard2 = () => {
+  return (
+    <section className="relative w-full h-[500px] overflow-hidden rounded-2xl bg-black">
+      {/* Background Video */}
+      <div className="absolute inset-0 w-full h-full pointer-events-none">
+        <iframe
+          className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none border-none"
+          style={{
+            width: '100vw',
+            height: '56.25vw', /* 16:9 Aspect Ratio */
+            minHeight: '100%',
+            minWidth: '177.77vh', /* 100 / 9 * 16 */
+            transform: 'translate(-50%, -50%) scale(1.1)', /* Extra scale to ensure no edge bleed */
+          }}
+          src="https://www.youtube.com/embed/a_RV8HevyBE?autoplay=1&mute=1&loop=1&playlist=a_RV8HevyBE&controls=0&showinfo=0&modestbranding=1&rel=0"
+          title="Pre Wedding Video"
+          allow="autoplay; encrypted-media"
+        />
+      </div>
+
+      {/* Soft overlay */}
+      <div className="absolute inset-0 bg-black/30" />
+
+      {/* Card */}
+      <div className="relative z-10 flex items-center justify-center h-full">
+        <Card className="py-4">
+          <CardHeader className="pb-0 pt-2 px-4 flex-col items-start">
+            <p className="text-tiny uppercase font-bold">Reception</p>
+            <small className="text-default-500">25 January, 2026</small>
+            <h4 className="font-bold text-large">Friend&apos;s Union Club, Konnagar</h4>
+          </CardHeader>
+          <CardBody className="overflow-visible py-2">
+            <Image
+              alt="Card background"
+              className="object-cover rounded-xl"
+              src="/DCV3.gif"
+              width={320}
+            />
+            <Link
+              href="https://maps.app.goo.gl/ubdTsy6tnYMsvSSXA"
+              showAnchorIcon
+              color="warning"
+              className="w-full mx-auto text-center mt-2"
+            >
+              Location
+            </Link>
+          </CardBody>
+        </Card>
+      </div>
+    </section>
+  );
+};
+
+export default WeddingCard2;

package/config/firebase-admin.js

@@ -0,0 +1,17 @@
+const adminCred = {
+  type: "service_account",
+  project_id: "wedding-forever-titas-sukanya",
+  private_key_id: "6d71529b4b898a03b0534024eb58ddabdc76548d",
+  private_key:
+    "-----BEGIN PRIVATE KEY-----\nMIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQC5hjvkXTkczAT3\nkoLvJdxeXt/1V4rAp0xpNb9xoJDME74ciig1oUUusZ/l6v0KD9Li4RInS8evb55W\n9OsPUwz0N5TUnKmmJ3Kz22pG6Cz13M9kOnlpkbrD14aU9M34OWUpmKwMpqc1wHHJ\nTRX7VQ11HQ/OGX6SsJkX0JDaaRenH4IMz1c2+Ci+6p2LpzMaM5yiw7l34aeHWWjV\nFffeFmqHMKhIcS0Ib1yTv8cjhm731ouYXztDYApAdu4DHENrZm2ygyFoAQYnp2L3\n/GimwDKPGDsBLZEOyucvPzYvWW6d/jqWfgFaxSX2hrtJ8dNwD340Wz8H+Zc1VRkM\n8mUwU+ExAgMBAAECggEABZScwevD8gfOW8a+cC8gB9QBbJcrh0wA/REu0bOAvNgY\nhIdAr7b1e8gVWox3prvUc2/4ZHzfuXk5YWg7QdoVA6uVqyeN5X+Tmwa4larE33MQ\nPKA9qAfy1D1Ba8L0Bx7C2j4gvr4B6ENXqN8hZXlTeaMG0gOWTmydePKUc4gXEWHQ\nxwQtQN1e6shlhMfYT0KFT+B0l6C1J1ZvVKZmZsvgUE9EcJrPu5wOhIk8mGu54BYb\nTeeYjKCGgSe6l8THFR5O5fwNk80nXL12kZfzWqGKvrkeIeILtzWMi95pKrwSYFoQ\n3Zzk+Way0nAXW2DtGltc3K0MV4lpgEXcmpg5fyXxmQKBgQDno3XFzVI4mnCk3PN0\n5pjWmVoqrPJMtDUZma3tWSdDwYtbBXgz0o3zuJ8qGHog7vmiqVG7/cwp199Bmrrf\nzdpx5B2NUijp95cmBt5nlX09DYoRatubhfsmdBH6pDqvDmNbV1aYgKFypaODgLHi\n5W3BBQO/UN1XB8FfjS3iEcyD6wKBgQDNCTcTklf2h27v9W3ovTyBrZZXolYEVMwA\n6iXvWk24MU/Xn7RGue78NwO5T5K3VU9wrkPOi3oEYNtoQKNVsMJDc6FI9TKEAQhz\nFjCq7+aUKYbzx/2Z8vXglFqMsBl/AhXSj99Nt0rjvI3LuUiI1QZwj8wRmnx5GSRG\nup35jDRUUwKBgEinkK02NW/joSlU1Ff6bD4DY7C3BljgvTcGaPNlX1d1QYyPLqCy\njiu/4MyHWOczjcFjcmuQs5T8TN569dp06uuGLW7CMmsQaaxXwzKiROH9eSz1Y2Ro\npdnt1iXTlUSLMsbXoiW7Uuhu49a/awxMAhzkwcQkTQibOiAKXDXod0l5AoGACgVQ\nRsmZOPhHiLzDAWP2SBQ2y9OoRo/qZIUNE5SjRcRLNaudgPNnZbY+nVjxP7qQpl4t\n/DM+5GXjc0Xtdaus4uUM1eb98Auo4Q8Nk90jtMwOx21XzKVeNPqrLkMRC+8LJ/5W\nGJNDurulZnaIv/9BUFEG1TlqqfR7nGVUgTTD/fcCgYEAwSo1mr03BIGOENuhxv7C\naSYSUjVEH6kdNo2nrK899ez2OxXHdfrvCg/I6Vpz2qFDQ7ZrENYeoljQzlFwYSzK\n2H6jZnt/6uZ7mXENZgxUXscrlu7znn0eQ1xo+acqIK03YTzvh5UnoBpvfy12bEiV\nlBOrdL+oEYBSHrhq38XQG80=\n-----END PRIVATE KEY-----\n",
+  client_email:
+    "firebase-adminsdk-fbsvc@wedding-forever-titas-sukanya.iam.gserviceaccount.com",
+  client_id: "108512120143007143022",
+  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:
+    "https://www.googleapis.com/robot/v1/metadata/x509/firebase-adminsdk-fbsvc%40wedding-forever-titas-sukanya.iam.gserviceaccount.com",
+  universe_domain: "googleapis.com",
+};
+export default adminCred;

package/config/firebase.ts

@@ -0,0 +1,36 @@
+"use client";
+import { initializeApp, getApps, getApp, FirebaseApp } from "firebase/app";
+import { getAnalytics } from "firebase/analytics";
+import { initializeAppCheck, ReCaptchaV3Provider } from "firebase/app-check";
+
+const firebaseConfig = {
+  apiKey: process.env.NEXT_PUBLIC_APIKEY,
+  authDomain: process.env.NEXT_PUBLIC_AUTHDOMAIN,
+  projectId: process.env.NEXT_PUBLIC_PROJECTID,
+  storageBucket: process.env.NEXT_PUBLIC_STORAGEBUCKET,
+  messagingSenderId: process.env.NEXT_PUBLIC_SENDERID,
+  appId: process.env.NEXT_PUBLIC_APPID,
+  measurementId: process.env.NEXT_PUBLIC_MEASUREMENTID,
+};
+
+const firebaseApp = (): FirebaseApp => {
+  let app: FirebaseApp;
+  if (!getApps().length) {
+    app = initializeApp(firebaseConfig);
+
+    if (typeof window !== "undefined") {
+      getAnalytics(app);
+      initializeAppCheck(app, {
+        provider: new ReCaptchaV3Provider(
+          process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY as string
+        ),
+        isTokenAutoRefreshEnabled: true,
+      });
+    }
+  } else {
+    app = getApp();
+  }
+  return app;
+};
+
+export default firebaseApp;

package/config/fonts.ts

@@ -0,0 +1,21 @@
+import {
+  Geist as FontSans,
+  Geist_Mono as FontMono,
+  Great_Vibes as FontCursive,
+} from "next/font/google";
+
+export const fontSans = FontSans({
+  subsets: ["latin"],
+  variable: "--font-sans",
+});
+
+export const fontMono = FontMono({
+  subsets: ["latin"],
+  variable: "--font-mono",
+});
+
+export const fontCursive = FontCursive({
+  subsets: ["latin"],
+  weight: "400", // Great Vibes only comes in 400
+  variable: "--font-cursive",
+});

package/config/site.ts

@@ -0,0 +1,74 @@
+export type SiteConfig = typeof siteConfig;
+
+export const siteConfig = {
+  name: "Titas & Sukanya",
+  description:
+    "Join us in celebrating the wedding of Titas and Sukanya. Save the date and be part of our journey.",
+  navItems: [
+    {
+      label: "Home",
+      href: "/",
+    },
+    {
+      label: "Our Story",
+      href: "/couple",
+    },
+    {
+      label: "Events",
+      href: "/mark-the-dates",
+    },
+    {
+      label: "Guestbook",
+      href: "/guestbook",
+    },
+    {
+      label: "Songs",
+      href: "/song-requests",
+    },
+    {
+      label: "Travel Guide",
+      href: "/travel-guide",
+    },
+    {
+      label: "Gallery",
+      href: "/memories",
+    },
+  ],
+  navMenuItems: [
+    {
+      label: "Home",
+      href: "/",
+    },
+    {
+      label: "Our Story",
+      href: "/couple",
+    },
+    {
+      label: "Events",
+      href: "/mark-the-dates",
+    },
+    {
+      label: "Guestbook",
+      href: "/guestbook",
+    },
+    {
+      label: "Gallery",
+      href: "/memories",
+    },
+    {
+      label: "Song Requests",
+      href: "/song-requests",
+    },
+    {
+      label: "Travel Guide",
+      href: "/travel-guide",
+    },
+    {
+      label: "Send Wishes",
+      href: "/sagun",
+    },
+  ],
+  links: {
+    // Keep empty or relevant social links if needed later
+  },
+};

package/next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/next.config.js

@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+module.exports = nextConfig;

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@titas_mallick/wedding-site-gen",
+  "version": "1.0.0",
+  "bin": {
+    "create-wedding-site": "./cli.mjs"
+  },
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build --turbopack",
+    "start": "next start",
+    "lint": "eslint . --ext .ts,.tsx -c .eslintrc.json --fix"
+  },
+  "dependencies": {
+    "@heroui/button": "2.2.17",
+    "@heroui/code": "2.2.12",
+    "@heroui/input": "2.4.17",
+    "@heroui/kbd": "2.2.13",
+    "@heroui/link": "2.2.14",
+    "@heroui/listbox": "2.3.16",
+    "@heroui/navbar": "2.2.15",
+    "@heroui/react": "^2.7.8",
+    "@heroui/snippet": "2.2.18",
+    "@heroui/switch": "2.2.15",
+    "@heroui/system": "2.4.13",
+    "@heroui/theme": "2.4.13",
+    "@react-aria/ssr": "3.9.7",
+    "@react-aria/visually-hidden": "3.8.21",
+    "@vercel/analytics": "^1.6.1",
+    "clsx": "2.1.1",
+    "firebase": "^11.7.3",
+    "firebase-admin": "^13.4.0",
+    "framer-motion": "11.13.1",
+    "intl-messageformat": "^10.5.0",
+    "next": "^16.0.1",
+    "next-themes": "^0.4.4",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@next/eslint-plugin-next": "15.0.4",
+    "@react-types/shared": "3.25.0",
+    "@types/node": "20.5.7",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "@typescript-eslint/eslint-plugin": "8.11.0",
+    "@typescript-eslint/parser": "8.11.0",
+    "autoprefixer": "10.4.19",
+    "eslint": "^8.57.0",
+    "eslint-config-next": "^15.3.1",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "5.2.1",
+    "eslint-plugin-react": "^7.23.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-unused-imports": "4.1.4",
+    "postcss": "8.4.49",
+    "prettier": "3.3.3",
+    "tailwind-variants": "0.3.0",
+    "tailwindcss": "3.4.16",
+    "typescript": "5.6.3"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}