{"id":6,"date":"2026-02-09T10:50:01","date_gmt":"2026-02-09T10:50:01","guid":{"rendered":"https:\/\/stephaniefrahmfetherston.com\/?page_id=6"},"modified":"2026-02-13T09:53:07","modified_gmt":"2026-02-13T09:53:07","slug":"inicio","status":"publish","type":"page","link":"https:\/\/stephaniefrahmfetherston.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-465145c e-con-full e-flex e-con e-parent\" data-id=\"465145c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8a474b elementor-widget elementor-widget-html\" data-id=\"a8a474b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n  INSTRUCCIONES PARA ELEMENTOR:\n  1. Arrastra un widget \"HTML\" a tu p\u00e1gina.\n  2. Pega este c\u00f3digo completo dentro.\n  3. Guarda y visualiza. La informaci\u00f3n ahora es 100% fiel a tus PDFs actualizados.\n-->\n\n<!-- 1. LIBRER\u00cdAS (Solo Tailwind, React y Babel) -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<!-- Configuraci\u00f3n Tailwind -->\n<script>\n  tailwind.config = {\n    theme: {\n      extend: {\n        fontFamily: {\n          sans: ['Space Grotesk', 'sans-serif'],\n        },\n        colors: {\n            spotify: '#1DB954'\n        }\n      }\n    },\n    important: '#portfolio-root', \n  }\n<\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<!-- 2. React & Babel -->\n<script crossorigin src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\n<script crossorigin src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\n<script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\n\n<!-- 3. Contenedor Principal -->\n<div id=\"portfolio-root\" style=\"width: 100%;\"><\/div>\n\n<!-- 4. L\u00f3gica de la Aplicaci\u00f3n -->\n<script type=\"text\/babel\">\n  const { useState, useEffect } = React;\n\n  \/\/ --- ICONOS ---\n  const IconWrapper = ({ children, className }) => (\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className={className}>{children}<\/svg>\n  );\n\n  const Mail = ({ className }) => <IconWrapper className={className}><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/IconWrapper>;\n  const Phone = ({ className }) => <IconWrapper className={className}><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/IconWrapper>;\n  const Linkedin = ({ className }) => <IconWrapper className={className}><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect width=\"4\" height=\"12\" x=\"2\" y=\"9\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/IconWrapper>;\n  const Globe = ({ className }) => <IconWrapper className={className}><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\/><path d=\"M2 12h20\"\/><\/IconWrapper>;\n  const MapPin = ({ className }) => <IconWrapper className={className}><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/IconWrapper>;\n  const ArrowUpRight = ({ className }) => <IconWrapper className={className}><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/IconWrapper>;\n  const Download = ({ className }) => <IconWrapper className={className}><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"\/><\/IconWrapper>;\n  const Moon = ({ className }) => <IconWrapper className={className}><path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\"\/><\/IconWrapper>;\n  const Sun = ({ className }) => <IconWrapper className={className}><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2\"\/><path d=\"M12 20v2\"\/><path d=\"m4.93 4.93 1.41 1.41\"\/><path d=\"m17.66 17.66 1.41 1.41\"\/><path d=\"M2 12h2\"\/><path d=\"M20 12h2\"\/><path d=\"m6.34 17.66-1.41 1.41\"\/><path d=\"m19.07 4.93-1.41 1.41\"\/><\/IconWrapper>;\n  const Layers = ({ className }) => <IconWrapper className={className}><path d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\"\/><path d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"\/><path d=\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"\/><\/IconWrapper>;\n  const Palette = ({ className }) => <IconWrapper className={className}><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\"\/><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z\"\/><\/IconWrapper>;\n  const Monitor = ({ className }) => <IconWrapper className={className}><rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"\/><line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"\/><line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"\/><\/IconWrapper>;\n  const Video = ({ className }) => <IconWrapper className={className}><path d=\"m22 8-6 4 6 4V8Z\"\/><rect width=\"14\" height=\"12\" x=\"2\" y=\"6\" rx=\"2\" ry=\"2\"\/><\/IconWrapper>;\n  const Check = ({ className }) => <IconWrapper className={className}><polyline points=\"20 6 9 17 4 12\"\/><\/IconWrapper>;\n  const Car = ({ className }) => <IconWrapper className={className}><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"\/><circle cx=\"7\" cy=\"17\" r=\"2\"\/><circle cx=\"17\" cy=\"17\" r=\"2\"\/><\/IconWrapper>;\n  const Plane = ({ className }) => <IconWrapper className={className}><path d=\"M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.2-1.1.7l-1.2 4 6 3.2-2 2-4-1.5L1 16l7.4 1.6c.7.1 1.4-.1 1.9-.4l4.1-3.2 2.6 5.2c.1.2.4.3.6.2l.3-.2c.2-.2.2-.6-.1-.9z\"\/><\/IconWrapper>;\n  const ChevronDown = ({ className }) => <IconWrapper className={className}><path d=\"m6 9 6 6 6-6\"\/><\/IconWrapper>;\n\n  \/\/ --- DEFINICI\u00d3N DE TRADUCCIONES ---\n  const translations = {\n    ES: {\n      role1: \"Art Director\",\n      role2: \"Fashion Designer\",\n      availability: \"Disponibilidad Inmediata\",\n      travel: \"Disponibilidad para viajar\",\n      car: \"Coche Propio\",\n      location: \"Cardedeu,Barcelona, Espa\u00f1a\",\n      manifestoTitle: \"Sobre M\u00ed\",\n      manifestoP1: \"Directora de Arte Senior con m\u00e1s de 10 a\u00f1os de experiencia. Experta en estrategia creativa 360\u00b0 para moda, e-commerce y producci\u00f3n audiovisual.\",\n      manifestoP2: \"Especializada en fortalecer el valor de marca y potenciar la conversi\u00f3n desde la conceptualizaci\u00f3n hasta la postproducci\u00f3n.\",\n      manifestoP3: \"Multiling\u00fce nativa en ingl\u00e9s, alem\u00e1n, espa\u00f1ol y catal\u00e1n. Graduada en Dise\u00f1o de Moda.\",\n      download: \"Descargar CV\",\n      viewPortfolio: \"Ver mi portfolio\",\n      languagesTitle: \"Idiomas\",\n      langLevelNative: \"Nativo\",\n      langLevelBilingual: \"Biling\u00fce (C2)\",\n      langLevelIntermediate: \"Intermedio (B1)\",\n      trayectoriaTitle: \"Experiencia Profesional\",\n      techStackTitle: \"Herramientas y Tecnolog\u00edas\",\n      expertiseTitle: \"Competencias Estrat\u00e9gicas\",\n      academiaTitle: \"Formaci\u00f3n y Certificados\",\n      mottoTitle: \"Motto\",\n      mottoText: \"Transformando caos creativo en estrategia tangible.\",\n      exp_frahm: {\n        company: \"FRAHM FETHERSTON DESIGN\",\n        role: \"Art Director\",\n        date: \"Sept 2020 - Actualidad\",\n        p1: \"\u2022 Liderazgo de Marca: Direcci\u00f3n de branding 360\u00b0 y direcci\u00f3n art\u00edstica a medida para proyectos de dise\u00f1o premium.\",\n        p2: \"\u2022 Maje Paris (v\u00eda Cobalto): Ejecuci\u00f3n de bordado artesanal para la colecci\u00f3n exclusiva 'M Basket'.\",\n        p3: \"\u2022 Ejecuci\u00f3n Creativa: Liderazgo de concepto, estilismo y fotograf\u00eda para Infinity Mia y Black Crown Padel.\",\n        p4: \"\u2022 Emprendimiento: Fundadora de NOT A DRAMA (papeler\u00eda de lujo), gestionando el ciclo completo del producto y la experiencia del cliente (CX).\"\n      },\n      exp_kodex: {\n        company: \"KODEX GLOBAL\",\n        role: \"Art & Visual Director\",\n        date: \"Sept 2022 - Sept 2025\",\n        p1: \"\u2022 Direcci\u00f3n de Arte: Planificaci\u00f3n y direcci\u00f3n de proyectos creativos desde la fase conceptual hasta la entrega final.\",\n        p2: \"\u2022 An\u00e1lisis Operativo: Implementaci\u00f3n de sistemas de seguimiento para la log\u00edstica de producci\u00f3n y resoluci\u00f3n de incidencias operativas complejas.\",\n        p3: \"\u2022 Gesti\u00f3n de Equipos: Coordinaci\u00f3n de equipos t\u00e9cnicos y creativos bajo estrictos est\u00e1ndares de calidad y control de costes.\"\n      },\n      exp_love: {\n        company: \"LOVE 2 LEARN (EazyCity)\",\n        role: \"International Program Manager (Bootcamps)\",\n        date: \"Jul 2022 - Ago 2025\",\n        p1: \"\u2022 Liderazgo Acad\u00e9mico: Formadora principal en programas internacionales (Dubl\u00edn, Cork, Waterford), acompa\u00f1ando el desarrollo de planes de negocio y estrategias de marca.\",\n        p2: \"\u2022 Estrategia de Producto: Dise\u00f1o de ecosistemas formativos y coordinaci\u00f3n de expertos externos para garantizar la coherencia t\u00e9cnica.\"\n      },\n      exp_peiro: {\n        company: \"JESUS PEIR\u00d3\",\n        role: \"National & Benelux Sales Manager\",\n        date: \"Feb 2021 - Jul 2022\",\n        p1: \"\u2022 Estrategia Comercial: Desarrollo de presupuestos personalizados y control de costes para productos de moda de lujo.\",\n        p2: \"\u2022 Coordinaci\u00f3n de Producci\u00f3n: Gesti\u00f3n de pedidos mediante SAP, garantizando la trazabilidad y el cumplimiento de los plazos de entrega.\"\n      },\n      exp_cliche: {\n        company: \"CLICH\u00c9 FILMS\",\n        role: \"Art Director & Visual Concept\",\n        date: \"2015 - Actualidad\",\n        p1: \"\u2022 Narrativa Audiovisual: Desarrollo de narrativas est\u00e9ticas y del 'look & feel' para videoclips y proyectos musicales.\",\n        p2: \"\u2022 Dise\u00f1o de Producci\u00f3n: Supervisi\u00f3n de escenograf\u00eda, vestuario y coherencia art\u00edstica en rodaje.\"\n      },\n      exp_clgroup: {\n        company: \"CL GROUP\",\n        role: \"Art Director & Training Specialist\",\n        date: \"Sept 2010 - Jun 2020\",\n        p1: \"\u2022 Formaci\u00f3n Avanzada y Liderazgo: Direcci\u00f3n de programas formativos integrales para certificaciones oficiales de Cambridge, desde nivel A1 hasta C1.\",\n        p2: \"\u2022 Transformaci\u00f3n Digital y UI\/UX: Implementaci\u00f3n de flujos de trabajo digitales en plataformas LMS (Moodle\/Canvas) y sistemas CRM, integrando principios de dise\u00f1o UI\/UX para mejorar la experiencia global del alumnado.\",\n        p3: \"\u2022 Branding y Redes Sociales: Direcci\u00f3n de la identidad visual de marca y de la estrategia de contenidos digitales para optimizar y fortalecer la presencia online.\"\n      }\n    },\n    EN: {\n      role1: \"Art Director\",\n      role2: \"Creative Project Manager\",\n      availability: \"Immediate Availability\",\n      travel: \"Available to travel\",\n      car: \"Own Vehicle\",\n      location: \"Barcelona, Spain\",\n      manifestoTitle: \"About Me\",\n      manifestoP1: \"Senior Art Director | 10+ Years Experience. Expert in 360\u00b0 creative strategy for fashion, e-commerce, and audiovisual production.\",\n      manifestoP2: \"Focused on elevating brand equity and driving conversion from concept to post-production.\",\n      manifestoP3: \"Native Multilingual: English, German, Spanish, and Catalan. Fashion Design Graduate.\",\n      download: \"Download CV\",\n      viewPortfolio: \"View Portfolio\",\n      languagesTitle: \"Languages\",\n      langLevelNative: \"Native\",\n      langLevelBilingual: \"Bilingual (C2)\",\n      langLevelIntermediate: \"Intermediate (B1)\",\n      trayectoriaTitle: \"Professional Experience\",\n      techStackTitle: \"Tools & Technologies\",\n      expertiseTitle: \"Core Competencies & Strategy\",\n      academiaTitle: \"Education & Certifications\",\n      mottoTitle: \"Motto\",\n      mottoText: \"Transforming creative chaos into tangible strategy.\",\n      exp_frahm: {\n        company: \"FRAHM FETHERSTON DESIGN\",\n        role: \"Art Director\",\n        date: \"Sept 2020 - Present\",\n        p1: \"\u2022 Brand Lead: Directing 360\u00b0 branding and bespoke art direction for premium design projects.\",\n        p2: \"\u2022 Maje Paris (via Cobalto): Executed artisanal hand-embroidery for the exclusive 'M Basket' collection.\",\n        p3: \"\u2022 Creative Execution: Led concept, styling, and photography for Infinity Mia and Black Crown Padel.\",\n        p4: \"\u2022 Entrepreneurship: Founded NOT A DRAMA (Luxury Stationery), managing the full product lifecycle and CX.\"\n      },\n      exp_kodex: {\n        company: \"KODEX GLOBAL\",\n        role: \"Art & Visual Director\",\n        date: \"Sept 2022 - Sept 2025\",\n        p1: \"\u2022 Art Direction: Planned and directed creative projects from the conceptual phase to final delivery.\",\n        p2: \"\u2022 Operational Analysis: Implemented tracking systems for production logistics and resolved complex operational issues.\",\n        p3: \"\u2022 Team Management: Coordinated technical and creative teams under strict quality and cost standards.\"\n      },\n      exp_love: {\n        company: \"LOVE 2 LEARN (EazyCity)\",\n        role: \"International Program Manager (Bootcamps)\",\n        date: \"July 2022 - Aug 2025\",\n        p1: \"\u2022 Academic Leadership: Lead trainer for international programs (Dublin, Cork, Waterford), mentoring the development of business plans and branding.\",\n        p2: \"\u2022 Product Strategy: Designed learning ecosystems and coordinated external experts to ensure technical consistency.\"\n      },\n      exp_peiro: {\n        company: \"JESUS PEIR\u00d3\",\n        role: \"National & Benelux Sales Manager\",\n        date: \"Feb 2021 - July 2022\",\n        p1: \"\u2022 Commercial Strategy: Developed personalized budgets and cost controls for luxury fashion products.\",\n        p2: \"\u2022 Production Coordination: Managed orders via SAP, ensuring traceability and on-time delivery.\"\n      },\n      exp_cliche: {\n        company: \"CLICH\u00c9 FILMS\",\n        role: \"Art Director & Visual Concept\",\n        date: \"2015 - Present\",\n        p1: \"\u2022 Audiovisual Narrative: Developed aesthetic narratives and 'look & feel' for music videos and musical projects.\",\n        p2: \"\u2022 Production Design: Supervised scenography, wardrobe, and artistic coherence on set.\"\n      },\n      exp_clgroup: {\n        company: \"CL GROUP\",\n        role: \"Art Director & Training Specialist\",\n        date: \"Sept 2010 - June 2020\",\n        p1: \"\u2022 Senior Training & Leadership: Led comprehensive training programs for official Cambridge certifications, ranging from A1 to C1 levels.\",\n        p2: \"\u2022 Digital Transformation & UI\/UX: Implemented digital workflows within LMS platforms (Moodle\/Canvas) and CRM systems, integrating UI\/UX design principles to enhance the overall student experience.\",\n        p3: \"\u2022 Branding & Social Media: Directed the brand's visual identity and digital content strategy to optimize and strengthen online presence.\"\n      }\n    },\n    CA: {\n      role1: \"Art Director\",\n      role2: \"Creative Project Manager\",\n      availability: \"Disponibilitat Immediata\",\n      travel: \"Disponibilitat per viatjar\",\n      car: \"Cotxe Propi\",\n      location: \"Barcelona, Espanya\",\n      manifestoTitle: \"Sobre mi\",\n      manifestoP1: \"Directora d'Art Senior | M\u00e9s de 10 anys d'experi\u00e8ncia. Experta en estrat\u00e8gia creativa 360\u00b0 per a moda, e-commerce i producci\u00f3 audiovisual.\",\n      manifestoP2: \"Especialitzada en enfortir el valor de marca i potenciar la conversi\u00f3 des de la conceptualitzaci\u00f3 fins a la postproducci\u00f3.\",\n      manifestoP3: \"Multiling\u00fce nativa en angl\u00e8s, alemany, espanyol i catal\u00e0. Graduada en Disseny de Moda.\",\n      download: \"Descarregar CV\",\n      viewPortfolio: \"Veure portfoli\",\n      languagesTitle: \"Idiomes\",\n      langLevelNative: \"Natiu\",\n      langLevelBilingual: \"Biling\u00fce (C2)\",\n      langLevelIntermediate: \"Intermedi (B1)\",\n      trayectoriaTitle: \"Experi\u00e8ncia Professional\",\n      techStackTitle: \"Eines i Tecnologies\",\n      expertiseTitle: \"Compet\u00e8ncies Estrat\u00e8giques\",\n      academiaTitle: \"Formaci\u00f3 i Certificats\",\n      mottoTitle: \"Motto\",\n      mottoText: \"Transformant caos creatiu en estrat\u00e8gia tangible.\",\n      exp_frahm: {\n        company: \"FRAHM FETHERSTON DESIGN\",\n        role: \"Art Director\",\n        date: \"Set 2020 - Actualitat\",\n        p1: \"\u2022 Lideratge de Marca: Direcci\u00f3 de branding 360\u00b0 i direcci\u00f3 art\u00edstica a mida per a projectes de disseny premium.\",\n        p2: \"\u2022 Maje Paris (via Cobalto): Execuci\u00f3 de brodat artesanal per a la col\u00b7lecci\u00f3 exclusiva 'M Basket'.\",\n        p3: \"\u2022 Execuci\u00f3 Creativa: Lideratge de concepte, estilisme i fotografia per a Infinity Mia i Black Crown Padel.\",\n        p4: \"\u2022 Emprenedoria: Fundadora de NOT A DRAMA (Papereria de Luxe), gestionant el cicle complet del producte i l'experi\u00e8ncia del client (CX).\"\n      },\n      exp_kodex: {\n        company: \"KODEX GLOBAL\",\n        role: \"Art & Visual Director\",\n        date: \"Set 2022 - Set 2025\",\n        p1: \"\u2022 Direcci\u00f3 d'Art: Planificaci\u00f3 i direcci\u00f3 de projectes creatius des de la fase conceptual fins al lliurament final.\",\n        p2: \"\u2022 An\u00e0lisi Operatiu: Implementaci\u00f3 de sistemes de seguiment per a la log\u00edstica de producci\u00f3 i resoluci\u00f3 d'incid\u00e8ncies operatives complexes.\",\n        p3: \"\u2022 Gesti\u00f3 d'Equips: Coordinaci\u00f3 d'equips t\u00e8cnics i creatius sota estrictes est\u00e0ndards de qualitat i control de costos.\"\n      },\n      exp_love: {\n        company: \"LOVE 2 LEARN (EazyCity)\",\n        role: \"International Program Manager (Bootcamps)\",\n        date: \"Juliol 2022 - Agost 2025\",\n        p1: \"\u2022 Lideratge Acad\u00e8mic: Formadora principal en programes internacionals (Dubl\u00edn, Cork, Waterford), acompanyant el desenvolupament de plans de negoci i estrat\u00e8gies de marca.\",\n        p2: \"\u2022 Estrat\u00e8gia de Producte: Disseny d'ecosistemes formatius i coordinaci\u00f3 d'experts externs per garantir la coher\u00e8ncia t\u00e8cnica.\"\n      },\n      exp_peiro: {\n        company: \"JESUS PEIR\u00d3\",\n        role: \"National & Benelux Sales Manager\",\n        date: \"Febrer 2021 - Juliol 2022\",\n        p1: \"\u2022 Estrat\u00e8gia Comercial: Desenvolupament de pressupostos personalitzats i control de costos per a productes de moda de luxe.\",\n        p2: \"\u2022 Coordinaci\u00f3 de Producci\u00f3: Gesti\u00f3 de comandes mitjan\u00e7ant SAP, garantint la tra\u00e7abilitat i el compliment dels terminis de lliurament.\"\n      },\n      exp_cliche: {\n        company: \"CLICH\u00c9 FILMS\",\n        role: \"Art Director & Visual Concept\",\n        date: \"2015 - Actualitat\",\n        p1: \"\u2022 Narrativa Audiovisual: Desenvolupament de narratives est\u00e8tiques i del 'look & feel' per a videoclips i projectes musicals.\",\n        p2: \"\u2022 Disseny de Producci\u00f3: Supervisi\u00f3 d'escenografia, vestuari i coher\u00e8ncia art\u00edstica en rodatge.\"\n      },\n      exp_clgroup: {\n        company: \"CL GROUP\",\n        role: \"Art Director & Training Specialist\",\n        date: \"Setembre 2010 - Juny 2020\",\n        p1: \"\u2022 Formaci\u00f3 Avan\u00e7ada i Lideratge: Direcci\u00f3 de programes formatius integrals per a certificacions oficials de Cambridge, des de nivell A1 fins a C1.\",\n        p2: \"\u2022 Transformaci\u00f3 Digital i UI\/UX: Implementaci\u00f3 de fluxos de treball digitals en plataformes LMS (Moodle\/Canvas) i sistemes CRM, integrant principis de disseny UI\/UX per millorar l'experi\u00e8ncia global de l'alumnat.\",\n        p3: \"\u2022 Branding i Xarxes Socials: Direcci\u00f3 de la identitat visual de marca i de l'estrat\u00e8gia de continguts digitals per optimitzar i enfortir la pres\u00e8ncia online.\"\n      }\n    }\n  };\n\n  \/\/ --- COMPONENTES BENTO ---\n  const BentoBox = ({ children, className = \"\", title, dark }) => (\n    <div className={`\n      relative overflow-hidden rounded-3xl p-6 transition-all duration-300 group\n      border flex flex-col\n      ${dark ? 'bg-zinc-900 border-zinc-800 text-zinc-100 hover:border-zinc-600' : 'bg-white border-zinc-200 text-zinc-900 hover:border-zinc-400'}\n      ${className}\n    `}>\n      {title && (\n        <h3 className={`text-[10px] font-bold tracking-[0.2em] uppercase mb-6 opacity-40 flex items-center gap-2 text-inherit`}>\n          {title}\n        <\/h3>\n      )}\n      {children}\n    <\/div>\n  );\n\n  const Tag = ({ text, dark }) => (\n    <span className={`\n      flex items-center justify-center px-3 h-6 rounded-md text-[10px] uppercase tracking-wider font-semibold border transition-colors leading-[0] pb-[1px]\n      ${dark ? 'bg-zinc-800\/50 border-zinc-700 text-zinc-400' : 'bg-zinc-50 border-zinc-200 text-zinc-500'}\n    `}>\n      {text}\n    <\/span>\n  );\n\n  const JobItem = ({ role, company, date, children, tags, dark }) => (\n    <div className={`mb-10 pl-4 border-l ${dark ? 'border-zinc-800' : 'border-zinc-100'} last:mb-2`}>\n      <div className=\"flex flex-col sm:flex-row sm:items-baseline justify-between mb-2\">\n        <h4 className=\"font-bold text-lg leading-none tracking-tight text-inherit\">{company}<\/h4>\n        <span className=\"text-[10px] opacity-40 font-mono mt-1 sm:mt-0 uppercase tracking-widest text-inherit\">{date}<\/span>\n      <\/div>\n      <p className=\"text-sm font-medium opacity-70 mb-4 text-inherit\">{role}<\/p>\n      <div className=\"text-sm opacity-80 leading-relaxed space-y-2 font-light text-inherit\">\n        {children}\n      <\/div>\n      {tags && (\n        <div className=\"flex flex-wrap gap-2 mt-4 opacity-80\">\n          {tags.map((tag, i) => <Tag key={i} text={tag} dark={dark} \/>)}\n        <\/div>\n      )}\n    <\/div>\n  );\n\n  \/\/ --- APP PRINCIPAL ---\n  const App = () => {\n    const [darkMode, setDarkMode] = useState(true);\n    const [language, setLanguage] = useState('ES');\n    const [isLangOpen, setIsLangOpen] = useState(false);\n    \n    const toggleTheme = () => setDarkMode(!darkMode);\n    const t = translations[language];\n\n    const handleDownloadCV = (e) => {\n        e.preventDefault();\n        const englishCV = \"https:\/\/stephaniefrahmfetherston.com\/wp-content\/uploads\/2026\/02\/CV-STEPHANIE-F.F-English.pdf\";\n        const spanishCV = \"https:\/\/stephaniefrahmfetherston.com\/wp-content\/uploads\/2026\/02\/CV-STEPHANIE-F.F-Spanish.pdf\";\n\n        const url = language === 'EN' ? englishCV : spanishCV;\n        window.open(url, '_blank');\n    };\n\n    return (\n      <div className={`w-full min-h-screen ${darkMode ? 'bg-black text-zinc-100' : 'bg-zinc-50 text-zinc-900'} transition-colors duration-500 p-4 sm:p-8 font-sans`}>\n        \n        {\/* --- UI WEB --- *\/}\n        <div className=\"max-w-7xl mx-auto flex justify-between items-end mb-12\">\n          <div>\n             <div className=\"font-bold text-2xl tracking-tighter leading-none\">SFF.<\/div>\n             <div className=\"text-[10px] tracking-[0.3em] opacity-40 mt-1 uppercase\">Portfolio 2026<\/div>\n          <\/div>\n         \n          <div className=\"flex items-center gap-4\">\n            <div className=\"relative z-50\">\n                <button onClick={() => setIsLangOpen(!isLangOpen)} className={`flex items-center gap-2 px-3 py-1.5 rounded-full text-xs font-medium border transition-all ${darkMode ? 'border-zinc-800 hover:bg-zinc-800' : 'border-zinc-200 hover:bg-zinc-100'}`}>\n                    {language} <ChevronDown className=\"w-3 h-3 opacity-50\" \/>\n                <\/button>\n                {isLangOpen && (\n                    <div className={`absolute top-full right-0 mt-2 w-24 rounded-xl border shadow-xl overflow-hidden z-50 ${darkMode ? 'bg-zinc-900 border-zinc-800' : 'bg-white border-zinc-200'}`}>\n                        {[{code:'EN',label:'English'},{code:'ES',label:'Espa\u00f1ol'},{code:'CA',label:'Catal\u00e0'}].map((opt) => (\n                            <button key={opt.code} onClick={() => {setLanguage(opt.code);setIsLangOpen(false);}} className={`w-full text-left px-4 py-2 text-xs hover:opacity-100 transition-opacity ${language === opt.code ? 'opacity-100 font-bold' : 'opacity-50'} ${darkMode ? 'hover:bg-zinc-800' : 'hover:bg-zinc-50'}`}>\n                                {opt.label}\n                            <\/button>\n                        ))}\n                    <\/div>\n                )}\n            <\/div>\n            <button onClick={toggleTheme} className={`p-3 rounded-full ${darkMode ? 'bg-zinc-900 hover:bg-zinc-800' : 'bg-white hover:bg-zinc-100 shadow-sm'} transition-all border-none cursor-pointer`}>\n                {darkMode ? <Sun size={16} className=\"w-4 h-4\" \/> : <Moon size={16} className=\"w-4 h-4\" \/>}\n            <\/button>\n            \n            <a \n                href=\"https:\/\/stephaniefrahmfe.myportfolio.com\/\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className={`flex items-center gap-2 px-4 py-2 rounded-full text-xs font-bold transition-all ${darkMode ? 'bg-white text-black hover:bg-zinc-200' : 'bg-black text-white hover:bg-zinc-800'}`}\n            >\n                {t.viewPortfolio} <ArrowUpRight className=\"w-3 h-3\" \/>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div className=\"max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-3 gap-4\">\n            \n            {\/* --- COLUMNA IZQUIERDA (STICKY) --- *\/}\n            <div className=\"lg:col-span-1 lg:sticky lg:top-[80px] lg:h-fit flex flex-col gap-4\">\n                \n                {\/* 1. Hero *\/}\n                <BentoBox dark={darkMode}>\n                    <div className=\"flex flex-col gap-6\">\n                        <div className=\"flex justify-between items-start\">\n                            <div className={`w-32 h-32 md:w-40 md:h-40 rounded-full overflow-hidden border ${darkMode ? 'border-zinc-700' : 'border-zinc-200'} grayscale hover:grayscale-0 transition-all duration-700 shrink-0`}>\n                                <img decoding=\"async\" src=\"https:\/\/kodex.global\/wp-content\/uploads\/2026\/02\/POLAS-STEPH1.jpeg\" alt=\"Stephanie Frahm Fetherston\" className=\"w-full h-full object-cover object-center block m-0 p-0\" \/>\n                            <\/div>\n                        <\/div>\n                        <div>\n                            <h1 className=\"!text-3xl sm:!text-4xl lg:!text-3xl xl:!text-4xl font-bold uppercase tracking-tighter leading-[0.9] mb-4 !text-inherit !m-0 break-words\">\n                                Stephanie<br\/>Frahm Fetherston\n                            <\/h1>\n                            <div className=\"flex flex-col gap-2 text-xs tracking-widest uppercase opacity-60 font-medium mb-4\">\n                                <span>{t.role1}<\/span>\n                                <span>{t.role2}<\/span>\n                            <\/div>\n                            <span className=\"inline-flex items-center gap-1.5 bg-[#1DB954] text-black text-[10px] font-bold px-3 py-1.5 rounded-full uppercase tracking-wider mb-4 shadow-sm whitespace-nowrap\">\n                                <span className=\"w-1.5 h-1.5 rounded-full bg-black animate-pulse\"><\/span>\n                                {t.availability}\n                            <\/span>\n                            <div className=\"flex flex-wrap gap-2 mb-4 opacity-80\">\n                                <span className={`flex items-center justify-center gap-1.5 px-3 h-6 rounded-full text-[10px] uppercase tracking-wider border leading-none pb-[1px] ${darkMode ? 'border-zinc-700 bg-zinc-800\/50' : 'border-zinc-300 bg-zinc-100'}`}><Plane className=\"w-3 h-3\" \/> {t.travel}<\/span>\n                                <span className={`flex items-center justify-center gap-1.5 px-3 h-6 rounded-full text-[10px] uppercase tracking-wider border leading-none pb-[1px] ${darkMode ? 'border-zinc-700 bg-zinc-800\/50' : 'border-zinc-300 bg-zinc-100'}`}><Car className=\"w-3 h-3\" \/> {t.car}<\/span>\n                            <\/div>\n                            <div className=\"flex items-center gap-2 text-[10px] tracking-widest uppercase opacity-40\"><MapPin className=\"w-3 h-3\" \/> {t.location}<\/div>\n                        <\/div>\n                    <\/div>\n                <\/BentoBox>\n\n                {\/* 2. Manifesto (Sobre M\u00ed) *\/}\n                <BentoBox title={t.manifestoTitle} dark={darkMode}>\n                    <p className=\"text-sm leading-relaxed font-light\">{t.manifestoP1}<\/p>\n                    <div className=\"mt-4 space-y-4 text-xs font-light opacity-80 leading-relaxed\"><p className=\"mb-2\">{t.manifestoP2}<\/p><p>{t.manifestoP3}<\/p><\/div>\n                <\/BentoBox>\n\n                {\/* 3. Idiomas *\/}\n                <BentoBox title={t.languagesTitle} dark={darkMode}>\n                    <div className=\"space-y-3 my-auto\">\n                        {[{lang:'English',level:t.langLevelNative,percent:'100%'},{lang:'Deutsch',level:t.langLevelNative,percent:'95%'},{lang:'Espa\u00f1ol',level:t.langLevelBilingual,percent:'100%'},{lang:'Catal\u00e0',level:t.langLevelBilingual,percent:'100%'},{lang:'Fran\u00e7ais',level:t.langLevelIntermediate,percent:'40%'}].map((item) => (\n                            <div key={item.lang} className=\"group\"><div className=\"flex justify-between text-[10px] uppercase tracking-widest mb-1\"><span className=\"font-bold\">{item.lang}<\/span><span className=\"opacity-40 group-hover:opacity-100 transition-opacity\">{item.level}<\/span><\/div><div className={`h-[2px] w-full ${darkMode ? 'bg-zinc-800' : 'bg-zinc-100'}`}><div className={`h-full ${darkMode ? 'bg-zinc-400' : 'bg-zinc-800'}`} style={{ width: item.percent }}><\/div><\/div><\/div>\n                        ))}\n                    <\/div>\n                <\/BentoBox>\n\n                {\/* 4. Links & Download *\/}\n                <BentoBox dark={darkMode}>\n                    <div className=\"flex flex-col justify-center h-full gap-4\">\n                        <div className=\"flex gap-2 mb-2\">\n                            <a href=\"mailto:stephaniefrahmfetherston@gmail.com\" className={`p-3 rounded-full border ${darkMode ? 'border-zinc-800 hover:bg-zinc-800' : 'border-zinc-200 hover:bg-zinc-100'} transition-all group\/icon flex-1 flex justify-center`}>\n                                <Mail className=\"w-4 h-4 group-hover\/icon:scale-110 transition-transform\" \/>\n                            <\/a>\n                            <a href=\"tel:+34636939875\" className={`p-3 rounded-full border ${darkMode ? 'border-zinc-800 hover:bg-zinc-800' : 'border-zinc-200 hover:bg-zinc-100'} transition-all group\/icon flex-1 flex justify-center`}>\n                                <Phone className=\"w-4 h-4 group-hover\/icon:scale-110 transition-transform\" \/>\n                            <\/a>\n                        <\/div>\n                        <a href=\"https:\/\/www.linkedin.com\/in\/sffetherston\" target=\"_blank\" rel=\"noreferrer\" className=\"flex items-center justify-between group w-full py-1\">\n                            <div className=\"flex items-center gap-3\">\n                                <div className=\"shrink-0\"><Linkedin className=\"w-4 h-4\" \/><\/div>\n                                <span className=\"font-medium text-xs whitespace-nowrap\">LinkedIn<\/span>\n                            <\/div>\n                            <div className=\"shrink-0\">\n                                <ArrowUpRight className=\"w-3 h-3 opacity-30 group-hover:opacity-100 transition-opacity\" \/>\n                            <\/div>\n                        <\/a>\n                        <div className={`h-[1px] w-full my-2 ${darkMode ? 'bg-zinc-800' : 'bg-zinc-100'}`}><\/div>\n                        <a href=\"https:\/\/stephaniefrahmfetherston.com\/portfolio\" target=\"_blank\" rel=\"noreferrer\" className=\"flex items-center justify-between group w-full py-1\">\n                            <div className=\"flex items-center gap-3\">\n                                <div className=\"shrink-0\"><Globe className=\"w-4 h-4\" \/><\/div>\n                                <span className=\"font-medium text-xs whitespace-nowrap\">{t.viewPortfolio}<\/span>\n                            <\/div>\n                            <div className=\"shrink-0\">\n                                <ArrowUpRight className=\"w-3 h-3 opacity-30 group-hover:opacity-100 transition-opacity\" \/>\n                            <\/div>\n                        <\/a>\n                        <div className={`h-[1px] w-full my-2 ${darkMode ? 'bg-zinc-800' : 'bg-zinc-100'}`}><\/div>\n                        <button onClick={handleDownloadCV} className=\"flex items-center justify-between group w-full py-1 bg-transparent border-none p-0 text-inherit cursor-pointer\">\n                            <div className=\"flex items-center gap-3\">\n                                <div className=\"shrink-0\"><Download className=\"w-4 h-4\" \/><\/div>\n                                <span className=\"font-medium text-xs whitespace-nowrap\">{t.download}<\/span>\n                            <\/div>\n                        <\/button>\n                    <\/div>\n                <\/BentoBox>\n\n            <\/div>\n\n            {\/* --- COLUMNA DERECHA (SCROLLABLE) --- *\/}\n            <div className=\"lg:col-span-2 flex flex-col gap-4\">\n                \n                {\/* 1. Formaci\u00f3n *\/}\n                <BentoBox title={t.academiaTitle} dark={darkMode}>\n                    <div className=\"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-6\">\n                        <div><h4 className=\"font-bold text-sm uppercase tracking-wide\">Grado en Dise\u00f1o de Moda<\/h4><span className=\"text-xs opacity-50 mt-1 font-mono\">LCI Barcelona (2014-2020)<\/span><\/div>\n                        <div><h4 className=\"font-bold text-sm uppercase tracking-wide\">Especializaci\u00f3n Patronaje<\/h4><span className=\"text-xs opacity-50 mt-1 font-mono\">LCI Barcelona (2013-2014)<\/span><\/div>\n                        <div><h4 className=\"font-bold text-sm uppercase tracking-wide\">Certificaci\u00f3n UX\/UI<\/h4><span className=\"text-xs opacity-50 mt-1 font-mono\">Adobe | Udemy<\/span><\/div>\n                        <div><h4 className=\"font-bold text-sm uppercase tracking-wide\">Bachillerato Humanidades<\/h4><span className=\"text-xs opacity-50 mt-1 font-mono\">Escola Pia Granollers<\/span><\/div>\n                    <\/div>\n                <\/BentoBox>\n\n                {\/* 2. Trayectoria *\/}\n                <BentoBox title={t.trayectoriaTitle} dark={darkMode}>\n                    <div className=\"pr-0 pb-0\">\n                    <JobItem dark={darkMode} company={t.exp_frahm.company} role={t.exp_frahm.role} date={t.exp_frahm.date} tags={['Branding', 'Styling', 'Product Design']}><p>{t.exp_frahm.p1}<\/p><p>{t.exp_frahm.p2}<\/p><p>{t.exp_frahm.p3}<\/p><p>{t.exp_frahm.p4}<\/p><p>{t.exp_frahm.p5}<\/p><p>{t.exp_frahm.p6}<\/p><\/JobItem>\n                    <JobItem dark={darkMode} company={t.exp_kodex.company} role={t.exp_kodex.role} date={t.exp_kodex.date} tags={['Project Mgmt', 'Logistics', 'Art Direction']}><p>{t.exp_kodex.p1}<\/p><p>{t.exp_kodex.p2}<\/p><p>{t.exp_kodex.p3}<\/p><\/JobItem>\n                    <JobItem dark={darkMode} company={t.exp_love.company} role={t.exp_love.role} date={t.exp_love.date} tags={['EdTech', 'Mentoring', 'Strategy']}><p>{t.exp_love.p1}<\/p><p>{t.exp_love.p2}<\/p><\/JobItem>\n                    <JobItem dark={darkMode} company={t.exp_peiro.company} role={t.exp_peiro.role} date={t.exp_peiro.date} tags={['Sales', 'SAP', 'Luxury']}><p>{t.exp_peiro.p1}<\/p><p>{t.exp_peiro.p2}<\/p><\/JobItem>\n                    <JobItem dark={darkMode} company={t.exp_cliche.company} role={t.exp_cliche.role} date={t.exp_cliche.date} tags={['Video', 'Set Design', 'Visual Narrative']}><p>{t.exp_cliche.p1}<\/p><p>{t.exp_cliche.p2}<\/p><\/JobItem>\n                    <JobItem dark={darkMode} company={t.exp_clgroup.company} role={t.exp_clgroup.role} date={t.exp_clgroup.date} tags={['LMS', 'UI\/UX', 'Digital Transformation']}><p>{t.exp_clgroup.p1}<\/p><p>{t.exp_clgroup.p2}<\/p><p>{t.exp_clgroup.p3}<\/p><\/JobItem>\n                    <\/div>\n                <\/BentoBox>\n\n                {\/* 3. Tech & Expertise *\/}\n                <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                    <BentoBox title={t.techStackTitle} dark={darkMode}>\n                        <div className=\"flex flex-wrap gap-2 content-start\">\n                        {['Photoshop', 'InDesign', 'Illustrator', 'Lightroom', 'Figma', 'Adobe Bridge', 'Video Edit', 'Meta Suite', 'SAP', 'Notion', 'Slack', 'Office'].map((s) => <Tag key={s} text={s} dark={darkMode} \/>)}\n                        <\/div>\n                    <\/BentoBox>\n\n                    <BentoBox title={t.expertiseTitle} dark={darkMode}>\n                        <ul className=\"space-y-4 !pl-0 !list-none\">\n                            {[{i:<Palette size={14} className=\"mt-1 shrink-0 opacity-50\" \/>, t: language === 'EN' ? \"Creative Direction & Product\" : \"Direcci\u00f3n Creativa y Producto\"},{i:<Layers size={14} className=\"mt-1 shrink-0 opacity-50\" \/>, t: language === 'EN' ? \"Creative Roadmaps Design\" : \"Dise\u00f1o de Roadmaps creativos\"},{i:<Video size={14} className=\"mt-1 shrink-0 opacity-50\" \/>, t: language === 'EN' ? \"360\u00b0 Image & Audiovisual\" : \"Imagen y Audiovisual 360\u00b0\"},{i:<Monitor size={14} className=\"mt-1 shrink-0 opacity-50\" \/>, t: \"EdTech & Gamificaci\u00f3n\"}].map((item, idx) => (\n                                <li key={idx} className=\"flex gap-3 items-start group\">{item.i} <span className=\"text-xs font-light uppercase tracking-wide leading-relaxed\">{item.t}<\/span><\/li>\n                            ))}\n                        <\/ul>\n                    <\/BentoBox>\n                <\/div>\n\n                {\/* 4. Motto *\/}\n                <BentoBox className={`flex items-center justify-center relative overflow-hidden ${darkMode ? 'bg-zinc-900' : 'bg-zinc-100'}`} dark={darkMode}>\n                    <div className=\"absolute inset-0 opacity-10 pointer-events-none\"><div className=\"absolute top-0 left-0 w-full h-full bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-zinc-500 via-transparent to-transparent\"><\/div><\/div>\n                    <div className=\"text-center z-10 space-y-2 py-4\">\n                        <p className=\"text-[10px] uppercase tracking-[0.5em] opacity-40\">Motto<\/p>\n                        <p className=\"text-xl md:text-2xl font-light italic\">\"{t.mottoText}\"<\/p>\n                    <\/div>\n                <\/BentoBox>\n\n            <\/div>\n\n        <\/div>\n        <footer className=\"max-w-7xl mx-auto mt-16 mb-8 text-center opacity-30 text-[10px] uppercase tracking-widest\"><p>\u00a9 2026 SFF. All rights reserved.<\/p><\/footer>\n      <\/div>\n    );\n  };\n\n  const root = ReactDOM.createRoot(document.getElementById('portfolio-root'));\n  root.render(<App \/>);\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry","missing-thumbnail"],"_links":{"self":[{"href":"https:\/\/stephaniefrahmfetherston.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stephaniefrahmfetherston.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stephaniefrahmfetherston.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniefrahmfetherston.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniefrahmfetherston.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":37,"href":"https:\/\/stephaniefrahmfetherston.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/stephaniefrahmfetherston.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/stephaniefrahmfetherston.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}