From c177ca10401bf00c88a17bb90cdd0cb498489ef1 Mon Sep 17 00:00:00 2001
From: Rene Arumetsa <rene.arumetsa@gmail.com>
Date: Fri, 1 May 2026 11:36:27 +0300
Subject: [PATCH] Changes in teaser carosel text

---
 src/components/TeaserCarousel.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/TeaserCarousel.tsx b/src/components/TeaserCarousel.tsx
index 588713a..1ac4087 100644
--- a/src/components/TeaserCarousel.tsx
+++ b/src/components/TeaserCarousel.tsx
@@ -76,11 +76,13 @@ export default function TeaserCarousel() {
 
                 {/* Content */}
                 <div className={`relative grid grid-cols-1 md:grid-cols-2 h-full ${slide.flip ? "md:[direction:rtl]" : ""}`}>
-                  <div className={`flex flex-col justify-between gap-4 px-8 py-8 md:px-12 md:py-10 ${slide.flip ? "md:[direction:ltr]" : ""}`}>
-                    <div className="flex flex-col gap-3">
-                      <h2 className={`${vipnagorgialla.className} font-bold italic text-[64px] leading-none tracking-normal uppercase text-[#EEE5E5]`}>
-                        {highlightLAN(t("heading"))}
-                      </h2>
+                  <div className={`flex flex-col justify-between px-8 py-8 md:px-12 md:py-10 ${slide.flip ? "md:[direction:ltr]" : ""}`}>
+                    {/* Heading at top */}
+                    <h2 className={`${vipnagorgialla.className} font-bold italic text-[64px] leading-none tracking-normal uppercase text-[#EEE5E5]`}>
+                      {highlightLAN(t("heading"))}
+                    </h2>
+                    {/* Title + description at bottom */}
+                    <div className="flex flex-col gap-3 pb-16">
                       <Link href={slide.href}>
                         <h3 className={`${vipnagorgialla.className} font-bold italic text-[clamp(2.5rem,2rem+2.5vw,5rem)] leading-none text-[#EEE5E5] hover:text-[#00A3E0] transition`}>
                           {title}