"use client"; import Image from "next/image"; import Link from "next/link"; import { useEffect, useState } from "react"; import { Menu, X, ShieldCheck, BarChart3, Users, CircleCheckBig } from "lucide-react"; import { AnimatePresence, motion, type Variants } from "framer-motion"; import { Button } from "@/components/button"; import { cn } from "@/lib/utils"; import { heroContent, heroFeatures, services, clients, products, segments, accreditationMapping, impactScenario, processSteps, technologies, navigationLinks, } from "@/lib/content"; import { ContactForm } from "@/components/contact-form"; const fadeUp: Variants = { hidden: { opacity: 0, y: 24 }, visible: (custom?: number) => ({ opacity: 1, y: 0, transition: { duration: 0.7, ease: [0.22, 1, 0.36, 1] as const, delay: custom ?? 0, }, }), }; const staggerChildren: Variants = { visible: { transition: { staggerChildren: 0.15, delayChildren: 0.2, }, }, }; const secondaryButtonClass = "border border-[#1d6fbf]/45 bg-white text-[#174e7a] shadow-[0_12px_28px_rgba(13,38,79,0.08)] hover:bg-[#e4f1ff] focus-visible:outline-[#1d6fbf]/60"; export function NovaDesign() { const [menuOpen, setMenuOpen] = useState(false); const [scrolled, setScrolled] = useState(false); useEffect(() => { const handleScroll = () => { setScrolled(window.scrollY > 8); }; handleScroll(); window.addEventListener("scroll", handleScroll); return () => window.removeEventListener("scroll", handleScroll); }, []); useEffect(() => { if (menuOpen) { const original = document.body.style.overflow; document.body.style.overflow = "hidden"; return () => { document.body.style.overflow = original; }; } return () => undefined; }, [menuOpen]); const closeMenu = () => setMenuOpen(false); return (
Gizmedic
); } function MobileMenu({ menuOpen, closeMenu }: { menuOpen: boolean; closeMenu: () => void }) { return ( {menuOpen ? (
{navigationLinks.map((link) => ( {link.label} Ir ))}
) : null} ); } const heroIconMap: Record = { shield: ShieldCheck, chart: BarChart3, users: Users, check: CircleCheckBig, }; function HeroSection() { return (
Equipo clínico usando las apps de Gizmedic
{heroContent.eyebrow} Tecnología que mejora la atención y simplifica la{" "} gestión hospitalaria. {heroContent.description} {heroFeatures.map((feature) => { const Icon = heroIconMap[feature.icon]; return (
{feature.label}
); })}
Equipo clínico usando las apps de Gizmedic
); } function ServicesSection() { return (
Quiénes somos Gizmedic crea soluciones de salud digital para resolver problemáticas específicas dentro del ámbito hospitalario. Nos focalizamos en herramientas de gestión y en soluciones que mejoran la interacción entre el personal de cuidado y el paciente. {services.map((service, index) => (

{service.name}

{service.description}

))}
); } function ClientsSection() { return (
Algunos de nuestros clientes {clients.map((client) => (
{client.name}
))}
); } function ProductsSection() { return (
Plataforma central Gestión Hospitalaria Mobile. Incorporamos capas mobile a la gestión hospitalaria apuntando a simplificar procesos, aumentar la seguridad y facilitar la trazabilidad. Permite la movilización de procesos al pie de cama con módulos para enfermería, camilleros, limpieza, nutrición y soporte. {products.map((product, index) => ( {product.image ? (
{product.name}
) : null}

{product.name}

{product.description}

))}
); } function SegmentsSection() { return (
A quiénes servimos {segments.map((segment, index) => (

{segment.name}

{segment.description}

 ))}
); } function AccreditationSection() { return (
Acreditación Apoyo a la Acreditación Joint Commission. {accreditationMapping.map((row, index) => ( 0 && "border-t border-slate-100", )} >

{row.code}

{row.area}

{row.detail}

 ))}
); } function ImpactSection() { return (

{impactScenario.eyebrow}

{impactScenario.title}

 {impactScenario.context} {impactScenario.impact.map((item) => (
  • {item}
    • ))}
    ); } function ProcessSection() { return (
    ¿Por dónde empezamos? {processSteps.map((step, index) => (

    {index + 1}

    {step}

     ))}
    ); } function TechSection() { return (
    Stack interoperable Tecnologias {technologies.map((tech, index) => ( {tech} ))}
    ); } function ContactSection() { return (
    Trabajemos juntos Nuestro equipo está disponible para presentar las soluciones, evaluar su entorno tecnológico y proponer un plan de implementación adaptado a las necesidades de su institución.
    ); }