From fe8cb67eb6560927f78b8e462922c559b4cc0561 Mon Sep 17 00:00:00 2001
From: GMNAPI <gmnapi@240dotsdev.es>
Date: Sat, 14 Mar 2026 12:57:49 +0100
Subject: [PATCH 1/5] fix(portfolio): switch navbar to fixed positioning with
 pt-16 body offset

---
 .gitignore                                                    | 1 +
 apps/portfolio/app/[locale]/layout.tsx                        | 2 +-
 apps/portfolio/src/shared/components/layout/Navigation.tsx    | 2 +-
 .../tests/shared/components/layout/Navigation.test.tsx        | 4 ++--
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/.gitignore b/.gitignore
index 7707366..0905cfd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -37,6 +37,7 @@ next-env.d.ts
 
 # AI
 CLAUDE.md
+.cursor
 
 # Personal files
 gptPrompt.md
diff --git a/apps/portfolio/app/[locale]/layout.tsx b/apps/portfolio/app/[locale]/layout.tsx
index d070f8c..f567edc 100644
--- a/apps/portfolio/app/[locale]/layout.tsx
+++ b/apps/portfolio/app/[locale]/layout.tsx
@@ -144,7 +144,7 @@ export default async function LocaleLayout({
         <NextIntlClientProvider messages={messages}>
           <Providers>
             <Navigation />
-            <main>{children}</main>
+            <main className="pt-16">{children}</main>
             <Footer />
           </Providers>
         </NextIntlClientProvider>
diff --git a/apps/portfolio/src/shared/components/layout/Navigation.tsx b/apps/portfolio/src/shared/components/layout/Navigation.tsx
index 01b0e91..975a819 100644
--- a/apps/portfolio/src/shared/components/layout/Navigation.tsx
+++ b/apps/portfolio/src/shared/components/layout/Navigation.tsx
@@ -97,7 +97,7 @@ export function Navigation() {
 
   return (
     <m.nav
-      className="sticky top-0 z-40 w-full backdrop-blur-sm bg-background/95 border-b border-border"
+      className="fixed inset-x-0 top-0 z-40 w-full backdrop-blur-sm bg-background/95 border-b border-border"
       aria-label={tNavigation('ariaLabel')}
       initial={{ y: -48, opacity: 0 }}
       animate={{ y: 0, opacity: 1 }}
diff --git a/apps/portfolio/tests/shared/components/layout/Navigation.test.tsx b/apps/portfolio/tests/shared/components/layout/Navigation.test.tsx
index d7cd1c9..d92f692 100644
--- a/apps/portfolio/tests/shared/components/layout/Navigation.test.tsx
+++ b/apps/portfolio/tests/shared/components/layout/Navigation.test.tsx
@@ -112,10 +112,10 @@ describe('Navigation Component', () => {
   });
 
   describe('Styles', () => {
-    it('should have sticky positioning', () => {
+    it('should have fixed positioning', () => {
       renderNavigation();
       const nav = screen.getByRole('navigation');
-      expect(nav).toHaveClass('sticky');
+      expect(nav).toHaveClass('fixed');
     });
 
     it('should have proper z-index', () => {

From 8a1cfcf0b79389f838de564ae7130b356e6ace65 Mon Sep 17 00:00:00 2001
From: GMNAPI <gmnapi@240dotsdev.es>
Date: Sat, 14 Mar 2026 13:17:06 +0100
Subject: [PATCH 2/5] fix(portfolio,lab): use resolvedTheme for theme toggle,
 dark mode default in lab

- portfolio: use resolvedTheme instead of theme in Navigation toggle logic
  and icon render to correctly handle defaultTheme='system'
- lab: add colorMode config with defaultMode='dark' and
  respectPrefersColorScheme=true to mirror portfolio OS-aware behavior
---
 apps/lab/docusaurus.config.js                              | 5 +++++
 apps/portfolio/src/shared/components/layout/Navigation.tsx | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/lab/docusaurus.config.js b/apps/lab/docusaurus.config.js
index a27d3d6..a3b4221 100644
--- a/apps/lab/docusaurus.config.js
+++ b/apps/lab/docusaurus.config.js
@@ -58,6 +58,11 @@ const config = {
 
   themeConfig: {
     image: 'img/lab-social-card.jpg',
+    colorMode: {
+      defaultMode: 'dark',
+      disableSwitch: false,
+      respectPrefersColorScheme: true,
+    },
     navbar: {
       title: 'Lab',
       logo: {
diff --git a/apps/portfolio/src/shared/components/layout/Navigation.tsx b/apps/portfolio/src/shared/components/layout/Navigation.tsx
index 975a819..3b2ecd4 100644
--- a/apps/portfolio/src/shared/components/layout/Navigation.tsx
+++ b/apps/portfolio/src/shared/components/layout/Navigation.tsx
@@ -29,7 +29,7 @@ import { fadeInUp } from '@/shared/utils/motion';
 export function Navigation() {
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
   const [mounted, setMounted] = useState(false);
-  const { theme, setTheme } = useTheme();
+  const { theme, resolvedTheme, setTheme } = useTheme();
 
   // Prevent hydration mismatch by only rendering theme icon after mount
   useEffect(() => {
@@ -63,7 +63,7 @@ export function Navigation() {
   };
 
   const toggleTheme = () => {
-    setTheme(theme === 'dark' ? 'light' : 'dark');
+    setTheme(resolvedTheme === 'dark' ? 'light' : 'dark');
   };
 
   const localeOptions = useMemo(
@@ -177,7 +177,7 @@ export function Navigation() {
               className="inline-flex items-center justify-center rounded-md font-mono font-medium transition-colors px-3 py-2 bg-transparent text-foreground hover:bg-background-secondary w-10 h-10"
               aria-label={tNavigation('theme.toggle')}
             >
-              {mounted ? (theme === 'dark' ? '☀️' : '🌙') : null}
+              {mounted ? (resolvedTheme === 'dark' ? '☀️' : '🌙') : null}
             </button>
 
             {/* Mobile Menu Button */}

From 42c094385832734d2faa764acf41bff2ede84450 Mon Sep 17 00:00:00 2001
From: GMNAPI <gmnapi@240dotsdev.es>
Date: Sat, 28 Mar 2026 16:16:58 +0100
Subject: [PATCH 3/5] fix(footer): social links apuntan a URLs reales desde
 personal.ts

Closes #72
---
 apps/portfolio/src/shared/constants/navigation.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/portfolio/src/shared/constants/navigation.ts b/apps/portfolio/src/shared/constants/navigation.ts
index 2f94b0f..3c7c002 100644
--- a/apps/portfolio/src/shared/constants/navigation.ts
+++ b/apps/portfolio/src/shared/constants/navigation.ts
@@ -5,6 +5,8 @@
  * used in Navigation and Footer components.
  */
 
+import { personalInfo } from './personal';
+
 export interface NavSection {
   key: 'home' | 'about' | 'projects' | 'contact';
   sectionId: string;
@@ -35,8 +37,8 @@ export const NAV_SECTIONS: NavSection[] = [
 ];
 
 export const SOCIAL_LINK_URLS = {
-  github: 'https://github.com/usuario',
-  linkedin: 'https://linkedin.com/in/usuario',
+  github: personalInfo.social.github,
+  linkedin: personalInfo.social.linkedin,
 } as const;
 
 export type SocialLinkKey = keyof typeof SOCIAL_LINK_URLS;

From 209a14ec32af820f1312ee96b683c2d82f926505 Mon Sep 17 00:00:00 2001
From: GMNAPI <gmnapi@240dotsdev.es>
Date: Sat, 28 Mar 2026 16:22:24 +0100
Subject: [PATCH 4/5] fix(tests): actualizar URLs reales en Footer y
 resolvedTheme en Navigation

- Footer.test: URLs github/linkedin apuntan a perfil real (closes #72)
- Navigation.test: mock de useTheme incluye resolvedTheme para toggle correcto
---
 apps/portfolio/tests/shared/components/layout/Footer.test.tsx | 4 ++--
 .../tests/shared/components/layout/Navigation.test.tsx        | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/portfolio/tests/shared/components/layout/Footer.test.tsx b/apps/portfolio/tests/shared/components/layout/Footer.test.tsx
index d4b85ad..7a53a06 100644
--- a/apps/portfolio/tests/shared/components/layout/Footer.test.tsx
+++ b/apps/portfolio/tests/shared/components/layout/Footer.test.tsx
@@ -54,13 +54,13 @@ describe('Footer Component', () => {
     it('should have correct href for GitHub link', () => {
       renderFooter();
       const githubLink = screen.getByRole('link', { name: /github/i });
-      expect(githubLink).toHaveAttribute('href', 'https://github.com/usuario');
+      expect(githubLink).toHaveAttribute('href', 'https://github.com/GMNAPI');
     });
 
     it('should have correct href for LinkedIn link', () => {
       renderFooter();
       const linkedinLink = screen.getByRole('link', { name: /linkedin/i });
-      expect(linkedinLink).toHaveAttribute('href', 'https://linkedin.com/in/usuario');
+      expect(linkedinLink).toHaveAttribute('href', 'https://www.linkedin.com/in/angel-hidalgo-barreiro');
     });
 
     it('should open social links in new tab', () => {
diff --git a/apps/portfolio/tests/shared/components/layout/Navigation.test.tsx b/apps/portfolio/tests/shared/components/layout/Navigation.test.tsx
index d92f692..ae8dac2 100644
--- a/apps/portfolio/tests/shared/components/layout/Navigation.test.tsx
+++ b/apps/portfolio/tests/shared/components/layout/Navigation.test.tsx
@@ -316,6 +316,7 @@ describe('Navigation Component', () => {
 
       mockUseTheme.mockReturnValue({
         theme: 'light',
+        resolvedTheme: 'light',
         setTheme: mockSetTheme,
       });
 
@@ -332,6 +333,7 @@ describe('Navigation Component', () => {
 
       mockUseTheme.mockReturnValue({
         theme: 'dark',
+        resolvedTheme: 'dark',
         setTheme: mockSetTheme,
       });
 

From bb6c3b2e245f1dc46055a6e3b37e51205a61260e Mon Sep 17 00:00:00 2001
From: GMNAPI <gmnapi@240dotsdev.es>
Date: Sat, 28 Mar 2026 16:25:40 +0100
Subject: [PATCH 5/5] style(tests): prettier format Footer.test.tsx

---
 .../portfolio/tests/shared/components/layout/Footer.test.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/portfolio/tests/shared/components/layout/Footer.test.tsx b/apps/portfolio/tests/shared/components/layout/Footer.test.tsx
index 7a53a06..a97b106 100644
--- a/apps/portfolio/tests/shared/components/layout/Footer.test.tsx
+++ b/apps/portfolio/tests/shared/components/layout/Footer.test.tsx
@@ -60,7 +60,10 @@ describe('Footer Component', () => {
     it('should have correct href for LinkedIn link', () => {
       renderFooter();
       const linkedinLink = screen.getByRole('link', { name: /linkedin/i });
-      expect(linkedinLink).toHaveAttribute('href', 'https://www.linkedin.com/in/angel-hidalgo-barreiro');
+      expect(linkedinLink).toHaveAttribute(
+        'href',
+        'https://www.linkedin.com/in/angel-hidalgo-barreiro'
+      );
     });
 
     it('should open social links in new tab', () => {