Light mode

app/gallery/page.tsx

@@ -30,7 +30,7 @@ export default async function GalleryPage() {
     const images = await getImages();
 
     return (
-        <main className="flex flex-col flex-1 relative bg-[#0d1117] overflow-hidden">
+        <main className="flex flex-col flex-1 relative bg-slate-50 dark:bg-[#0d1117] overflow-hidden transition-colors duration-300">
 
             {/* 1. Background Ambient Glow */}
             <div className="absolute top-0 left-1/2 -translate-x-1/2 w-150 h-150 bg-[#84c0a0]/10 blur-[150px] rounded-full pointer-events-none z-0"></div>
@@ -40,8 +40,8 @@ export default async function GalleryPage() {
             {/* 2. Modernized Header */}
             <section className="relative z-10 flex flex-col justify-center items-center py-20 px-6">
                 <div className="text-center">
-                    <h1 className="text-white text-[40px] md:text-[55px] uppercase font-black tracking-tighter drop-shadow-lg mb-4">
-                        Visual Archives
+                    <h1 className="text-slate-900 dark:text-white text-[40px] md:text-[55px] uppercase font-black tracking-tighter drop-shadow-lg mb-4 transition-colors">
+                        Gallery
                     </h1>
 
                     <div className="flex items-center justify-center gap-4 mb-6">
@@ -52,8 +52,8 @@ export default async function GalleryPage() {
                         <div className="w-12 h-px bg-[#84c0a0]"></div>
                     </div>
 
-                    <p className="text-gray-400 font-light max-w-2xl mx-auto text-lg leading-relaxed">
-                        A curated collection of photographic captures. Finding the best subjects to capture on film, from natural landscapes to the night sky.
+                    <p className="text-slate-600 dark:text-gray-400 font-light max-w-2xl mx-auto text-lg leading-relaxed transition-colors">
+                        A curated collection of photograps. Finding the best subjects to capture, from natural landscapes to the night sky.
                     </p>
                 </div>
             </section>