From 0c74cd54a30152edd863741b23c1dc28b46ab88f Mon Sep 17 00:00:00 2001
From: erikgh <erikguzh@outlook.es>
Date: Tue, 21 Jul 2026 15:50:36 -0600
Subject: [PATCH] feat: slim Footer strip with wordmark, tagline and legal line

---
 app/page.tsx                                |  2 ++
 components/layout/Footer.tsx                | 15 +++++++++++++++
 components/layout/__tests__/Footer.test.tsx | 15 +++++++++++++++
 lib/content.ts                              |  5 +++++
 4 files changed, 37 insertions(+)
 create mode 100644 components/layout/Footer.tsx
 create mode 100644 components/layout/__tests__/Footer.test.tsx

diff --git a/app/page.tsx b/app/page.tsx
index 8d7b607..83dd8e3 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,4 +1,5 @@
 import { Header } from '@/components/layout/Header';
+import { Footer } from '@/components/layout/Footer';
 import { Hero } from '@/components/sections/Hero';
 import { FraseAncla } from '@/components/sections/FraseAncla';
 import { ParaQuien } from '@/components/sections/ParaQuien';
@@ -31,6 +32,7 @@ export default function Home() {
         <ComoEmpezar />
         <Cierre />
       </main>
+      <Footer />
     </>
   );
 }
diff --git a/components/layout/Footer.tsx b/components/layout/Footer.tsx
new file mode 100644
index 0000000..26c473e
--- /dev/null
+++ b/components/layout/Footer.tsx
@@ -0,0 +1,15 @@
+import { Wordmark } from '@/components/primitives/Wordmark';
+import { Container } from '@/components/primitives/Container';
+import { footer } from '@/lib/content';
+
+export function Footer() {
+  return (
+    <footer className="bg-bg-dark text-cream border-t border-cream/10">
+      <Container className="flex flex-col items-center gap-3 py-10 text-center md:flex-row md:justify-between md:text-left">
+        <Wordmark size="sm" onDark />
+        <p className="text-sm text-muted-dark">{footer.tagline}</p>
+        <p className="text-xs text-muted-dark">{footer.legal}</p>
+      </Container>
+    </footer>
+  );
+}
diff --git a/components/layout/__tests__/Footer.test.tsx b/components/layout/__tests__/Footer.test.tsx
new file mode 100644
index 0000000..40de2d9
--- /dev/null
+++ b/components/layout/__tests__/Footer.test.tsx
@@ -0,0 +1,15 @@
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect } from 'vitest';
+import { Footer } from '../Footer';
+
+describe('<Footer />', () => {
+  it('renders the tagline and the legal line', () => {
+    render(<Footer />);
+    expect(screen.getByText('tu estratega de crecimiento')).toBeInTheDocument();
+    expect(screen.getByText(/© 2026 creeer/)).toBeInTheDocument();
+  });
+  it('does not introduce a second h1', () => {
+    render(<Footer />);
+    expect(screen.queryByRole('heading', { level: 1 })).toBeNull();
+  });
+});
diff --git a/lib/content.ts b/lib/content.ts
index 43a116b..0d29c21 100644
--- a/lib/content.ts
+++ b/lib/content.ts
@@ -88,3 +88,8 @@ export const cierre = {
 export const header = {
   cta: 'Hablemos',   // short nav CTA → #contacto (the full CTA lives in Hero/Cierre)
 };
+
+export const footer = {
+  tagline: 'tu estratega de crecimiento',
+  legal: '© 2026 creeer',
+};