feat: slim Footer strip with wordmark, tagline and legal line

This commit is contained in:
erikgh committed 2026-07-21 15:50:36 -06:00
1 parent 7d27c91cf7
commit 0c74cd54a3
4 files changed
+37

No files matched your search

+2
View File
@@ -1,4 +1,5 @@
import { Header } from '@/components/layout/Header'; import { Header } from '@/components/layout/Header';
import { Footer } from '@/components/layout/Footer';
import { Hero } from '@/components/sections/Hero'; import { Hero } from '@/components/sections/Hero';
import { FraseAncla } from '@/components/sections/FraseAncla'; import { FraseAncla } from '@/components/sections/FraseAncla';
import { ParaQuien } from '@/components/sections/ParaQuien'; import { ParaQuien } from '@/components/sections/ParaQuien';
@@ -31,6 +32,7 @@ export default function Home() {
<ComoEmpezar /> <ComoEmpezar />
<Cierre /> <Cierre />
</main> </main>
<Footer />
</> </>
); );
} }
+15
View File
@@ -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>
);
}
@@ -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();
});
});
+5
View File
@@ -88,3 +88,8 @@ export const cierre = {
export const header = { export const header = {
cta: 'Hablemos', // short nav CTA → #contacto (the full CTA lives in Hero/Cierre) cta: 'Hablemos', // short nav CTA → #contacto (the full CTA lives in Hero/Cierre)
}; };
export const footer = {
tagline: 'tu estratega de crecimiento',
legal: '© 2026 creeer',
};