@prosophia/lab-techy 0.0.3 → 0.0.4

package/dist/layouts/index.css

@@ -0,0 +1,281 @@
+/* src/components/Header.module.css */
+.header {
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  width: 100%;
+  border-bottom: 1px solid var(--slate-200);
+  background-color: rgba(246, 246, 248, 0.8);
+  backdrop-filter: blur(12px);
+}
+.container {
+  max-width: var(--container-max);
+  margin: 0 auto;
+  display: flex;
+  height: 4rem;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 1rem;
+}
+@media (min-width: 640px) {
+  .container {
+    padding: 0 1.5rem;
+  }
+}
+@media (min-width: 1024px) {
+  .container {
+    padding: 0 2rem;
+  }
+}
+.logo {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  text-decoration: none;
+}
+.logoIcon {
+  display: flex;
+  width: 2rem;
+  height: 2rem;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-sm);
+  background-color: var(--primary);
+  color: var(--white);
+}
+.logoIcon span {
+  font-size: 20px;
+}
+.logoText {
+  font-size: 1.125rem;
+  font-weight: 700;
+  letter-spacing: -0.025em;
+  color: var(--slate-900);
+}
+.nav {
+  display: none;
+  flex: 1;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 2rem;
+}
+@media (min-width: 768px) {
+  .nav {
+    display: flex;
+  }
+}
+.navLinks {
+  display: flex;
+  align-items: center;
+  gap: 1.5rem;
+}
+.navLink {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--slate-600);
+  transition: color var(--timing-quick) var(--ease-out-expo);
+}
+.navLink:hover {
+  color: var(--primary);
+}
+.navLinkActive {
+  color: var(--primary);
+  font-weight: 600;
+}
+.ctaButton {
+  display: inline-flex;
+  height: 2.25rem;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-lg);
+  background-color: var(--primary);
+  padding: 0 1rem;
+  font-size: 0.875rem;
+  font-weight: 700;
+  color: var(--white);
+  box-shadow: var(--shadow-sm);
+  transition: background-color var(--timing-quick) var(--ease-out-expo);
+}
+.ctaButton:hover {
+  background-color: var(--primary-dark);
+}
+.mobileActions {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+@media (min-width: 768px) {
+  .mobileActions {
+    display: none;
+  }
+}
+.mobileMenuBtn {
+  display: block;
+  padding: 0.5rem;
+  color: var(--slate-600);
+}
+[data-theme=dark] .header {
+  background-color: rgba(15, 23, 42, 0.9);
+  border-bottom-color: var(--slate-200);
+}
+[data-theme=dark] .logoIcon {
+  color: var(--slate-900);
+}
+[data-theme=dark] .ctaButton {
+  color: var(--slate-900);
+}
+
+/* src/components/ThemeToggle.module.css */
+.toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: var(--radius-full);
+  background-color: var(--slate-100);
+  color: var(--slate-600);
+  border: 1px solid var(--slate-200);
+  cursor: pointer;
+  transition: all var(--timing-quick) var(--ease-out-expo);
+}
+.toggle:hover {
+  background-color: var(--slate-200);
+  color: var(--primary);
+}
+.toggle span {
+  font-size: 1.25rem;
+}
+[data-theme=dark] .toggle {
+  background-color: var(--slate-800);
+  border-color: var(--slate-700);
+  color: var(--slate-300);
+}
+[data-theme=dark] .toggle:hover {
+  background-color: var(--slate-700);
+  color: var(--primary);
+}
+
+/* src/components/Footer.module.css */
+.footer {
+  border-top: 1px solid var(--slate-200);
+  background-color: var(--white);
+  padding: 3rem 0;
+}
+.container {
+  max-width: var(--container-max);
+  margin: 0 auto;
+  padding: 0 1rem;
+}
+@media (min-width: 640px) {
+  .container {
+    padding: 0 1.5rem;
+  }
+}
+@media (min-width: 1024px) {
+  .container {
+    padding: 0 2rem;
+  }
+}
+.grid {
+  display: grid;
+  gap: 2rem;
+}
+@media (min-width: 768px) {
+  .grid {
+    grid-template-columns: 2fr 1fr 1fr;
+    gap: 3rem;
+  }
+}
+.brandSection {
+  grid-column: span 1;
+}
+@media (min-width: 768px) {
+  .brandSection {
+    grid-column: span 1;
+  }
+}
+.logo {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+.logoIcon {
+  display: flex;
+  width: 2rem;
+  height: 2rem;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-sm);
+  background-color: var(--primary);
+  color: var(--white);
+}
+.logoIcon span {
+  font-size: 20px;
+}
+.logoText {
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: var(--slate-900);
+}
+.description {
+  margin-top: 1rem;
+  max-width: 24rem;
+  font-size: 0.875rem;
+  color: var(--slate-600);
+  line-height: 1.6;
+}
+.socialLinks {
+  display: flex;
+  gap: 1rem;
+  margin-top: 1.5rem;
+}
+.socialLink {
+  color: var(--slate-400);
+  transition: color var(--timing-quick) var(--ease-out-expo);
+}
+.socialLink:hover {
+  color: var(--primary);
+}
+.socialIcon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.linksSection {
+  display: flex;
+  flex-direction: column;
+}
+.linksSectionTitle {
+  font-size: 0.875rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  color: var(--slate-900);
+  margin-bottom: 1rem;
+}
+.linksList {
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+.link {
+  font-size: 0.875rem;
+  color: var(--slate-600);
+  transition: color var(--timing-quick) var(--ease-out-expo);
+}
+.link:hover {
+  color: var(--primary);
+}
+.bottom {
+  margin-top: 3rem;
+  padding-top: 2rem;
+  border-top: 1px solid var(--slate-200);
+}
+.copyright {
+  text-align: center;
+  font-size: 0.875rem;
+  color: var(--slate-500);
+}
+[data-theme=dark] .logoIcon {
+  color: var(--slate-900);
+}

package/dist/layouts/index.d.mts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { S as SiteSettings } from '../index-CSdV51Jq.mjs';
+
+interface RootLayoutProps {
+    children: React.ReactNode;
+    settings?: SiteSettings | null;
+}
+/**
+ * Root layout component that wraps the application
+ */
+declare function RootLayout({ children, settings, }: RootLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { RootLayout, type RootLayoutProps };

package/dist/layouts/index.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { S as SiteSettings } from '../index-CSdV51Jq.js';
+
+interface RootLayoutProps {
+    children: React.ReactNode;
+    settings?: SiteSettings | null;
+}
+/**
+ * Root layout component that wraps the application
+ */
+declare function RootLayout({ children, settings, }: RootLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { RootLayout, type RootLayoutProps };

package/dist/layouts/index.js

@@ -1 +1,285 @@
 "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/layouts/index.ts
+var layouts_exports = {};
+__export(layouts_exports, {
+  RootLayout: () => RootLayout
+});
+module.exports = __toCommonJS(layouts_exports);
+
+// src/components/ClientLayout.tsx
+var import_react = require("react");
+var import_next_themes2 = require("next-themes");
+
+// src/components/Header.tsx
+var import_link = __toESM(require("next/link"));
+var import_navigation = require("next/navigation");
+var import_framer_motion2 = require("framer-motion");
+
+// src/components/Header.module.css
+var Header_default = {};
+
+// src/components/ThemeToggle.tsx
+var import_framer_motion = require("framer-motion");
+var import_next_themes = require("next-themes");
+
+// src/components/ThemeToggle.module.css
+var ThemeToggle_default = {};
+
+// src/components/ThemeToggle.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function ThemeToggle() {
+  const { resolvedTheme, setTheme } = (0, import_next_themes.useTheme)();
+  const toggleTheme = () => {
+    setTheme(resolvedTheme === "light" ? "dark" : "light");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_framer_motion.motion.button,
+    {
+      className: ThemeToggle_default.toggle,
+      onClick: toggleTheme,
+      whileHover: { scale: 1.05 },
+      whileTap: { scale: 0.95 },
+      "aria-label": `Switch to ${resolvedTheme === "light" ? "dark" : "light"} mode`,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "material-symbols-outlined", children: resolvedTheme === "light" ? "dark_mode" : "light_mode" })
+    }
+  );
+}
+
+// src/components/Header.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var defaultNavItems = [
+  { href: "/", label: "Home" },
+  { href: "/gallery", label: "Gallery" },
+  { href: "/team", label: "Team" },
+  { href: "/publications", label: "Publications" },
+  { href: "/news", label: "News" },
+  { href: "/contact", label: "Contact" }
+];
+function Header({ navigationData }) {
+  const pathname = (0, import_navigation.usePathname)();
+  const labName = navigationData?.labName || "Prosophia Research Lab";
+  const navItems = navigationData?.mainNavigation?.length ? navigationData.mainNavigation : defaultNavItems;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_framer_motion2.motion.header,
+    {
+      className: Header_default.header,
+      initial: { y: -100, opacity: 0 },
+      animate: { y: 0, opacity: 1 },
+      transition: { duration: 0.5, ease: [0.16, 1, 0.3, 1] },
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Header_default.container, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_link.default, { href: "/", className: Header_default.logo, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: Header_default.logoIcon, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "material-symbols-outlined", children: "science" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className: Header_default.logoText, children: labName })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("nav", { className: Header_default.nav, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: Header_default.navLinks, children: navItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_link.default,
+            {
+              href: item.href,
+              className: `${Header_default.navLink} ${pathname === item.href ? Header_default.navLinkActive : ""}`,
+              children: item.label
+            },
+            item.href
+          )) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ThemeToggle, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_link.default, { href: "/contact", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_framer_motion2.motion.button,
+            {
+              className: Header_default.ctaButton,
+              whileHover: { scale: 1.02 },
+              whileTap: { scale: 0.98 },
+              children: "Join the Lab"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Header_default.mobileActions, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ThemeToggle, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: Header_default.mobileMenuBtn, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "material-symbols-outlined", children: "menu" }) })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/components/Footer.tsx
+var import_link2 = __toESM(require("next/link"));
+var import_framer_motion3 = require("framer-motion");
+
+// src/components/Footer.module.css
+var Footer_default = {};
+
+// src/components/Footer.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var footerVariants = {
+  hidden: { opacity: 0, y: 20 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.6,
+      ease: [0.16, 1, 0.3, 1]
+    }
+  }
+};
+function getSocialIcon(platform) {
+  switch (platform) {
+    case "twitter":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: Footer_default.socialIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" }) });
+    case "github":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: Footer_default.socialIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" }) });
+    case "linkedin":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: Footer_default.socialIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", 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" }) });
+    case "youtube":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: Footer_default.socialIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }) });
+    case "scholar":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: Footer_default.socialIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5.242 13.769L0 9.5 12 0l12 9.5-5.242 4.269C17.548 11.249 14.978 9.5 12 9.5c-2.977 0-5.548 1.748-6.758 4.269zM12 10a7 7 0 1 0 0 14 7 7 0 0 0 0-14z" }) });
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { "aria-hidden": "true", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: "2", className: Footer_default.socialIcon, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+      ] });
+  }
+}
+var defaultSocialLinks = [
+  { platform: "twitter", url: "#" },
+  { platform: "github", url: "#" },
+  { platform: "linkedin", url: "#" }
+];
+function Footer({ footerData }) {
+  const labName = footerData?.labName || "Prosophia Research Lab";
+  const footerText = footerData?.footerText || "Advancing the frontiers of human-computer interaction through interdisciplinary research and innovation.";
+  const socialLinks = footerData?.socialLinks?.length ? footerData.socialLinks : defaultSocialLinks;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_framer_motion3.motion.footer,
+    {
+      className: Footer_default.footer,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: { once: true },
+      variants: footerVariants,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.container, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.grid, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.brandSection, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.logo, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: Footer_default.logoIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "material-symbols-outlined", children: "science" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { className: Footer_default.logoText, children: labName })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Footer_default.description, children: footerText }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: Footer_default.socialLinks, children: socialLinks.map((social, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "a",
+              {
+                href: social.url,
+                className: Footer_default.socialLink,
+                "aria-label": social.platform,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: getSocialIcon(social.platform)
+              },
+              index
+            )) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.linksSection, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: Footer_default.linksSectionTitle, children: "Research" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { className: Footer_default.linksList, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/research", className: Footer_default.link, children: "Projects" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/publications", className: Footer_default.link, children: "Publications" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/publications", className: Footer_default.link, children: "Datasets" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/publications", className: Footer_default.link, children: "Code" }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.linksSection, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: Footer_default.linksSectionTitle, children: "People" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { className: Footer_default.linksList, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/team", className: Footer_default.link, children: "Faculty" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/team", className: Footer_default.link, children: "Students" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/team", className: Footer_default.link, children: "Alumni" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/contact", className: Footer_default.link, children: "Join Us" }) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: Footer_default.bottom, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: Footer_default.copyright, children: [
+          "\xA9 ",
+          (/* @__PURE__ */ new Date()).getFullYear(),
+          " ",
+          labName,
+          ". All rights reserved."
+        ] }) })
+      ] })
+    }
+  );
+}
+
+// src/components/ClientLayout.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function ThemeBodySync() {
+  const { resolvedTheme } = (0, import_next_themes2.useTheme)();
+  (0, import_react.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 }) {
+  const navigationData = {
+    labName: settings.labName || "Prosophia Research Lab"
+  };
+  const footerData = {
+    labName: settings.labName || "Prosophia Research Lab",
+    footerText: settings.footerText
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_next_themes2.ThemeProvider, { attribute: "class", defaultTheme: "light", enableSystem: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ThemeBodySync, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pageWrapper", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Header, { navigationData }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("main", { children }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Footer, { footerData })
+    ] })
+  ] });
+}
+
+// src/layouts/RootLayout.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function RootLayout({
+  children,
+  settings = null
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ClientLayout, { settings: settings || {}, children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RootLayout
+});