'use client'; import { useState, useEffect } from 'react'; import { motion } from 'framer-motion'; import Loader from '../../components/Loader'; import { useTeam, groupByDepartment } from '../../services/team'; import { valores, porQueRynext } from '../../data/sobreNosotrosData'; const TEAM_IMAGE = 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=1200&q=80'; function SobreNosotrosContent() { const { data: members, isLoading: loadingTeam } = useTeam(); const departments = groupByDepartment(members ?? []); useEffect(() => { document.title = 'Sobre Nosotros | Rynext Technologies'; }, []); return (
{/* Hero */}
Software 100%{' '} Mexicano {' '} de clase mundial. Rynext Technologies nació de una convicción: México tiene el talento para construir software empresarial que compita con cualquier firma en el mundo. No adaptamos herramientas extranjeras diseñamos sistemas propios, con las tecnologías más actuales, para la realidad operativa de los negocios mexicanos.
Equipo Rynext Technologies
{/* Por qué Rynext */}
¿Por qué Rynext Technologies?
{porQueRynext.map((item, i) => ( {item.num}

{item.titulo}

{item.desc}

 ))}
{/* Valores */}
Los principios que guían cada proyecto.
{valores.map((v, i) => ( {v.num}

{v.titulo}

{v.desc}

 ))}
{/* Equipo */}
El equipo detrás del código. {loadingTeam ? ( ) : departments.length === 0 ? (

Sin miembros registrados.

) : (
{departments.map((dept, di) => ( {/* Dept header */}

{dept.name}

{/* Hierarchy connector */}
{/* Vertical line */} {/* Horizontal branch */}
{dept.members.map((m, mi) => (
{m.firstName[0]}{m.lastName[0]}

{m.firstName} {m.lastName}

{m.positionName &&

{m.positionName}

}
))}
))}
)}
); } export function SobreNosotrosPage() { const [mounted, setMounted] = useState(false); useEffect(() => setMounted(true), []); if (!mounted) return null; return ; }