diff --git a/app/page.tsx b/app/page.tsx
index 37afbf1..c4e0510 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,11 +1,13 @@
import { Hero } from '@/components/sections/Hero';
import { FraseAncla } from '@/components/sections/FraseAncla';
+import { ParaQuien } from '@/components/sections/ParaQuien';
export default function Home() {
return (
+
);
}
diff --git a/components/sections/ParaQuien.tsx b/components/sections/ParaQuien.tsx
new file mode 100644
index 0000000..bb96a0c
--- /dev/null
+++ b/components/sections/ParaQuien.tsx
@@ -0,0 +1,29 @@
+'use client';
+
+import { motion } from 'framer-motion';
+import { Container } from '@/components/primitives/Container';
+import { paraQuien } from '@/lib/content';
+import { fadeInUp, staggerContainer, viewportOnce } from '@/lib/motion';
+
+export function ParaQuien() {
+ return (
+
+
+
+
+ {paraQuien.title}
+
+ {paraQuien.lead}
+
+ {paraQuien.criteria.map((c) => (
+
+ ✓
+ {c}
+
+ ))}
+
+
+
+
+ );
+}
diff --git a/components/sections/__tests__/ParaQuien.test.tsx b/components/sections/__tests__/ParaQuien.test.tsx
new file mode 100644
index 0000000..967f1c4
--- /dev/null
+++ b/components/sections/__tests__/ParaQuien.test.tsx
@@ -0,0 +1,16 @@
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect } from 'vitest';
+import { ParaQuien } from '../ParaQuien';
+
+describe('', () => {
+ it('renders the section title', () => {
+ render();
+ expect(screen.getByText(/punto de inflexión/i)).toBeInTheDocument();
+ });
+ it('renders all 3 criteria', () => {
+ render();
+ expect(screen.getByText(/tienes tracción/i)).toBeInTheDocument();
+ expect(screen.getByText(/trabajar más ya no rinde/i)).toBeInTheDocument();
+ expect(screen.getByText(/necesitas claridad/i)).toBeInTheDocument();
+ });
+});