/* global React */
const { useState, useEffect, useRef } = React;

const PROJECTS = [
  {
    num: '07', typology: 'Vacation Home', typologyZh: '度假透天',
    location: 'Meinong, Kaohsiung', locationZh: '美濃, 高雄', year: '2025',
    nameZh: '理白', nameEn: 'LIBAI HOUSE',
    units: '8 Units', area: '210 m²',
    blurb: 'A study in white louvres and oblique light. Seven townhouses thread a narrow site beneath the mountains.',
    blurbZh: '七棟白色透天順著山勢排列,垂直木格柵在午後切出長長的影子,光被建築引入庭院。',
    images: ['project-meinong-libai-1.jpg','project-meinong-libai-2.jpg','project-meinong-libai-1.jpg'],
  },
  {
    num: '06', typology: 'Vacation Home', typologyZh: '度假透天',
    location: 'Chaozhou, Pingtung', locationZh: '潮州, 屏東', year: '2024',
    nameZh: '潮中洲', nameEn: 'CHAO',
    units: '12 Units', area: '180 m²',
    blurb: 'Perforated façades read as mineral lace. The site sits between an irrigation channel and an old siding.',
    blurbZh: '帶有孔洞的灰色立面在白天像礦物的蕾絲,夜晚成為有節奏的燈籠。',
    images: ['project-chao-1.jpg','project-chao-2.jpg','project-chao-1.jpg'],
  },
  {
    num: '05', typology: 'Vacation Home', typologyZh: '度假透天',
    location: 'Neipu, Pingtung', locationZh: '內埔, 屏東', year: '2023',
    nameZh: '十里境', nameEn: 'WONDERLAND',
    units: '10 Units', area: '195 m²',
    blurb: 'Ten houses arranged as a small village, with a slow-moving central path that connects every entrance.',
    blurbZh: '十棟房子像小聚落,共享中央的緩慢動線,把鄰里還給生活。',
    images: ['project-wonderland-1.jpg','project-wonderland-2.jpg','project-wonderland-1.jpg'],
  },
  {
    num: '04', typology: 'Vacation Home', typologyZh: '度假透天',
    location: 'Pingtung, Pingtung', locationZh: '屏東, 屏東', year: '2020',
    nameZh: '清溪苑', nameEn: 'THE RIVULET',
    units: '6 Units', area: '220 m²',
    blurb: 'A water court runs the length of the block. Each unit looks both inward to the rivulet and outward to the city.',
    blurbZh: '水院貫穿整個街廓,每一戶同時望向溪流與城市。',
    images: ['project-rivulet-1.jpg','project-rivulet-2.jpg','project-rivulet-1.jpg'],
  },
  {
    num: '03', typology: 'Vacation Home', typologyZh: '度假透天',
    location: 'Pingtung, Pingtung', locationZh: '屏東, 屏東', year: '2019',
    nameZh: '拾光居 II', nameEn: 'THE LIGHT-CATCHING HOUSE II',
    units: '4 Units', area: '240 m²',
    awards: ['award-paris.png'],
    blurb: 'A second iteration on the LIGHTBRICK theme — a single white wall folded into rooms, courtyards, and verandas.',
    blurbZh: '拾光居系列的第二章,一面白牆被折疊成房間、庭院與深廊。',
    images: ['project-lightcatching-1.jpg','project-lightcatching-2.jpg','project-lightcatching-1.jpg'],
  },
  {
    num: '02', typology: 'Vacation Home', typologyZh: '度假透天',
    location: 'Wandan, Pingtung', locationZh: '萬丹, 屏東', year: '2018',
    nameZh: '拾光居 I', nameEn: 'LIGHTBRICK HOUSE I',
    units: '5 Units', area: '230 m²',
    awards: ['award-if-2019.png','award-ny-silver.png','award-berlin-silver.png'],
    blurb: 'The studio\'s breakthrough — a brick screen wall that catches afternoon light and casts it into the courtyard.',
    blurbZh: '工作室的代表作。多孔磚牆截下午後西曬,將光投落在庭院的水面。',
    images: ['project-lightbrick-1.jpg','project-lightbrick-2.jpg','project-lightbrick-3.jpg'],
  },
  {
    num: '01', typology: 'Vacation Home', typologyZh: '度假透天',
    location: 'Linluo, Pingtung', locationZh: '麟洛, 屏東', year: '2016',
    nameZh: '陶里', nameEn: 'TAOLI',
    units: '4 Units', area: '200 m²',
    blurb: 'The first project. A quiet cluster on a country lane that established the studio\'s vocabulary.',
    blurbZh: '苑建築的第一件作品。鄉間小巷裡的安靜群落,確立了往後的語彙。',
    images: ['project-taoli.jpg','project-taoli-2.jpg','project-taoli.jpg'],
  },
];

const NEW_PROJECTS = [
  {
    nameZh: '一。灣苑', nameEn: 'BAY ONE', tag: 'Now Selling',
    location: 'Donggang, Pingtung', year: '2026',
    image: 'project-meinong-libai-1.jpg',
  },
  {
    nameZh: '品森居', nameEn: 'PINSEN HOUSE', tag: 'Pre-launch',
    location: 'Wandan, Pingtung', year: '2026',
    image: 'project-chao-2.jpg',
  },
];

const AWARDS = [
  { year: '2024', img: 'award-paris.png',
    en: 'Paris Driven×Design Silver',
    zh: '法國巴黎設計獎 . 銀獎' },
  { year: '2020', img: 'award-berlin-silver.png',
    en: 'Berlin Driven×Design Silver',
    zh: '德國柏林設計獎 . 銀獎' },
  { year: '2019', img: 'award-ny-silver.png',
    en: 'New York Driven×Design Silver',
    zh: '紐約設計獎 . 銀獎' },
  { year: '2019', img: 'award-if-2019.png',
    en: 'iF Design Award · Munich',
    zh: '德國 iF 設計獎 . 建築獎' },
];

window.PROJECTS = PROJECTS;
window.NEW_PROJECTS = NEW_PROJECTS;
window.AWARDS = AWARDS;