/* eslint-disable */
// Business directory — businesses self-list, readers browse.
// State machine: list → detail → … or list → submit

const BUSINESSES = [
  // Banking & Finance
  {id:1,  name:"Maduro & Curiel's Bank", logo:'MCB', logoColor:'#08345E', sector:'Banking & Finance', size:'500–1,000', founded:1916, location:'Willemstad', website:'mcb-bank.com',
    summary:"Curaçao's largest commercial bank — retail, corporate, wealth and trust services across the Dutch Caribbean.",
    full:'Established in 1916, MCB is the leading financial institution in Curaçao with operations across Bonaire, Sint Maarten and the Caribbean Netherlands. Full-service retail, corporate, wealth and trust banking with a network of branches across the islands.',
    services:['Retail banking','Corporate banking','Wealth management','Trust services'], verified:true},
  {id:2,  name:'Banco di Caribe', logo:'BC', logoColor:'#08345E', sector:'Banking & Finance', size:'200–500', founded:1972, location:'Willemstad', website:'bancodicaribe.com',
    summary:'Full-service commercial bank with branches across Curaçao, Bonaire and Aruba.',
    full:'Banco di Caribe serves retail, SME and corporate clients across the Dutch Caribbean with 14 branches and an expanding digital-banking platform.',
    services:['Retail banking','SME lending','Corporate banking','Wealth management'], verified:true},
  {id:3,  name:'RBC Royal Bank', logo:'RBC', logoColor:'#08345E', sector:'Banking & Finance', size:'200–500', founded:1908, location:'Willemstad', website:'rbcroyalbank.com/caribbean',
    summary:'Caribbean operations of one of North America\u0027s largest banks.',
    full:'RBC has been in Curaçao for over a century, providing retail, commercial and private banking services to local and international clients.',
    services:['Retail banking','Commercial banking','Private banking','Foreign exchange'], verified:true},
  {id:4,  name:'Orco Bank', logo:'OB', logoColor:'#08345E', sector:'Banking & Finance', size:'50–100', founded:1985, location:'Willemstad', website:'orcobank.com',
    summary:'Boutique private and commercial bank serving high-net-worth and SME clients in the Dutch Caribbean.',
    full:'A privately-held bank focused on relationship banking — discretionary mandates, financing structures, and fiduciary services for clients across Curaçao and the wider region.',
    services:['Private banking','Commercial lending','Fiduciary services']},
  {id:5,  name:'Centrale Bank van Curaçao en Sint Maarten', logo:'CBCS', logoColor:'#1A2333', sector:'Banking & Finance', size:'100–200', founded:1828, location:'Willemstad', website:'centralbank.cw',
    summary:'The monetary authority of Curaçao and Sint Maarten — the oldest central bank in the Western Hemisphere.',
    full:'Established in 1828, CBCS sets monetary policy, supervises the financial sector and manages the new Caribbean guilder (XCG) for the monetary union of Curaçao and Sint Maarten.',
    services:['Monetary policy','Banking supervision','Currency issuance','Foreign reserves'], verified:true},
  {id:6,  name:'Ennia Caribe', logo:'E', logoColor:'#08345E', sector:'Banking & Finance', size:'200–500', founded:1932, location:'Willemstad', website:'ennia.com',
    summary:'Major regional insurance group covering life, pensions, property and casualty.',
    full:'Ennia is one of the largest insurance providers in the Dutch Caribbean, with operations across Curaçao, Aruba, Bonaire and Sint Maarten.',
    services:['Life insurance','Pensions','Property & casualty','Health insurance']},
  {id:7,  name:'Guardian Group Dutch Caribbean', logo:'GG', logoColor:'#08345E', sector:'Banking & Finance', size:'100–200', founded:1990, location:'Willemstad', website:'myguardiangroup.com',
    summary:'Regional life-insurance and asset-management group with a strong Dutch Caribbean presence.',
    full:'Part of the Trinidad-headquartered Guardian Holdings — one of the Caribbean\u0027s largest financial conglomerates.',
    services:['Life insurance','Asset management','Pensions','Health insurance']},
  {id:8,  name:'Vidanova Pension Fund', logo:'VN', logoColor:'#08345E', sector:'Banking & Finance', size:'50–100', founded:1949, location:'Willemstad', website:'vidanova.com',
    summary:'One of Curaçao\u0027s largest occupational pension funds.',
    full:'Vidanova administers pension plans for hundreds of employers across the Dutch Caribbean private sector.',
    services:['Pension administration','Investment management','Member services']},

  // Energy & Utilities
  {id:9,  name:'Aqualectra', logo:'A', logoColor:'#08345E', sector:'Energy & Utilities', size:'500–1,000', founded:1922, location:'Willemstad', website:'aqualectra.com',
    summary:"Curaçao\u0027s national electricity and drinking-water utility.",
    full:'Aqualectra produces and distributes electricity and potable water across the island. With a century of operating history and an ambitious renewable-energy roadmap, the company is a cornerstone of the island\u0027s infrastructure.',
    services:['Electricity supply','Water production & distribution','Renewable-energy projects','Grid services'], verified:true},
  {id:10, name:'Refineria di Kòrsou', logo:'RdK', logoColor:'#1A2333', sector:'Energy & Utilities', size:'200–500', founded:1985, location:'Emmastad', website:'refineriadikorsou.com',
    summary:'State-owned operator of the Isla refinery site and downstream petroleum infrastructure.',
    full:'RdK manages the leasing and redevelopment of the historic Isla refinery complex, supervising operators, environmental remediation and the long-term transition of the site.',
    services:['Refinery operations','Asset management','Energy infrastructure'], verified:true},
  {id:11, name:'Curoil', logo:'CO', logoColor:'#1A2333', sector:'Energy & Utilities', size:'100–200', founded:1985, location:'Emmastad', website:'curoil.com',
    summary:'Wholesale petroleum and bunker-fuel distributor.',
    full:'Curoil supplies the island\u0027s aviation, marine and road-transport fuel through a network of terminals, retail stations and bunkering operations.',
    services:['Aviation fuel','Marine bunkering','Retail fuel stations','Lubricants']},
  {id:12, name:'BOO Curaçao', logo:'BOO', logoColor:'#08345E', sector:'Energy & Utilities', size:'50–100', founded:1999, location:'Mundo Nobo', website:'boocuracao.com',
    summary:'Build-Own-Operate desalination plant supplying drinking water to Aqualectra.',
    full:'BOO operates one of the island\u0027s primary seawater-desalination facilities under a long-term concession.',
    services:['Desalination','Water treatment','Plant operations']},
  {id:13, name:'ContourGlobal Curaçao', logo:'CG', logoColor:'#00A99D', sector:'Energy & Utilities', size:'20–50', founded:2014, location:'Bullenbaai', website:'contourglobal.com',
    summary:'Independent power producer operating wind capacity feeding the Aqualectra grid.',
    full:'ContourGlobal Caribbean owns and operates significant wind generation on Curaçao, contributing materially to the island\u0027s renewable-energy share.',
    services:['Wind power generation','PPA management','Plant maintenance']},

  // Tourism & Hospitality
  {id:14, name:'Renaissance Curaçao Resort & Casino', logo:'R', logoColor:'#08345E', sector:'Tourism & Hospitality', size:'200–500', founded:2009, location:'Otrobanda', website:'marriott.com/cureb',
    summary:'Marriott-branded 237-key resort overlooking the Sint Anna Bay.',
    full:'A full-service resort anchoring the Rif Fort district. One of the highest-occupancy hotels in the Dutch Caribbean.',
    services:['Hotel accommodation','Conferences & events','Restaurants & bars','Casino','Spa'], verified:true},
  {id:15, name:'Hilton Curaçao', logo:'H', logoColor:'#08345E', sector:'Tourism & Hospitality', size:'200–500', founded:1968, location:'Piscadera Bay', website:'hilton.com/curacao',
    summary:'196-room beachfront resort on Piscadera Bay — full-service with two private beaches.',
    full:'A long-established Hilton property catering to leisure, conference and incentive travel from North America and the Eurozone.',
    services:['Hotel accommodation','Conferences','Beach club','Spa']},
  {id:16, name:'Curaçao Marriott Beach Resort', logo:'M', logoColor:'#E97451', sector:'Tourism & Hospitality', size:'200–500', founded:2020, location:'Piscadera Bay', website:'marriott.com/curmc',
    summary:'Recently rebuilt Marriott property on the Piscadera Bay coastline.',
    full:'Marriott\u0027s flagship Curaçao resort, reopened after a multi-year reconstruction. 351 rooms across beach and resort views.',
    services:['Hotel accommodation','Events','Restaurants','Beach club']},
  {id:17, name:'Sandals Royal Curaçao', logo:'SR', logoColor:'#E97451', sector:'Tourism & Hospitality', size:'500–1,000', founded:2022, location:'Santa Barbara', website:'sandals.com/royal-curacao',
    summary:'All-inclusive luxury adults-only resort on the south coast.',
    full:'Sandals\u0027 first Dutch Caribbean property — 351 rooms, 11 restaurants, and direct beach access.',
    services:['All-inclusive resort','Restaurants','Beach & water sports','Spa']},
  {id:18, name:'Avila Beach Hotel', logo:'AV', logoColor:'#E97451', sector:'Tourism & Hospitality', size:'100–200', founded:1949, location:'Penstraat', website:'avilabeachhotel.com',
    summary:'Historic family-run beachfront hotel near Punda — Curaçao\u0027s oldest hotel.',
    full:'Founded in 1949, Avila is the longest-operating hotel on the island and a fixture of Curaçao\u0027s cultural and business life.',
    services:['Hotel accommodation','Beach club','Restaurants','Events']},
  {id:19, name:'Kura Hulanda Lodge', logo:'KH', logoColor:'#E97451', sector:'Tourism & Hospitality', size:'50–100', founded:1999, location:'Westpunt', website:'kurahulanda.com',
    summary:'Boutique heritage resort with locations in Otrobanda and Westpunt.',
    full:'A complex of restored colonial-era buildings forming an intimate luxury resort with museum, dive operation and restaurants.',
    services:['Boutique accommodation','Diving','Museum','Restaurants']},
  {id:20, name:'Baoase Luxury Resort', logo:'B', logoColor:'#E97451', sector:'Tourism & Hospitality', size:'50–100', founded:2009, location:'Bapor Kibrá', website:'baoase.com',
    summary:"Curaçao\u0027s highest-rated boutique resort — 24 villas on a private beach.",
    full:'A small, design-led property with one of the Caribbean\u0027s most-acclaimed restaurants attached.',
    services:['Villa accommodation','Fine dining','Private beach','Spa']},
  {id:21, name:'Floris Suite Hotel', logo:'F', logoColor:'#E97451', sector:'Tourism & Hospitality', size:'50–100', founded:1998, location:'Piscadera', website:'florissuitehotel.com',
    summary:'Adults-only boutique design hotel near Piscadera Bay.',
    full:'A 73-suite property known for its modernist architecture and quiet, design-conscious clientele.',
    services:['Hotel accommodation','Pool','Restaurant']},
  {id:22, name:'Papagayo Beach Resort', logo:'PB', logoColor:'#E97451', sector:'Tourism & Hospitality', size:'50–100', founded:2008, location:'Jan Thiel', website:'papagayobeach.com',
    summary:'Family-friendly resort and beach club on Jan Thiel Bay.',
    full:'A modern resort with full-service beach club, restaurants and a strong domestic and intra-Caribbean leisure following.',
    services:['Resort accommodation','Beach club','Restaurants','Events']},
  {id:23, name:'Sea Aquarium Curaçao', logo:'SA', logoColor:'#E97451', sector:'Tourism & Hospitality', size:'50–100', founded:1984, location:'Bapor Kibrá', website:'curacao-sea-aquarium.com',
    summary:'Marine park with a 46-tank aquarium, dolphin academy and snorkel experiences.',
    full:'A flagship family-tourism attraction combining marine education, conservation programmes and interactive experiences.',
    services:['Aquarium tours','Dolphin programmes','Snorkel & dive','School programmes']},

  // Logistics & Transport
  {id:24, name:'Curaçao Ports Authority', logo:'CPA', logoColor:'#1A2333', sector:'Logistics & Transport', size:'100–200', founded:1936, location:'Willemstad', website:'curports.com',
    summary:'Operator of the cargo and cruise terminals serving Curaçao.',
    full:'CPA manages the island\u0027s commercial port operations including cargo handling, cruise-ship reception and pilotage. The Caribbean\u0027s busiest cruise homeport.',
    services:['Cargo terminal','Cruise terminal','Pilotage','Port logistics'], verified:true},
  {id:25, name:'Curaçao Airport Partners', logo:'CAP', logoColor:'#08345E', sector:'Logistics & Transport', size:'200–500', founded:2003, location:'Hato', website:'curacao-airport.com',
    summary:'Operator of Hato International Airport — the island\u0027s gateway.',
    full:'CAP holds the long-term concession to operate, manage and develop Hato International Airport, the largest in the Dutch Caribbean.',
    services:['Airport operations','Terminal services','Cargo','Aviation development'], verified:true},
  {id:26, name:'Damen Shiprepair Curaçao', logo:'DS', logoColor:'#1A2333', sector:'Logistics & Transport', size:'500–1,000', founded:1986, location:'Bullenbaai', website:'damenshiprepair.com',
    summary:'Major ship-repair and conversion yard — one of the largest in the Caribbean.',
    full:'A Dutch-flag yard operating multiple drydocks and a full repair offering for tankers, cruise ships, naval vessels and offshore units.',
    services:['Ship repair','Drydocking','Conversions','Naval services']},
  {id:27, name:'Divi Divi Air', logo:'DD', logoColor:'#00A99D', sector:'Logistics & Transport', size:'20–50', founded:2003, location:'Hato', website:'flydivi.com',
    summary:'Regional carrier connecting Curaçao with Bonaire, Aruba and Sint Maarten.',
    full:'A small but well-established intra-Dutch-Caribbean airline operating Britten-Norman Islander aircraft.',
    services:['Scheduled flights','Charter services','Cargo']},
  {id:28, name:'EZ Air', logo:'EZ', logoColor:'#08345E', sector:'Logistics & Transport', size:'50–100', founded:2002, location:'Hato', website:'ezair.com',
    summary:'Caribbean carrier focused on inter-island and northern South America routes.',
    full:'EZ Air operates a small jet/turboprop fleet linking Curaçao with Aruba, Bonaire, Colombia and the Dominican Republic.',
    services:['Scheduled passenger','Charter','Cargo']},
  {id:29, name:'InselAir Reborn', logo:'IA', logoColor:'#E97451', sector:'Logistics & Transport', size:'50–100', founded:2022, location:'Hato', website:'inselair.cw',
    summary:'Regional Caribbean carrier connecting Curaçao with the wider region.',
    full:'A focused network of intra-Caribbean routes, serving business travellers, leisure visitors and the Dutch-Caribbean diaspora.',
    services:['Passenger flights','Charter services','Cargo']},

  // Professional Services
  {id:30, name:'KPMG Dutch Caribbean', logo:'K', logoColor:'#08345E', sector:'Professional Services', size:'50–100', founded:1987, location:'Willemstad', website:'kpmg.com/cw',
    summary:'Audit, tax and advisory services for the Dutch Caribbean region.',
    full:"KPMG\u0027s Curaçao practice serves financial institutions, regulated entities and large corporates with statutory audit, international-tax structuring and management consulting.",
    services:['Statutory audit','Tax advisory','Management consulting','Forensic services']},
  {id:31, name:'Deloitte Curaçao', logo:'D', logoColor:'#00A99D', sector:'Professional Services', size:'50–100', founded:1989, location:'Zeelandia', website:'deloitte.com/cw',
    summary:'Audit, tax, risk advisory and consulting services.',
    full:"Part of Deloitte Dutch Caribbean, with practice areas covering financial services, energy, public sector and tourism.",
    services:['Audit','Tax','Risk advisory','Consulting'], verified:true},
  {id:32, name:'EY Dutch Caribbean', logo:'EY', logoColor:'#1A2333', sector:'Professional Services', size:'50–100', founded:1995, location:'Willemstad', website:'ey.com/dutch-caribbean',
    summary:'Assurance, tax, transactions and consulting across the Dutch Caribbean.',
    full:'EY\u0027s Curaçao office anchors its Dutch Caribbean practice serving financial-services, oil & gas and public-sector clients.',
    services:['Assurance','Tax','Transaction services','Consulting'], verified:true},
  {id:33, name:'PwC Curaçao', logo:'PwC', logoColor:'#E97451', sector:'Professional Services', size:'50–100', founded:1992, location:'Willemstad', website:'pwc.com/cw',
    summary:'Assurance, tax and advisory services for regulated industries.',
    full:'PwC Dutch Caribbean serves financial services, energy and public-sector clients across Curaçao, Aruba and Sint Maarten.',
    services:['Assurance','Tax','Advisory','Risk services'], verified:true},
  {id:34, name:'BDO Dutch Caribbean', logo:'BDO', logoColor:'#E97451', sector:'Professional Services', size:'20–50', founded:1998, location:'Willemstad', website:'bdo.cw',
    summary:'Mid-market audit, tax and advisory firm.',
    full:'BDO Curaçao serves a portfolio of family-owned businesses, SMEs and regulated entities, with a focus on cross-border tax structuring.',
    services:['Audit','Tax','Advisory','Outsourcing']},
  {id:35, name:'HBN Law & Tax', logo:'HBN', logoColor:'#08345E', sector:'Professional Services', size:'50–100', founded:1953, location:'Willemstad', website:'hbnlaw.com',
    summary:'Full-service Dutch Caribbean law firm — corporate, finance, tax, dispute resolution.',
    full:'One of the region\u0027s longest-established law firms, with offices across the Dutch Caribbean.',
    services:['Corporate law','Tax','Finance & banking','Litigation'], verified:true},
  {id:36, name:'VanEps Kunneman VanDoorne', logo:'VKD', logoColor:'#08345E', sector:'Professional Services', size:'50–100', founded:1989, location:'Willemstad', website:'ekvandoorne.com',
    summary:'Full-service Dutch Caribbean law firm.',
    full:'A regional firm covering the full corporate, finance and dispute spectrum across Curaçao, Aruba, Bonaire and Sint Maarten.',
    services:['Corporate','M&A','Finance','Dispute resolution'], verified:true},
  {id:37, name:'Spigt Dutch Caribbean', logo:'SP', logoColor:'#08345E', sector:'Professional Services', size:'20–50', founded:1996, location:'Willemstad', website:'spigtdc.com',
    summary:'Specialist tax & legal advisory firm.',
    full:'Spigt focuses on tax structuring, regulatory advice and cross-border legal work for international clients operating through the Dutch Caribbean.',
    services:['Tax advisory','Legal','Regulatory','Wealth structuring']},

  // Technology
  {id:38, name:'UTS — United Telecommunication Services', logo:'UTS', logoColor:'#00A99D', sector:'Technology', size:'500–1,000', founded:1985, location:'Willemstad', website:'uts.cw',
    summary:'The largest telecommunications operator across the Dutch Caribbean.',
    full:'Provides fixed, mobile, internet and enterprise services across Curaçao, Sint Maarten, Bonaire and Sint Eustatius.',
    services:['Mobile networks','Fixed broadband','Enterprise IT','Cloud services'], verified:true},
  {id:39, name:'Flow Curaçao', logo:'Flow', logoColor:'#E97451', sector:'Technology', size:'200–500', founded:2014, location:'Salinja', website:'discoverflow.co',
    summary:'Caribbean operator — mobile, broadband and TV.',
    full:'Flow is the Caribbean consumer brand of Liberty Latin America (formerly Cable & Wireless), operating across Curaçao and the wider region.',
    services:['Mobile','Broadband','Television','Business services']},
  {id:40, name:'Digicel Curaçao', logo:'Dg', logoColor:'#E97451', sector:'Technology', size:'100–200', founded:2003, location:'Willemstad', website:'digicelgroup.com/cw',
    summary:'Mobile operator and broadband provider.',
    full:'Part of the regional Digicel Group, with a focus on prepaid mobile, business solutions and digital services.',
    services:['Mobile','Broadband','Business solutions','Digital services']},
  {id:41, name:'Blue NAP Americas', logo:'BNA', logoColor:'#08345E', sector:'Technology', size:'20–50', founded:2013, location:'E-Commerce Park', website:'bluenapamericas.com',
    summary:'Tier IV data center — the largest in the Caribbean region.',
    full:'A carrier-neutral data center serving regional and international clients in iGaming, fintech and managed-hosting verticals.',
    services:['Colocation','Carrier connectivity','Managed hosting','Cloud']},
  {id:42, name:'Sigma Tech', logo:'ST', logoColor:'#00A99D', sector:'Technology', size:'20–50', founded:2018, location:'Willemstad', website:'sigma.cw',
    summary:'Custom software for Caribbean banks, insurers and government agencies.',
    full:'A boutique software studio building line-of-business applications for the region\u0027s regulated industries.',
    services:['Custom software development','Cloud migration','Cybersecurity','Managed services']},

  // Government & Public Sector
  {id:43, name:'Curaçao Tourism Board', logo:'CTB', logoColor:'#FFC20E', sector:'Government & Public Sector', size:'50–100', founded:1989, location:'Willemstad', website:'curacao.com',
    summary:'Destination marketing organisation promoting Curaçao as a travel destination.',
    full:'The CTB drives inbound tourism through international marketing, partnerships with airlines and tour operators, and the development of the island\u0027s tourism product.',
    services:['Destination marketing','Trade partnerships','Visitor research','Brand management'], verified:true},
  {id:44, name:'Kamer van Koophandel & Nijverheid Curaçao', logo:'KKN', logoColor:'#1A2333', sector:'Government & Public Sector', size:'10–20', founded:1884, location:'Willemstad', website:'curacaochamberofcommerce.com',
    summary:'Official Chamber of Commerce — the voice of private enterprise on the island.',
    full:'Established by law in 1884, the Chamber represents the general interests of the Curaçao business community, maintains the commercial register and provides information services.',
    services:['Commercial registry','Business advisory','Trade promotion','Investment promotion'], verified:true},
  {id:45, name:'CINEX — Curaçao Investment & Export Promotion Agency', logo:'CIN', logoColor:'#08345E', sector:'Government & Public Sector', size:'10–20', founded:2014, location:'Willemstad', website:'cinex.cw',
    summary:'National investment- and export-promotion agency.',
    full:'CINEX promotes Curaçao as an investment destination and supports local companies pursuing export markets, particularly in services and IT.',
    services:['Investment promotion','Export support','Trade missions','Aftercare'], verified:true},
  {id:46, name:'Curinde N.V.', logo:'CD', logoColor:'#1A2333', sector:'Government & Public Sector', size:'20–50', founded:1985, location:'Curaçao Free Zone', website:'curinde.com',
    summary:'Operator of the Curaçao Free Zone and World Trade Center facilities.',
    full:'Curinde manages the duty-free industrial parks and the WTC office complex — a hub for re-export trade and international business services.',
    services:['Free Zone operations','Industrial real estate','Trade facilitation']},

  // Education & Research
  {id:47, name:'University of Curaçao Dr. Moises da Costa Gomez', logo:'UoC', logoColor:'#08345E', sector:'Education & Research', size:'200–500', founded:1979, location:'Willemstad', website:'uoc.cw',
    summary:"Curaçao\u0027s national university — law, social sciences, engineering, medicine.",
    full:'The University of Curaçao offers undergraduate and graduate programmes across six faculties, in close partnership with Dutch universities.',
    services:['Undergraduate education','Graduate programmes','Research','Continuing education'], verified:true},
  {id:48, name:'Caribbean Medical University', logo:'CMU', logoColor:'#00A99D', sector:'Education & Research', size:'100–200', founded:2003, location:'Willemstad', website:'cmumed.org',
    summary:"International medical school accredited for the U.S. and Canadian licensing tracks.",
    full:'CMU prepares students for clinical practice in the United States, Canada and the wider region with a 4-year MD programme.',
    services:['MD programme','Clinical rotations','USMLE preparation']},
  {id:49, name:'CARMABI Foundation', logo:'CM', logoColor:'#00A99D', sector:'Education & Research', size:'20–50', founded:1955, location:'Piscadera', website:'carmabi.org',
    summary:'Coral-reef research institute and marine park manager.',
    full:'CARMABI operates a research station hosting international scientists, manages Curaçao\u0027s terrestrial and marine parks, and runs environmental-education programmes.',
    services:['Coral-reef research','Park management','Environmental education','Visiting-researcher hosting']},

  // Healthcare
  {id:50, name:'Curaçao Medical Center (CMC)', logo:'CMC', logoColor:'#08345E', sector:'Healthcare', size:'1,000+', founded:2019, location:'Otrobanda', website:'cmc.cw',
    summary:"The island's principal hospital — successor to St. Elisabeth Hospital.",
    full:'CMC is a 300-bed tertiary-care hospital opened in 2019, providing emergency, surgical and specialist care for the entire Dutch Caribbean.',
    services:['Emergency care','Surgery','Specialist clinics','Maternity'], verified:true},
  {id:51, name:'Adventist Hospital Curaçao', logo:'AH', logoColor:'#E97451', sector:'Healthcare', size:'200–500', founded:1948, location:'Otrobanda', website:'adventisthospital.com',
    summary:'Private hospital and primary-care provider.',
    full:'A long-established secondary-care provider offering elective surgery, primary care and diagnostic services.',
    services:['Primary care','Elective surgery','Diagnostics','Maternity']},

  // Food & Beverage
  {id:52, name:'Antillean Brewery', logo:'AB', logoColor:'#E97451', sector:'Food & Beverage', size:'100–200', founded:1932, location:'Brievengat', website:'antilleanbrewery.com',
    summary:"Brewer of Amstel Bright — Curaçao\u0027s most iconic beer.",
    full:'Heineken-licensed brewer producing Amstel Bright and a range of regional brands. A long-standing manufacturing pillar of the local economy.',
    services:['Brewing','Distribution','Soft drinks','Bottling'], verified:true},
  {id:53, name:'Senior & Co. (Genuine Curaçao Liqueur)', logo:'SL', logoColor:'#FFC20E', sector:'Food & Beverage', size:'20–50', founded:1896, location:'Chobolobo', website:'curacaoliqueur.com',
    summary:'Distiller of the authentic Curaçao Liqueur — made on the island since 1896.',
    full:'Senior & Co. is the only producer authorised to call its product "Genuine Curaçao Liqueur", made from the laraha bitter orange unique to the island.',
    services:['Distilling','Bottling','Visitor experience','Export'], verified:true},
  {id:54, name:'Iguana Café', logo:'IC', logoColor:'#FFC20E', sector:'Food & Beverage', size:'20–50', founded:2014, location:'Pietermaai', website:'iguana.cw',
    summary:'Independent café group with three locations in central Willemstad.',
    full:'A small but well-regarded local chain serving specialty coffee, Caribbean-fusion brunch and pastries — a fixture of the Pietermaai dining scene.',
    services:['Café & coffee','Brunch','Catering','Private events']},

  // Retail
  {id:55, name:'Mangusá Hypermarket', logo:'MG', logoColor:'#E97451', sector:'Retail', size:'200–500', founded:2000, location:'Salinja', website:'mangusa.com',
    summary:"Curaçao\u0027s largest hypermarket — groceries, household and electronics under one roof.",
    full:'A one-stop hypermarket anchoring central Willemstad shopping, with a strong domestic-tourism following.',
    services:['Groceries','Household','Electronics','Fashion']},
  {id:56, name:'Centrum Supermarkets', logo:'C', logoColor:'#08345E', sector:'Retail', size:'200–500', founded:1976, location:'Multiple', website:'centrumsupermarket.com',
    summary:'Long-established local supermarket chain with several locations.',
    full:'A family-owned grocery chain that has expanded steadily across the island over five decades.',
    services:['Grocery retail','Fresh produce','Bakery','Delivery']},
  {id:57, name:'Sambil Curaçao', logo:'S', logoColor:'#E97451', sector:'Retail', size:'500–1,000', founded:2018, location:'Veeris', website:'sambilcuracao.com',
    summary:'Largest shopping mall on the island — 130+ shops across 50,000 m².',
    full:'A Venezuelan-built and Curaçao-operated mall complex with a cinema, food court and entertainment venues.',
    services:['Mall operations','Retail leasing','Entertainment','Food court']},

  // Media & Communications
  {id:58, name:'Antilliaans Dagblad', logo:'AD', logoColor:'#08345E', sector:'Media & Communications', size:'20–50', founded:2005, location:'Willemstad', website:'antilliaansdagblad.com',
    summary:"Daily Dutch-language newspaper covering the Dutch Caribbean.",
    full:'The most-read Dutch-language daily covering Curaçao, Bonaire, Aruba, Sint Maarten and the wider Dutch Caribbean.',
    services:['Daily newspaper','Digital editions','Display advertising']},
  {id:59, name:'TeleCuraçao', logo:'TC', logoColor:'#1A2333', sector:'Media & Communications', size:'20–50', founded:1960, location:'Willemstad', website:'telecuracao.com',
    summary:"Curaçao's longest-running television broadcaster.",
    full:'Local television channel mixing news, entertainment and Papiamentu-language programming. A cultural fixture of the island.',
    services:['Broadcast television','News production','Advertising']},
  {id:60, name:'Extra', logo:'X', logoColor:'#E97451', sector:'Media & Communications', size:'20–50', founded:1979, location:'Willemstad', website:'extra.cw',
    summary:"Daily Papiamentu-language newspaper — Curaçao's highest-circulation daily.",
    full:'Extra is the most widely read Papiamentu newspaper, covering news, sport and entertainment with a populist editorial line.',
    services:['Daily newspaper','Digital editions','Classifieds','Display advertising']},
];

const SECTORS = ['All', 'Banking & Finance', 'Energy & Utilities', 'Tourism & Hospitality', 'Logistics & Transport', 'Professional Services', 'Technology', 'Government & Public Sector', 'Education & Research', 'Healthcare', 'Food & Beverage', 'Retail', 'Media & Communications'];

// -------------------------------------------------------------
// Card
// -------------------------------------------------------------
const BusinessCard = ({ biz, onOpen }) => (
  <article className="cbm-biz" onClick={() => onOpen(biz)}>
    <div className="cbm-biz__head">
      <div className="cbm-biz__logo" style={{background: biz.logoColor, color: biz.logoColor === '#FFC20E' ? '#08345E' : '#fff'}}>
        {biz.logo}
      </div>
      {biz.verified && (
        <span className="cbm-biz__verified" title="Verified by CBM">
          <i data-lucide="badge-check"></i>
        </span>
      )}
    </div>
    <span className="cbm-chip">{biz.sector}</span>
    <h3 className="cbm-biz__name">{biz.name}</h3>
    <p className="cbm-biz__summary">{biz.summary}</p>
    <div className="cbm-biz__meta">
      <span><i data-lucide="map-pin"></i>{biz.location}</span>
      <span><i data-lucide="calendar"></i>Est. {biz.founded}</span>
    </div>
  </article>
);

// -------------------------------------------------------------
// Filter bar
// -------------------------------------------------------------
const DirectoryFilterBar = ({ filter, setFilter, q, setQ }) => (
  <div className="cbm-jobs-filter">
    <div className="cbm-jobs-filter__search">
      <i data-lucide="search"></i>
      <input
        placeholder="Search by name, sector or service"
        value={q}
        onChange={(e) => setQ(e.target.value)}
      />
    </div>
    <div className="cbm-jobs-filter__chips">
      {SECTORS.map(s => (
        <button
          key={s}
          className={'cbm-pill ' + (filter === s ? 'is-active' : '')}
          onClick={() => setFilter(s)}
        >
          {s === 'All' ? 'All' : (s.length > 18 ? s.split(' & ')[0] : s)}
        </button>
      ))}
    </div>
  </div>
);

// -------------------------------------------------------------
// Detail view
// -------------------------------------------------------------
const BusinessDetail = ({ biz, onBack }) => (
  <div className="cbm-biz-detail">
    <button className="cbm-link-back" onClick={onBack}>
      <i data-lucide="arrow-left"></i> All businesses
    </button>
    <div className="cbm-biz-detail__head">
      <div className="cbm-biz__logo cbm-biz__logo--lg" style={{background: biz.logoColor, color: biz.logoColor === '#FFC20E' ? '#08345E' : '#fff'}}>
        {biz.logo}
      </div>
      <div className="cbm-biz-detail__head-text">
        <div style={{display:'flex', alignItems:'center', gap: 10, flexWrap: 'wrap'}}>
          <span className="cbm-chip">{biz.sector}</span>
          {biz.verified && (
            <span className="cbm-chip cbm-chip--gold">
              <i data-lucide="badge-check" style={{width: 12, height: 12, marginRight: 4, verticalAlign: '-2px'}}></i>
              Verified
            </span>
          )}
        </div>
        <h1 className="cbm-biz-detail__name">{biz.name}</h1>
        <p className="cbm-biz-detail__summary">{biz.summary}</p>
      </div>
      <div className="cbm-biz-detail__cta">
        <a href={'https://' + biz.website} target="_blank" rel="noopener" className="cbm-btn cbm-btn--primary">
          Visit website <i data-lucide="external-link" style={{width: 14, height: 14, marginLeft: 6}}></i>
        </a>
        <button className="cbm-btn cbm-btn--ghost">Get in touch</button>
      </div>
    </div>

    <div className="cbm-biz-detail__body">
      <div className="cbm-biz-detail__main">
        <section>
          <h2>About</h2>
          <p>{biz.full}</p>
        </section>
        <section>
          <h2>Services</h2>
          <ul className="cbm-biz-detail__services">
            {biz.services.map(s => (
              <li key={s}><i data-lucide="check"></i>{s}</li>
            ))}
          </ul>
        </section>
      </div>
      <aside className="cbm-biz-detail__side">
        <h3>Company facts</h3>
        <dl>
          <dt>Sector</dt>             <dd>{biz.sector}</dd>
          <dt>Headquarters</dt>       <dd>{biz.location}, Curaçao</dd>
          <dt>Founded</dt>            <dd>{biz.founded}</dd>
          <dt>Team size</dt>          <dd>{biz.size} employees</dd>
          <dt>Website</dt>            <dd><a href={'https://' + biz.website} target="_blank" rel="noopener">{biz.website}</a></dd>
        </dl>
      </aside>
    </div>
  </div>
);

// -------------------------------------------------------------
// Submit form — companies add themselves
// -------------------------------------------------------------
const SubmitBusiness = ({ onBack }) => {
  const [submitted, setSubmitted] = React.useState(false);
  return (
    <div className="cbm-apply">
      <button className="cbm-link-back" onClick={onBack}>
        <i data-lucide="arrow-left"></i> Back to directory
      </button>
      <div className="cbm-apply__inner">
        <span className="cbm-eyebrow">List Your Business</span>
        <h1 className="cbm-section__title" style={{color: 'var(--cbm-blue)', margin: '6px 0 6px'}}>
          {"Add your company to Curaçao's business directory."}
        </h1>
        <p className="cbm-job-detail__company" style={{marginBottom: 28}}>
          A basic listing is free for verified companies. Premium listings get a featured slot, custom branding and analytics.
        </p>

        {submitted ? (
          <div className="cbm-apply__done">
            <i data-lucide="check-circle"></i>
            <h2>Listing received.</h2>
            <p>Our editorial team verifies every submission before it goes live. We'll be in touch within two business days at the email you provided.</p>
            <button className="cbm-btn cbm-btn--ghost" onClick={onBack}>Back to directory</button>
          </div>
        ) : (
          <form onSubmit={async e => {
              e.preventDefault();
              const ok = await window.submitFormspree(window.FORMSPREE.directorySubmit, e.currentTarget, {
                _subject: 'Business directory submission',
              });
              if (ok) setSubmitted(true);
            }} className="cbm-apply__form">
            <span className="cbm-eyebrow" style={{marginTop: 0}}>The basics</span>

            <div className="cbm-apply__row">
              <div>
                <label className="cbm-label">Company name</label>
                <input className="cbm-field" name="company" required placeholder="Aqualectra" />
              </div>
              <div>
                <label className="cbm-label">Sector</label>
                <select className="cbm-field" name="sector">
                  {SECTORS.filter(s => s !== 'All').map(s => <option key={s}>{s}</option>)}
                </select>
              </div>
            </div>

            <div className="cbm-apply__row">
              <div>
                <label className="cbm-label">Year founded</label>
                <input className="cbm-field" type="number" name="founded" placeholder="2010" />
              </div>
              <div>
                <label className="cbm-label">Team size</label>
                <select className="cbm-field" name="team_size">
                  <option>1–10</option><option>10–20</option><option>20–50</option>
                  <option>50–100</option><option>100–200</option><option>200–500</option>
                  <option>500–1,000</option><option>1,000+</option>
                </select>
              </div>
            </div>

            <div>
              <label className="cbm-label">One-line summary</label>
              <input className="cbm-field" name="summary" placeholder="What does the business do, in one sentence?" />
            </div>

            <div>
              <label className="cbm-label">Full description</label>
              <textarea className="cbm-field" name="description" rows="4" placeholder="The longer story — services, history, what makes the business distinctive." />
            </div>

            <div>
              <label className="cbm-label">Services / specialties (comma-separated)</label>
              <input className="cbm-field" name="services" placeholder="Retail banking, SME lending, Wealth management" />
            </div>

            <span className="cbm-eyebrow" style={{marginTop: 16}}>Contact &amp; presence</span>

            <div className="cbm-apply__row">
              <div>
                <label className="cbm-label">Website</label>
                <input className="cbm-field" name="website" placeholder="example.com" />
              </div>
              <div>
                <label className="cbm-label">Public email</label>
                <input className="cbm-field" type="email" name="email" placeholder="hello@example.com" />
              </div>
            </div>

            <div className="cbm-apply__row">
              <div>
                <label className="cbm-label">Headquarters</label>
                <input className="cbm-field" name="hq" placeholder="Willemstad, Curaçao" />
              </div>
              <div>
                <label className="cbm-label">Phone</label>
                <input className="cbm-field" type="tel" name="phone" placeholder="+599 9 …" />
              </div>
            </div>

            <div>
              <label className="cbm-label">LinkedIn profile (optional)</label>
              <input className="cbm-field" name="linkedin" placeholder="linkedin.com/company/…" />
            </div>

            <div>
              <label className="cbm-label">Company logo</label>
              <label className="cbm-upload">
                <i data-lucide="upload"></i>
                <span>Click to upload — PNG or SVG, square, transparent background</span>
                <input type="file" accept=".png,.svg" style={{display:'none'}} />
              </label>
            </div>

            <span className="cbm-eyebrow" style={{marginTop: 16}}>Listing plan</span>

            <div className="cbm-plan-row">
              <label className="cbm-plan">
                <input type="radio" name="plan" value="Basic" defaultChecked />
                <div>
                  <strong>Basic</strong>
                  <span>Free · verified listing · standard placement</span>
                </div>
              </label>
              <label className="cbm-plan">
                <input type="radio" name="plan" value="Featured" />
                <div>
                  <strong>Featured</strong>
                  <span>XCG 250 · USD 140 / yr · top of category · brand colours</span>
                </div>
              </label>
              <label className="cbm-plan">
                <input type="radio" name="plan" value="Showcase" />
                <div>
                  <strong>Showcase</strong>
                  <span>XCG 750 · USD 419 / yr · hero slot · article + analytics</span>
                </div>
              </label>
            </div>

            <label className="cbm-checkbox">
              <input type="checkbox" required />
              <span>I confirm the information above is accurate, and I'm authorised to list this business on CBM.</span>
            </label>

            <button className="cbm-btn cbm-btn--gold" type="submit" style={{width: '100%', marginTop: 8}}>
              Submit for review
            </button>
          </form>
        )}
      </div>
    </div>
  );
};

// -------------------------------------------------------------
// Listing screen
// -------------------------------------------------------------
const DirectoryList = ({ onOpen, onSubmit }) => {
  const [filter, setFilter] = React.useState('All');
  const [q, setQ] = React.useState('');
  const list = BUSINESSES
    .filter(b => filter === 'All' || b.sector === filter)
    .filter(b => !q || (b.name + ' ' + b.sector + ' ' + b.services.join(' ')).toLowerCase().includes(q.toLowerCase()));
  return (
    <>
      <section className="cbm-section cbm-section--dark" style={{paddingTop: 72, paddingBottom: 48}}>
        <div className="cbm-section__inner" style={{display: 'grid', gridTemplateColumns: '1.4fr 1fr', gap: 56, alignItems: 'center'}}>
          <div>
            <span className="cbm-eyebrow">Curaçao Business Directory</span>
            <div className="cbm-section-rule" />
            <h1 className="cbm-section__title">{"The companies building Curaçao\u0027s economy."}</h1>
            <p className="cbm-section__lede" style={{marginTop: 14}}>
              {"A curated, editor-verified directory of the businesses, institutions and partners that make up the island\u0027s commercial life. Browse by sector, or add your own company."}
            </p>
          </div>
          <div className="cbm-jobs-cta">
            <p className="cbm-eyebrow cbm-eyebrow--gold" style={{margin: 0}}>Free Listing</p>
            <h3 style={{fontFamily:'var(--font-display)', fontWeight: 800, fontSize: 28, lineHeight: 1.1, margin: '8px 0 12px', color:'#fff'}}>
              {"Get your business on the map."}
            </h3>
            <p style={{color:'rgba(255,255,255,0.85)', margin:'0 0 18px'}}>
              {"Verified listings are free. Premium tiers add featured placement, brand colours and analytics."}
            </p>
            <button className="cbm-btn cbm-btn--gold" onClick={onSubmit}>List your business</button>
          </div>
        </div>
      </section>

      <section className="cbm-section" style={{paddingTop: 32}}>
        <div className="cbm-section__inner">
          <DirectoryFilterBar filter={filter} setFilter={setFilter} q={q} setQ={setQ} />
          <div className="cbm-jobs-stats">
            <span><strong>{list.length}</strong> businesses</span>
            <span><strong>{BUSINESSES.filter(b => b.verified).length}</strong> verified</span>
            <span>{SECTORS.length - 1} sectors · all categories</span>
          </div>
          <div className="cbm-biz-grid">
            {list.length === 0 ? (
              <div style={{padding: '48px 0', textAlign: 'center', color: 'var(--cbm-muted)'}}>
                No matches. Try clearing the search or selecting a different sector.
              </div>
            ) : list.map(b => <BusinessCard key={b.id} biz={b} onOpen={onOpen} />)}
          </div>
        </div>
      </section>
    </>
  );
};

// -------------------------------------------------------------
// Top-level screen — switches between list / detail / submit
// -------------------------------------------------------------
const DirectoryScreen = () => {
  const [view, setView] = React.useState({ mode: 'list' });
  React.useEffect(() => {
    if (window.lucide && window.lucide.createIcons) window.lucide.createIcons();
  }, [view]);
  return (
    <div data-screen-label="Directory">
      {view.mode === 'list' && (
        <DirectoryList
          onOpen={(biz) => setView({ mode: 'detail', biz })}
          onSubmit={() => setView({ mode: 'submit' })}
        />
      )}
      {view.mode === 'detail' && (
        <section className="cbm-section">
          <div className="cbm-section__inner">
            <BusinessDetail biz={view.biz} onBack={() => setView({ mode: 'list' })} />
          </div>
        </section>
      )}
      {view.mode === 'submit' && (
        <section className="cbm-section cbm-section--tint">
          <div className="cbm-section__inner">
            <SubmitBusiness onBack={() => setView({ mode: 'list' })} />
          </div>
        </section>
      )}
    </div>
  );
};

Object.assign(window, { DirectoryScreen });