@titas_mallick/wedding-site-gen 1.0.0

package/components/OurStory.tsx

@@ -0,0 +1,160 @@
+import { fontCursive, fontSans } from "@/config/fonts";
+import { HeartFilledIcon } from "@/components/icons";
+
+export default function OurStorySection() {
+  return (
+    <section className="px-4 py-16 md:py-24 max-w-4xl mx-auto">
+      <div className="flex flex-col items-center mb-10">
+        <HeartFilledIcon className="text-wedding-pink-500 w-8 h-8 mb-4 animate-pulse" />
+        <h2
+          className={`${fontCursive.className} text-5xl md:text-6xl text-center bg-gradient-to-r from-wedding-pink-600 to-wedding-gold-600 bg-clip-text text-transparent py-4 leading-normal`}
+        >
+          Our Love Story
+        </h2>
+      </div>
+
+      <div
+        className={`${fontSans.className} text-lg md:text-xl leading-relaxed space-y-8 text-gray-800 dark:text-gray-100 text-justify md:text-left`}
+      >
+        <p>
+          It all began on a regular summer day in college—nothing extraordinary,
+          just the usual buzz of campus life. I had seen her before, maybe more
+          than once, and felt a faint curiosity about her. We weren&apos;t in
+          the same class at first. But looking back, I must have felt something,
+          even if I didn&apos;t realize it then.
+        </p>
+
+        <p>
+          She later told me she noticed me before too—when I was helping a
+          professor with the wall magazine. I was wearing a white shirt and
+          cargo pants, a bit out of fashion, but that was my look back then:
+          curly hair, nerdy glasses. She says I didn&apos;t strike her as
+          particularly attractive at first, but I was known among the girls, so
+          I must&apos;ve caught her attention eventually.
+        </p>
+
+        <p className="font-semibold text-wedding-pink-600 dark:text-wedding-pink-400 italic text-center text-xl md:text-2xl my-8">
+          &quot;Fate, as always, had other plans.&quot;
+        </p>
+
+        <p>
+          Soon she was in our class in the second year. I&apos;ll admit—I had a
+          bit of interest in her, but it wasn&apos;t love or even a crush.
+          Just... curiosity. At that time, both of us were going through what
+          you could call “leftover heartbreaks” and the general messiness of
+          life.
+        </p>
+
+        <p>
+          The real turning point came during our college excursion to Lataguri.
+        </p>
+
+        <p>
+          It feels magical now in retrospect, like a story written by chance,
+          but back then, we were simply going with the flow. The boys&apos; and
+          girls&apos; stays were in separate areas. That night, our room was
+          alive with music, dance, gossip—and yes, a little alcohol, even though
+          it was against the excursion rules. We were young, wild, and free.
+          Around 9:00 p.m., the room was thick with cigarette smoke, and the
+          floor was slick with sweat from all the dancing.
+        </p>
+
+        <p>Then came a knock at the door. We all froze.</p>
+
+        <p>
+          She had been sitting on the bed with the other girls, gossiping.
+          Startled, she tried to rush to the bathroom and slipped—on my sweat,
+          of all things. Her ankle was swollen and, as we found out later,
+          broken. It was our sir at the door. Somehow, we managed to calm the
+          situation.
+        </p>
+
+        <p>
+          But that night became unforgettable—not just because of her injury,
+          but because of everything that followed.
+        </p>
+
+        <p>
+          I carried her to the girls&apos; quarters. Later that night, I was
+          called back because the girls suspected a hidden camera in the
+          bathroom. I had to climb an outside wall to inspect it—turned out to
+          be just a pipe outlet. A junior got terrified by a spider, and then
+          the drunk travel agent began telling me ghostly elephant tales at 2
+          a.m. It was chaos, laughter, and a touch of madness.
+        </p>
+
+        <p>
+          Next, we headed to Kolakham—with her injured foot and me beside her.
+          And that&apos;s where something shifted between us. Something clicked.
+          It felt... right.
+        </p>
+
+        <p>
+          On the last night, all of us were huddled together in a single room.
+          Under the shared warmth of a blanket, our hands found each other. We
+          didn&apos;t plan it, we didn&apos;t talk about it. It just happened.
+          That room—its energy, that feeling—is still etched vividly in our
+          minds.
+        </p>
+
+        <p>
+          Back in the city, I began dropping her off at college on my scooter.
+          Still, we didn&apos;t label it love. It felt like love, but we never
+          talked about it. She told me later that she once noticed a mark on my
+          neck while riding pillion—and felt something stir within her. Things
+          began to spiral beautifully out of control. We were falling, slowly
+          and deeply.
+        </p>
+
+        <p>There were challenges—many—but those are stories for another day.</p>
+
+        <p>Then, one day in the college lift, I kissed her.</p>
+
+        <p>
+          That&apos;s when we truly realized: we were in love. We never formally
+          proposed to each other; we just were. We tried to mark a date—maybe
+          7th January—but even that felt blurry. We weren&apos;t keeping track.
+          We were simply living it.
+        </p>
+
+        <p>
+          College ended, and we chose universities close by so we could still
+          meet. She used to wait for me every day at Ballygunge Phari, and from
+          there, we&apos;d go home together. Our bond only deepened in
+          Kolkata&apos;s chaos and charm.
+        </p>
+
+        <p>
+          We promised to stay together always. We didn&apos;t have much—but we
+          had each other. We studied for government jobs side by side, survived
+          lockdowns together, and eventually found the jobs we&apos;re in now.
+        </p>
+
+        <p>
+          After the lockdown, a new phase began—our shared love for the
+          mountains. And I believe that&apos;s when our love truly blossomed.
+          From the serene silence of Chandu to the biting cold of Bumla, from
+          standing alone on the peak at Rimbik to all the small moments in
+          between—we discovered who we really were.
+        </p>
+
+        <p>
+          Now, we&apos;re about to start writing the next chapter of our lives.
+          We don&apos;t know where the road leads. We aren&apos;t rich in
+          possessions, but we are rich in love. We&apos;re wanderers, dreamers,
+          companions—hand in hand, seeking nothing more than the journey itself.
+        </p>
+
+        <p>Because in the end, we may not have everything.</p>
+
+        <p className="font-bold text-2xl mt-8 text-center text-wedding-gold-600 dark:text-wedding-gold-400">
+          But we have each other.
+        </p>
+
+        <p className={`${fontCursive.className} text-right text-3xl mt-4`}>
+          -- Titas
+        </p>
+      </div>
+    </section>
+  );
+}

package/components/certificate.jsx

@@ -0,0 +1,300 @@
+"use client";
+
+import { motion } from "framer-motion";
+import Image from "next/image";
+import {
+  Card,
+  CardBody,
+  CardFooter,
+  Divider,
+  Button,
+  Link,
+} from "@heroui/react";
+
+console.log("CertificatePage imports:", {
+  motion,
+  Card,
+  CardBody,
+  CardFooter,
+  Divider,
+  Button,
+  Link,
+});
+
+const certificateData = {
+  documentHeader: {
+    government: "Government of West Bengal",
+    department: "Law Department",
+    office: "Office of the Registrar General of Marriages",
+    certificateTitle: "Certificate of Marriage",
+    legalAct: "Under Section 13 of Act XLIII of 1954",
+    certificateNumber: "WB33800200010100002125-2025-141480",
+    issueDate: "23-11-2025",
+    declarationText:
+      "The following is the extract of SOLEMNISATION OF MARRIAGE between the parties who made declaration u/s 11 of the Act.",
+  },
+  parties: {
+    groom: {
+      name: "Titas Mallick",
+      fatherName: "Hasir Mallick",
+      motherName: "Rumana Begum",
+      dateOfBirth: "02-04-1996",
+      aadhaarNo: "********7664",
+      presentAddress:
+        "56/D S.C. DEB STREET, KONNAGAR, DIST HOOGHLY, PO- KONNAGAR, PS- UTTARPARA, WEST BENGAL, INDIA, PIN-712235",
+      permanentAddress:
+        "56/D S.C. DEB STREET, KONNAGAR, DIST-HOOGHLY PO-KONNAGAR, PS- UTTARPARA, WEST BENGAL, INDIA, PIN-712235",
+      signatureDate: "23-11-25",
+    },
+    bride: {
+      name: "Sukanya Saha",
+      fatherName: "Subhasis Saha",
+      motherName: "Nupur Saha",
+      dateOfBirth: "23-02-1995",
+      aadhaarNo: "********9148",
+      presentAddress:
+        "45/H BARABAGAN LANE, MALLICKPARA, DIST-HOOGHLY, PO-MALLICK PARA, PS-SERAMPORE, WEST BENGAL, INDIA, PIN-712203",
+      permanentAddress:
+        "45/H BARABAGAN LANE, MALLICKPARA, DIST- HOOGHLY, PO-MALLICK PARA, PS- SERAMPORE, WEST BENGAL, INDIA, PIN- 712203",
+      signatureDate: "23.11.25",
+    },
+  },
+  solemnizationDetails: {
+    date: "23-11-2025",
+    actualPlace:
+      "MOHAN JYOTI BANQUET HALL, 54A, G.T. ROAD, SERAMPORE, PS-SERAMPORE, PO-SERAMPORE, PIN-712201, DIST- HOOGHLY, WEST BENGAL",
+    noticeDetails: {
+      serialNumber: "2025-141480",
+      date: "16-09-2025",
+      section: "U/S-5",
+    },
+  },
+  marriageOfficer: {
+    name: "Srimonta Prosad Mondal",
+    id: "WB33800200010100002125",
+    officeAddress:
+      "154, S.C CHATTERJEE STREET RAJRAJESWARITALA, SERAMPORE, HOOGHLY, WEST BENGAL, INDIA, PIN- 712235",
+    contact: {
+      phone: "9051920765",
+      email: "spmondal1961@gmail.com",
+    },
+  },
+  witnesses: [
+    {
+      name: "Subhasis Saha",
+      relationshipDetails: "S/O Subodh Saha",
+      address:
+        "45/H, Barabagan Lane, P.O- Mallickpara, Pin-712203, Dist-Hooghly, W.B, India, P.S- Serampore",
+      signatureDate: "23-11.2025",
+    },
+    {
+      name: "Hasir Mallick",
+      relationshipDetails: "S/O Golam Mallick",
+      address:
+        "56/D, S.C.Deb Street, P.O- Konnagar, Pin-712235, Dist-Hooghly, W.B, India, P.S- Uttarpara",
+      signatureDate: "23.11.2025",
+    },
+    {
+      name: "Nupur Saha",
+      relationshipDetails: "W/O Subhasis Saha",
+      address:
+        "45/H, Barabagan Lane, P.O- Mallickpara, Pin-712203, Dist-Hooghly, W.B, India, P.S- Serampore",
+      signatureDate: "23.11.2025",
+    },
+  ],
+  verificationAndAuthority: {
+    issueStatement:
+      "Issued under Seal of Authority on this 24th day of, November (month), 2025 (year).",
+    verificationStatement:
+      "All the LTIs and Signatures are captured infront of me and those are duly verified by me.",
+    systemNote: "System generated certificate & does not require signature.",
+    contactEmails: ["rgm-wb@nic.in", "support.rgm-wb@gov.in"],
+    verificationLink: "https://bit.ly/sukanya-titas-mar-reg",
+  },
+};
+
+export default function CertificatePage() {
+  return (
+    <div className="min-h-screen p-4 sm:p-8 flex items-center justify-center font-sans">
+      <motion.div
+        className="w-full"
+        initial={{ opacity: 0, scale: 0.95 }}
+        animate={{ opacity: 1, scale: 1 }}
+        transition={{ duration: 0.5 }}
+      >
+        <Card className="relative w-full max-w-4xl mx-auto rounded-2xl overflow-hidden shadow-2xl border border-gray-100 dark:border-gray-800 bg-white dark:bg-black/80 font-sans print:shadow-none print:border-none">
+          {/* Verification Badge */}
+          <div className="relative md:absolute md:top-4 md:right-4 mx-auto md:mx-0 mt-6 md:mt-0 w-fit bg-blue-100 dark:bg-blue-900 px-3 py-1 rounded-full shadow-lg border border-blue-200/50 flex items-center gap-2 z-10 print:hidden">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              strokeWidth={1.5}
+              stroke="currentColor"
+              className="size-6"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z"
+              />
+            </svg>
+
+            <span className="text-xs font-bold text-blue-600 dark:text-blue-300 tracking-wide">
+              VERIFIED
+            </span>
+          </div>
+
+          <CardBody className="p-8 md:p-12">
+            {/* Header */}
+            <div className="text-center mb-8">
+              <p className="text-sm font-semibold tracking-widest text-blue-500 uppercase">
+                {certificateData.documentHeader.government}
+              </p>
+              <h1 className="text-2xl md:text-3xl font-bold font-serif text-gray-800 dark:text-gray-200 mt-2">
+                {certificateData.documentHeader.certificateTitle}
+              </h1>
+              <p className="text-xs text-gray-500 mt-1">
+                {certificateData.documentHeader.legalAct}
+              </p>
+              <p className="text-xs text-gray-400 mt-4 italic max-w-2xl mx-auto border-t border-b border-gray-100 dark:border-gray-800 py-2">
+                "{certificateData.documentHeader.declarationText}"
+              </p>
+            </div>
+
+            {/* Parties */}
+            <div className="grid md:grid-cols-2 gap-8 my-8 border-t border-b border-gray-100 dark:border-gray-800 py-8">
+              <div className="text-center md:text-left">
+                <p className="text-xs text-gray-500 uppercase font-bold tracking-widest mb-2">
+                  Groom
+                </p>
+                <h2 className="text-xl font-serif font-bold text-gray-800 dark:text-gray-200 break-words">
+                  {certificateData.parties.groom.name}
+                </h2>
+                <div className="text-xs text-gray-500/80 mt-2 space-y-1">
+                  <p>S/O {certificateData.parties.groom.fatherName}</p>
+                  <p>& {certificateData.parties.groom.motherName}</p>
+                  <p>Born: {certificateData.parties.groom.dateOfBirth}</p>
+                  <p>Aadhaar: {certificateData.parties.groom.aadhaarNo}</p>
+                </div>
+                <p className="text-xs text-gray-500/80 mt-2">
+                  <strong className="font-semibold">Address:</strong>{" "}
+                  {certificateData.parties.groom.presentAddress}
+                </p>
+              </div>
+              <div className="text-center md:text-right">
+                <p className="text-xs text-gray-500 uppercase font-bold tracking-widest mb-2">
+                  Bride
+                </p>
+                <h2 className="text-xl font-serif font-bold text-gray-800 dark:text-gray-200 break-words">
+                  {certificateData.parties.bride.name}
+                </h2>
+                <div className="text-xs text-gray-500/80 mt-2 space-y-1">
+                  <p>D/O {certificateData.parties.bride.fatherName}</p>
+                  <p>& {certificateData.parties.bride.motherName}</p>
+                  <p>Born: {certificateData.parties.bride.dateOfBirth}</p>
+                  <p>Aadhaar: {certificateData.parties.bride.aadhaarNo}</p>
+                </div>
+                <p className="text-xs text-gray-500/80 mt-2">
+                  <strong className="font-semibold">Address:</strong>{" "}
+                  {certificateData.parties.bride.presentAddress}
+                </p>
+              </div>
+            </div>
+
+            {/* Details Grid */}
+            <div className="grid md:grid-cols-3 gap-8 text-sm text-default-600 dark:text-default-300">
+              {/* Solemnization Details */}
+              <div className="space-y-2">
+                <h3 className="font-bold text-gray-800 dark:text-gray-100 tracking-wider uppercase">
+                  Solemnization
+                </h3>
+                <p>
+                  <strong className="text-gray-900 dark:text-gray-100">Date:</strong>{" "}
+                  {certificateData.solemnizationDetails.date}
+                </p>
+                <p>
+                  <strong className="text-gray-900 dark:text-gray-100">Place:</strong>{" "}
+                  {certificateData.solemnizationDetails.actualPlace}
+                </p>
+                <div className="mt-2 pt-2 border-t border-dashed border-gray-200 dark:border-gray-700">
+                  <p className="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase">Notice Details</p>
+                  <p className="text-xs">No: {certificateData.solemnizationDetails.noticeDetails.serialNumber}</p>
+                  <p className="text-xs">Date: {certificateData.solemnizationDetails.noticeDetails.date}</p>
+                  <p className="text-xs">Sec: {certificateData.solemnizationDetails.noticeDetails.section}</p>
+                </div>
+
+                <h3 className="font-bold text-gray-800 dark:text-gray-100 tracking-wider uppercase mt-6 pt-4 border-t border-gray-100 dark:border-gray-800">
+                  Marriage Officer
+                </h3>
+                <p>
+                  <strong className="text-gray-900 dark:text-gray-100">Name:</strong> {certificateData.marriageOfficer.name}
+                </p>
+                <p>
+                  <strong className="text-gray-900 dark:text-gray-100">ID:</strong> {certificateData.marriageOfficer.id}
+                </p>
+                <p className="text-xs text-gray-600 dark:text-default-400 mt-1">
+                  {certificateData.marriageOfficer.officeAddress}
+                </p>
+                <div className="mt-1 text-xs text-gray-500 dark:text-default-500">
+                  <p>Ph: {certificateData.marriageOfficer.contact.phone}</p>
+                  <p>Email: {certificateData.marriageOfficer.contact.email}</p>
+                </div>
+              </div>
+
+              {/* Witnesses */}
+              <div className="space-y-4 md:col-span-2">
+                <h3 className="font-bold text-gray-800 dark:text-gray-100 tracking-wider uppercase border-b border-gray-100 dark:border-gray-800 pb-2">
+                  Witnesses
+                </h3>
+                <div className="grid sm:grid-cols-1 lg:grid-cols-3 gap-6">
+                  {certificateData.witnesses.map((witness, index) => (
+                    <div key={index} className="space-y-1">
+                      <p className="font-bold text-gray-800 dark:text-gray-100">
+                        {witness.name}
+                      </p>
+                      <p className="text-[10px] text-gray-500 dark:text-default-500 italic">
+                        {witness.relationshipDetails}
+                      </p>
+                      <p className="text-[10px] leading-relaxed text-gray-600 dark:text-default-400">
+                        {witness.address}
+                      </p>
+                      <p className="text-[10px] font-mono text-blue-500/70 dark:text-blue-400/80">
+                        Signed: {witness.signatureDate}
+                      </p>
+                    </div>
+                  ))}
+                </div>
+              </div>
+            </div>
+          </CardBody>
+
+          <Divider className="my-0" />
+
+          <CardFooter className="bg-gray-50 dark:bg-black/50 p-6 flex flex-col md:flex-row justify-between items-center gap-4 text-xs print:hidden">
+            <div className="text-center md:text-left">
+              <p className="font-mono text-gray-500/80">
+                {certificateData.documentHeader.certificateNumber}
+              </p>
+              <p className="text-gray-500 mt-1">
+                {certificateData.verificationAndAuthority.issueStatement}
+              </p>
+            </div>
+            <div className="flex gap-2 mt-4 md:mt-0">
+              <Button
+                as={Link}
+                href={certificateData.verificationAndAuthority.verificationLink}
+                isExternal
+                size="sm"
+                color="primary"
+                variant="flat"
+              >
+                Verify Certificate
+              </Button>
+            </div>
+          </CardFooter>
+        </Card>
+      </motion.div>
+    </div>
+  );
+}

package/components/counter.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import { useState } from "react";
+import { Button } from "@heroui/button";
+
+export const Counter = () => {
+  const [count, setCount] = useState(0);
+
+  return (
+    <Button radius="full" onPress={() => setCount(count + 1)}>
+      Count is {count}
+    </Button>
+  );
+};

package/components/footer.tsx

@@ -0,0 +1,89 @@
+import { Link } from "@heroui/link";
+import { Divider } from "@heroui/divider";
+
+import { fontCursive } from "@/config/fonts";
+import { HeartFilledIcon } from "@/components/icons";
+
+export const Footer = () => {
+  const currentYear = new Date().getFullYear();
+
+  return (
+    <footer className="w-full bg-wedding-cream dark:bg-black/40 border-t border-wedding-pink-100 dark:border-white/10 pt-12 pb-8">
+      <div className="container mx-auto px-6 max-w-7xl">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-12 text-center md:text-left">
+          {/* Column 1: Brand/Names */}
+          <div className="flex flex-col items-center md:items-start space-y-4">
+            <h2
+              className={`${fontCursive.className} text-4xl text-wedding-pink-600 dark:text-wedding-pink-400`}
+            >
+              Titas & Sukanya
+            </h2>
+            <p className="text-default-500 text-sm max-w-xs leading-relaxed">
+              We can&apos;t wait to celebrate our special day with you. Thank
+              you for being part of our journey.
+            </p>
+          </div>
+
+          {/* Column 2: Quick Links */}
+          <div className="flex flex-col items-center space-y-4">
+            <h3 className="uppercase tracking-widest text-xs font-bold text-default-400 mb-2">
+              Explore
+            </h3>
+            <div className="flex flex-col space-y-2">
+              <Link
+                className="hover:text-wedding-pink-500 transition-colors"
+                color="foreground"
+                href="/"
+              >
+                Home
+              </Link>
+              <Link
+                className="hover:text-wedding-pink-500 transition-colors"
+                color="foreground"
+                href="/couple"
+              >
+                Our Story
+              </Link>
+              <Link
+                className="hover:text-wedding-pink-500 transition-colors"
+                color="foreground"
+                href="/memories"
+              >
+                Gallery
+              </Link>
+            </div>
+          </div>
+
+          {/* Column 3: Contact/Action */}
+          <div className="flex flex-col items-center md:items-end space-y-4">
+            <h3 className="uppercase tracking-widest text-xs font-bold text-default-400 mb-2">
+              Wedding Hashtag
+            </h3>
+            <p className="font-serif text-xl italic text-default-600">
+              #TitasWedsSukanya
+            </p>
+            <div className="flex gap-4 mt-2">
+              {/* Social placeholders or contact icons could go here */}
+            </div>
+          </div>
+        </div>
+
+        <Divider className="my-8 opacity-50" />
+
+        <div className="flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-default-400">
+          <div className="flex items-center gap-1">
+            <span>&copy; {currentYear} Made with</span>
+            <HeartFilledIcon className="text-wedding-pink-500 w-3 h-3 animate-pulse" />
+            <span>by Titas Mallick</span>
+          </div>
+
+          <div className="flex gap-6">
+            <span className="text-default-400 italic">
+              Celebrate Love & Happiness
+            </span>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+};