import Image from "next/image"; const Timeline = () => { const data = [ { id: 1, school: "Sarasas Witaed Minburi School", period: "Pre-Kindergarden - 4th Grade", address: "65/151 Suwinthawong Rd, Saen Saep, Min Buri, Bangkok, Thailand 10510", image: "/images/photos/school-logo/swm.jpg", date: "2009 - 2016" }, { id: 2, school: "Sarasas Witaed Romklao International Programme", period: "4th Grade - 6th Grade", address: "124 Rom Klao Rd, Khlong Sam Prawet, Lat Krabang, Bangkok, Thailand 10520", image: "/images/photos/school-logo/swr.jpg", date: "2016 - 2019" }, { id: 3, school: "Homeschooling with Wolsey Hall Oxford", period: "7th Grade - 9th Grade", address: "66 Banbury Road, Oxford, United Kingdom", image: "/images/photos/school-logo/wsh.jpg", date: "2019 - 2022" }, { id: 4, school: "Rugby School Thailand", period: "9th Grade - 10th Grade", address: "7, 2, Khao Mai Kaew, Bang Lamung District, Chon Buri, Thailand 20150", image: "/images/photos/school-logo/rst.png", date: "2023 - 2024" } ] return (
{data.map(({ id, school, period, address, image, date }) => (
{school}

{address}

{period}

))}
); } export default Timeline;