From a529614c19a17e0cca3f1328a68b7258fd9d4c01 Mon Sep 17 00:00:00 2001
From: ralksta <ralksta@users.noreply.github.com>
Date: Sat, 7 Mar 2026 09:11:40 +0100
Subject: [PATCH] refactor: completely remove framer-motion and page
 transitions

---
 app/layout.tsx                |  5 +---
 components/PageTransition.tsx | 39 -------------------------------
 package-lock.json             | 43 -----------------------------------
 package.json                  |  1 -
 4 files changed, 1 insertion(+), 87 deletions(-)
 delete mode 100644 components/PageTransition.tsx

diff --git a/app/layout.tsx b/app/layout.tsx
index 8ce0f67..5fd7bc3 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -12,7 +12,6 @@ import { ThemeToggle } from '@/components/ThemeToggle';
 import { ScrollToTop } from '@/components/ScrollToTop';
 import { Footer } from '@/components/Footer';
 import { DevToolbar } from '@/components/DevToolbar';
-import { PageTransition } from '@/components/PageTransition';
 import { getConfig, getGoogleFontsUrl } from '@/lib/config';
 
 const siteTitle = process.env.SITE_TITLE || 'Gallery';
@@ -88,9 +87,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
             <ThemeToggle />
           </nav>
         </header>
-        <PageTransition enabled={config.transitions}>
-          <main className="main">{children}</main>
-        </PageTransition>
+        <main className="main">{children}</main>
         <Footer />
         <ScrollToTop />
         {process.env.NODE_ENV === 'development' && <DevToolbar />}
diff --git a/components/PageTransition.tsx b/components/PageTransition.tsx
deleted file mode 100644
index 1b3b66c..0000000
--- a/components/PageTransition.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-'use client';
-
-import { motion, AnimatePresence } from 'framer-motion';
-import { usePathname } from 'next/navigation';
-import React from 'react';
-
-interface PageTransitionProps {
-  children: React.ReactNode;
-  enabled: boolean;
-}
-
-/**
- * Provides smooth page transitions using framer-motion.
- * Can be toggled on/off via gallery.yaml.
- */
-export function PageTransition({ children, enabled }: PageTransitionProps) {
-  const pathname = usePathname();
-
-  if (!enabled) {
-    return <>{children}</>;
-  }
-
-  return (
-    <AnimatePresence mode="wait">
-      <motion.div
-        key={pathname}
-        initial={{ opacity: 0 }}
-        animate={{ opacity: 1 }}
-        exit={{ opacity: 0 }}
-        transition={{
-          duration: 0.3,
-          ease: 'easeInOut',
-        }}
-      >
-        {children}
-      </motion.div>
-    </AnimatePresence>
-  );
-}
diff --git a/package-lock.json b/package-lock.json
index 98b298c..b1f590a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,6 @@
       "version": "0.1.0",
       "dependencies": {
         "@types/leaflet": "^1.9.21",
-        "framer-motion": "^12.35.0",
         "gray-matter": "^4.0.3",
         "js-yaml": "^4.1.1",
         "leaflet": "^1.9.4",
@@ -4505,33 +4504,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/framer-motion": {
-      "version": "12.35.0",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.35.0.tgz",
-      "integrity": "sha512-w8hghCMQ4oq10j6aZh3U2yeEQv5K69O/seDI/41PK4HtgkLrcBovUNc0ayBC3UyyU7V1mrY2yLzvYdWJX9pGZQ==",
-      "license": "MIT",
-      "dependencies": {
-        "motion-dom": "^12.35.0",
-        "motion-utils": "^12.29.2",
-        "tslib": "^2.4.0"
-      },
-      "peerDependencies": {
-        "@emotion/is-prop-valid": "*",
-        "react": "^18.0.0 || ^19.0.0",
-        "react-dom": "^18.0.0 || ^19.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@emotion/is-prop-valid": {
-          "optional": true
-        },
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -5731,21 +5703,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/motion-dom": {
-      "version": "12.35.0",
-      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.35.0.tgz",
-      "integrity": "sha512-FFMLEnIejK/zDABn+vqGVAUN4T0+3fw+cVAY8MMT65yR+j5uMuvWdd4npACWhh94OVWQs79CrBBuwOwGRZAQiA==",
-      "license": "MIT",
-      "dependencies": {
-        "motion-utils": "^12.29.2"
-      }
-    },
-    "node_modules/motion-utils": {
-      "version": "12.29.2",
-      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.29.2.tgz",
-      "integrity": "sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A==",
-      "license": "MIT"
-    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
diff --git a/package.json b/package.json
index 4d49e3a..c98c8da 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,6 @@
   },
   "dependencies": {
     "@types/leaflet": "^1.9.21",
-    "framer-motion": "^12.35.0",
     "gray-matter": "^4.0.3",
     "js-yaml": "^4.1.1",
     "leaflet": "^1.9.4",