{% extends 'base.html.twig' %}

{% block title %}Startseite{% endblock %}

{% block body %}


    <div class="grid grid-cols-1 gap-6 mt-16 mb-8 px-4 sm:px-16">
        <div>
            <p class="text-7xl noto-sans-display-100 mb-4">Architektur gestalten.</p>
            <p class="text-7xl noto-sans-display-100 mb-4">Werte sichern.</p>
        </div>
        <div class="text-right">
            &nbsp;
        </div>
    </div>


    <div class="w-full h-[30vh] sm:h-[40vh] md:h-[50vh] lg:h-[60vh] overflow-hidden">
        <img
                src="{{ asset('images/frankfurt.png') }}"
                alt="Frankfurt Panorama"
                class="w-full h-full object-cover object-center"
        />
    </div>




    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-16 mb-8  px-4 sm:px-16">
        <div>
            <p class="text-5xl noto-sans-display-100 mb-16">Mission</p>
            <p class="font-thin mb-16">Meine Tätigkeit erstrecken sich von der nachhaltigen Sanierung bestehender Gebäude bis hin zur kompletten Planung und Gestaltung neuer Gebäuden. Während meine Projekttypen  vielfältig sind, zieht sich ein roter Faden durch den Projekten: der Fokus auf der Verbesserung der Beziehungen zwischen Mensch und Architektur.</p>
        </div>
        <div class="text-right">
            &nbsp;
        </div>
    </div>






    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-8 py-64 px-4 sm:px-16 bg-neutral-800 text-white">
        <div>
            <p class="text-5xl noto-sans-display-100 mb-16">Deine Projekte real werden lassen.</p>
            <p class="font-thin mb-16">Ich bin immer auf der Suche nach neuen Möglichkeiten und arbeiten gerne auch auf internationaler Ebene. Bitte kontaktiere mich um deine Ideen und Projekte tatsächlich umzusetzen. Ich begleite dich bis zum Ende. </p>
        </div>
        <div class="text-right">
           &nbsp;
        </div>
        <div>
            <a href="#" class="px-8 py-4 bg-white text-black">Kontakt</a>
        </div>
    </div>




{% endblock %}