@prosophia/personal-portfolio 0.0.3 → 0.0.5

package/dist/index.mjs

@@ -8,9 +8,438 @@ function Divider() {
 // src/components/Experience.tsx
 import { motion } from "framer-motion";
 import styles2 from "./Experience.module.css";
-import { fadeInUp, staggerContainer, hoverLift, tapScale } from "@/styles/motion";
-import { useSiteSettings } from "@/context/SiteSettingsContext";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+
+// src/styles/motion.ts
+var easeOutExpo = [0.16, 1, 0.3, 1];
+var springStiff = {
+  mass: 1,
+  stiffness: 100,
+  damping: 15
+};
+var timing = {
+  quick: 0.15,
+  standard: 0.35,
+  ambient: 0.8
+};
+var fadeInUp = {
+  hidden: {
+    opacity: 0,
+    y: 20
+  },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: timing.standard,
+      ease: easeOutExpo
+    }
+  }
+};
+var fadeIn = {
+  hidden: {
+    opacity: 0
+  },
+  visible: {
+    opacity: 1,
+    transition: {
+      duration: timing.standard,
+      ease: easeOutExpo
+    }
+  }
+};
+var blurFade = {
+  hidden: {
+    opacity: 0,
+    filter: "blur(10px)"
+  },
+  visible: {
+    opacity: 1,
+    filter: "blur(0px)",
+    transition: {
+      duration: timing.standard,
+      ease: easeOutExpo
+    }
+  }
+};
+var staggerContainer = {
+  hidden: { opacity: 1 },
+  visible: {
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.05,
+      delayChildren: 0.1
+    }
+  }
+};
+var slideInLeft = {
+  hidden: {
+    opacity: 0,
+    x: -20
+  },
+  visible: {
+    opacity: 1,
+    x: 0,
+    transition: {
+      duration: timing.standard,
+      ease: easeOutExpo
+    }
+  }
+};
+var scaleUp = {
+  hidden: {
+    opacity: 0,
+    scale: 0.95
+  },
+  visible: {
+    opacity: 1,
+    scale: 1,
+    transition: {
+      duration: timing.standard,
+      ease: easeOutExpo
+    }
+  }
+};
+var hoverLift = {
+  y: -5,
+  transition: {
+    type: "spring",
+    mass: springStiff.mass,
+    stiffness: springStiff.stiffness,
+    damping: springStiff.damping
+  }
+};
+var tapScale = {
+  scale: 0.95
+};
+var cardHover = {
+  scale: 1.02,
+  transition: {
+    type: "spring",
+    mass: springStiff.mass,
+    stiffness: springStiff.stiffness,
+    damping: springStiff.damping
+  }
+};
+var pageTransition = {
+  initial: {
+    opacity: 0,
+    x: -20
+  },
+  animate: {
+    opacity: 1,
+    x: 0,
+    transition: {
+      duration: timing.standard,
+      ease: easeOutExpo
+    }
+  },
+  exit: {
+    opacity: 0,
+    x: 20,
+    transition: {
+      duration: timing.quick,
+      ease: easeOutExpo
+    }
+  }
+};
+
+// src/context/SiteSettingsContext.tsx
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect2 } from "react";
+
+// src/context/ThemeContext.tsx
+import { createContext, useContext, useEffect, useState } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ThemeContext = createContext({
+  theme: "dark",
+  toggleTheme: () => {
+  },
+  mounted: false
+});
+function ThemeProvider({ children }) {
+  const [theme, setTheme] = useState("dark");
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+    const stored = localStorage.getItem("theme");
+    if (stored) {
+      setTheme(stored);
+    } else if (window.matchMedia("(prefers-color-scheme: light)").matches) {
+      setTheme("light");
+    }
+  }, []);
+  useEffect(() => {
+    if (mounted) {
+      document.documentElement.setAttribute("data-theme", theme);
+      localStorage.setItem("theme", theme);
+    }
+  }, [theme, mounted]);
+  const toggleTheme = () => {
+    setTheme((prev) => prev === "dark" ? "light" : "dark");
+  };
+  return /* @__PURE__ */ jsx2(ThemeContext.Provider, { value: { theme, toggleTheme, mounted }, children: /* @__PURE__ */ jsx2("div", { "data-theme": theme, children }) });
+}
+function useTheme() {
+  const context = useContext(ThemeContext);
+  return context;
+}
+
+// src/lib/themeColors.ts
+var colorPresets = {
+  violet: {
+    light: {
+      primary: "#8b5cf6",
+      primaryHover: "#7c3aed",
+      primaryLight: "#a78bfa",
+      tagBg: "rgba(139, 92, 246, 0.1)",
+      shadow: "rgba(139, 92, 246, 0.15)",
+      borderHighlight: "rgba(139, 92, 246, 0.2)",
+      glassBorder: "rgba(139, 92, 246, 0.1)"
+    },
+    dark: {
+      primary: "#a78bfa",
+      primaryHover: "#8b5cf6",
+      primaryLight: "#c4b5fd",
+      tagBg: "rgba(167, 139, 250, 0.15)",
+      shadow: "rgba(139, 92, 246, 0.2)",
+      borderHighlight: "rgba(167, 139, 250, 0.2)",
+      glassBorder: "rgba(167, 139, 250, 0.1)"
+    }
+  },
+  blue: {
+    light: {
+      primary: "#3b82f6",
+      primaryHover: "#2563eb",
+      primaryLight: "#60a5fa",
+      tagBg: "rgba(59, 130, 246, 0.1)",
+      shadow: "rgba(59, 130, 246, 0.15)",
+      borderHighlight: "rgba(59, 130, 246, 0.2)",
+      glassBorder: "rgba(59, 130, 246, 0.1)"
+    },
+    dark: {
+      primary: "#60a5fa",
+      primaryHover: "#3b82f6",
+      primaryLight: "#93c5fd",
+      tagBg: "rgba(96, 165, 250, 0.15)",
+      shadow: "rgba(59, 130, 246, 0.2)",
+      borderHighlight: "rgba(96, 165, 250, 0.2)",
+      glassBorder: "rgba(96, 165, 250, 0.1)"
+    }
+  },
+  emerald: {
+    light: {
+      primary: "#10b981",
+      primaryHover: "#059669",
+      primaryLight: "#34d399",
+      tagBg: "rgba(16, 185, 129, 0.1)",
+      shadow: "rgba(16, 185, 129, 0.15)",
+      borderHighlight: "rgba(16, 185, 129, 0.2)",
+      glassBorder: "rgba(16, 185, 129, 0.1)"
+    },
+    dark: {
+      primary: "#34d399",
+      primaryHover: "#10b981",
+      primaryLight: "#6ee7b7",
+      tagBg: "rgba(52, 211, 153, 0.15)",
+      shadow: "rgba(16, 185, 129, 0.2)",
+      borderHighlight: "rgba(52, 211, 153, 0.2)",
+      glassBorder: "rgba(52, 211, 153, 0.1)"
+    }
+  },
+  rose: {
+    light: {
+      primary: "#f43f5e",
+      primaryHover: "#e11d48",
+      primaryLight: "#fb7185",
+      tagBg: "rgba(244, 63, 94, 0.1)",
+      shadow: "rgba(244, 63, 94, 0.15)",
+      borderHighlight: "rgba(244, 63, 94, 0.2)",
+      glassBorder: "rgba(244, 63, 94, 0.1)"
+    },
+    dark: {
+      primary: "#fb7185",
+      primaryHover: "#f43f5e",
+      primaryLight: "#fda4af",
+      tagBg: "rgba(251, 113, 133, 0.15)",
+      shadow: "rgba(244, 63, 94, 0.2)",
+      borderHighlight: "rgba(251, 113, 133, 0.2)",
+      glassBorder: "rgba(251, 113, 133, 0.1)"
+    }
+  },
+  amber: {
+    light: {
+      primary: "#f59e0b",
+      primaryHover: "#d97706",
+      primaryLight: "#fbbf24",
+      tagBg: "rgba(245, 158, 11, 0.1)",
+      shadow: "rgba(245, 158, 11, 0.15)",
+      borderHighlight: "rgba(245, 158, 11, 0.2)",
+      glassBorder: "rgba(245, 158, 11, 0.1)"
+    },
+    dark: {
+      primary: "#fbbf24",
+      primaryHover: "#f59e0b",
+      primaryLight: "#fcd34d",
+      tagBg: "rgba(251, 191, 36, 0.15)",
+      shadow: "rgba(245, 158, 11, 0.2)",
+      borderHighlight: "rgba(251, 191, 36, 0.2)",
+      glassBorder: "rgba(251, 191, 36, 0.1)"
+    }
+  },
+  cyan: {
+    light: {
+      primary: "#06b6d4",
+      primaryHover: "#0891b2",
+      primaryLight: "#22d3ee",
+      tagBg: "rgba(6, 182, 212, 0.1)",
+      shadow: "rgba(6, 182, 212, 0.15)",
+      borderHighlight: "rgba(6, 182, 212, 0.2)",
+      glassBorder: "rgba(6, 182, 212, 0.1)"
+    },
+    dark: {
+      primary: "#22d3ee",
+      primaryHover: "#06b6d4",
+      primaryLight: "#67e8f9",
+      tagBg: "rgba(34, 211, 238, 0.15)",
+      shadow: "rgba(6, 182, 212, 0.2)",
+      borderHighlight: "rgba(34, 211, 238, 0.2)",
+      glassBorder: "rgba(34, 211, 238, 0.1)"
+    }
+  }
+};
+function getColorConfig(preset, customColor) {
+  if (preset === "custom" && customColor) {
+    const hex = customColor.replace("#", "");
+    const r = parseInt(hex.substring(0, 2), 16);
+    const g = parseInt(hex.substring(2, 4), 16);
+    const b = parseInt(hex.substring(4, 6), 16);
+    const lighterR = Math.min(255, r + 40);
+    const lighterG = Math.min(255, g + 40);
+    const lighterB = Math.min(255, b + 40);
+    const lighter = `#${lighterR.toString(16).padStart(2, "0")}${lighterG.toString(16).padStart(2, "0")}${lighterB.toString(16).padStart(2, "0")}`;
+    const darkerR = Math.max(0, r - 20);
+    const darkerG = Math.max(0, g - 20);
+    const darkerB = Math.max(0, b - 20);
+    const darker = `#${darkerR.toString(16).padStart(2, "0")}${darkerG.toString(16).padStart(2, "0")}${darkerB.toString(16).padStart(2, "0")}`;
+    return {
+      light: {
+        primary: customColor,
+        primaryHover: darker,
+        primaryLight: lighter,
+        tagBg: `rgba(${r}, ${g}, ${b}, 0.1)`,
+        shadow: `rgba(${r}, ${g}, ${b}, 0.15)`,
+        borderHighlight: `rgba(${r}, ${g}, ${b}, 0.2)`,
+        glassBorder: `rgba(${r}, ${g}, ${b}, 0.1)`
+      },
+      dark: {
+        primary: lighter,
+        primaryHover: customColor,
+        primaryLight: lighter,
+        tagBg: `rgba(${lighterR}, ${lighterG}, ${lighterB}, 0.15)`,
+        shadow: `rgba(${r}, ${g}, ${b}, 0.2)`,
+        borderHighlight: `rgba(${lighterR}, ${lighterG}, ${lighterB}, 0.2)`,
+        glassBorder: `rgba(${lighterR}, ${lighterG}, ${lighterB}, 0.1)`
+      }
+    };
+  }
+  return colorPresets[preset] || colorPresets.violet;
+}
+function applyThemeColors(preset, customColor, isDark = false) {
+  const config = getColorConfig(preset, customColor);
+  const colors = isDark ? config.dark : config.light;
+  document.documentElement.style.setProperty("--primary", colors.primary);
+  document.documentElement.style.setProperty("--primary-hover", colors.primaryHover);
+  document.documentElement.style.setProperty("--primary-light", colors.primaryLight);
+  document.documentElement.style.setProperty("--tag-bg", colors.tagBg);
+  document.documentElement.style.setProperty("--shadow", colors.shadow);
+  document.documentElement.style.setProperty("--border-highlight", colors.borderHighlight);
+  document.documentElement.style.setProperty("--glass-border", colors.glassBorder);
+}
+
+// src/lib/fonts.ts
+var fontPresets = {
+  "inter": {
+    family: "Inter",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "roboto": {
+    family: "Roboto",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "open-sans": {
+    family: "Open Sans",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "lato": {
+    family: "Lato",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "poppins": {
+    family: "Poppins",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "montserrat": {
+    family: "Montserrat",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "playfair-display": {
+    family: "Playfair Display",
+    fallback: "Georgia, 'Times New Roman', serif"
+  },
+  "source-sans-pro": {
+    family: "Source Sans 3",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "merriweather": {
+    family: "Merriweather",
+    fallback: "Georgia, 'Times New Roman', serif"
+  }
+};
+function getFontFamily(preset) {
+  const config = fontPresets[preset] || fontPresets["inter"];
+  return `'${config.family}', ${config.fallback}`;
+}
+function applyFonts(headingFont, bodyFont) {
+  const heading = headingFont || "inter";
+  const body = bodyFont || "inter";
+  document.documentElement.style.setProperty("--font-heading", getFontFamily(heading));
+  document.documentElement.style.setProperty("--font-body", getFontFamily(body));
+}
+
+// src/context/SiteSettingsContext.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var SiteSettingsContext = createContext2({
+  settings: null,
+  profile: null
+});
+function SiteSettingsProvider({
+  children,
+  settings,
+  profile
+}) {
+  const { theme } = useTheme();
+  useEffect2(() => {
+    if (settings?.themeColor) {
+      applyThemeColors(
+        settings.themeColor.preset,
+        settings.themeColor.customColor,
+        theme === "dark"
+      );
+    }
+  }, [settings, theme]);
+  useEffect2(() => {
+    applyFonts(
+      settings?.fontFamily?.heading,
+      settings?.fontFamily?.body
+    );
+  }, [settings]);
+  return /* @__PURE__ */ jsx3(SiteSettingsContext.Provider, { value: { settings, profile }, children });
+}
+function useSiteSettings() {
+  return useContext2(SiteSettingsContext);
+}
+
+// src/components/Experience.tsx
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var defaultExperiences = [
   {
     _id: "1",
@@ -60,7 +489,7 @@ function ExperienceSection({ experiences }) {
       variants: staggerContainer,
       children: [
         /* @__PURE__ */ jsxs(motion.div, { className: styles2.header, variants: fadeInUp, children: [
-          /* @__PURE__ */ jsx2("h2", { className: styles2.title, children: "Experience & Education" }),
+          /* @__PURE__ */ jsx4("h2", { className: styles2.title, children: "Experience & Education" }),
           /* @__PURE__ */ jsxs(
             motion.a,
             {
@@ -69,30 +498,30 @@ function ExperienceSection({ experiences }) {
               whileHover: hoverLift,
               whileTap: tapScale,
               children: [
-                /* @__PURE__ */ jsx2("span", { className: "material-symbols-outlined", children: "download" }),
+                /* @__PURE__ */ jsx4("span", { className: "material-symbols-outlined", children: "download" }),
                 "Download Resume"
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx2("div", { className: styles2.timeline, children: displayExperiences.map((exp) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx4("div", { className: styles2.timeline, children: displayExperiences.map((exp) => /* @__PURE__ */ jsxs(
           motion.div,
           {
             className: styles2.timelineItem,
             variants: fadeInUp,
             children: [
-              /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx4(
                 "div",
                 {
                   className: `${styles2.timelineDot} ${exp.isCurrent ? styles2.timelineDotCurrent : ""}`
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: styles2.timelineHeader, children: [
-                /* @__PURE__ */ jsx2("h3", { className: styles2.timelineTitle, children: exp.title }),
-                /* @__PURE__ */ jsx2("span", { className: styles2.timelinePeriod, children: exp.period })
+                /* @__PURE__ */ jsx4("h3", { className: styles2.timelineTitle, children: exp.title }),
+                /* @__PURE__ */ jsx4("span", { className: styles2.timelinePeriod, children: exp.period })
               ] }),
-              /* @__PURE__ */ jsx2("p", { className: styles2.timelineOrg, children: exp.organization }),
-              exp.description && /* @__PURE__ */ jsx2("p", { className: styles2.timelineDescription, children: exp.description })
+              /* @__PURE__ */ jsx4("p", { className: styles2.timelineOrg, children: exp.organization }),
+              exp.description && /* @__PURE__ */ jsx4("p", { className: styles2.timelineDescription, children: exp.description })
             ]
           },
           exp._id
@@ -105,11 +534,9 @@ function ExperienceSection({ experiences }) {
 // src/components/Footer.tsx
 import { motion as motion2 } from "framer-motion";
 import styles3 from "./Footer.module.css";
-import { fadeInUp as fadeInUp2 } from "@/styles/motion";
-import { useSiteSettings as useSiteSettings2 } from "@/context/SiteSettingsContext";
 import { jsxs as jsxs2 } from "react/jsx-runtime";
 function Footer() {
-  const { settings, profile } = useSiteSettings2();
+  const { settings, profile } = useSiteSettings();
   return /* @__PURE__ */ jsxs2(
     motion2.footer,
     {
@@ -117,7 +544,7 @@ function Footer() {
       initial: "hidden",
       whileInView: "visible",
       viewport: { once: true },
-      variants: fadeInUp2,
+      variants: fadeInUp,
       children: [
         /* @__PURE__ */ jsxs2("p", { className: styles3.copyright, children: [
           "\xA9 ",
@@ -138,14 +565,11 @@ function Footer() {
 }
 
 // src/components/Header.tsx
-import { useState } from "react";
+import { useState as useState2 } from "react";
 import Link from "next/link";
 import { motion as motion3, AnimatePresence } from "framer-motion";
-import { useTheme } from "@/context/ThemeContext";
-import { useSiteSettings as useSiteSettings3 } from "@/context/SiteSettingsContext";
 import styles4 from "./Header.module.css";
-import { hoverLift as hoverLift2, tapScale as tapScale2 } from "@/styles/motion";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var navLinks = [
   { href: "#about", label: "About" },
   { href: "#publications", label: "Publications" },
@@ -154,23 +578,23 @@ var navLinks = [
 ];
 function Header() {
   const { theme, toggleTheme } = useTheme();
-  const { settings, profile } = useSiteSettings3();
-  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+  const { settings, profile } = useSiteSettings();
+  const [mobileMenuOpen, setMobileMenuOpen] = useState2(false);
   const socialLinks = settings?.socialLinks;
   const contactEmail = settings?.contactEmail;
   return /* @__PURE__ */ jsxs3("header", { className: styles4.header, children: [
     /* @__PURE__ */ jsxs3("div", { className: styles4.container, children: [
       /* @__PURE__ */ jsxs3(Link, { href: "/", className: styles4.logo, children: [
-        /* @__PURE__ */ jsx3("span", { className: styles4.logoName, children: profile?.name || "David" }),
-        /* @__PURE__ */ jsx3("span", { className: styles4.logoTitle, children: profile?.title || "PhD Candidate" })
+        /* @__PURE__ */ jsx5("span", { className: styles4.logoName, children: profile?.name || "David" }),
+        /* @__PURE__ */ jsx5("span", { className: styles4.logoTitle, children: profile?.title || "PhD Candidate" })
       ] }),
-      /* @__PURE__ */ jsx3("nav", { className: styles4.nav, children: navLinks.map((link) => /* @__PURE__ */ jsxs3(Link, { href: link.href, className: styles4.navLink, children: [
+      /* @__PURE__ */ jsx5("nav", { className: styles4.nav, children: navLinks.map((link) => /* @__PURE__ */ jsxs3(Link, { href: link.href, className: styles4.navLink, children: [
         link.label,
-        /* @__PURE__ */ jsx3("span", { className: styles4.navLinkUnderline })
+        /* @__PURE__ */ jsx5("span", { className: styles4.navLinkUnderline })
       ] }, link.href)) }),
       /* @__PURE__ */ jsxs3("div", { className: styles4.actions, children: [
         /* @__PURE__ */ jsxs3("div", { className: styles4.socialLinks, children: [
-          (socialLinks?.twitter || !settings) && /* @__PURE__ */ jsx3(
+          (socialLinks?.twitter || !settings) && /* @__PURE__ */ jsx5(
             "a",
             {
               href: socialLinks?.twitter || "https://twitter.com",
@@ -178,10 +602,10 @@ function Header() {
               rel: "noopener noreferrer",
               className: styles4.socialLink,
               "aria-label": "Twitter",
-              children: /* @__PURE__ */ jsx3("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx3("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" }) })
+              children: /* @__PURE__ */ jsx5("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("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" }) })
             }
           ),
-          (socialLinks?.github || !settings) && /* @__PURE__ */ jsx3(
+          (socialLinks?.github || !settings) && /* @__PURE__ */ jsx5(
             "a",
             {
               href: socialLinks?.github || "https://github.com",
@@ -189,7 +613,7 @@ function Header() {
               rel: "noopener noreferrer",
               className: styles4.socialLink,
               "aria-label": "GitHub",
-              children: /* @__PURE__ */ jsx3("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx3(
+              children: /* @__PURE__ */ jsx5("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5(
                 "path",
                 {
                   fillRule: "evenodd",
@@ -199,7 +623,7 @@ function Header() {
               ) })
             }
           ),
-          (socialLinks?.linkedin || !settings) && /* @__PURE__ */ jsx3(
+          (socialLinks?.linkedin || !settings) && /* @__PURE__ */ jsx5(
             "a",
             {
               href: socialLinks?.linkedin || "https://linkedin.com",
@@ -207,7 +631,7 @@ function Header() {
               rel: "noopener noreferrer",
               className: styles4.socialLink,
               "aria-label": "LinkedIn",
-              children: /* @__PURE__ */ jsx3("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx3(
+              children: /* @__PURE__ */ jsx5("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5(
                 "path",
                 {
                   fillRule: "evenodd",
@@ -218,13 +642,13 @@ function Header() {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx5(
           motion3.button,
           {
             className: styles4.themeToggle,
             onClick: toggleTheme,
-            whileHover: hoverLift2,
-            whileTap: tapScale2,
+            whileHover: hoverLift,
+            whileTap: tapScale,
             "aria-label": `Switch to ${theme === "dark" ? "light" : "dark"} mode`,
             children: theme === "dark" ? /* @__PURE__ */ jsxs3(
               "svg",
@@ -239,18 +663,18 @@ function Header() {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: [
-                  /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "5" }),
-                  /* @__PURE__ */ jsx3("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
-                  /* @__PURE__ */ jsx3("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
-                  /* @__PURE__ */ jsx3("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
-                  /* @__PURE__ */ jsx3("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
-                  /* @__PURE__ */ jsx3("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
-                  /* @__PURE__ */ jsx3("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
-                  /* @__PURE__ */ jsx3("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
-                  /* @__PURE__ */ jsx3("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
+                  /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "12", r: "5" }),
+                  /* @__PURE__ */ jsx5("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+                  /* @__PURE__ */ jsx5("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+                  /* @__PURE__ */ jsx5("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+                  /* @__PURE__ */ jsx5("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+                  /* @__PURE__ */ jsx5("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+                  /* @__PURE__ */ jsx5("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+                  /* @__PURE__ */ jsx5("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+                  /* @__PURE__ */ jsx5("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
                 ]
               }
-            ) : /* @__PURE__ */ jsx3(
+            ) : /* @__PURE__ */ jsx5(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -262,7 +686,7 @@ function Header() {
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx3("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
+                children: /* @__PURE__ */ jsx5("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
               }
             )
           }
@@ -272,21 +696,21 @@ function Header() {
           {
             href: contactEmail ? `mailto:${contactEmail}` : "mailto:contact@example.com",
             className: styles4.contactButton,
-            whileHover: hoverLift2,
-            whileTap: tapScale2,
+            whileHover: hoverLift,
+            whileTap: tapScale,
             children: [
-              /* @__PURE__ */ jsx3("span", { className: `material-symbols-outlined ${styles4.contactButtonIcon}`, children: "mail" }),
-              /* @__PURE__ */ jsx3("span", { className: styles4.contactButtonText, children: "Contact" })
+              /* @__PURE__ */ jsx5("span", { className: `material-symbols-outlined ${styles4.contactButtonIcon}`, children: "mail" }),
+              /* @__PURE__ */ jsx5("span", { className: styles4.contactButtonText, children: "Contact" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx5(
           "button",
           {
             className: styles4.mobileMenuButton,
             onClick: () => setMobileMenuOpen(!mobileMenuOpen),
             "aria-label": "Toggle menu",
-            children: /* @__PURE__ */ jsx3(
+            children: /* @__PURE__ */ jsx5(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -299,12 +723,12 @@ function Header() {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: mobileMenuOpen ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-                  /* @__PURE__ */ jsx3("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                  /* @__PURE__ */ jsx3("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                  /* @__PURE__ */ jsx5("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                  /* @__PURE__ */ jsx5("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                 ] }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
-                  /* @__PURE__ */ jsx3("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
-                  /* @__PURE__ */ jsx3("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
-                  /* @__PURE__ */ jsx3("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+                  /* @__PURE__ */ jsx5("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+                  /* @__PURE__ */ jsx5("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+                  /* @__PURE__ */ jsx5("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
                 ] })
               }
             )
@@ -312,7 +736,7 @@ function Header() {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx3(AnimatePresence, { children: mobileMenuOpen && /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx5(AnimatePresence, { children: mobileMenuOpen && /* @__PURE__ */ jsx5(
       motion3.nav,
       {
         className: styles4.mobileNav,
@@ -320,7 +744,7 @@ function Header() {
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -10 },
         transition: { duration: 0.2 },
-        children: navLinks.map((link) => /* @__PURE__ */ jsx3(
+        children: navLinks.map((link) => /* @__PURE__ */ jsx5(
           Link,
           {
             href: link.href,
@@ -339,10 +763,43 @@ function Header() {
 import { motion as motion4 } from "framer-motion";
 import { PortableText } from "@portabletext/react";
 import styles5 from "./Hero.module.css";
-import { fadeInUp as fadeInUp3, staggerContainer as staggerContainer2, blurFade } from "@/styles/motion";
-import { useSiteSettings as useSiteSettings4 } from "@/context/SiteSettingsContext";
-import { urlFor } from "../../sanity/lib/client";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+
+// src/lib/sanity.ts
+import imageUrlBuilder from "@sanity/image-url";
+var builder = null;
+function configureSanityClient(client) {
+  builder = imageUrlBuilder({
+    projectId: client.projectId,
+    dataset: client.dataset
+  });
+}
+function urlFor(source) {
+  if (!source) {
+    return {
+      width: () => ({ height: () => ({ url: () => "" }), url: () => "" }),
+      height: () => ({ width: () => ({ url: () => "" }), url: () => "" }),
+      url: () => ""
+    };
+  }
+  if (!builder) {
+    const projectId = typeof window !== "undefined" ? window.__SANITY_PROJECT_ID__ : process.env.NEXT_PUBLIC_SANITY_PROJECT_ID;
+    const dataset = typeof window !== "undefined" ? window.__SANITY_DATASET__ : process.env.NEXT_PUBLIC_SANITY_DATASET || "production";
+    if (projectId) {
+      builder = imageUrlBuilder({ projectId, dataset: dataset || "production" });
+    } else {
+      console.warn("Sanity client not configured. Call configureSanityClient() or set NEXT_PUBLIC_SANITY_PROJECT_ID");
+      return {
+        width: () => ({ height: () => ({ url: () => "" }), url: () => "" }),
+        height: () => ({ width: () => ({ url: () => "" }), url: () => "" }),
+        url: () => ""
+      };
+    }
+  }
+  return builder.image(source);
+}
+
+// src/components/Hero.tsx
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var defaultUpdates = [
   {
     _id: "1",
@@ -359,17 +816,17 @@ var defaultUpdates = [
 ];
 var portableTextComponents = {
   marks: {
-    strong: ({ children }) => /* @__PURE__ */ jsx4("strong", { children }),
+    strong: ({ children }) => /* @__PURE__ */ jsx6("strong", { children }),
     highlight: ({ children, value }) => {
       if (value?.style === "underline") {
-        return /* @__PURE__ */ jsx4("span", { className: styles5.underline, children });
+        return /* @__PURE__ */ jsx6("span", { className: styles5.underline, children });
       }
-      return /* @__PURE__ */ jsx4("strong", { children });
+      return /* @__PURE__ */ jsx6("strong", { children });
     }
   }
 };
 function Hero({ updates }) {
-  const { settings, profile } = useSiteSettings4();
+  const { settings, profile } = useSiteSettings();
   const displayUpdates = updates.length > 0 ? updates : defaultUpdates;
   const formatDate = (dateString) => {
     const date = new Date(dateString);
@@ -384,11 +841,11 @@ function Hero({ updates }) {
       initial: "hidden",
       whileInView: "visible",
       viewport: { once: true, amount: 0.1 },
-      variants: staggerContainer2,
+      variants: staggerContainer,
       children: [
         /* @__PURE__ */ jsxs4("div", { className: styles5.content, children: [
           /* @__PURE__ */ jsxs4("div", { className: styles5.imageWrapper, children: [
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx6(
               motion4.div,
               {
                 className: styles5.profileImage,
@@ -399,7 +856,7 @@ function Hero({ updates }) {
               }
             ),
             /* @__PURE__ */ jsxs4("div", { className: styles5.mobileInfo, children: [
-              /* @__PURE__ */ jsx4("h1", { className: styles5.mobileInfoName, children: profile?.name || "David" }),
+              /* @__PURE__ */ jsx6("h1", { className: styles5.mobileInfoName, children: profile?.name || "David" }),
               /* @__PURE__ */ jsxs4("p", { className: styles5.mobileInfoTitle, children: [
                 profile?.title || "PhD Candidate",
                 " ",
@@ -407,50 +864,50 @@ function Hero({ updates }) {
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs4(motion4.div, { className: styles5.textContent, variants: staggerContainer2, children: [
+          /* @__PURE__ */ jsxs4(motion4.div, { className: styles5.textContent, variants: staggerContainer, children: [
             /* @__PURE__ */ jsxs4("div", { children: [
-              profile?.availabilityBadge && /* @__PURE__ */ jsx4(motion4.span, { className: styles5.badge, variants: fadeInUp3, children: profile.availabilityBadge }),
-              !profile?.availabilityBadge && /* @__PURE__ */ jsx4(motion4.span, { className: styles5.badge, variants: fadeInUp3, children: "Available for 2024 Roles" }),
-              /* @__PURE__ */ jsx4(motion4.h2, { className: styles5.headline, variants: fadeInUp3, children: profile?.headline ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+              profile?.availabilityBadge && /* @__PURE__ */ jsx6(motion4.span, { className: styles5.badge, variants: fadeInUp, children: profile.availabilityBadge }),
+              !profile?.availabilityBadge && /* @__PURE__ */ jsx6(motion4.span, { className: styles5.badge, variants: fadeInUp, children: "Available for 2024 Roles" }),
+              /* @__PURE__ */ jsx6(motion4.h2, { className: styles5.headline, variants: fadeInUp, children: profile?.headline ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
                 profile.headline.beforeHighlight,
                 " ",
-                /* @__PURE__ */ jsx4("span", { className: styles5.highlight, children: profile.headline.highlight }),
+                /* @__PURE__ */ jsx6("span", { className: styles5.highlight, children: profile.headline.highlight }),
                 " ",
                 profile.headline.afterHighlight
               ] }) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
                 "Building the ",
-                /* @__PURE__ */ jsx4("span", { className: styles5.highlight, children: "future of AI" }),
+                /* @__PURE__ */ jsx6("span", { className: styles5.highlight, children: "future of AI" }),
                 " ",
                 "with robust & scalable vision systems."
               ] }) })
             ] }),
-            /* @__PURE__ */ jsx4(motion4.div, { className: styles5.description, variants: fadeInUp3, children: profile?.bio ? /* @__PURE__ */ jsx4(PortableText, { value: profile.bio, components: portableTextComponents }) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
+            /* @__PURE__ */ jsx6(motion4.div, { className: styles5.description, variants: fadeInUp, children: profile?.bio ? /* @__PURE__ */ jsx6(PortableText, { value: profile.bio, components: portableTextComponents }) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
               /* @__PURE__ */ jsxs4("p", { children: [
                 "I am a PhD candidate specializing in",
                 " ",
-                /* @__PURE__ */ jsx4("strong", { children: "Computer Vision" }),
+                /* @__PURE__ */ jsx6("strong", { children: "Computer Vision" }),
                 " and",
                 " ",
-                /* @__PURE__ */ jsx4("strong", { children: "Machine Learning" }),
+                /* @__PURE__ */ jsx6("strong", { children: "Machine Learning" }),
                 ". My research focuses on self-supervised learning, generative models, and their applications in medical imaging and autonomous systems."
               ] }),
               /* @__PURE__ */ jsxs4("p", { children: [
                 "Previously, I interned at",
                 " ",
-                /* @__PURE__ */ jsx4("span", { className: styles5.underline, children: "Google DeepMind" }),
+                /* @__PURE__ */ jsx6("span", { className: styles5.underline, children: "Google DeepMind" }),
                 " and",
                 " ",
-                /* @__PURE__ */ jsx4("span", { className: styles5.underline, children: "Meta AI" }),
+                /* @__PURE__ */ jsx6("span", { className: styles5.underline, children: "Meta AI" }),
                 ". I am passionate about open-source and making AI accessible to everyone."
               ] })
             ] }) }),
-            /* @__PURE__ */ jsxs4(motion4.div, { className: styles5.links, variants: fadeInUp3, children: [
+            /* @__PURE__ */ jsxs4(motion4.div, { className: styles5.links, variants: fadeInUp, children: [
               /* @__PURE__ */ jsxs4("a", { href: settings?.resumeUrl || "#", className: styles5.link, children: [
-                /* @__PURE__ */ jsx4("span", { className: `material-symbols-outlined ${styles5.linkIcon}`, children: "download" }),
+                /* @__PURE__ */ jsx6("span", { className: `material-symbols-outlined ${styles5.linkIcon}`, children: "download" }),
                 "Download CV"
               ] }),
               /* @__PURE__ */ jsxs4("a", { href: settings?.socialLinks?.googleScholar || "#", className: styles5.link, children: [
-                /* @__PURE__ */ jsx4("span", { className: `material-symbols-outlined ${styles5.linkIcon}`, children: "school" }),
+                /* @__PURE__ */ jsx6("span", { className: `material-symbols-outlined ${styles5.linkIcon}`, children: "school" }),
                 "Google Scholar"
               ] })
             ] })
@@ -460,22 +917,22 @@ function Hero({ updates }) {
           motion4.div,
           {
             className: `glass-panel ${styles5.updates}`,
-            variants: fadeInUp3,
+            variants: fadeInUp,
             children: [
               /* @__PURE__ */ jsxs4("h3", { className: styles5.updatesHeader, children: [
-                /* @__PURE__ */ jsx4("span", { className: `material-symbols-outlined ${styles5.updatesIcon}`, children: "campaign" }),
+                /* @__PURE__ */ jsx6("span", { className: `material-symbols-outlined ${styles5.updatesIcon}`, children: "campaign" }),
                 "Latest Updates"
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: styles5.updatesList, children: displayUpdates.map((update) => /* @__PURE__ */ jsxs4(
+              /* @__PURE__ */ jsx6("div", { className: styles5.updatesList, children: displayUpdates.map((update) => /* @__PURE__ */ jsxs4(
                 motion4.div,
                 {
                   className: styles5.updateItem,
-                  variants: fadeInUp3,
+                  variants: fadeInUp,
                   children: [
-                    /* @__PURE__ */ jsx4("div", { className: styles5.updateDate, children: formatDate(update.date) }),
+                    /* @__PURE__ */ jsx6("div", { className: styles5.updateDate, children: formatDate(update.date) }),
                     /* @__PURE__ */ jsxs4("div", { className: styles5.updateContent, children: [
-                      /* @__PURE__ */ jsx4("h4", { children: update.title }),
-                      /* @__PURE__ */ jsx4("p", { children: update.description })
+                      /* @__PURE__ */ jsx6("h4", { children: update.title }),
+                      /* @__PURE__ */ jsx6("p", { children: update.description })
                     ] })
                   ]
                 },
@@ -493,9 +950,7 @@ function Hero({ updates }) {
 import Link2 from "next/link";
 import { motion as motion5 } from "framer-motion";
 import styles6 from "./Projects.module.css";
-import { fadeInUp as fadeInUp4, staggerContainer as staggerContainer3 } from "@/styles/motion";
-import { urlFor as urlFor2 } from "../../sanity/lib/client";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var defaultProjects = [
   {
     _id: "1",
@@ -520,7 +975,7 @@ function Projects({ projects }) {
   const displayProjects = projects.length > 0 ? projects : defaultProjects;
   const getProjectImage = (project, index) => {
     if (project.image) {
-      return urlFor2(project.image).width(800).height(450).url();
+      return urlFor(project.image).width(800).height(450).url();
     }
     return defaultImages[index % defaultImages.length];
   };
@@ -532,25 +987,25 @@ function Projects({ projects }) {
       initial: "hidden",
       whileInView: "visible",
       viewport: { once: true, amount: 0.1 },
-      variants: staggerContainer3,
+      variants: staggerContainer,
       children: [
-        /* @__PURE__ */ jsx5(motion5.h2, { className: styles6.title, variants: fadeInUp4, children: "Selected Projects" }),
-        /* @__PURE__ */ jsx5("div", { className: styles6.grid, children: displayProjects.map((project, index) => /* @__PURE__ */ jsx5(motion5.div, { variants: fadeInUp4, children: /* @__PURE__ */ jsxs5(Link2, { href: `/projects/${project.slug}`, className: styles6.card, children: [
-          /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx7(motion5.h2, { className: styles6.title, variants: fadeInUp, children: "Selected Projects" }),
+        /* @__PURE__ */ jsx7("div", { className: styles6.grid, children: displayProjects.map((project, index) => /* @__PURE__ */ jsx7(motion5.div, { variants: fadeInUp, children: /* @__PURE__ */ jsxs5(Link2, { href: `/projects/${project.slug}`, className: styles6.card, children: [
+          /* @__PURE__ */ jsx7(
             "div",
             {
               className: styles6.cardImage,
               style: { backgroundImage: `url('${getProjectImage(project, index)}')` },
-              children: /* @__PURE__ */ jsx5("div", { className: styles6.cardImageOverlay })
+              children: /* @__PURE__ */ jsx7("div", { className: styles6.cardImageOverlay })
             }
           ),
           /* @__PURE__ */ jsxs5("div", { className: styles6.cardContent, children: [
             /* @__PURE__ */ jsxs5("div", { className: styles6.cardHeader, children: [
-              /* @__PURE__ */ jsx5("h3", { className: styles6.cardTitle, children: project.title }),
-              /* @__PURE__ */ jsx5("span", { className: styles6.cardLink, children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined", children: "open_in_new" }) })
+              /* @__PURE__ */ jsx7("h3", { className: styles6.cardTitle, children: project.title }),
+              /* @__PURE__ */ jsx7("span", { className: styles6.cardLink, children: /* @__PURE__ */ jsx7("span", { className: "material-symbols-outlined", children: "open_in_new" }) })
             ] }),
-            /* @__PURE__ */ jsx5("p", { className: styles6.cardDescription, children: project.shortDescription }),
-            /* @__PURE__ */ jsx5("div", { className: styles6.cardTags, children: project.tags?.map((tag) => /* @__PURE__ */ jsx5("span", { className: styles6.tag, children: tag }, tag)) })
+            /* @__PURE__ */ jsx7("p", { className: styles6.cardDescription, children: project.shortDescription }),
+            /* @__PURE__ */ jsx7("div", { className: styles6.cardTags, children: project.tags?.map((tag) => /* @__PURE__ */ jsx7("span", { className: styles6.tag, children: tag }, tag)) })
           ] })
         ] }) }, project._id)) })
       ]
@@ -561,9 +1016,7 @@ function Projects({ projects }) {
 // src/components/Publications.tsx
 import { motion as motion6 } from "framer-motion";
 import styles7 from "./Publications.module.css";
-import { fadeInUp as fadeInUp5, staggerContainer as staggerContainer4 } from "@/styles/motion";
-import { useSiteSettings as useSiteSettings5 } from "@/context/SiteSettingsContext";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var defaultPublications = [
   {
     _id: "1",
@@ -604,11 +1057,11 @@ var defaultPublications = [
   }
 ];
 function Publications({ publications }) {
-  const { settings } = useSiteSettings5();
+  const { settings } = useSiteSettings();
   const displayPublications = publications.length > 0 ? publications : defaultPublications;
   const renderAuthors = (authors) => {
     return authors.map((author, index) => /* @__PURE__ */ jsxs6("span", { children: [
-      author.isMe ? /* @__PURE__ */ jsx6("span", { className: styles7.cardAuthorHighlight, children: author.name }) : author.name,
+      author.isMe ? /* @__PURE__ */ jsx8("span", { className: styles7.cardAuthorHighlight, children: author.name }) : author.name,
       index < authors.length - 1 && ", "
     ] }, index));
   };
@@ -620,27 +1073,27 @@ function Publications({ publications }) {
       initial: "hidden",
       whileInView: "visible",
       viewport: { once: true, amount: 0.1 },
-      variants: staggerContainer4,
+      variants: staggerContainer,
       children: [
-        /* @__PURE__ */ jsxs6(motion6.div, { className: styles7.header, variants: fadeInUp5, children: [
-          /* @__PURE__ */ jsx6("h2", { className: styles7.title, children: "Publications" }),
-          /* @__PURE__ */ jsx6("a", { href: settings?.socialLinks?.googleScholar || "#", className: styles7.scholarLink, children: "View Google Scholar ->" })
+        /* @__PURE__ */ jsxs6(motion6.div, { className: styles7.header, variants: fadeInUp, children: [
+          /* @__PURE__ */ jsx8("h2", { className: styles7.title, children: "Publications" }),
+          /* @__PURE__ */ jsx8("a", { href: settings?.socialLinks?.googleScholar || "#", className: styles7.scholarLink, children: "View Google Scholar ->" })
         ] }),
-        /* @__PURE__ */ jsx6("div", { className: styles7.list, children: displayPublications.map((pub) => /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx8("div", { className: styles7.list, children: displayPublications.map((pub) => /* @__PURE__ */ jsx8(
           motion6.div,
           {
             className: styles7.card,
-            variants: fadeInUp5,
+            variants: fadeInUp,
             whileHover: { y: -2 },
             transition: { duration: 0.2 },
             children: /* @__PURE__ */ jsxs6("div", { className: styles7.cardContent, children: [
               /* @__PURE__ */ jsxs6("div", { className: styles7.cardInfo, children: [
-                /* @__PURE__ */ jsx6("h3", { className: styles7.cardTitle, children: pub.title }),
-                /* @__PURE__ */ jsx6("p", { className: styles7.cardAuthors, children: renderAuthors(pub.authors) }),
+                /* @__PURE__ */ jsx8("h3", { className: styles7.cardTitle, children: pub.title }),
+                /* @__PURE__ */ jsx8("p", { className: styles7.cardAuthors, children: renderAuthors(pub.authors) }),
                 /* @__PURE__ */ jsxs6("div", { className: styles7.cardMeta, children: [
-                  /* @__PURE__ */ jsx6("span", { className: styles7.cardVenue, children: pub.venue }),
+                  /* @__PURE__ */ jsx8("span", { className: styles7.cardVenue, children: pub.venue }),
                   pub.highlight && /* @__PURE__ */ jsxs6("span", { className: styles7.cardHighlight, children: [
-                    /* @__PURE__ */ jsx6(
+                    /* @__PURE__ */ jsx8(
                       "span",
                       {
                         className: `material-symbols-outlined ${styles7.cardHighlightIcon}`,
@@ -653,7 +1106,7 @@ function Publications({ publications }) {
               ] }),
               /* @__PURE__ */ jsxs6("div", { className: styles7.cardActions, children: [
                 (pub.pdfUrl || pub.pdfFileUrl) && /* @__PURE__ */ jsxs6("a", { href: pub.pdfUrl || pub.pdfFileUrl, className: styles7.actionButton, children: [
-                  /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx8(
                     "span",
                     {
                       className: `material-symbols-outlined ${styles7.actionIcon}`,
@@ -663,7 +1116,7 @@ function Publications({ publications }) {
                   "PDF"
                 ] }),
                 pub.codeUrl && /* @__PURE__ */ jsxs6("a", { href: pub.codeUrl, className: styles7.actionButton, children: [
-                  /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx8(
                     "span",
                     {
                       className: `material-symbols-outlined ${styles7.actionIcon}`,
@@ -681,12 +1134,54 @@ function Publications({ publications }) {
     }
   );
 }
+
+// src/components/HomePage.tsx
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function HomePage({
+  updates = [],
+  experiences = [],
+  projects = [],
+  publications = []
+}) {
+  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    /* @__PURE__ */ jsx9(Header, {}),
+    /* @__PURE__ */ jsxs7("main", { children: [
+      /* @__PURE__ */ jsx9(Hero, { updates }),
+      /* @__PURE__ */ jsx9(Divider, {}),
+      /* @__PURE__ */ jsx9(ExperienceSection, { experiences }),
+      /* @__PURE__ */ jsx9(Divider, {}),
+      /* @__PURE__ */ jsx9(Projects, { projects }),
+      /* @__PURE__ */ jsx9(Divider, {}),
+      /* @__PURE__ */ jsx9(Publications, { publications })
+    ] }),
+    /* @__PURE__ */ jsx9(Footer, {})
+  ] });
+}
+
+// src/config.ts
+function defineConfig(config) {
+  return config;
+}
 export {
   Divider,
   ExperienceSection as Experience,
   Footer,
   Header,
   Hero,
+  HomePage,
   Projects,
-  Publications
+  Publications,
+  SiteSettingsProvider,
+  ThemeProvider,
+  applyFonts,
+  applyThemeColors,
+  colorPresets,
+  configureSanityClient,
+  defineConfig,
+  fontPresets,
+  getColorConfig,
+  getFontFamily,
+  urlFor,
+  useSiteSettings,
+  useTheme
 };