@prosophia/lab-minimal 0.0.3 → 0.0.4

package/dist/index.mjs

@@ -1,229 +1,73 @@
-// 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 { useEffect as useEffect3 } 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 Link from "next/link";
+import { useState as useState2, useEffect as useEffect2, useCallback } from "react";
 import { usePathname } from "next/navigation";
-import styles4 from "./Layout.module.css";
+
+// src/components/Layout.module.css
+var Layout_default = {};
 
 // 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";
+import { useEffect, useState } from "react";
+import { motion } from "framer-motion";
+
+// src/components/ThemeToggle.module.css
+var ThemeToggle_default = {};
+
+// src/components/ThemeToggle.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 function ThemeToggle() {
   const { theme, setTheme, resolvedTheme } = useTheme();
-  const [mounted, setMounted] = useState3(false);
-  useEffect3(() => {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
     setMounted(true);
   }, []);
   if (!mounted) {
-    return /* @__PURE__ */ jsx6("div", { className: styles3.togglePlaceholder });
+    return /* @__PURE__ */ jsx("div", { className: ThemeToggle_default.togglePlaceholder });
   }
   const isDark = resolvedTheme === "dark";
   const toggleTheme = () => {
     setTheme(isDark ? "light" : "dark");
   };
-  return /* @__PURE__ */ jsx6(
-    motion6.button,
+  return /* @__PURE__ */ jsx(
+    motion.button,
     {
-      className: styles3.toggle,
+      className: ThemeToggle_default.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" })
+      children: /* @__PURE__ */ jsxs("span", { className: ThemeToggle_default.track, children: [
+        /* @__PURE__ */ jsx("span", { className: `${ThemeToggle_default.icon} ${ThemeToggle_default.sunIcon} ${!isDark ? ThemeToggle_default.iconActive : ""}`, children: /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5" }),
+          /* @__PURE__ */ jsx("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+          /* @__PURE__ */ jsx("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+          /* @__PURE__ */ jsx("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+          /* @__PURE__ */ jsx("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+          /* @__PURE__ */ jsx("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+          /* @__PURE__ */ jsx("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+          /* @__PURE__ */ jsx("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+          /* @__PURE__ */ jsx("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
         ] }) }),
-        /* @__PURE__ */ jsx6(
-          motion6.span,
+        /* @__PURE__ */ jsx(
+          motion.span,
           {
-            className: styles3.thumb,
+            className: ThemeToggle_default.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" }) }) })
+        /* @__PURE__ */ jsx("span", { className: `${ThemeToggle_default.icon} ${ThemeToggle_default.moonIcon} ${isDark ? ThemeToggle_default.iconActive : ""}`, children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ 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
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var navLinks = [
   { href: "/research", label: "Research" },
   { href: "/publications", label: "Publications" },
@@ -232,17 +76,17 @@ var navLinks = [
   { href: "/pictures", label: "Gallery" }
 ];
 function Header({ settings }) {
-  const [menuOpen, setMenuOpen] = useState4(false);
-  const [scrolled, setScrolled] = useState4(false);
+  const [menuOpen, setMenuOpen] = useState2(false);
+  const [scrolled, setScrolled] = useState2(false);
   const pathname = usePathname();
-  useEffect4(() => {
+  useEffect2(() => {
     const handleScroll = () => {
       setScrolled(window.scrollY > 20);
     };
     window.addEventListener("scroll", handleScroll, { passive: true });
     return () => window.removeEventListener("scroll", handleScroll);
   }, []);
-  useEffect4(() => {
+  useEffect2(() => {
     if (menuOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -252,7 +96,7 @@ function Header({ settings }) {
       document.body.style.overflow = "";
     };
   }, [menuOpen]);
-  useEffect4(() => {
+  useEffect2(() => {
     setMenuOpen(false);
   }, [pathname]);
   const handleKeyDown = useCallback((e) => {
@@ -260,7 +104,7 @@ function Header({ settings }) {
       setMenuOpen(false);
     }
   }, [menuOpen]);
-  useEffect4(() => {
+  useEffect2(() => {
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [handleKeyDown]);
@@ -268,9 +112,9 @@ function Header({ settings }) {
     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(
+  return /* @__PURE__ */ jsx2("header", { className: `${Layout_default.header} ${scrolled ? Layout_default.headerScrolled : ""}`, children: /* @__PURE__ */ jsxs2("div", { className: Layout_default.navContainer, children: [
+    /* @__PURE__ */ jsxs2(Link, { href: "/", className: Layout_default.navLogo, "aria-label": "Go to homepage", children: [
+      /* @__PURE__ */ jsxs2(
         "svg",
         {
           width: "32",
@@ -280,7 +124,7 @@ function Header({ settings }) {
           xmlns: "http://www.w3.org/2000/svg",
           "aria-hidden": "true",
           children: [
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx2(
               "path",
               {
                 d: "M12 2L2 7L12 12L22 7L12 2Z",
@@ -290,7 +134,7 @@ function Header({ settings }) {
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx2(
               "path",
               {
                 d: "M2 17L12 22L22 17",
@@ -300,7 +144,7 @@ function Header({ settings }) {
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx2(
               "path",
               {
                 d: "M2 12L12 17L22 12",
@@ -313,79 +157,79 @@ function Header({ settings }) {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs4("span", { children: [
+      /* @__PURE__ */ jsxs2("span", { children: [
         settings.labName || "Research",
-        settings.labNameAccent && /* @__PURE__ */ jsxs4("span", { className: styles4.navLogoAccent, children: [
+        settings.labNameAccent && /* @__PURE__ */ jsxs2("span", { className: Layout_default.navLogoAccent, children: [
           " ",
           settings.labNameAccent
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx7("nav", { className: styles4.desktopNav, "aria-label": "Main navigation", children: navLinks.map((link) => /* @__PURE__ */ jsx7(
-      Link2,
+    /* @__PURE__ */ jsx2("nav", { className: Layout_default.desktopNav, "aria-label": "Main navigation", children: navLinks.map((link) => /* @__PURE__ */ jsx2(
+      Link,
       {
         href: link.href,
-        className: `${styles4.navLink} ${isActive(link.href) ? styles4.navLinkActive : ""}`,
+        className: `${Layout_default.navLink} ${isActive(link.href) ? Layout_default.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__ */ jsxs2("div", { className: Layout_default.navActions, children: [
+      /* @__PURE__ */ jsx2(ThemeToggle, {}),
+      /* @__PURE__ */ jsx2(Link, { href: "/contact", className: Layout_default.navCta, children: "Contact Us" })
     ] }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx2(
       "button",
       {
-        className: styles4.menuButton,
+        className: Layout_default.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 : ""}` })
+        children: /* @__PURE__ */ jsxs2("span", { className: Layout_default.menuButtonLines, children: [
+          /* @__PURE__ */ jsx2("span", { className: `${Layout_default.menuLine} ${menuOpen ? Layout_default.menuLineOpen1 : ""}` }),
+          /* @__PURE__ */ jsx2("span", { className: `${Layout_default.menuLine} ${menuOpen ? Layout_default.menuLineOpen2 : ""}` }),
+          /* @__PURE__ */ jsx2("span", { className: `${Layout_default.menuLine} ${menuOpen ? Layout_default.menuLineOpen3 : ""}` })
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs4(
+    /* @__PURE__ */ jsxs2(
       "div",
       {
         id: "mobile-menu",
-        className: `${styles4.mobileMenu} ${menuOpen ? styles4.mobileMenuOpen : ""}`,
+        className: `${Layout_default.mobileMenu} ${menuOpen ? Layout_default.mobileMenuOpen : ""}`,
         "aria-hidden": !menuOpen,
         children: [
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx2(
             "div",
             {
-              className: styles4.mobileMenuOverlay,
+              className: Layout_default.mobileMenuOverlay,
               onClick: () => setMenuOpen(false),
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsxs4(
+          /* @__PURE__ */ jsxs2(
             "nav",
             {
-              className: styles4.mobileMenuContent,
+              className: Layout_default.mobileMenuContent,
               "aria-label": "Mobile navigation",
               children: [
-                navLinks.map((link, index) => /* @__PURE__ */ jsx7(
-                  Link2,
+                navLinks.map((link, index) => /* @__PURE__ */ jsx2(
+                  Link,
                   {
                     href: link.href,
-                    className: `${styles4.mobileNavLink} ${isActive(link.href) ? styles4.mobileNavLinkActive : ""}`,
+                    className: `${Layout_default.mobileNavLink} ${isActive(link.href) ? Layout_default.mobileNavLinkActive : ""}`,
                     style: { animationDelay: `${index * 50}ms` },
                     tabIndex: menuOpen ? 0 : -1,
                     children: link.label
                   },
                   link.href
                 )),
-                /* @__PURE__ */ jsx7(
-                  Link2,
+                /* @__PURE__ */ jsx2(
+                  Link,
                   {
                     href: "/contact",
-                    className: styles4.mobileNavCta,
+                    className: Layout_default.mobileNavCta,
                     style: { animationDelay: `${navLinks.length * 50}ms` },
                     tabIndex: menuOpen ? 0 : -1,
                     children: "Contact Us"
@@ -401,8 +245,10 @@ function Header({ settings }) {
 }
 
 // src/components/Footer.tsx
-import Link3 from "next/link";
-import styles5 from "./Footer.module.css";
+import Link2 from "next/link";
+
+// src/components/Footer.module.css
+var Footer_default = {};
 
 // src/lib/utils.ts
 function isValidExternalUrl(url) {
@@ -414,64 +260,104 @@ function isValidExternalUrl(url) {
     return false;
   }
 }
+function isValidGoogleMapsEmbedUrl(url) {
+  if (!url || typeof url !== "string") return false;
+  try {
+    const parsed = new URL(url);
+    const allowedHosts = [
+      "www.google.com",
+      "google.com",
+      "maps.google.com"
+    ];
+    return parsed.protocol === "https:" && allowedHosts.includes(parsed.hostname) && parsed.pathname.startsWith("/maps/embed");
+  } catch {
+    return false;
+  }
+}
+function sanitizeUrl(url) {
+  if (isValidExternalUrl(url)) {
+    return url;
+  }
+  return void 0;
+}
+function isValidEmail(email) {
+  if (!email || typeof email !== "string") return false;
+  const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return emailPattern.test(email) && email.length <= 254;
+}
+function escapeHtml(text) {
+  const htmlEntities = {
+    "&": "&amp;",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;",
+    "'": "&#39;"
+  };
+  return text.replace(/[&<>"']/g, (char) => htmlEntities[char]);
+}
+function isValidSlug(slug) {
+  if (!slug || typeof slug !== "string") return false;
+  const slugPattern = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+  return slugPattern.test(slug) && slug.length <= 200;
+}
 
 // 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 });
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var SocialIcon = ({ href, children }) => /* @__PURE__ */ jsx3("a", { href, target: "_blank", rel: "noopener noreferrer", className: 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__ */ 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: [
+  return /* @__PURE__ */ jsx3("footer", { className: Footer_default.footerWrapper, children: /* @__PURE__ */ jsxs3("div", { className: Footer_default.footerContainer, children: [
+    /* @__PURE__ */ jsxs3("div", { className: Footer_default.mainFooter, children: [
+      /* @__PURE__ */ jsxs3("div", { className: Footer_default.footerAbout, children: [
+        /* @__PURE__ */ jsxs3(Link2, { href: "/", className: Footer_default.footerLogo, children: [
           settings?.labName || "Cavendish",
           " ",
-          /* @__PURE__ */ jsx8("span", { className: styles5.logoAccent, children: settings?.labNameAccent || "Lab" })
+          /* @__PURE__ */ jsx3("span", { className: Footer_default.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__ */ jsx3("p", { className: Footer_default.footerDescription, children: settings?.labNameDescription || "Advancing the frontiers of physics and our understanding of the universe." }),
+        /* @__PURE__ */ jsxs3("div", { className: Footer_default.socials, children: [
+          /* @__PURE__ */ jsx3(SocialIcon, { href: "#", children: /* @__PURE__ */ jsx3("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx3("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__ */ jsx3(SocialIcon, { href: "#", children: /* @__PURE__ */ jsx3("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx3("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__ */ jsxs3("div", { className: Footer_default.footerLinksGrid, children: [
+        /* @__PURE__ */ jsxs3("div", { className: Footer_default.footerColumn, children: [
+          /* @__PURE__ */ jsx3("h4", { children: "Quick Links" }),
+          /* @__PURE__ */ jsx3(Link2, { href: "/research", children: "Research" }),
+          /* @__PURE__ */ jsx3(Link2, { href: "/publications", children: "Publications" }),
+          /* @__PURE__ */ jsx3(Link2, { 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__ */ jsxs3("div", { className: Footer_default.footerColumn, children: [
+          /* @__PURE__ */ jsx3("h4", { children: "About" }),
+          /* @__PURE__ */ jsx3(Link2, { href: "/news", children: "News" }),
+          /* @__PURE__ */ jsx3(Link2, { href: "/people", children: "Our Team" }),
+          /* @__PURE__ */ jsx3(Link2, { 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__ */ jsxs3("div", { className: Footer_default.footerColumn, children: [
+          /* @__PURE__ */ jsx3("h4", { children: "Resources" }),
+          /* @__PURE__ */ jsx3(Link2, { href: "https://www.cam.ac.uk/", children: "University" }),
+          /* @__PURE__ */ jsx3(Link2, { 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" }))
+    /* @__PURE__ */ jsxs3("div", { className: Footer_default.footerBottomBar, children: [
+      /* @__PURE__ */ jsx3("p", { children: settings?.footerText || `\xA9 ${currentYear} The Research Group. All Rights Reserved.` }),
+      hasLegalLinks && /* @__PURE__ */ jsxs3("div", { className: Footer_default.legalLinks, children: [
+        showPrivacy && (settings?.privacyPolicyUrl && isValidExternalUrl(settings.privacyPolicyUrl) ? /* @__PURE__ */ jsx3("a", { href: settings.privacyPolicyUrl, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" }) : /* @__PURE__ */ jsx3(Link2, { href: "/privacy", children: "Privacy Policy" })),
+        showTerms && (settings?.termsUrl && isValidExternalUrl(settings.termsUrl) ? /* @__PURE__ */ jsx3("a", { href: settings.termsUrl, target: "_blank", rel: "noopener noreferrer", children: "Terms & Conditions" }) : /* @__PURE__ */ jsx3(Link2, { href: "/terms", children: "Terms & Conditions" }))
       ] })
     ] })
   ] }) });
 }
 
 // src/components/ClientLayout.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function ThemeBodySync() {
   const { resolvedTheme } = useTheme2();
-  useEffect5(() => {
+  useEffect3(() => {
     if (resolvedTheme === "dark") {
       document.body.classList.add("dark-mode");
       document.body.classList.remove("light-mode");
@@ -483,32 +369,847 @@ function ThemeBodySync() {
   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 })
+  return /* @__PURE__ */ jsxs4(ThemeProvider, { attribute: "class", defaultTheme: "light", enableSystem: false, children: [
+    /* @__PURE__ */ jsx4(ThemeBodySync, {}),
+    /* @__PURE__ */ jsxs4("div", { className: "pageWrapper", children: [
+      /* @__PURE__ */ jsx4(Header, { settings }),
+      /* @__PURE__ */ jsx4("main", { children }),
+      /* @__PURE__ */ jsx4(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";
+import Link3 from "next/link";
+
+// src/components/ContactCTA.module.css
+var ContactCTA_default = {};
+
+// src/components/ContactCTA.tsx
+import { jsx as jsx5, jsxs as jsxs5 } 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" })
+  return /* @__PURE__ */ jsx5("section", { className: ContactCTA_default.ctaContainer, children: /* @__PURE__ */ jsxs5("div", { className: ContactCTA_default.ctaContent, children: [
+    /* @__PURE__ */ jsx5("h2", { className: ContactCTA_default.ctaHeading, children: "Interested in Our Research?" }),
+    /* @__PURE__ */ jsx5("p", { className: ContactCTA_default.ctaText, children: "Follow our work, explore our publications, or get in touch to discuss potential collaborations." }),
+    /* @__PURE__ */ jsx5(Link3, { href: "/contact", className: ContactCTA_default.ctaButton, children: "Contact Us" })
   ] }) });
 }
+
+// src/components/AnimatedHero.tsx
+import { motion as motion2, useScroll, useTransform } from "framer-motion";
+import { useRef } from "react";
+import Image from "next/image";
+import Link4 from "next/link";
+
+// src/components/HomePage.module.css
+var HomePage_default = {};
+
+// src/lib/animations.ts
+var fadeIn = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      duration: 0.6,
+      ease: [0.65, 0, 0.35, 1]
+    }
+  }
+};
+var fadeInUp = {
+  hidden: { opacity: 0, y: 30 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.8,
+      ease: [0.65, 0, 0.35, 1]
+    }
+  }
+};
+var fadeInUpShort = {
+  hidden: { opacity: 0, y: 20 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.6,
+      ease: [0.4, 0, 0.2, 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]
+    }
+  }
+};
+var slideInRight = {
+  hidden: { opacity: 0, x: 20 },
+  visible: {
+    opacity: 1,
+    x: 0,
+    transition: {
+      duration: 0.6,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
+var slideInLeft = {
+  hidden: { opacity: 0, x: -20 },
+  visible: {
+    opacity: 1,
+    x: 0,
+    transition: {
+      duration: 0.6,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
+var staggerContainer = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.1,
+      delayChildren: 0.2
+    }
+  }
+};
+var staggerItem = {
+  hidden: { opacity: 0, y: 20 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.5,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
+var cardHover = {
+  hover: {
+    y: -8,
+    transition: {
+      duration: 0.3,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
+var imageZoom = {
+  hover: {
+    scale: 1.08,
+    transition: {
+      duration: 0.5,
+      ease: [0.65, 0, 0.35, 1]
+    }
+  }
+};
+var pageTransition = {
+  hidden: { opacity: 0, y: 20 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.6,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  },
+  exit: {
+    opacity: 0,
+    y: -20,
+    transition: {
+      duration: 0.4,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
+var viewportSettings = {
+  once: true,
+  amount: 0.3,
+  margin: "0px 0px -100px 0px"
+};
+var scrollReveal = {
+  hidden: { opacity: 0, y: 50 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.8,
+      ease: [0.65, 0, 0.35, 1]
+    }
+  }
+};
+var reducedMotion = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      duration: 0.01
+    }
+  }
+};
+
+// src/components/AnimatedHero.tsx
+import { Fragment, jsx as jsx6, jsxs as jsxs6 } 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__ */ jsx6("section", { className: HomePage_default.heroSection, ref, children: /* @__PURE__ */ jsxs6("div", { className: HomePage_default.heroContainer, children: [
+    /* @__PURE__ */ jsxs6(
+      motion2.div,
+      {
+        className: HomePage_default.heroContent,
+        initial: "hidden",
+        animate: "visible",
+        variants: fadeInUp,
+        children: [
+          /* @__PURE__ */ jsx6(
+            motion2.span,
+            {
+              className: HomePage_default.heroTagline,
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              transition: { duration: 0.6, delay: 0.2 },
+              children: heroData.tagline
+            }
+          ),
+          /* @__PURE__ */ jsxs6(
+            motion2.h1,
+            {
+              className: HomePage_default.heroHeading,
+              initial: { opacity: 0, y: 20 },
+              animate: { opacity: 1, y: 0 },
+              transition: { duration: 0.8, delay: 0.3 },
+              children: [
+                heroData.heading,
+                " ",
+                /* @__PURE__ */ jsx6("span", { className: HomePage_default.heroHeadingAccent, children: heroData.headingAccent })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            motion2.p,
+            {
+              className: HomePage_default.heroDescription,
+              initial: { opacity: 0, y: 20 },
+              animate: { opacity: 1, y: 0 },
+              transition: { duration: 0.8, delay: 0.4 },
+              children: heroData.description
+            }
+          ),
+          /* @__PURE__ */ jsxs6(
+            motion2.div,
+            {
+              className: HomePage_default.heroCtas,
+              initial: { opacity: 0, y: 20 },
+              animate: { opacity: 1, y: 0 },
+              transition: { duration: 0.8, delay: 0.5 },
+              children: [
+                /* @__PURE__ */ jsxs6(Link4, { href: heroData.ctaLink, className: HomePage_default.heroPrimaryCta, children: [
+                  heroData.ctaText,
+                  /* @__PURE__ */ jsx6(ArrowRightIcon, {})
+                ] }),
+                /* @__PURE__ */ jsx6(Link4, { href: "/publications", className: HomePage_default.heroSecondaryCta, children: "View Publications" })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      motion2.div,
+      {
+        className: HomePage_default.heroImageWrapper,
+        style: { y },
+        initial: "hidden",
+        animate: "visible",
+        variants: scaleIn,
+        transition: { duration: 0.8, delay: 0.6 },
+        children: heroData.image ? /* @__PURE__ */ jsxs6(Fragment, { children: [
+          /* @__PURE__ */ jsx6(
+            Image,
+            {
+              src: heroData.image,
+              alt: "Research lab",
+              width: 800,
+              height: 600,
+              className: HomePage_default.heroImage,
+              priority: true
+            }
+          ),
+          /* @__PURE__ */ jsx6("div", { className: HomePage_default.heroImageOverlay })
+        ] }) : /* @__PURE__ */ jsx6("div", { className: HomePage_default.heroImagePlaceholder, children: /* @__PURE__ */ jsxs6(
+          "svg",
+          {
+            width: "120",
+            height: "120",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1",
+            children: [
+              /* @__PURE__ */ jsx6("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+              /* @__PURE__ */ jsx6("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+              /* @__PURE__ */ jsx6("path", { d: "M21 15l-5-5L5 21" })
+            ]
+          }
+        ) })
+      }
+    )
+  ] }) });
+}
+
+// src/components/AnimatedCard.tsx
+import { motion as motion3 } from "framer-motion";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function AnimatedCard({ children, className, delay = 0 }) {
+  return /* @__PURE__ */ jsx7(
+    motion3.div,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: viewportSettings,
+      variants: {
+        hidden: { opacity: 0, y: 30 },
+        visible: {
+          opacity: 1,
+          y: 0,
+          transition: {
+            duration: 0.6,
+            delay,
+            ease: [0.4, 0, 0.2, 1]
+          }
+        }
+      },
+      whileHover: "hover",
+      children
+    }
+  );
+}
+function AnimatedImage({ children, className }) {
+  return /* @__PURE__ */ jsx7(motion3.div, { className, variants: imageZoom, children });
+}
+function AnimatedSection({ children, className }) {
+  return /* @__PURE__ */ jsx7(
+    motion3.section,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: viewportSettings,
+      variants: fadeInUpShort,
+      children
+    }
+  );
+}
+
+// src/components/AnimatedGallery.tsx
+import { motion as motion4 } from "framer-motion";
+import Image2 from "next/image";
+import { useState as useState3, useEffect as useEffect4 } from "react";
+
+// src/components/PicturesPage.module.css
+var PicturesPage_default = {};
+
+// src/components/AnimatedGallery.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function useMounted() {
+  const [mounted, setMounted] = useState3(false);
+  useEffect4(() => {
+    setMounted(true);
+  }, []);
+  return mounted;
+}
+function AnimatedGalleryHeader({ children, className }) {
+  const mounted = useMounted();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx8("header", { className, children });
+  }
+  return /* @__PURE__ */ jsx8(
+    motion4.header,
+    {
+      className,
+      initial: { opacity: 0, y: 30 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.8, ease: [0.4, 0, 0.2, 1] },
+      children
+    }
+  );
+}
+function AnimatedGalleryGrid({ images }) {
+  const mounted = useMounted();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx8("div", { className: PicturesPage_default.photosGrid, children: images.map((pic) => /* @__PURE__ */ jsxs7("div", { className: PicturesPage_default.photoCard, children: [
+      /* @__PURE__ */ jsx8("div", { className: PicturesPage_default.photoImageWrapper, children: /* @__PURE__ */ jsx8(
+        Image2,
+        {
+          src: pic.imageUrl,
+          alt: pic.altText,
+          width: pic.width,
+          height: pic.height,
+          sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
+          className: PicturesPage_default.photoImage
+        }
+      ) }),
+      pic.caption && /* @__PURE__ */ jsx8("p", { className: PicturesPage_default.photoCaption, children: pic.caption })
+    ] }, pic._id)) });
+  }
+  return /* @__PURE__ */ jsx8(
+    motion4.div,
+    {
+      className: PicturesPage_default.photosGrid,
+      initial: "hidden",
+      animate: "visible",
+      variants: {
+        hidden: { opacity: 0 },
+        visible: {
+          opacity: 1,
+          transition: {
+            staggerChildren: 0.08,
+            delayChildren: 0.2
+          }
+        }
+      },
+      children: images.map((pic) => /* @__PURE__ */ jsxs7(
+        motion4.div,
+        {
+          className: PicturesPage_default.photoCard,
+          variants: {
+            hidden: { opacity: 0, y: 40, scale: 0.95 },
+            visible: {
+              opacity: 1,
+              y: 0,
+              scale: 1,
+              transition: {
+                duration: 0.6,
+                ease: [0.4, 0, 0.2, 1]
+              }
+            }
+          },
+          whileHover: {
+            scale: 1.05,
+            transition: { duration: 0.3 }
+          },
+          children: [
+            /* @__PURE__ */ jsx8("div", { className: PicturesPage_default.photoImageWrapper, children: /* @__PURE__ */ jsx8(
+              Image2,
+              {
+                src: pic.imageUrl,
+                alt: pic.altText,
+                width: pic.width,
+                height: pic.height,
+                sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
+                className: PicturesPage_default.photoImage
+              }
+            ) }),
+            pic.caption && /* @__PURE__ */ jsx8("p", { className: PicturesPage_default.photoCaption, children: pic.caption })
+          ]
+        },
+        pic._id
+      ))
+    }
+  );
+}
+
+// src/components/AnimatedPage.tsx
+import { motion as motion5 } from "framer-motion";
+import { useState as useState4, useEffect as useEffect5 } from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function useMounted2() {
+  const [mounted, setMounted] = useState4(false);
+  useEffect5(() => {
+    setMounted(true);
+  }, []);
+  return mounted;
+}
+function AnimatedPage({ children, className }) {
+  const mounted = useMounted2();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx9("div", { className, children });
+  }
+  return /* @__PURE__ */ jsx9(
+    motion5.div,
+    {
+      className,
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: { duration: 0.6, ease: [0.4, 0, 0.2, 1] },
+      children
+    }
+  );
+}
+function AnimatedHeader({ children, className }) {
+  const mounted = useMounted2();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx9("header", { className, children });
+  }
+  return /* @__PURE__ */ jsx9(
+    motion5.header,
+    {
+      className,
+      initial: { opacity: 0, y: 15 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.5, ease: [0.4, 0, 0.2, 1] },
+      children
+    }
+  );
+}
+function AnimatedMain({ children, className }) {
+  const mounted = useMounted2();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx9("main", { className, children });
+  }
+  return /* @__PURE__ */ jsx9(
+    motion5.main,
+    {
+      className,
+      initial: { opacity: 0, y: 10 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.5, delay: 0.1, ease: [0.4, 0, 0.2, 1] },
+      children
+    }
+  );
+}
+function StaggeredGrid({ children, className }) {
+  const mounted = useMounted2();
+  const childArray = Array.isArray(children) ? children : [children];
+  if (!mounted) {
+    return /* @__PURE__ */ jsx9("div", { className, children });
+  }
+  return /* @__PURE__ */ jsx9(
+    motion5.div,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: { once: true, amount: 0.1 },
+      variants: {
+        hidden: { opacity: 0 },
+        visible: {
+          opacity: 1,
+          transition: {
+            staggerChildren: 0.05,
+            delayChildren: 0.05
+          }
+        }
+      },
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx9(
+        motion5.div,
+        {
+          variants: {
+            hidden: { opacity: 0, y: 15 },
+            visible: {
+              opacity: 1,
+              y: 0,
+              transition: {
+                duration: 0.5,
+                ease: [0.4, 0, 0.2, 1]
+              }
+            }
+          },
+          children: child
+        },
+        index
+      ))
+    }
+  );
+}
+function AnimatedItem({ children, className, delay = 0, index = 0 }) {
+  const mounted = useMounted2();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx9("div", { className, children });
+  }
+  return /* @__PURE__ */ jsx9(
+    motion5.div,
+    {
+      className,
+      initial: { opacity: 0, y: 15 },
+      whileInView: { opacity: 1, y: 0 },
+      viewport: { once: true, amount: 0.2 },
+      transition: {
+        duration: 0.5,
+        delay: delay || index * 0.05,
+        ease: [0.4, 0, 0.2, 1]
+      },
+      children
+    }
+  );
+}
+function ScrollRevealSection({ children, className }) {
+  const mounted = useMounted2();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx9("section", { className, children });
+  }
+  return /* @__PURE__ */ jsx9(
+    motion5.section,
+    {
+      className,
+      initial: { opacity: 0, y: 20 },
+      whileInView: { opacity: 1, y: 0 },
+      viewport: { once: true, amount: 0.15 },
+      transition: { duration: 0.5, ease: [0.4, 0, 0.2, 1] },
+      children
+    }
+  );
+}
+function AnimatedHeroContent({ children, className }) {
+  const mounted = useMounted2();
+  const childArray = Array.isArray(children) ? children : [children];
+  if (!mounted) {
+    return /* @__PURE__ */ jsx9("div", { className, children });
+  }
+  return /* @__PURE__ */ jsx9(
+    motion5.div,
+    {
+      className,
+      initial: "hidden",
+      animate: "visible",
+      variants: {
+        hidden: { opacity: 0 },
+        visible: {
+          opacity: 1,
+          transition: {
+            staggerChildren: 0.08,
+            delayChildren: 0.05
+          }
+        }
+      },
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx9(
+        motion5.div,
+        {
+          variants: {
+            hidden: { opacity: 0, y: 10 },
+            visible: {
+              opacity: 1,
+              y: 0,
+              transition: {
+                duration: 0.5,
+                ease: [0.4, 0, 0.2, 1]
+              }
+            }
+          },
+          children: child
+        },
+        index
+      ))
+    }
+  );
+}
+
+// src/components/AnimatedSections.tsx
+import { motion as motion6 } from "framer-motion";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function AnimatedGrid({ children, className }) {
+  const childArray = Array.isArray(children) ? children : [children];
+  return /* @__PURE__ */ jsx10(
+    motion6.div,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: viewportSettings,
+      variants: staggerContainer,
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx10(motion6.div, { variants: staggerItem, children: child }, index))
+    }
+  );
+}
+function AnimatedStats({ children, className }) {
+  const childArray = Array.isArray(children) ? children : [children];
+  return /* @__PURE__ */ jsx10(
+    motion6.div,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: { once: true, amount: 0.3 },
+      variants: {
+        hidden: { opacity: 0 },
+        visible: {
+          opacity: 1,
+          transition: {
+            staggerChildren: 0.15,
+            delayChildren: 0.1
+          }
+        }
+      },
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx10(
+        motion6.div,
+        {
+          variants: {
+            hidden: { opacity: 0, scale: 0.8 },
+            visible: {
+              opacity: 1,
+              scale: 1,
+              transition: {
+                duration: 0.5,
+                ease: [0.4, 0, 0.2, 1]
+              }
+            }
+          },
+          children: child
+        },
+        index
+      ))
+    }
+  );
+}
+function AnimatedSectionHeader({ children, className }) {
+  return /* @__PURE__ */ jsx10(
+    motion6.header,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: viewportSettings,
+      variants: fadeInUpShort,
+      children
+    }
+  );
+}
+function AnimatedList({ children, className }) {
+  const childArray = Array.isArray(children) ? children : [children];
+  return /* @__PURE__ */ jsx10(
+    motion6.div,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: viewportSettings,
+      variants: {
+        hidden: { opacity: 0 },
+        visible: {
+          opacity: 1,
+          transition: {
+            staggerChildren: 0.08,
+            delayChildren: 0.1
+          }
+        }
+      },
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx10(
+        motion6.div,
+        {
+          variants: {
+            hidden: { opacity: 0, x: -20 },
+            visible: {
+              opacity: 1,
+              x: 0,
+              transition: {
+                duration: 0.5,
+                ease: [0.4, 0, 0.2, 1]
+              }
+            }
+          },
+          children: child
+        },
+        index
+      ))
+    }
+  );
+}
+
+// src/config.ts
+function defineConfig(config) {
+  return config;
+}
+
+// src/lib/sanity.ts
+import { createClient } from "next-sanity";
+import imageUrlBuilder from "@sanity/image-url";
+var projectId = process.env.NEXT_PUBLIC_SANITY_PROJECT_ID;
+var dataset = process.env.NEXT_PUBLIC_SANITY_DATASET || "production";
+var apiVersion = "2023-05-03";
+var _client = null;
+function getClient() {
+  if (!_client) {
+    if (!projectId) {
+      throw new Error(
+        "Sanity Project ID is not defined. Please set NEXT_PUBLIC_SANITY_PROJECT_ID in your environment."
+      );
+    }
+    _client = createClient({
+      projectId,
+      dataset,
+      apiVersion,
+      useCdn: process.env.NODE_ENV === "production"
+    });
+  }
+  return _client;
+}
+var client = {
+  get projectId() {
+    return projectId;
+  },
+  get dataset() {
+    return dataset;
+  },
+  fetch: (...args) => getClient().fetch(...args)
+};
+var _builder = null;
+function urlFor(source) {
+  if (!_builder) {
+    if (!projectId) {
+      return {
+        width: () => ({ height: () => ({ url: () => "" }), url: () => "" }),
+        height: () => ({ width: () => ({ url: () => "" }), url: () => "" }),
+        url: () => ""
+      };
+    }
+    _builder = imageUrlBuilder({ projectId, dataset });
+  }
+  return _builder.image(source);
+}
 export {
+  AnimatedCard,
+  AnimatedGalleryGrid,
+  AnimatedGalleryHeader,
+  AnimatedGrid,
+  AnimatedHeader,
   AnimatedHero,
+  AnimatedHeroContent,
+  AnimatedImage,
+  AnimatedItem,
+  AnimatedList,
+  AnimatedMain,
+  AnimatedPage,
+  AnimatedSection,
+  AnimatedSectionHeader,
+  AnimatedStats,
   ClientLayout,
   ContactCTA,
   Footer,
   Header,
-  ThemeToggle
+  ScrollRevealSection,
+  StaggeredGrid,
+  ThemeToggle,
+  cardHover,
+  client,
+  defineConfig,
+  escapeHtml,
+  fadeIn,
+  fadeInUp,
+  fadeInUpShort,
+  getClient,
+  imageZoom,
+  isValidEmail,
+  isValidExternalUrl,
+  isValidGoogleMapsEmbedUrl,
+  isValidSlug,
+  pageTransition,
+  reducedMotion,
+  sanitizeUrl,
+  scaleIn,
+  scrollReveal,
+  slideInLeft,
+  slideInRight,
+  staggerContainer,
+  staggerItem,
+  urlFor,
+  viewportSettings
 };