feat(katalog): CTA kartında vaatsiz başlık + köprü cümlesi, /bolum sayfasına CTA
CtaSiraForm'a isteğe bağlı `aciklama` prop'u (yalnız profilsiz karttaki
paragrafın yerine geçer; varsayılan paragraflar aynen kaldı). "Sıralamanla
nereye yerleşirsin?" / "…programlarına yerleşir misin?" başlıkları kalktı:
varsayılan "Sıralamana yakın programlar hangileri?", katalogda
"Sıralaman {ad} tabanlarının neresinde?".
Üniversite ve bölüm sayfaları aynı köprü cümlesini tek sabitten
(KATALOG_CTA_ACIKLAMA) alır; kart /bolum/[slug] sayfasına üniversite
sayfasıyla aynı konumda (liste + sayfalama altı, mt-10) eklendi.
cta_form_goruntulendi ölçümü ve buton deseni değişmedi.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
@@ -14,9 +14,10 @@ import {
|
|||||||
sayfaMetadata,
|
sayfaMetadata,
|
||||||
ustSegmentOgGorseli,
|
ustSegmentOgGorseli,
|
||||||
} from "@/lib/seo";
|
} from "@/lib/seo";
|
||||||
import { SAYFA_BOYU, sayfaDilimi } from "./sayfalama";
|
import { KATALOG_CTA_ACIKLAMA, SAYFA_BOYU, sayfaDilimi } from "./sayfalama";
|
||||||
import { BolumProgramListesi } from "./bolum-program-listesi";
|
import { BolumProgramListesi } from "./bolum-program-listesi";
|
||||||
import { VeriKaynagi } from "./veri-kaynagi";
|
import { VeriKaynagi } from "./veri-kaynagi";
|
||||||
|
import { CtaSiraForm } from "@/features/sihirbaz/components/cta-sira-form";
|
||||||
import { SiteFooter } from "@/components/site-footer";
|
import { SiteFooter } from "@/components/site-footer";
|
||||||
import { Skeleton } from "@/components/ui/skeleton";
|
import { Skeleton } from "@/components/ui/skeleton";
|
||||||
|
|
||||||
@@ -252,6 +253,14 @@ export function BolumIcerik({ slug, sayfa }: { slug: string; sayfa: number }) {
|
|||||||
/>
|
/>
|
||||||
<VeriKaynagi className="mt-6" />
|
<VeriKaynagi className="mt-6" />
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
{/* Üniversite sayfasıyla aynı konum ve aynı kart: liste + sayfalama altı */}
|
||||||
|
<div className="mt-10">
|
||||||
|
<CtaSiraForm
|
||||||
|
baslik={`Sıralaman ${bolum.ad} tabanlarının neresinde?`}
|
||||||
|
aciklama={KATALOG_CTA_ACIKLAMA}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<SiteFooter />
|
<SiteFooter />
|
||||||
</>
|
</>
|
||||||
|
|||||||
@@ -13,6 +13,17 @@ export function sayfaDilimi<T>(liste: readonly T[], sayfa: number): T[] {
|
|||||||
return liste.slice((sayfa - 1) * SAYFA_BOYU, sayfa * SAYFA_BOYU);
|
return liste.slice((sayfa - 1) * SAYFA_BOYU, sayfa * SAYFA_BOYU);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Üniversite ve bölüm tablo sayfalarının altındaki CtaSiraForm kartının köprü
|
||||||
|
* cümlesi — iki sayfa birebir aynı metni kullansın diye tek kaynak. Sunucu
|
||||||
|
* bileşenlerinden okunduğu için "use client" olan cta-sira-form.tsx'te
|
||||||
|
* duramaz (istemci modülünün sabitleri sunucuda değer olarak okunamaz).
|
||||||
|
* Vaat içermez: tablo geçmiş veridir, ürün sıralamaya yakın programları
|
||||||
|
* risk seviyesine göre ayırıp listeler.
|
||||||
|
*/
|
||||||
|
export const KATALOG_CTA_ACIKLAMA =
|
||||||
|
"Bu tablodaki tabanlar geçmiş yerleştirmelerin sonucu; bu yıl değişebilir. Sıralamanı gir, tabanı sıralamana yakın programları risk seviyesine göre ayrılmış hâlde listeleyelim. Ücretsiz, üyelik gerekmez.";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Statik path tabanlı sayfalama navigasyonu. 1. sayfa taban URL'in
|
* Statik path tabanlı sayfalama navigasyonu. 1. sayfa taban URL'in
|
||||||
* kendisidir (/bolum/x), sonrakiler /bolum/x/sayfa/2 ... — hepsi gerçek
|
* kendisidir (/bolum/x), sonrakiler /bolum/x/sayfa/2 ... — hepsi gerçek
|
||||||
|
|||||||
@@ -18,7 +18,12 @@ import {
|
|||||||
} from "@/lib/seo";
|
} from "@/lib/seo";
|
||||||
import { CtaSiraForm } from "@/features/sihirbaz/components/cta-sira-form";
|
import { CtaSiraForm } from "@/features/sihirbaz/components/cta-sira-form";
|
||||||
import { SiteFooter } from "@/components/site-footer";
|
import { SiteFooter } from "@/components/site-footer";
|
||||||
import { Sayfalama, SAYFA_BOYU, sayfaDilimi } from "./sayfalama";
|
import {
|
||||||
|
KATALOG_CTA_ACIKLAMA,
|
||||||
|
Sayfalama,
|
||||||
|
SAYFA_BOYU,
|
||||||
|
sayfaDilimi,
|
||||||
|
} from "./sayfalama";
|
||||||
import { PagePixelDivider } from "@/components/pixel-decor";
|
import { PagePixelDivider } from "@/components/pixel-decor";
|
||||||
import { UniversiteKonumHaritasi } from "./universite-konum-haritasi";
|
import { UniversiteKonumHaritasi } from "./universite-konum-haritasi";
|
||||||
import { uniUlkeKonum } from "@/lib/harita-ulkeler";
|
import { uniUlkeKonum } from "@/lib/harita-ulkeler";
|
||||||
@@ -351,7 +356,8 @@ export function UniversiteIcerik({
|
|||||||
|
|
||||||
<div className="mt-10">
|
<div className="mt-10">
|
||||||
<CtaSiraForm
|
<CtaSiraForm
|
||||||
baslik={`Sıralamanla ${uni.ad} programlarına yerleşir misin?`}
|
baslik={`Sıralaman ${uni.ad} tabanlarının neresinde?`}
|
||||||
|
aciklama={KATALOG_CTA_ACIKLAMA}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@@ -60,8 +60,19 @@ const KANITLAR = [
|
|||||||
* Profilsiz CTA adayı ana sayfaya göndermez: buton alttan bir çekmece açar,
|
* Profilsiz CTA adayı ana sayfaya göndermez: buton alttan bir çekmece açar,
|
||||||
* sıralama girişi ve sihirbaz adayın bulunduğu sayfanın bağlamında akar.
|
* sıralama girişi ve sihirbaz adayın bulunduğu sayfanın bağlamında akar.
|
||||||
* Tasarım gerekçesi için bkz. docs/tasarim/cta-cekmece-tasarimi.md.
|
* Tasarım gerekçesi için bkz. docs/tasarim/cta-cekmece-tasarimi.md.
|
||||||
|
*
|
||||||
|
* `baslik` iki kartın (profilli/profilsiz) başlığını, `aciklama` yalnız
|
||||||
|
* profilsiz karttaki paragrafı değiştirir — katalog sayfaları kartı üstündeki
|
||||||
|
* tabloya bağlayan köprü cümlesini buradan verir. Başlık ve açıklamalar
|
||||||
|
* yerleşme vaadi içermez: ürün sıralamaya yakın programları listeler.
|
||||||
*/
|
*/
|
||||||
export function CtaSiraForm({ baslik }: { baslik?: string }) {
|
export function CtaSiraForm({
|
||||||
|
baslik,
|
||||||
|
aciklama,
|
||||||
|
}: {
|
||||||
|
baslik?: string;
|
||||||
|
aciklama?: string;
|
||||||
|
}) {
|
||||||
const profil = useTercihProfili();
|
const profil = useTercihProfili();
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
@@ -146,7 +157,7 @@ export function CtaSiraForm({ baslik }: { baslik?: string }) {
|
|||||||
return (
|
return (
|
||||||
<section className="rounded-2xl border border-primary/20 bg-primary/5 p-6 sm:p-8">
|
<section className="rounded-2xl border border-primary/20 bg-primary/5 p-6 sm:p-8">
|
||||||
<h2 className="font-heading text-xl font-bold text-slate-900">
|
<h2 className="font-heading text-xl font-bold text-slate-900">
|
||||||
{baslik ?? "Sıralamanla nereye yerleşirsin? Saniyede gör."}
|
{baslik ?? "Sıralamana yakın programlar hangileri? Saniyede gör."}
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mt-2 text-sm leading-6 text-slate-600">
|
<p className="mt-2 text-sm leading-6 text-slate-600">
|
||||||
Sıralaman kayıtlı ({profil.sira.toLocaleString("tr-TR")}. sıra) —
|
Sıralaman kayıtlı ({profil.sira.toLocaleString("tr-TR")}. sıra) —
|
||||||
@@ -170,12 +181,11 @@ export function CtaSiraForm({ baslik }: { baslik?: string }) {
|
|||||||
className="rounded-2xl border border-primary/20 bg-primary/5 p-6 sm:p-8"
|
className="rounded-2xl border border-primary/20 bg-primary/5 p-6 sm:p-8"
|
||||||
>
|
>
|
||||||
<h2 className="font-heading text-xl font-bold text-slate-900">
|
<h2 className="font-heading text-xl font-bold text-slate-900">
|
||||||
{baslik ?? "Sıralamanla nereye yerleşirsin? Saniyede gör."}
|
{baslik ?? "Sıralamana yakın programlar hangileri? Saniyede gör."}
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mt-2 text-sm leading-6 text-slate-600">
|
<p className="mt-2 text-sm leading-6 text-slate-600">
|
||||||
YKS başarı sıralamanı gir; gerçek YÖK Atlas verisiyle sıralamana uygun
|
{aciklama ??
|
||||||
hayal, dengeli ve garanti dilimlerindeki programları anında listele.
|
"YKS başarı sıralamanı gir; gerçek YÖK Atlas verisiyle sıralamana uygun hayal, dengeli ve garanti dilimlerindeki programları anında listele. Ücretsiz, üyelik gerekmez."}
|
||||||
Ücretsiz, üyelik gerekmez.
|
|
||||||
</p>
|
</p>
|
||||||
<Button
|
<Button
|
||||||
type="button"
|
type="button"
|
||||||
@@ -195,7 +205,7 @@ export function CtaSiraForm({ baslik }: { baslik?: string }) {
|
|||||||
>
|
>
|
||||||
{/* Görünür başlıklar adıma göre değişir; erişilebilir ad sabit kalır. */}
|
{/* Görünür başlıklar adıma göre değişir; erişilebilir ad sabit kalır. */}
|
||||||
<DrawerTitle className="sr-only">
|
<DrawerTitle className="sr-only">
|
||||||
Sıralamanla nereye yerleşirsin?
|
Sıralamana yakın programlar hangileri?
|
||||||
</DrawerTitle>
|
</DrawerTitle>
|
||||||
<DrawerDescription className="sr-only">
|
<DrawerDescription className="sr-only">
|
||||||
YKS başarı sıralamanı gir; sıralamana uygun programları bu sayfadan
|
YKS başarı sıralamanı gir; sıralamana uygun programları bu sayfadan
|
||||||
@@ -215,7 +225,7 @@ export function CtaSiraForm({ baslik }: { baslik?: string }) {
|
|||||||
<div>
|
<div>
|
||||||
<SectionEyebrow>Saniyede gör</SectionEyebrow>
|
<SectionEyebrow>Saniyede gör</SectionEyebrow>
|
||||||
<h2 className="mt-3 font-heading text-2xl font-bold text-slate-900">
|
<h2 className="mt-3 font-heading text-2xl font-bold text-slate-900">
|
||||||
Sıralamanla nereye yerleşirsin?
|
Sıralamana yakın programlar hangileri?
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mt-2 max-w-xl text-sm leading-6 text-slate-600">
|
<p className="mt-2 max-w-xl text-sm leading-6 text-slate-600">
|
||||||
Puan türünü seç, başarı sıralamanı yaz; hayal, dengeli ve
|
Puan türünü seç, başarı sıralamanı yaz; hayal, dengeli ve
|
||||||
|
|||||||
Reference in New Issue
Block a user