react-basics/leuchtturm-react/src/pages/Reiseziel.jsx

function Reiseziel({ziel}){
    return (
        <>
            {ziel.content.map((section, index) => { return (
                <section key={index}>
                    <div className="content-text">
                        <h2>{section.heading}</h2>
                        <p>{section.text}</p>
                    </div>
                    <div className={"content-img " + section.imgAlign}><img src={"../src/assets/" + section.imgSrc} alt="Leuchtturm"/></div>
                </section>);
            })}
        </>
    );
}

export default Reiseziel;