feat: design tokens (palette, Inter font, content + motion libs)

lib/content.ts

@@ -0,0 +1,70 @@
+// Source of truth for all copy. Edit here, not in JSX.
+
+export const wordmark = {
+  // cre[e]er. — 'cre' + gold 'e' + 'er' + gold '.'
+  parts: { before: 'cre', accent: 'e', after: 'er', dot: '.' },
+};
+
+export const hero = {
+  eyebrow: '— tu estratega de crecimiento —',
+  // Headline broken into segments for emphasis styling
+  headline: {
+    line1: 'Tu negocio no necesita',
+    effort: 'más esfuerzo.',   // gold (HV-1) or gold italic (V-a)
+    line3: 'Necesita',
+    clarity: 'más claridad.',   // underlined gold
+  },
+  cta: 'Define tu siguiente movimiento',
+};
+
+export const fraseAncla = {
+  quote: 'Las empresas no dejan de crecer por falta de talento; dejan de crecer por falta de claridad.',
+};
+
+export const paraQuien = {
+  title: '¿Llegaste a tu punto de inflexión?',
+  lead: 'Esto es para ti si…',
+  criteria: [
+    'tienes tracción y ya demostraste que sabes crecer',
+    'trabajar más ya no rinde como antes',
+    'necesitas claridad para decidir el siguiente movimiento',
+  ],
+};
+
+export const mecanismo = {
+  eyebrow: 'el mecanismo único',
+  title: 'Cómo trabajo',
+  steps: [
+    { n: '01', name: 'Inmersión', desc: 'Me sumerjo en tu empresa hasta comprenderla desde dentro.' },
+    { n: '02', name: 'Desafiar supuestos', desc: 'Cuestiono lo que todos dan por hecho y frenan el crecimiento.' },
+    { n: '03', name: 'Estrategia ejecutable', desc: 'Construimos, juntos, una estrategia que puedas ejecutar.' },
+  ],
+};
+
+export const disciplinas = {
+  eyebrow: 'las herramientas',
+  title: 'Las disciplinas que uso',
+  lead: 'No son la promesa — son los medios.',
+  items: [
+    { name: 'Comunicación', desc: 'Mensaje que alinea a tu equipo y a tu mercado.' },
+    { name: 'Digital', desc: 'Presencia y procesos que escalan sin ti.' },
+    { name: 'Experiencias', desc: 'Cada toque con tu marca construye confianza.' },
+  ],
+};
+
+export const estratega = {
+  eyebrow: 'la mente detrás de creeer',
+  title: 'Sobre la estratega',
+  bio: 'Más de 30 años construyendo marcas. Hoy acompaño a empresarios que ya lograron tracción y necesitan claridad para su siguiente movimiento.',
+  quote: 'El tiempo no se compra, se invierte.',
+};
+
+export const cierre = {
+  quote: 'Devuélvele claridad al rumbo de tu empresa.',
+  cta: 'Define tu siguiente movimiento',
+  contact: {
+    whatsapp: { label: 'WhatsApp', href: 'https://wa.me/520000000000' },   // TODO dueña: real number
+    email: { label: 'Email', href: 'mailto:hola@creeer.com' },             // TODO dueña: real email
+    linkedin: { label: 'LinkedIn', href: 'https://linkedin.com/in/...' },  // TODO dueña: real URL
+  },
+};

lib/motion.ts

@@ -0,0 +1,21 @@
+import type { Variants } from 'framer-motion';
+
+// EaseOutExpo — smooth editorial deceleration
+export const easeOutExpo = [0.22, 1, 0.36, 1] as const;
+
+export const fadeInUp: Variants = {
+  hidden: { opacity: 0, y: 20 },
+  visible: { opacity: 1, y: 0, transition: { duration: 0.5, ease: easeOutExpo } },
+};
+
+export const fadeIn: Variants = {
+  hidden: { opacity: 0 },
+  visible: { opacity: 1, transition: { duration: 0.4, ease: easeOutExpo } },
+};
+
+export const staggerContainer: Variants = {
+  hidden: {},
+  visible: { transition: { staggerChildren: 0.1 } },
+};
+
+export const viewportOnce = { once: true, amount: 0.3 } as const;