@prosophia/lab-minimal 0.0.1

package/dist/index.js

@@ -0,0 +1,556 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AnimatedHero: () => AnimatedHero,
+  ClientLayout: () => ClientLayout,
+  ContactCTA: () => ContactCTA,
+  Footer: () => Footer,
+  Header: () => Header,
+  ThemeToggle: () => ThemeToggle
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/AnimatedCard.tsx
+var import_framer_motion = require("framer-motion");
+
+// src/lib/animations.ts
+var fadeInUp = {
+  hidden: { opacity: 0, y: 30 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.8,
+      ease: [0.65, 0, 0.35, 1]
+    }
+  }
+};
+var scaleIn = {
+  hidden: { opacity: 0, scale: 0.9 },
+  visible: {
+    opacity: 1,
+    scale: 1,
+    transition: {
+      duration: 0.8,
+      ease: [0.65, 0, 0.35, 1]
+    }
+  }
+};
+
+// src/components/AnimatedCard.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+
+// src/components/AnimatedGallery.tsx
+var import_framer_motion2 = require("framer-motion");
+var import_image = __toESM(require("next/image"));
+var import_react = require("react");
+var import_PicturesPage = __toESM(require("./PicturesPage.module.css"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+
+// src/components/AnimatedHero.tsx
+var import_framer_motion3 = require("framer-motion");
+var import_react2 = require("react");
+var import_image2 = __toESM(require("next/image"));
+var import_link = __toESM(require("next/link"));
+var import_HomePage = __toESM(require("./HomePage.module.css"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function AnimatedHero({ heroData, ArrowRightIcon }) {
+  const ref = (0, import_react2.useRef)(null);
+  const { scrollY } = (0, import_framer_motion3.useScroll)();
+  const y = (0, import_framer_motion3.useTransform)(scrollY, [0, 500], [0, 150]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("section", { className: import_HomePage.default.heroSection, ref, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: import_HomePage.default.heroContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      import_framer_motion3.motion.div,
+      {
+        className: import_HomePage.default.heroContent,
+        initial: "hidden",
+        animate: "visible",
+        variants: fadeInUp,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_framer_motion3.motion.span,
+            {
+              className: import_HomePage.default.heroTagline,
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              transition: { duration: 0.6, delay: 0.2 },
+              children: heroData.tagline
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            import_framer_motion3.motion.h1,
+            {
+              className: import_HomePage.default.heroHeading,
+              initial: { opacity: 0, y: 20 },
+              animate: { opacity: 1, y: 0 },
+              transition: { duration: 0.8, delay: 0.3 },
+              children: [
+                heroData.heading,
+                " ",
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: import_HomePage.default.heroHeadingAccent, children: heroData.headingAccent })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_framer_motion3.motion.p,
+            {
+              className: import_HomePage.default.heroDescription,
+              initial: { opacity: 0, y: 20 },
+              animate: { opacity: 1, y: 0 },
+              transition: { duration: 0.8, delay: 0.4 },
+              children: heroData.description
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            import_framer_motion3.motion.div,
+            {
+              className: import_HomePage.default.heroCtas,
+              initial: { opacity: 0, y: 20 },
+              animate: { opacity: 1, y: 0 },
+              transition: { duration: 0.8, delay: 0.5 },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_link.default, { href: heroData.ctaLink, className: import_HomePage.default.heroPrimaryCta, children: [
+                  heroData.ctaText,
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ArrowRightIcon, {})
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link.default, { href: "/publications", className: import_HomePage.default.heroSecondaryCta, children: "View Publications" })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_framer_motion3.motion.div,
+      {
+        className: import_HomePage.default.heroImageWrapper,
+        style: { y },
+        initial: "hidden",
+        animate: "visible",
+        variants: scaleIn,
+        transition: { duration: 0.8, delay: 0.6 },
+        children: heroData.image ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_image2.default,
+            {
+              src: heroData.image,
+              alt: "Research lab",
+              width: 800,
+              height: 600,
+              className: import_HomePage.default.heroImage,
+              priority: true
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: import_HomePage.default.heroImageOverlay })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: import_HomePage.default.heroImagePlaceholder, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "svg",
+          {
+            width: "120",
+            height: "120",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 15l-5-5L5 21" })
+            ]
+          }
+        ) })
+      }
+    )
+  ] }) });
+}
+
+// src/components/AnimatedPage.tsx
+var import_framer_motion4 = require("framer-motion");
+var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+
+// src/components/AnimatedSections.tsx
+var import_framer_motion5 = require("framer-motion");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+
+// src/components/ClientLayout.tsx
+var import_react6 = require("react");
+var import_next_themes2 = require("next-themes");
+
+// src/components/Header.tsx
+var import_link2 = __toESM(require("next/link"));
+var import_react5 = require("react");
+var import_navigation = require("next/navigation");
+var import_Layout = __toESM(require("./Layout.module.css"));
+
+// src/components/ThemeToggle.tsx
+var import_next_themes = require("next-themes");
+var import_react4 = require("react");
+var import_framer_motion6 = require("framer-motion");
+var import_ThemeToggle = __toESM(require("./ThemeToggle.module.css"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function ThemeToggle() {
+  const { theme, setTheme, resolvedTheme } = (0, import_next_themes.useTheme)();
+  const [mounted, setMounted] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: import_ThemeToggle.default.togglePlaceholder });
+  }
+  const isDark = resolvedTheme === "dark";
+  const toggleTheme = () => {
+    setTheme(isDark ? "light" : "dark");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_framer_motion6.motion.button,
+    {
+      className: import_ThemeToggle.default.toggle,
+      onClick: toggleTheme,
+      "aria-label": `Switch to ${isDark ? "light" : "dark"} mode`,
+      whileTap: { scale: 0.95 },
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: import_ThemeToggle.default.track, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: `${import_ThemeToggle.default.icon} ${import_ThemeToggle.default.sunIcon} ${!isDark ? import_ThemeToggle.default.iconActive : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "5" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_framer_motion6.motion.span,
+          {
+            className: import_ThemeToggle.default.thumb,
+            animate: { x: isDark ? 26 : 0 },
+            transition: { type: "spring", stiffness: 500, damping: 30 }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: `${import_ThemeToggle.default.icon} ${import_ThemeToggle.default.moonIcon} ${isDark ? import_ThemeToggle.default.iconActive : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) }) })
+      ] })
+    }
+  );
+}
+
+// src/components/Header.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var navLinks = [
+  { href: "/research", label: "Research" },
+  { href: "/publications", label: "Publications" },
+  { href: "/people", label: "People" },
+  { href: "/news", label: "News" },
+  { href: "/pictures", label: "Gallery" }
+];
+function Header({ settings }) {
+  const [menuOpen, setMenuOpen] = (0, import_react5.useState)(false);
+  const [scrolled, setScrolled] = (0, import_react5.useState)(false);
+  const pathname = (0, import_navigation.usePathname)();
+  (0, import_react5.useEffect)(() => {
+    const handleScroll = () => {
+      setScrolled(window.scrollY > 20);
+    };
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, []);
+  (0, import_react5.useEffect)(() => {
+    if (menuOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [menuOpen]);
+  (0, import_react5.useEffect)(() => {
+    setMenuOpen(false);
+  }, [pathname]);
+  const handleKeyDown = (0, import_react5.useCallback)((e) => {
+    if (e.key === "Escape" && menuOpen) {
+      setMenuOpen(false);
+    }
+  }, [menuOpen]);
+  (0, import_react5.useEffect)(() => {
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [handleKeyDown]);
+  const isActive = (href) => {
+    if (href === "/") return pathname === "/";
+    return pathname.startsWith(href);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("header", { className: `${import_Layout.default.header} ${scrolled ? import_Layout.default.headerScrolled : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: import_Layout.default.navContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_link2.default, { href: "/", className: import_Layout.default.navLogo, "aria-label": "Go to homepage", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        "svg",
+        {
+          width: "32",
+          height: "32",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "path",
+              {
+                d: "M12 2L2 7L12 12L22 7L12 2Z",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "path",
+              {
+                d: "M2 17L12 22L22 17",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "path",
+              {
+                d: "M2 12L12 17L22 12",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+        settings.labName || "Research",
+        settings.labNameAccent && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: import_Layout.default.navLogoAccent, children: [
+          " ",
+          settings.labNameAccent
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("nav", { className: import_Layout.default.desktopNav, "aria-label": "Main navigation", children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_link2.default,
+      {
+        href: link.href,
+        className: `${import_Layout.default.navLink} ${isActive(link.href) ? import_Layout.default.navLinkActive : ""}`,
+        children: link.label
+      },
+      link.href
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: import_Layout.default.navActions, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ThemeToggle, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_link2.default, { href: "/contact", className: import_Layout.default.navCta, children: "Contact Us" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "button",
+      {
+        className: import_Layout.default.menuButton,
+        onClick: () => setMenuOpen(!menuOpen),
+        "aria-label": menuOpen ? "Close menu" : "Open menu",
+        "aria-expanded": menuOpen,
+        "aria-controls": "mobile-menu",
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: import_Layout.default.menuButtonLines, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `${import_Layout.default.menuLine} ${menuOpen ? import_Layout.default.menuLineOpen1 : ""}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `${import_Layout.default.menuLine} ${menuOpen ? import_Layout.default.menuLineOpen2 : ""}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `${import_Layout.default.menuLine} ${menuOpen ? import_Layout.default.menuLineOpen3 : ""}` })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "div",
+      {
+        id: "mobile-menu",
+        className: `${import_Layout.default.mobileMenu} ${menuOpen ? import_Layout.default.mobileMenuOpen : ""}`,
+        "aria-hidden": !menuOpen,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "div",
+            {
+              className: import_Layout.default.mobileMenuOverlay,
+              onClick: () => setMenuOpen(false),
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+            "nav",
+            {
+              className: import_Layout.default.mobileMenuContent,
+              "aria-label": "Mobile navigation",
+              children: [
+                navLinks.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  import_link2.default,
+                  {
+                    href: link.href,
+                    className: `${import_Layout.default.mobileNavLink} ${isActive(link.href) ? import_Layout.default.mobileNavLinkActive : ""}`,
+                    style: { animationDelay: `${index * 50}ms` },
+                    tabIndex: menuOpen ? 0 : -1,
+                    children: link.label
+                  },
+                  link.href
+                )),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  import_link2.default,
+                  {
+                    href: "/contact",
+                    className: import_Layout.default.mobileNavCta,
+                    style: { animationDelay: `${navLinks.length * 50}ms` },
+                    tabIndex: menuOpen ? 0 : -1,
+                    children: "Contact Us"
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+
+// src/components/Footer.tsx
+var import_link3 = __toESM(require("next/link"));
+var import_Footer = __toESM(require("./Footer.module.css"));
+
+// src/lib/utils.ts
+function isValidExternalUrl(url) {
+  if (!url || typeof url !== "string") return false;
+  try {
+    const parsed = new URL(url);
+    return parsed.protocol === "https:" || parsed.protocol === "http:";
+  } catch {
+    return false;
+  }
+}
+
+// src/components/Footer.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var SocialIcon = ({ href, children }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", { href, target: "_blank", rel: "noopener noreferrer", className: import_Footer.default.socialIcon, children });
+function Footer({ settings }) {
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const showPrivacy = settings?.showPrivacyPolicy !== false;
+  const showTerms = settings?.showTerms !== false;
+  const hasLegalLinks = showPrivacy || showTerms;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("footer", { className: import_Footer.default.footerWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: import_Footer.default.footerContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: import_Footer.default.mainFooter, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: import_Footer.default.footerAbout, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_link3.default, { href: "/", className: import_Footer.default.footerLogo, children: [
+          settings?.labName || "Cavendish",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: import_Footer.default.logoAccent, children: settings?.labNameAccent || "Lab" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: import_Footer.default.footerDescription, children: settings?.labNameDescription || "Advancing the frontiers of physics and our understanding of the universe." }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: import_Footer.default.socials, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SocialIcon, { href: "#", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SocialIcon, { href: "#", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24h-6.617l-5.21-6.817-6.044 6.817h-3.308l7.73-8.835-7.73-10.668h6.78l4.522 6.312 5.59-6.312z" }) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: import_Footer.default.footerLinksGrid, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: import_Footer.default.footerColumn, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { children: "Quick Links" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link3.default, { href: "/research", children: "Research" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link3.default, { href: "/publications", children: "Publications" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link3.default, { href: "/pictures", children: "Gallery" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: import_Footer.default.footerColumn, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { children: "About" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link3.default, { href: "/news", children: "News" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link3.default, { href: "/people", children: "Our Team" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link3.default, { href: "/contact", children: "Contact" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: import_Footer.default.footerColumn, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { children: "Resources" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link3.default, { href: "https://www.cam.ac.uk/", children: "University" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link3.default, { href: "#", children: "Careers" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: import_Footer.default.footerBottomBar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: settings?.footerText || `\xA9 ${currentYear} The Research Group. All Rights Reserved.` }),
+      hasLegalLinks && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: import_Footer.default.legalLinks, children: [
+        showPrivacy && (settings?.privacyPolicyUrl && isValidExternalUrl(settings.privacyPolicyUrl) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", { href: settings.privacyPolicyUrl, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link3.default, { href: "/privacy", children: "Privacy Policy" })),
+        showTerms && (settings?.termsUrl && isValidExternalUrl(settings.termsUrl) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", { href: settings.termsUrl, target: "_blank", rel: "noopener noreferrer", children: "Terms & Conditions" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link3.default, { href: "/terms", children: "Terms & Conditions" }))
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/ClientLayout.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function ThemeBodySync() {
+  const { resolvedTheme } = (0, import_next_themes2.useTheme)();
+  (0, import_react6.useEffect)(() => {
+    if (resolvedTheme === "dark") {
+      document.body.classList.add("dark-mode");
+      document.body.classList.remove("light-mode");
+    } else {
+      document.body.classList.add("light-mode");
+      document.body.classList.remove("dark-mode");
+    }
+  }, [resolvedTheme]);
+  return null;
+}
+function ClientLayout({ children, settings }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_next_themes2.ThemeProvider, { attribute: "class", defaultTheme: "light", enableSystem: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ThemeBodySync, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "pageWrapper", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Header, { settings }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("main", { children }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Footer, { settings })
+    ] })
+  ] });
+}
+
+// src/components/ContactCTA.tsx
+var import_link4 = __toESM(require("next/link"));
+var import_ContactCTA = __toESM(require("./ContactCTA.module.css"));
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function ContactCTA() {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { className: import_ContactCTA.default.ctaContainer, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: import_ContactCTA.default.ctaContent, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: import_ContactCTA.default.ctaHeading, children: "Interested in Our Research?" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: import_ContactCTA.default.ctaText, children: "Follow our work, explore our publications, or get in touch to discuss potential collaborations." }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_link4.default, { href: "/contact", className: import_ContactCTA.default.ctaButton, children: "Contact Us" })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AnimatedHero,
+  ClientLayout,
+  ContactCTA,
+  Footer,
+  Header,
+  ThemeToggle
+});

package/dist/index.mjs

@@ -0,0 +1,514 @@
+// src/components/AnimatedCard.tsx
+import { motion } from "framer-motion";
+
+// src/lib/animations.ts
+var fadeInUp = {
+  hidden: { opacity: 0, y: 30 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.8,
+      ease: [0.65, 0, 0.35, 1]
+    }
+  }
+};
+var scaleIn = {
+  hidden: { opacity: 0, scale: 0.9 },
+  visible: {
+    opacity: 1,
+    scale: 1,
+    transition: {
+      duration: 0.8,
+      ease: [0.65, 0, 0.35, 1]
+    }
+  }
+};
+
+// src/components/AnimatedCard.tsx
+import { jsx } from "react/jsx-runtime";
+
+// src/components/AnimatedGallery.tsx
+import { motion as motion2 } from "framer-motion";
+import Image from "next/image";
+import { useState, useEffect } from "react";
+import styles from "./PicturesPage.module.css";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+
+// src/components/AnimatedHero.tsx
+import { motion as motion3, useScroll, useTransform } from "framer-motion";
+import { useRef } from "react";
+import Image2 from "next/image";
+import Link from "next/link";
+import styles2 from "./HomePage.module.css";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function AnimatedHero({ heroData, ArrowRightIcon }) {
+  const ref = useRef(null);
+  const { scrollY } = useScroll();
+  const y = useTransform(scrollY, [0, 500], [0, 150]);
+  return /* @__PURE__ */ jsx3("section", { className: styles2.heroSection, ref, children: /* @__PURE__ */ jsxs2("div", { className: styles2.heroContainer, children: [
+    /* @__PURE__ */ jsxs2(
+      motion3.div,
+      {
+        className: styles2.heroContent,
+        initial: "hidden",
+        animate: "visible",
+        variants: fadeInUp,
+        children: [
+          /* @__PURE__ */ jsx3(
+            motion3.span,
+            {
+              className: styles2.heroTagline,
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              transition: { duration: 0.6, delay: 0.2 },
+              children: heroData.tagline
+            }
+          ),
+          /* @__PURE__ */ jsxs2(
+            motion3.h1,
+            {
+              className: styles2.heroHeading,
+              initial: { opacity: 0, y: 20 },
+              animate: { opacity: 1, y: 0 },
+              transition: { duration: 0.8, delay: 0.3 },
+              children: [
+                heroData.heading,
+                " ",
+                /* @__PURE__ */ jsx3("span", { className: styles2.heroHeadingAccent, children: heroData.headingAccent })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            motion3.p,
+            {
+              className: styles2.heroDescription,
+              initial: { opacity: 0, y: 20 },
+              animate: { opacity: 1, y: 0 },
+              transition: { duration: 0.8, delay: 0.4 },
+              children: heroData.description
+            }
+          ),
+          /* @__PURE__ */ jsxs2(
+            motion3.div,
+            {
+              className: styles2.heroCtas,
+              initial: { opacity: 0, y: 20 },
+              animate: { opacity: 1, y: 0 },
+              transition: { duration: 0.8, delay: 0.5 },
+              children: [
+                /* @__PURE__ */ jsxs2(Link, { href: heroData.ctaLink, className: styles2.heroPrimaryCta, children: [
+                  heroData.ctaText,
+                  /* @__PURE__ */ jsx3(ArrowRightIcon, {})
+                ] }),
+                /* @__PURE__ */ jsx3(Link, { href: "/publications", className: styles2.heroSecondaryCta, children: "View Publications" })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      motion3.div,
+      {
+        className: styles2.heroImageWrapper,
+        style: { y },
+        initial: "hidden",
+        animate: "visible",
+        variants: scaleIn,
+        transition: { duration: 0.8, delay: 0.6 },
+        children: heroData.image ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+          /* @__PURE__ */ jsx3(
+            Image2,
+            {
+              src: heroData.image,
+              alt: "Research lab",
+              width: 800,
+              height: 600,
+              className: styles2.heroImage,
+              priority: true
+            }
+          ),
+          /* @__PURE__ */ jsx3("div", { className: styles2.heroImageOverlay })
+        ] }) : /* @__PURE__ */ jsx3("div", { className: styles2.heroImagePlaceholder, children: /* @__PURE__ */ jsxs2(
+          "svg",
+          {
+            width: "120",
+            height: "120",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1",
+            children: [
+              /* @__PURE__ */ jsx3("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+              /* @__PURE__ */ jsx3("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+              /* @__PURE__ */ jsx3("path", { d: "M21 15l-5-5L5 21" })
+            ]
+          }
+        ) })
+      }
+    )
+  ] }) });
+}
+
+// src/components/AnimatedPage.tsx
+import { motion as motion4 } from "framer-motion";
+import { useState as useState2, useEffect as useEffect2 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+
+// src/components/AnimatedSections.tsx
+import { motion as motion5 } from "framer-motion";
+import { jsx as jsx5 } from "react/jsx-runtime";
+
+// src/components/ClientLayout.tsx
+import { useEffect as useEffect5 } from "react";
+import { ThemeProvider, useTheme as useTheme2 } from "next-themes";
+
+// src/components/Header.tsx
+import Link2 from "next/link";
+import { useState as useState4, useEffect as useEffect4, useCallback } from "react";
+import { usePathname } from "next/navigation";
+import styles4 from "./Layout.module.css";
+
+// src/components/ThemeToggle.tsx
+import { useTheme } from "next-themes";
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { motion as motion6 } from "framer-motion";
+import styles3 from "./ThemeToggle.module.css";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+function ThemeToggle() {
+  const { theme, setTheme, resolvedTheme } = useTheme();
+  const [mounted, setMounted] = useState3(false);
+  useEffect3(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return /* @__PURE__ */ jsx6("div", { className: styles3.togglePlaceholder });
+  }
+  const isDark = resolvedTheme === "dark";
+  const toggleTheme = () => {
+    setTheme(isDark ? "light" : "dark");
+  };
+  return /* @__PURE__ */ jsx6(
+    motion6.button,
+    {
+      className: styles3.toggle,
+      onClick: toggleTheme,
+      "aria-label": `Switch to ${isDark ? "light" : "dark"} mode`,
+      whileTap: { scale: 0.95 },
+      children: /* @__PURE__ */ jsxs3("span", { className: styles3.track, children: [
+        /* @__PURE__ */ jsx6("span", { className: `${styles3.icon} ${styles3.sunIcon} ${!isDark ? styles3.iconActive : ""}`, children: /* @__PURE__ */ jsxs3("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsx6("circle", { cx: "12", cy: "12", r: "5" }),
+          /* @__PURE__ */ jsx6("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+          /* @__PURE__ */ jsx6("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+          /* @__PURE__ */ jsx6("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+          /* @__PURE__ */ jsx6("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+          /* @__PURE__ */ jsx6("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+          /* @__PURE__ */ jsx6("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+          /* @__PURE__ */ jsx6("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+          /* @__PURE__ */ jsx6("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
+        ] }) }),
+        /* @__PURE__ */ jsx6(
+          motion6.span,
+          {
+            className: styles3.thumb,
+            animate: { x: isDark ? 26 : 0 },
+            transition: { type: "spring", stiffness: 500, damping: 30 }
+          }
+        ),
+        /* @__PURE__ */ jsx6("span", { className: `${styles3.icon} ${styles3.moonIcon} ${isDark ? styles3.iconActive : ""}`, children: /* @__PURE__ */ jsx6("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx6("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) }) })
+      ] })
+    }
+  );
+}
+
+// src/components/Header.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var navLinks = [
+  { href: "/research", label: "Research" },
+  { href: "/publications", label: "Publications" },
+  { href: "/people", label: "People" },
+  { href: "/news", label: "News" },
+  { href: "/pictures", label: "Gallery" }
+];
+function Header({ settings }) {
+  const [menuOpen, setMenuOpen] = useState4(false);
+  const [scrolled, setScrolled] = useState4(false);
+  const pathname = usePathname();
+  useEffect4(() => {
+    const handleScroll = () => {
+      setScrolled(window.scrollY > 20);
+    };
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, []);
+  useEffect4(() => {
+    if (menuOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [menuOpen]);
+  useEffect4(() => {
+    setMenuOpen(false);
+  }, [pathname]);
+  const handleKeyDown = useCallback((e) => {
+    if (e.key === "Escape" && menuOpen) {
+      setMenuOpen(false);
+    }
+  }, [menuOpen]);
+  useEffect4(() => {
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [handleKeyDown]);
+  const isActive = (href) => {
+    if (href === "/") return pathname === "/";
+    return pathname.startsWith(href);
+  };
+  return /* @__PURE__ */ jsx7("header", { className: `${styles4.header} ${scrolled ? styles4.headerScrolled : ""}`, children: /* @__PURE__ */ jsxs4("div", { className: styles4.navContainer, children: [
+    /* @__PURE__ */ jsxs4(Link2, { href: "/", className: styles4.navLogo, "aria-label": "Go to homepage", children: [
+      /* @__PURE__ */ jsxs4(
+        "svg",
+        {
+          width: "32",
+          height: "32",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ jsx7(
+              "path",
+              {
+                d: "M12 2L2 7L12 12L22 7L12 2Z",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ jsx7(
+              "path",
+              {
+                d: "M2 17L12 22L22 17",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ jsx7(
+              "path",
+              {
+                d: "M2 12L12 17L22 12",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs4("span", { children: [
+        settings.labName || "Research",
+        settings.labNameAccent && /* @__PURE__ */ jsxs4("span", { className: styles4.navLogoAccent, children: [
+          " ",
+          settings.labNameAccent
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx7("nav", { className: styles4.desktopNav, "aria-label": "Main navigation", children: navLinks.map((link) => /* @__PURE__ */ jsx7(
+      Link2,
+      {
+        href: link.href,
+        className: `${styles4.navLink} ${isActive(link.href) ? styles4.navLinkActive : ""}`,
+        children: link.label
+      },
+      link.href
+    )) }),
+    /* @__PURE__ */ jsxs4("div", { className: styles4.navActions, children: [
+      /* @__PURE__ */ jsx7(ThemeToggle, {}),
+      /* @__PURE__ */ jsx7(Link2, { href: "/contact", className: styles4.navCta, children: "Contact Us" })
+    ] }),
+    /* @__PURE__ */ jsx7(
+      "button",
+      {
+        className: styles4.menuButton,
+        onClick: () => setMenuOpen(!menuOpen),
+        "aria-label": menuOpen ? "Close menu" : "Open menu",
+        "aria-expanded": menuOpen,
+        "aria-controls": "mobile-menu",
+        children: /* @__PURE__ */ jsxs4("span", { className: styles4.menuButtonLines, children: [
+          /* @__PURE__ */ jsx7("span", { className: `${styles4.menuLine} ${menuOpen ? styles4.menuLineOpen1 : ""}` }),
+          /* @__PURE__ */ jsx7("span", { className: `${styles4.menuLine} ${menuOpen ? styles4.menuLineOpen2 : ""}` }),
+          /* @__PURE__ */ jsx7("span", { className: `${styles4.menuLine} ${menuOpen ? styles4.menuLineOpen3 : ""}` })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs4(
+      "div",
+      {
+        id: "mobile-menu",
+        className: `${styles4.mobileMenu} ${menuOpen ? styles4.mobileMenuOpen : ""}`,
+        "aria-hidden": !menuOpen,
+        children: [
+          /* @__PURE__ */ jsx7(
+            "div",
+            {
+              className: styles4.mobileMenuOverlay,
+              onClick: () => setMenuOpen(false),
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxs4(
+            "nav",
+            {
+              className: styles4.mobileMenuContent,
+              "aria-label": "Mobile navigation",
+              children: [
+                navLinks.map((link, index) => /* @__PURE__ */ jsx7(
+                  Link2,
+                  {
+                    href: link.href,
+                    className: `${styles4.mobileNavLink} ${isActive(link.href) ? styles4.mobileNavLinkActive : ""}`,
+                    style: { animationDelay: `${index * 50}ms` },
+                    tabIndex: menuOpen ? 0 : -1,
+                    children: link.label
+                  },
+                  link.href
+                )),
+                /* @__PURE__ */ jsx7(
+                  Link2,
+                  {
+                    href: "/contact",
+                    className: styles4.mobileNavCta,
+                    style: { animationDelay: `${navLinks.length * 50}ms` },
+                    tabIndex: menuOpen ? 0 : -1,
+                    children: "Contact Us"
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+
+// src/components/Footer.tsx
+import Link3 from "next/link";
+import styles5 from "./Footer.module.css";
+
+// src/lib/utils.ts
+function isValidExternalUrl(url) {
+  if (!url || typeof url !== "string") return false;
+  try {
+    const parsed = new URL(url);
+    return parsed.protocol === "https:" || parsed.protocol === "http:";
+  } catch {
+    return false;
+  }
+}
+
+// src/components/Footer.tsx
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var SocialIcon = ({ href, children }) => /* @__PURE__ */ jsx8("a", { href, target: "_blank", rel: "noopener noreferrer", className: styles5.socialIcon, children });
+function Footer({ settings }) {
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const showPrivacy = settings?.showPrivacyPolicy !== false;
+  const showTerms = settings?.showTerms !== false;
+  const hasLegalLinks = showPrivacy || showTerms;
+  return /* @__PURE__ */ jsx8("footer", { className: styles5.footerWrapper, children: /* @__PURE__ */ jsxs5("div", { className: styles5.footerContainer, children: [
+    /* @__PURE__ */ jsxs5("div", { className: styles5.mainFooter, children: [
+      /* @__PURE__ */ jsxs5("div", { className: styles5.footerAbout, children: [
+        /* @__PURE__ */ jsxs5(Link3, { href: "/", className: styles5.footerLogo, children: [
+          settings?.labName || "Cavendish",
+          " ",
+          /* @__PURE__ */ jsx8("span", { className: styles5.logoAccent, children: settings?.labNameAccent || "Lab" })
+        ] }),
+        /* @__PURE__ */ jsx8("p", { className: styles5.footerDescription, children: settings?.labNameDescription || "Advancing the frontiers of physics and our understanding of the universe." }),
+        /* @__PURE__ */ jsxs5("div", { className: styles5.socials, children: [
+          /* @__PURE__ */ jsx8(SocialIcon, { href: "#", children: /* @__PURE__ */ jsx8("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx8("path", { d: "M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" }) }) }),
+          /* @__PURE__ */ jsx8(SocialIcon, { href: "#", children: /* @__PURE__ */ jsx8("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx8("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24h-6.617l-5.21-6.817-6.044 6.817h-3.308l7.73-8.835-7.73-10.668h6.78l4.522 6.312 5.59-6.312z" }) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: styles5.footerLinksGrid, children: [
+        /* @__PURE__ */ jsxs5("div", { className: styles5.footerColumn, children: [
+          /* @__PURE__ */ jsx8("h4", { children: "Quick Links" }),
+          /* @__PURE__ */ jsx8(Link3, { href: "/research", children: "Research" }),
+          /* @__PURE__ */ jsx8(Link3, { href: "/publications", children: "Publications" }),
+          /* @__PURE__ */ jsx8(Link3, { href: "/pictures", children: "Gallery" })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: styles5.footerColumn, children: [
+          /* @__PURE__ */ jsx8("h4", { children: "About" }),
+          /* @__PURE__ */ jsx8(Link3, { href: "/news", children: "News" }),
+          /* @__PURE__ */ jsx8(Link3, { href: "/people", children: "Our Team" }),
+          /* @__PURE__ */ jsx8(Link3, { href: "/contact", children: "Contact" })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: styles5.footerColumn, children: [
+          /* @__PURE__ */ jsx8("h4", { children: "Resources" }),
+          /* @__PURE__ */ jsx8(Link3, { href: "https://www.cam.ac.uk/", children: "University" }),
+          /* @__PURE__ */ jsx8(Link3, { href: "#", children: "Careers" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: styles5.footerBottomBar, children: [
+      /* @__PURE__ */ jsx8("p", { children: settings?.footerText || `\xA9 ${currentYear} The Research Group. All Rights Reserved.` }),
+      hasLegalLinks && /* @__PURE__ */ jsxs5("div", { className: styles5.legalLinks, children: [
+        showPrivacy && (settings?.privacyPolicyUrl && isValidExternalUrl(settings.privacyPolicyUrl) ? /* @__PURE__ */ jsx8("a", { href: settings.privacyPolicyUrl, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" }) : /* @__PURE__ */ jsx8(Link3, { href: "/privacy", children: "Privacy Policy" })),
+        showTerms && (settings?.termsUrl && isValidExternalUrl(settings.termsUrl) ? /* @__PURE__ */ jsx8("a", { href: settings.termsUrl, target: "_blank", rel: "noopener noreferrer", children: "Terms & Conditions" }) : /* @__PURE__ */ jsx8(Link3, { href: "/terms", children: "Terms & Conditions" }))
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/ClientLayout.tsx
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+function ThemeBodySync() {
+  const { resolvedTheme } = useTheme2();
+  useEffect5(() => {
+    if (resolvedTheme === "dark") {
+      document.body.classList.add("dark-mode");
+      document.body.classList.remove("light-mode");
+    } else {
+      document.body.classList.add("light-mode");
+      document.body.classList.remove("dark-mode");
+    }
+  }, [resolvedTheme]);
+  return null;
+}
+function ClientLayout({ children, settings }) {
+  return /* @__PURE__ */ jsxs6(ThemeProvider, { attribute: "class", defaultTheme: "light", enableSystem: false, children: [
+    /* @__PURE__ */ jsx9(ThemeBodySync, {}),
+    /* @__PURE__ */ jsxs6("div", { className: "pageWrapper", children: [
+      /* @__PURE__ */ jsx9(Header, { settings }),
+      /* @__PURE__ */ jsx9("main", { children }),
+      /* @__PURE__ */ jsx9(Footer, { settings })
+    ] })
+  ] });
+}
+
+// src/components/ContactCTA.tsx
+import Link4 from "next/link";
+import styles6 from "./ContactCTA.module.css";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+function ContactCTA() {
+  return /* @__PURE__ */ jsx10("section", { className: styles6.ctaContainer, children: /* @__PURE__ */ jsxs7("div", { className: styles6.ctaContent, children: [
+    /* @__PURE__ */ jsx10("h2", { className: styles6.ctaHeading, children: "Interested in Our Research?" }),
+    /* @__PURE__ */ jsx10("p", { className: styles6.ctaText, children: "Follow our work, explore our publications, or get in touch to discuss potential collaborations." }),
+    /* @__PURE__ */ jsx10(Link4, { href: "/contact", className: styles6.ctaButton, children: "Contact Us" })
+  ] }) });
+}
+export {
+  AnimatedHero,
+  ClientLayout,
+  ContactCTA,
+  Footer,
+  Header,
+  ThemeToggle
+};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@prosophia/lab-minimal",
+  "version": "0.0.1",
+  "description": "Minimal lab website template for Prosophia",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./dist/styles/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src/"
+  },
+  "peerDependencies": {
+    "framer-motion": "^11.0.0",
+    "next": "^14.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/prosophia/prosophia-templates.git",
+    "directory": "packages/lab-minimal"
+  },
+  "license": "MIT"
+}