fix: adjust modal layout, improve image ratio, remove price fields, update next.config

app/[lang]/aktiviteler/page.tsx

@@ -61,9 +61,7 @@ export default async function AktivitelerPage({ params }: { params: Promise<{ la
                   <p className="text-gray-500 text-[14px] leading-relaxed mb-6 flex-grow">{act.description}</p>
 
                   <div className="flex justify-between items-center pt-6 border-t border-sand">
-                    <div>
-                      <span className="text-2xl font-bold text-dark">{act.price}</span>
-                    </div>
+                    <div className="flex-1"></div>
                     <Link
                       href={`/${lang}/iletisim`}
                       className="inline-flex items-center gap-2 text-accent font-bold text-[12px] tracking-wider uppercase hover:text-primary transition-colors group/link"

app/[lang]/page.tsx

@@ -83,14 +83,14 @@ export default async function Home({ params }: { params: Promise<{ lang: string
   const activities = await prisma.activity.findMany({ where: { lang }, orderBy: { order: "asc" } });
   const events = await prisma.event.findMany({ where: { lang }, orderBy: { date: "asc" } });
   const dbFeatures = await prisma.feature.findMany({ where: { lang }, orderBy: { order: "asc" } });
-  
+
   const aboutDb = await prisma.aboutSection.findUnique({ where: { lang } });
   const aboutData = aboutDb || {
     badge: lang === "en" ? "Our Story" : "Hikayemiz",
     titleLine1: lang === "en" ? "In the" : "Doğanın",
     titleLine2: lang === "en" ? "Heart of Nature" : "Kalbinde",
     titleHighlight: lang === "en" ? "A Special Escape" : "Özel Bir Kaçış",
-    description1: lang === "en" 
+    description1: lang === "en"
       ? "Located right on the banks of the Azmak River flowing into the crystal waters of the Gulf of Gokova, we are in a unique location where the wind never ceases."
       : "Gökova Körfezi'nin kristal sularına dökülen Azmak Nehri'nin hemen kıyısında, rüzgarın hiç eksik olmadığı eşsiz bir konumda yer alıyoruz.",
     description2: lang === "en"
@@ -353,12 +353,12 @@ export default async function Home({ params }: { params: Promise<{ lang: string
           <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
             {activities.length > 0 ? (
               activities.map((act, i) => (
-                <ScrollReveal 
-                  key={act.id} 
-                  className={i === 0 || i === 3 ? "md:col-span-2" : ""}
+                <ScrollReveal
+                  key={act.id}
+                  className={activities.length === 1 ? "md:col-span-3" : i === 0 || i === 3 ? "md:col-span-2" : ""}
                   delay={i * 50}
                 >
-                  <Link href="/aktiviteler" className={`group relative block rounded-3xl overflow-hidden ${i < 2 ? "h-[400px]" : "h-[280px]"}`}>
+                  <Link href="/aktiviteler" className={`group relative block rounded-3xl overflow-hidden ${activities.length === 1 ? "aspect-[4/3] md:aspect-video" : i < 2 ? "h-[400px]" : "h-[280px]"}`}>
                     <Image
                       src={act.image}
                       alt={act.title}
@@ -376,12 +376,9 @@ export default async function Home({ params }: { params: Promise<{ lang: string
                           {act.description}
                         </p>
                       )}
-                      {i !== 0 && (
-                        <span className="text-white/60 text-xs">{act.price}</span>
-                      )}
                       {i === 0 && (
-                        <span className="inline-flex items-center gap-2 text-white text-sm font-semibold">
-                          {act.price} <ArrowRight className="w-3.5 h-3.5" />
+                        <span className="inline-flex items-center gap-2 text-white text-sm font-semibold hover:text-accent transition-colors">
+                          <ArrowRight className="w-3.5 h-3.5" />
                         </span>
                       )}
                     </div>