feat: slim Footer strip with wordmark, tagline and legal line
This commit is contained in:
1 parent
7d27c91cf7
commit
0c74cd54a3
4 files changed
+37
No files matched your search
@@ -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 />
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -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();
|
||||
});
|
||||
});
|
||||
@@ -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',
|
||||
};
|
||||
Reference in new issue
Block a user