/* global React, ReactDOM */ function PortsApp() { const [lang, setLang, t] = useLang(); useReveal(); const ports = [ { code: "LPA", name: "Las Palmas de G.C.", lat: "28.1", lon: "-15.4", note: lang==="en" ? "HQ · Cruise & offshore" : "Sede · Cruise & offshore", live: true }, { code: "TFE", name: "Santa Cruz de Tenerife", lat: "28.4", lon: "-16.2", note: "Cruise" }, { code: "BCN", name: "Barcelona", lat: "41.3", lon: "2.2", note: "Container · cruise · ferry", live: true }, { code: "VLC", name: "Valencia", lat: "39.4", lon: "-0.3", note: "Container · RoRo", live: true }, { code: "ALG", name: "Algeciras", lat: "36.1", lon: "-5.4", note: "Bunkering · transhipment", live: true }, { code: "BIO", name: "Bilbao", lat: "43.3", lon: "-3.0", note: "RoRo · breakbulk" }, { code: "TRG", name: "Tarragona", lat: "41.1", lon: "1.2", note: "Bulk · chemical" }, { code: "CTG", name: "Cartagena", lat: "37.6", lon: "-1.0", note: "Bulk · cruise" }, { code: "VGO", name: "Vigo", lat: "42.2", lon: "-8.7", note: lang==="en" ? "Reefer · fishing" : "Refrigerados · pesca" }, { code: "MLG", name: "Málaga", lat: "36.7", lon: "-4.4", note: "Cruise" }, { code: "CAD", name: "Cádiz", lat: "36.5", lon: "-6.3", note: "Cruise · ferry" }, { code: "HUV", name: "Huelva", lat: "37.3", lon: "-6.9", note: "Bulk · chemical" }, { code: "FER", name: "Ferrol", lat: "43.5", lon: "-8.2", note: lang==="en" ? "Naval" : "Naval" }, { code: "GIJ", name: "Gijón", lat: "43.5", lon: "-5.7", note: "Bulk" }, { code: "CST", name: "Castellón", lat: "39.9", lon: "0.0", note: "Container · bulk" }, ]; return ( <>
{t.common.home}/{t.nav.ports}

{lang==="en" ? <>All of Spain.
The world, through partners. : <>Toda España.
El mundo, a través de socios.}

{t.ports_section.lede}

{lang==="en" ? "Direct coverage" : "Cobertura directa"}

{ports.map(p => (
{p.code} {p.name} {p.note} {p.live && 24/7}
))}
{lang==="en" ? "02 — Correspondent network" : "02 — Red corresponsal"}

240+ {lang==="en"?"ports":"puertos"}.
{lang==="en"?"One single point of contact.":"Un solo punto de contacto."}

{lang==="en" ? "When your vessel docks outside our direct network, our team coordinates the operation with annually-audited correspondents — you keep talking to us." : "Cuando su buque atraca fuera de nuestra red directa, nuestro equipo coordina la operación con corresponsales auditados anualmente — usted sigue hablando con nosotros."}

{[ { region: lang==="en" ? "Mediterranean" : "Mediterráneo", count: 68, ports: lang==="en" ? "Marseille · Genoa · Piraeus · Istanbul · Alexandria · Haifa" : "Marsella · Génova · Pireo · Estambul · Alejandría · Hayfa" }, { region: lang==="en" ? "North Atlantic" : "Atlántico Norte", count: 54, ports: lang==="en" ? "Hamburg · Rotterdam · Antwerp · Felixstowe · Le Havre" : "Hamburgo · Rotterdam · Amberes · Felixstowe · Le Havre" }, { region: lang==="en" ? "Latam & Caribbean" : "Latam & Caribe", count: 41, ports: lang==="en" ? "Veracruz · Cartagena · Buenos Aires · Santos · Guayaquil" : "Veracruz · Cartagena · Buenos Aires · Santos · Guayaquil" }, { region: lang==="en" ? "Asia & ME" : "Asia & ME", count: 78, ports: lang==="en" ? "Singapore · Shanghai · Jebel Ali · Yokohama · Tanjung" : "Singapur · Shanghai · Jebel Ali · Yokohama · Tanjung" } ].map(r => (
{r.count}
{r.region}

{r.ports}

))}