@prosophia/lab-minimal 0.0.4 → 0.0.5

package/dist/index.mjs

@@ -6,19 +6,13 @@ import { ThemeProvider, useTheme as useTheme2 } from "next-themes";
 import Link from "next/link";
 import { useState as useState2, useEffect as useEffect2, useCallback } from "react";
 import { usePathname } from "next/navigation";
-
-// src/components/Layout.module.css
-var Layout_default = {};
+import styles2 from "./Layout.module.css";
 
 // src/components/ThemeToggle.tsx
 import { useTheme } from "next-themes";
 import { useEffect, useState } from "react";
 import { motion } from "framer-motion";
-
-// src/components/ThemeToggle.module.css
-var ThemeToggle_default = {};
-
-// src/components/ThemeToggle.tsx
+import styles from "./ThemeToggle.module.css";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ThemeToggle() {
   const { theme, setTheme, resolvedTheme } = useTheme();
@@ -27,7 +21,7 @@ function ThemeToggle() {
     setMounted(true);
   }, []);
   if (!mounted) {
-    return /* @__PURE__ */ jsx("div", { className: ThemeToggle_default.togglePlaceholder });
+    return /* @__PURE__ */ jsx("div", { className: styles.togglePlaceholder });
   }
   const isDark = resolvedTheme === "dark";
   const toggleTheme = () => {
@@ -36,12 +30,12 @@ function ThemeToggle() {
   return /* @__PURE__ */ jsx(
     motion.button,
     {
-      className: ThemeToggle_default.toggle,
+      className: styles.toggle,
       onClick: toggleTheme,
       "aria-label": `Switch to ${isDark ? "light" : "dark"} mode`,
       whileTap: { scale: 0.95 },
-      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: [
+      children: /* @__PURE__ */ jsxs("span", { className: styles.track, children: [
+        /* @__PURE__ */ jsx("span", { className: `${styles.icon} ${styles.sunIcon} ${!isDark ? styles.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" }),
@@ -55,12 +49,12 @@ function ThemeToggle() {
         /* @__PURE__ */ jsx(
           motion.span,
           {
-            className: ThemeToggle_default.thumb,
+            className: styles.thumb,
             animate: { x: isDark ? 26 : 0 },
             transition: { type: "spring", stiffness: 500, damping: 30 }
           }
         ),
-        /* @__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" }) }) })
+        /* @__PURE__ */ jsx("span", { className: `${styles.icon} ${styles.moonIcon} ${isDark ? styles.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" }) }) })
       ] })
     }
   );
@@ -112,8 +106,8 @@ function Header({ settings }) {
     if (href === "/") return pathname === "/";
     return pathname.startsWith(href);
   };
-  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: [
+  return /* @__PURE__ */ jsx2("header", { className: `${styles2.header} ${scrolled ? styles2.headerScrolled : ""}`, children: /* @__PURE__ */ jsxs2("div", { className: styles2.navContainer, children: [
+    /* @__PURE__ */ jsxs2(Link, { href: "/", className: styles2.navLogo, "aria-label": "Go to homepage", children: [
       /* @__PURE__ */ jsxs2(
         "svg",
         {
@@ -159,37 +153,37 @@ function Header({ settings }) {
       ),
       /* @__PURE__ */ jsxs2("span", { children: [
         settings.labName || "Research",
-        settings.labNameAccent && /* @__PURE__ */ jsxs2("span", { className: Layout_default.navLogoAccent, children: [
+        settings.labNameAccent && /* @__PURE__ */ jsxs2("span", { className: styles2.navLogoAccent, children: [
           " ",
           settings.labNameAccent
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx2("nav", { className: Layout_default.desktopNav, "aria-label": "Main navigation", children: navLinks.map((link) => /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx2("nav", { className: styles2.desktopNav, "aria-label": "Main navigation", children: navLinks.map((link) => /* @__PURE__ */ jsx2(
       Link,
       {
         href: link.href,
-        className: `${Layout_default.navLink} ${isActive(link.href) ? Layout_default.navLinkActive : ""}`,
+        className: `${styles2.navLink} ${isActive(link.href) ? styles2.navLinkActive : ""}`,
         children: link.label
       },
       link.href
     )) }),
-    /* @__PURE__ */ jsxs2("div", { className: Layout_default.navActions, children: [
+    /* @__PURE__ */ jsxs2("div", { className: styles2.navActions, children: [
       /* @__PURE__ */ jsx2(ThemeToggle, {}),
-      /* @__PURE__ */ jsx2(Link, { href: "/contact", className: Layout_default.navCta, children: "Contact Us" })
+      /* @__PURE__ */ jsx2(Link, { href: "/contact", className: styles2.navCta, children: "Contact Us" })
     ] }),
     /* @__PURE__ */ jsx2(
       "button",
       {
-        className: Layout_default.menuButton,
+        className: styles2.menuButton,
         onClick: () => setMenuOpen(!menuOpen),
         "aria-label": menuOpen ? "Close menu" : "Open menu",
         "aria-expanded": menuOpen,
         "aria-controls": "mobile-menu",
-        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 : ""}` })
+        children: /* @__PURE__ */ jsxs2("span", { className: styles2.menuButtonLines, children: [
+          /* @__PURE__ */ jsx2("span", { className: `${styles2.menuLine} ${menuOpen ? styles2.menuLineOpen1 : ""}` }),
+          /* @__PURE__ */ jsx2("span", { className: `${styles2.menuLine} ${menuOpen ? styles2.menuLineOpen2 : ""}` }),
+          /* @__PURE__ */ jsx2("span", { className: `${styles2.menuLine} ${menuOpen ? styles2.menuLineOpen3 : ""}` })
         ] })
       }
     ),
@@ -197,13 +191,13 @@ function Header({ settings }) {
       "div",
       {
         id: "mobile-menu",
-        className: `${Layout_default.mobileMenu} ${menuOpen ? Layout_default.mobileMenuOpen : ""}`,
+        className: `${styles2.mobileMenu} ${menuOpen ? styles2.mobileMenuOpen : ""}`,
         "aria-hidden": !menuOpen,
         children: [
           /* @__PURE__ */ jsx2(
             "div",
             {
-              className: Layout_default.mobileMenuOverlay,
+              className: styles2.mobileMenuOverlay,
               onClick: () => setMenuOpen(false),
               "aria-hidden": "true"
             }
@@ -211,14 +205,14 @@ function Header({ settings }) {
           /* @__PURE__ */ jsxs2(
             "nav",
             {
-              className: Layout_default.mobileMenuContent,
+              className: styles2.mobileMenuContent,
               "aria-label": "Mobile navigation",
               children: [
                 navLinks.map((link, index) => /* @__PURE__ */ jsx2(
                   Link,
                   {
                     href: link.href,
-                    className: `${Layout_default.mobileNavLink} ${isActive(link.href) ? Layout_default.mobileNavLinkActive : ""}`,
+                    className: `${styles2.mobileNavLink} ${isActive(link.href) ? styles2.mobileNavLinkActive : ""}`,
                     style: { animationDelay: `${index * 50}ms` },
                     tabIndex: menuOpen ? 0 : -1,
                     children: link.label
@@ -229,7 +223,7 @@ function Header({ settings }) {
                   Link,
                   {
                     href: "/contact",
-                    className: Layout_default.mobileNavCta,
+                    className: styles2.mobileNavCta,
                     style: { animationDelay: `${navLinks.length * 50}ms` },
                     tabIndex: menuOpen ? 0 : -1,
                     children: "Contact Us"
@@ -246,9 +240,7 @@ function Header({ settings }) {
 
 // src/components/Footer.tsx
 import Link2 from "next/link";
-
-// src/components/Footer.module.css
-var Footer_default = {};
+import styles3 from "./Footer.module.css";
 
 // src/lib/utils.ts
 function isValidExternalUrl(url) {
@@ -303,49 +295,49 @@ function isValidSlug(slug) {
 
 // src/components/Footer.tsx
 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 });
+var SocialIcon = ({ href, children }) => /* @__PURE__ */ jsx3("a", { href, target: "_blank", rel: "noopener noreferrer", className: styles3.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__ */ 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: [
+  return /* @__PURE__ */ jsx3("footer", { className: styles3.footerWrapper, children: /* @__PURE__ */ jsxs3("div", { className: styles3.footerContainer, children: [
+    /* @__PURE__ */ jsxs3("div", { className: styles3.mainFooter, children: [
+      /* @__PURE__ */ jsxs3("div", { className: styles3.footerAbout, children: [
+        /* @__PURE__ */ jsxs3(Link2, { href: "/", className: styles3.footerLogo, children: [
           settings?.labName || "Cavendish",
           " ",
-          /* @__PURE__ */ jsx3("span", { className: Footer_default.logoAccent, children: settings?.labNameAccent || "Lab" })
+          /* @__PURE__ */ jsx3("span", { className: styles3.logoAccent, children: settings?.labNameAccent || "Lab" })
         ] }),
-        /* @__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("p", { className: styles3.footerDescription, children: settings?.labNameDescription || "Advancing the frontiers of physics and our understanding of the universe." }),
+        /* @__PURE__ */ jsxs3("div", { className: styles3.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__ */ jsxs3("div", { className: Footer_default.footerLinksGrid, children: [
-        /* @__PURE__ */ jsxs3("div", { className: Footer_default.footerColumn, children: [
+      /* @__PURE__ */ jsxs3("div", { className: styles3.footerLinksGrid, children: [
+        /* @__PURE__ */ jsxs3("div", { className: styles3.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__ */ jsxs3("div", { className: Footer_default.footerColumn, children: [
+        /* @__PURE__ */ jsxs3("div", { className: styles3.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__ */ jsxs3("div", { className: Footer_default.footerColumn, children: [
+        /* @__PURE__ */ jsxs3("div", { className: styles3.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__ */ jsxs3("div", { className: Footer_default.footerBottomBar, children: [
+    /* @__PURE__ */ jsxs3("div", { className: styles3.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: [
+      hasLegalLinks && /* @__PURE__ */ jsxs3("div", { className: styles3.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" }))
       ] })
@@ -381,17 +373,13 @@ function ClientLayout({ children, settings }) {
 
 // src/components/ContactCTA.tsx
 import Link3 from "next/link";
-
-// src/components/ContactCTA.module.css
-var ContactCTA_default = {};
-
-// src/components/ContactCTA.tsx
+import styles4 from "./ContactCTA.module.css";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function ContactCTA() {
-  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" })
+  return /* @__PURE__ */ jsx5("section", { className: styles4.ctaContainer, children: /* @__PURE__ */ jsxs5("div", { className: styles4.ctaContent, children: [
+    /* @__PURE__ */ jsx5("h2", { className: styles4.ctaHeading, children: "Interested in Our Research?" }),
+    /* @__PURE__ */ jsx5("p", { className: styles4.ctaText, children: "Follow our work, explore our publications, or get in touch to discuss potential collaborations." }),
+    /* @__PURE__ */ jsx5(Link3, { href: "/contact", className: styles4.ctaButton, children: "Contact Us" })
   ] }) });
 }
 
@@ -400,9 +388,7 @@ 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 = {};
+import styles5 from "./HomePage.module.css";
 
 // src/lib/animations.ts
 var fadeIn = {
@@ -560,11 +546,11 @@ 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: [
+  return /* @__PURE__ */ jsx6("section", { className: styles5.heroSection, ref, children: /* @__PURE__ */ jsxs6("div", { className: styles5.heroContainer, children: [
     /* @__PURE__ */ jsxs6(
       motion2.div,
       {
-        className: HomePage_default.heroContent,
+        className: styles5.heroContent,
         initial: "hidden",
         animate: "visible",
         variants: fadeInUp,
@@ -572,7 +558,7 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
           /* @__PURE__ */ jsx6(
             motion2.span,
             {
-              className: HomePage_default.heroTagline,
+              className: styles5.heroTagline,
               initial: { opacity: 0 },
               animate: { opacity: 1 },
               transition: { duration: 0.6, delay: 0.2 },
@@ -582,21 +568,21 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
           /* @__PURE__ */ jsxs6(
             motion2.h1,
             {
-              className: HomePage_default.heroHeading,
+              className: styles5.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("span", { className: styles5.heroHeadingAccent, children: heroData.headingAccent })
               ]
             }
           ),
           /* @__PURE__ */ jsx6(
             motion2.p,
             {
-              className: HomePage_default.heroDescription,
+              className: styles5.heroDescription,
               initial: { opacity: 0, y: 20 },
               animate: { opacity: 1, y: 0 },
               transition: { duration: 0.8, delay: 0.4 },
@@ -606,16 +592,16 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
           /* @__PURE__ */ jsxs6(
             motion2.div,
             {
-              className: HomePage_default.heroCtas,
+              className: styles5.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: [
+                /* @__PURE__ */ jsxs6(Link4, { href: heroData.ctaLink, className: styles5.heroPrimaryCta, children: [
                   heroData.ctaText,
                   /* @__PURE__ */ jsx6(ArrowRightIcon, {})
                 ] }),
-                /* @__PURE__ */ jsx6(Link4, { href: "/publications", className: HomePage_default.heroSecondaryCta, children: "View Publications" })
+                /* @__PURE__ */ jsx6(Link4, { href: "/publications", className: styles5.heroSecondaryCta, children: "View Publications" })
               ]
             }
           )
@@ -625,7 +611,7 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
     /* @__PURE__ */ jsx6(
       motion2.div,
       {
-        className: HomePage_default.heroImageWrapper,
+        className: styles5.heroImageWrapper,
         style: { y },
         initial: "hidden",
         animate: "visible",
@@ -639,12 +625,12 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
               alt: "Research lab",
               width: 800,
               height: 600,
-              className: HomePage_default.heroImage,
+              className: styles5.heroImage,
               priority: true
             }
           ),
-          /* @__PURE__ */ jsx6("div", { className: HomePage_default.heroImageOverlay })
-        ] }) : /* @__PURE__ */ jsx6("div", { className: HomePage_default.heroImagePlaceholder, children: /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsx6("div", { className: styles5.heroImageOverlay })
+        ] }) : /* @__PURE__ */ jsx6("div", { className: styles5.heroImagePlaceholder, children: /* @__PURE__ */ jsxs6(
           "svg",
           {
             width: "120",
@@ -665,11 +651,26 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
   ] }) });
 }
 
+// src/components/HomePage.tsx
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function HomePage({
+  children,
+  settings = null,
+  header,
+  footer
+}) {
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    header ?? /* @__PURE__ */ jsx7(Header, { settings: settings || {} }),
+    /* @__PURE__ */ jsx7("main", { children }),
+    footer ?? /* @__PURE__ */ jsx7(Footer, { settings: settings || {} })
+  ] });
+}
+
 // src/components/AnimatedCard.tsx
 import { motion as motion3 } from "framer-motion";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function AnimatedCard({ children, className, delay = 0 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     motion3.div,
     {
       className,
@@ -694,10 +695,10 @@ function AnimatedCard({ children, className, delay = 0 }) {
   );
 }
 function AnimatedImage({ children, className }) {
-  return /* @__PURE__ */ jsx7(motion3.div, { className, variants: imageZoom, children });
+  return /* @__PURE__ */ jsx8(motion3.div, { className, variants: imageZoom, children });
 }
 function AnimatedSection({ children, className }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     motion3.section,
     {
       className,
@@ -714,12 +715,8 @@ function AnimatedSection({ children, className }) {
 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";
+import styles6 from "./PicturesPage.module.css";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function useMounted() {
   const [mounted, setMounted] = useState3(false);
   useEffect4(() => {
@@ -730,9 +727,9 @@ function useMounted() {
 function AnimatedGalleryHeader({ children, className }) {
   const mounted = useMounted();
   if (!mounted) {
-    return /* @__PURE__ */ jsx8("header", { className, children });
+    return /* @__PURE__ */ jsx9("header", { className, children });
   }
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     motion4.header,
     {
       className,
@@ -746,8 +743,8 @@ function AnimatedGalleryHeader({ children, className }) {
 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(
+    return /* @__PURE__ */ jsx9("div", { className: styles6.photosGrid, children: images.map((pic) => /* @__PURE__ */ jsxs8("div", { className: styles6.photoCard, children: [
+      /* @__PURE__ */ jsx9("div", { className: styles6.photoImageWrapper, children: /* @__PURE__ */ jsx9(
         Image2,
         {
           src: pic.imageUrl,
@@ -755,16 +752,16 @@ function AnimatedGalleryGrid({ images }) {
           width: pic.width,
           height: pic.height,
           sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
-          className: PicturesPage_default.photoImage
+          className: styles6.photoImage
         }
       ) }),
-      pic.caption && /* @__PURE__ */ jsx8("p", { className: PicturesPage_default.photoCaption, children: pic.caption })
+      pic.caption && /* @__PURE__ */ jsx9("p", { className: styles6.photoCaption, children: pic.caption })
     ] }, pic._id)) });
   }
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     motion4.div,
     {
-      className: PicturesPage_default.photosGrid,
+      className: styles6.photosGrid,
       initial: "hidden",
       animate: "visible",
       variants: {
@@ -777,10 +774,10 @@ function AnimatedGalleryGrid({ images }) {
           }
         }
       },
-      children: images.map((pic) => /* @__PURE__ */ jsxs7(
+      children: images.map((pic) => /* @__PURE__ */ jsxs8(
         motion4.div,
         {
-          className: PicturesPage_default.photoCard,
+          className: styles6.photoCard,
           variants: {
             hidden: { opacity: 0, y: 40, scale: 0.95 },
             visible: {
@@ -798,7 +795,7 @@ function AnimatedGalleryGrid({ images }) {
             transition: { duration: 0.3 }
           },
           children: [
-            /* @__PURE__ */ jsx8("div", { className: PicturesPage_default.photoImageWrapper, children: /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9("div", { className: styles6.photoImageWrapper, children: /* @__PURE__ */ jsx9(
               Image2,
               {
                 src: pic.imageUrl,
@@ -806,10 +803,10 @@ function AnimatedGalleryGrid({ images }) {
                 width: pic.width,
                 height: pic.height,
                 sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
-                className: PicturesPage_default.photoImage
+                className: styles6.photoImage
               }
             ) }),
-            pic.caption && /* @__PURE__ */ jsx8("p", { className: PicturesPage_default.photoCaption, children: pic.caption })
+            pic.caption && /* @__PURE__ */ jsx9("p", { className: styles6.photoCaption, children: pic.caption })
           ]
         },
         pic._id
@@ -821,7 +818,7 @@ function AnimatedGalleryGrid({ images }) {
 // 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";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function useMounted2() {
   const [mounted, setMounted] = useState4(false);
   useEffect5(() => {
@@ -832,9 +829,9 @@ function useMounted2() {
 function AnimatedPage({ children, className }) {
   const mounted = useMounted2();
   if (!mounted) {
-    return /* @__PURE__ */ jsx9("div", { className, children });
+    return /* @__PURE__ */ jsx10("div", { className, children });
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     motion5.div,
     {
       className,
@@ -848,9 +845,9 @@ function AnimatedPage({ children, className }) {
 function AnimatedHeader({ children, className }) {
   const mounted = useMounted2();
   if (!mounted) {
-    return /* @__PURE__ */ jsx9("header", { className, children });
+    return /* @__PURE__ */ jsx10("header", { className, children });
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     motion5.header,
     {
       className,
@@ -864,9 +861,9 @@ function AnimatedHeader({ children, className }) {
 function AnimatedMain({ children, className }) {
   const mounted = useMounted2();
   if (!mounted) {
-    return /* @__PURE__ */ jsx9("main", { className, children });
+    return /* @__PURE__ */ jsx10("main", { className, children });
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     motion5.main,
     {
       className,
@@ -881,9 +878,9 @@ function StaggeredGrid({ children, className }) {
   const mounted = useMounted2();
   const childArray = Array.isArray(children) ? children : [children];
   if (!mounted) {
-    return /* @__PURE__ */ jsx9("div", { className, children });
+    return /* @__PURE__ */ jsx10("div", { className, children });
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     motion5.div,
     {
       className,
@@ -900,7 +897,7 @@ function StaggeredGrid({ children, className }) {
           }
         }
       },
-      children: childArray.map((child, index) => /* @__PURE__ */ jsx9(
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx10(
         motion5.div,
         {
           variants: {
@@ -924,9 +921,9 @@ function StaggeredGrid({ children, className }) {
 function AnimatedItem({ children, className, delay = 0, index = 0 }) {
   const mounted = useMounted2();
   if (!mounted) {
-    return /* @__PURE__ */ jsx9("div", { className, children });
+    return /* @__PURE__ */ jsx10("div", { className, children });
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     motion5.div,
     {
       className,
@@ -945,9 +942,9 @@ function AnimatedItem({ children, className, delay = 0, index = 0 }) {
 function ScrollRevealSection({ children, className }) {
   const mounted = useMounted2();
   if (!mounted) {
-    return /* @__PURE__ */ jsx9("section", { className, children });
+    return /* @__PURE__ */ jsx10("section", { className, children });
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     motion5.section,
     {
       className,
@@ -963,9 +960,9 @@ function AnimatedHeroContent({ children, className }) {
   const mounted = useMounted2();
   const childArray = Array.isArray(children) ? children : [children];
   if (!mounted) {
-    return /* @__PURE__ */ jsx9("div", { className, children });
+    return /* @__PURE__ */ jsx10("div", { className, children });
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     motion5.div,
     {
       className,
@@ -981,7 +978,7 @@ function AnimatedHeroContent({ children, className }) {
           }
         }
       },
-      children: childArray.map((child, index) => /* @__PURE__ */ jsx9(
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx10(
         motion5.div,
         {
           variants: {
@@ -1005,10 +1002,10 @@ function AnimatedHeroContent({ children, className }) {
 
 // src/components/AnimatedSections.tsx
 import { motion as motion6 } from "framer-motion";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function AnimatedGrid({ children, className }) {
   const childArray = Array.isArray(children) ? children : [children];
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     motion6.div,
     {
       className,
@@ -1016,13 +1013,13 @@ function AnimatedGrid({ children, className }) {
       whileInView: "visible",
       viewport: viewportSettings,
       variants: staggerContainer,
-      children: childArray.map((child, index) => /* @__PURE__ */ jsx10(motion6.div, { variants: staggerItem, children: child }, index))
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx11(motion6.div, { variants: staggerItem, children: child }, index))
     }
   );
 }
 function AnimatedStats({ children, className }) {
   const childArray = Array.isArray(children) ? children : [children];
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     motion6.div,
     {
       className,
@@ -1039,7 +1036,7 @@ function AnimatedStats({ children, className }) {
           }
         }
       },
-      children: childArray.map((child, index) => /* @__PURE__ */ jsx10(
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx11(
         motion6.div,
         {
           variants: {
@@ -1061,7 +1058,7 @@ function AnimatedStats({ children, className }) {
   );
 }
 function AnimatedSectionHeader({ children, className }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     motion6.header,
     {
       className,
@@ -1075,7 +1072,7 @@ function AnimatedSectionHeader({ children, className }) {
 }
 function AnimatedList({ children, className }) {
   const childArray = Array.isArray(children) ? children : [children];
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     motion6.div,
     {
       className,
@@ -1092,7 +1089,7 @@ function AnimatedList({ children, className }) {
           }
         }
       },
-      children: childArray.map((child, index) => /* @__PURE__ */ jsx10(
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx11(
         motion6.div,
         {
           variants: {
@@ -1185,6 +1182,7 @@ export {
   ContactCTA,
   Footer,
   Header,
+  HomePage,
   ScrollRevealSection,
   StaggeredGrid,
   ThemeToggle,