Adjust Prague component on the homepage

Author: clytaemnestra

src/assets/prague2.jpg

@@ -2,43 +2,42 @@
 import Button from "@ui/Button.astro";
 import { Title } from "@components/typography/title";
 import { Image } from "astro:assets";
-import pragueImage from "@assets/prague.png";
+import pragueImage from "@assets/prague2.jpg";
 import Logo from "@assets/prague.svg";
+import Headline from "@ui/Headline.astro";
 ---
 
-<div class="mt-12 px-6 pb-32 overflow-visible">
-  <article class="lg:grid gap-12 grid-cols-2">
-    <div class="relative hidden lg:block">
-      <Image
-        src={pragueImage}
-        class="w-full h-auto border-4 border-white rounded-lg shadow-lg"
-        alt="Beautiful view of Prague"
-        width={1200}
-        height={900}
-      />
-    </div>
-    <div class="flex flex-col justify-center">
-      <Title level={2}>Prague</Title>
-      <div
-        class:list={[
-          "mb-4 prose prose-xl",
-          "prose-h1:text-text prose-headings:font-title",
-          "prose-headings:text-text",
-        ]}
-      >
-        While we are getting the conference ready for you,
-        why don't you take a look at the beautiful city of Prague?
-      </div>
-      <div class="space-x-4 mb-5">
-        <Button url="/where"> Where is EuroPython? </Button>
-      </div>
-      <div class="space-x-12">
-        <Button url="/explore"> Explore Prague </Button>
-      </div>
-    </div>
-  </article>
+<div class="mt-12">
+  <Headline id="prague" title="Prague & Venue" />
 </div>
 
+<article class="lg:grid gap-12 grid-cols-2 items-center">
+  <div class="relative hidden lg:block">
+    <Image
+      src={pragueImage}
+      class="w-full h-auto border-4 border-white rounded-lg shadow-lg"
+      alt="Beautiful view of Prague"
+      width={1200}
+      height={900}
+    />
+  </div>
+
+<div class="mx-auto px-4 sm:px-6 lg:px-8 max-w-3xl">
+  <p class="mt-4 mb-8">
+    EuroPython 2025 returns to one of Europe’s most picturesque cities! 
+    Join us at the Prague Congress Centre, just steps away from the 
+    historic Vyšehrad Castle and its scenic views of the city.
+  </p>
+
+  <div class="flex w-full justify-evenly items-center">
+    <Button url="/explore">About Prague</Button>
+    <Button url="/where">About Venue</Button>
+  </div>
+
+  </div>
+</article>
+
+
 <div class="city full-bleed" id="one">
   <Logo />
 </div>
@@ -48,16 +47,19 @@ import Logo from "@assets/prague.svg";
     position: relative;
     top: 20vh;
     margin-top: -20vh;
+    z-index: 10; 
   }
+
   .city {
     position: relative;
-    top:0;
+    top: 0;
     width: 100vw;
   }
+
   .city svg {
     width: 100vw;
     position: relative;
     bottom: -4px;
-    z-index: -1;
+    z-index: -1; 
   }
 </style>

src/components/hero-section/prague2.jpg

@@ -4,9 +4,9 @@ subtitle: Everything you need to know about traveling to, getting around, and en
 ---
 
 import { Image } from "astro:assets";
-import venueImage from "./images/prague.jpg";
+import venueImage from "./images/prague3.jpg";
 
-# Prague Exploration Tips
+# Prague Tips
 
 <Image src={venueImage} width="1200" alt="" />
 

src/components/hero-section/prague3.jpg

@@ -38,7 +38,7 @@ subtitle: Frequently Asked Questions about EuroPython
 
 The conference will return to **Prague, Czech Republic**, with the main conference hosted at the [Prague Congress Centre (PCC)](https://www.praguecc.cz/en/homepage).
 
-Need help getting around? Check out [how to navigate Prague](/prague) and our volunteer-curated [Prague exploration tips](/explore).
+Need help getting around? Check out [how to navigate Prague](/where) and our volunteer-curated [Prague exploration tips](/explore).
 
 </Accordion>
 

src/components/sections/prague.astro

@@ -241,7 +241,7 @@ Barking up the right tree
     <img src="/img/eps-logo.png" alt="Logo of the EuroPython Society" width="400"/>
   </a>
 
- <a href="/prague" target="_blank">
+ <a href="/where" target="_blank">
     This image is internal, in /src, so import is needed
     <Image src={pragueImage} alt="A bird sitting on a nest of eggs." width="400" class="h-auto border-4 border-white rounded-lg shadow-lg"/>
 </a>

src/content/pages/prague.mdx renamed to src/content/pages/explore.mdx

@@ -18,7 +18,7 @@ Discover the latest Python trends, learn from 180+ expert speakers, network with
 
 
 ## Where and When?
-🏛️ <a href="/venue" class="text-primary hover:text-primary-hover underline">Prague Congress Centre (PCC)</a>, Czech Republic
+🏛️ <a href="/where" class="text-primary hover:text-primary-hover underline">Prague Congress Centre (PCC)</a>, Czech Republic
 
   <div class="bg-white text-black p-6 rounded-lg shadow-md w-full">
     <p class="font-bold text-xl mb-4">A week of all things Python:</p>