&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;εγγείσας 2025&lt;/title&gt;
    &lt;script src=&quot;/tailwindcss.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-gradient-to-b from-violet-900 via-indigo-900 to-purple-900 text-white min-h-screen&quot;&gt;

    &lt;!-- Header --&gt;
    &lt;header class=&quot;bg-gradient-to-r from-pink-600 to-red-600 shadow-md&quot;&gt;
        &lt;nav class=&quot;container mx-auto px-6 py-3&quot;&gt;
            &lt;div class=&quot;flex justify-between items-center&quot;&gt;
                &lt;div class=&quot;text-2xl font-bold text-white tracking-tight&quot;&gt;εγγείσας&lt;/div&gt;
                &lt;div class=&quot;space-x-4&quot;&gt;
                    &lt;a href=&quot;/εγγείσασ/2025/index.html&quot; class=&quot;hover:text-pink-200 transition-colors&quot;&gt;Home&lt;/a&gt;
                    &lt;a href=&quot;/εγγείσασ/2025/about.html&quot; class=&quot;hover:text-pink-200 transition-colors&quot;&gt;About&lt;/a&gt;
                    &lt;a href=&quot;/εγγείσασ/2025/faq.html&quot; class=&quot;hover:text-pink-200 transition-colors&quot;&gt;FAQ&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/nav&gt;
    &lt;/header&gt;

    &lt;!-- Hero Section --&gt;
    &lt;section class=&quot;p-10 text-center&quot;&gt;
        &lt;h1 class=&quot;text-6xl font-extrabold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-white to-pink-400&quot;&gt;
            Για ποιον ζούμε
        &lt;/h1&gt;
        &lt;p class=&quot;text-xl max-w-3xl mx-auto text-gray-200&quot;&gt;
            Ένα φιλοσοφικό εγχείρημα για να απαντήσουμε σε δηλωτικές ερωτήσεις που μας βγαίνουν από την ψυχή
        &lt;/p&gt;
        &lt;a href=&quot;/εγγείσασ/2025/journey.html&quot; class=&quot;mt-8 inline-flex items-center px-6 py-3 bg-gradient-to-r from-pink-500 to-red-500 text-white rounded-lg shadow-lg hover:shadow-xl hover:bg-pink-600 transition-all duration-300&quot;&gt;
            &lt;svg class=&quot;w-5 h-5 mr-2&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; viewBox=&quot;0 0 24 24&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
                &lt;path stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot; stroke-width=&quot;2&quot; d=&quot;M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z&quot;&gt;&lt;/path&gt;
                &lt;path stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot; stroke-width=&quot;2&quot; d=&quot;M21 12a9 9 0 11-18 0 9 9 0 0118 0z&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
            Ξεκίνα τη Διαδρομή
        &lt;/a&gt;
    &lt;/section&gt;

    &lt;!-- Features Section --&gt;
    &lt;section class=&quot;py-16 bg-gradient-to-b from-indigo-900 to-purple-900&quot;&gt;
        &lt;div class=&quot;container mx-auto px-6&quot;&gt;
            &lt;h2 class=&quot;text-4xl font-bold text-center mb-12&quot;&gt;Ευρεύεις Ιδέες&lt;/h2&gt;
            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-3 gap-10&quot;&gt;
                &lt;div class=&quot;bg-white/10 backdrop-blur-md rounded-xl p-8 hover:scale-105 transition-all duration-300&quot;&gt;
                    &lt;div class=&quot;w-16 h-16 bg-pink-500 text-white rounded-full flex items-center justify-center mb-4&quot;&gt;
                        &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; class=&quot;&quot; fill=&quot;none&quot; viewBox=&quot;0 0 24 24&quot; stroke=&quot;currentColor&quot;&gt;
                            &lt;path stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot; stroke-width=&quot;2&quot; d=&quot;M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4&quot; /&gt;
                        &lt;/svg&gt;
                    &lt;/div&gt;
                    &lt;h3 class=&quot;text-xl font-semibold mb-3&quot;&gt;Φιλοσοφικό υπόβαθρο&lt;/h3&gt;
                    &lt;p class=&quot;text-gray-300&quot;&gt;Εξετάζουμε τα θεμέλια της δωρεάν ακαδημαϊκής σκέψης από τον Ηράκλειτο και τη νεομαρξιστική σχολή&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;bg-white/10 backdrop-blur-md rounded-xl p-8 hover:scale-105 transition-all duration-300&quot;&gt;
                    &lt;div class=&quot;w-16 h-16 bg-pink-500 text-white rounded-full flex items-center justify-center mb-4&quot;&gt;
                        &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; class=&quot;&quot; fill=&quot;none&quot; viewBox=&quot;0 0 24 24&quot; stroke=&quot;currentColor&quot;&gt;
                            &lt;path stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot; stroke-width=&quot;2&quot; d=&quot;M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V7m0 12L7 11h10l-3 11z&quot; /&gt;
                        &lt;/svg&gt;
                    &lt;/div&gt;
                    &lt;h3 class=&quot;text-xl font-semibold mb-3&quot;&gt;Μυθολογικά σύμβολα&lt;/h3&gt;
                    &lt;p class=&quot;text-gray-300&quot;&gt;Αναδημιουργούμε διανοητικές αναπαραστάσεις μεταξύ της Ελληνικής μυθολογίας και των σύγχρονων μικροσχεδίων&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;bg-white/10 backdrop-blur-md rounded-xl p-8 hover:scale-105 transition-all duration-300&quot;&gt;
                    &lt;div class=&quot;w-16 h-16 bg-pink-500 text-white rounded-full flex items-center justify-center mb-4&quot;&gt;
                        &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; class=&quot;&quot; fill=&quot;none&quot; viewBox=&quot;0 0 24 24&quot; stroke=&quot;currentColor&quot;&gt;
                            &lt;path stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot; stroke-width=&quot;2&quot; d=&quot;M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z&quot; /&gt;
                        &lt;/svg&gt;
                    &lt;/div&gt;
                    &lt;h3 class=&quot;text-xl font-semibold mb-3&quot;&gt;Ευρωπαϊκές δικτατορίες&lt;/h3&gt;
                    &lt;p class=&quot;text-gray-300&quot;&gt;Συστηματική συγκριτική ιστορική ερμηνεία πίσω από 20ου αιώνα τιμωρητικές δομές&lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Call to Action --&gt;
    &lt;section class=&quot;py-16 text-center bg-gradient-to-r from-purple-900 to-violet-900&quot;&gt;
        &lt;div class=&quot;container mx-auto px-6&quot;&gt;
            &lt;h2 class=&quot;text-3xl font-bold mb-6&quot;&gt;Γνωρίστε πιο πολύ&lt;/h2&gt;
            &lt;a href=&quot;/εγγείσασ/2025/contact.html&quot; class=&quot;bg-gradient-to-r from-pink-600/80 to-red-600/80 hover:from-pink-600 hover:to-red-600 text-white px-8 py-3 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1&quot;&gt;
                Συνδεθείτε με εμάς
            &lt;/a&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Footer --&gt;
    &lt;footer class=&quot;bg-black/20 backdrop-blur-lg&quot;&gt;
        &lt;div class=&quot;container mx-auto px-6 py-8 text-center&quot;&gt;
            &lt;p class=&quot;text-gray-300&quot;&gt;&amp;copy; 2025 εγγείσασ Ανάπτυξη Λύσεις&lt;/p&gt;
            &lt;div class=&quot;mt-4 space-x-6&quot;&gt;
                &lt;a href=&quot;/github.com/εγγείσασ&quot; class=&quot;text-gray-400 hover:text-pink-400 transition-colors&quot;&gt;GitHub&lt;/a&gt;
                &lt;a href=&quot;/εγγείσασ/2025/policy.html&quot; class=&quot;text-gray-400 hover:text-pink-400 transition-colors&quot;&gt;Privacy Policy&lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/footer&gt;

&lt;/body&gt;
&lt;/html&gt;