bilal/kolaytercih
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor page components to include PagePixelDivider for improved visual separation across multiple pages. Updated layout in Home, Giris, Gizlilik, Iletisim, Kosullar, Listem, Odeme Sonuc, Paket, and Sonuc pages to enhance user experience and maintain consistency.
All checks were successful
Deploy / deploy (push) Successful in 2m47s
Details

Browse Source
This commit is contained in:
bilalgursen
2026-07-30 04:15:49 +03:00
parent 36008bb72a
commit a1b2c4b069
11 changed files with 404 additions and 378 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/giris/page.tsx
View File

@@ -27,7 +27,7 @@ export default async function GirisPage({
return (
<div className="flex min-h-screen flex-col bg-slate-50 text-slate-900">
<main className="mx-auto flex w-full max-w-md flex-1 flex-col items-stretch justify-center px-4 py-16">
<main className="mx-auto flex w-full max-w-md flex-1 flex-col items-stretch justify-center px-5 py-16 sm:px-4">
<div className="relative">
<div className="relative rounded-2xl border border-slate-200 bg-white p-8 shadow-sm">
<GirisBaslik funnel={funnel} />

3
src/app/gizlilik/page.tsx
View File

@@ -1,6 +1,7 @@
import type { Metadata } from "next";
import Link from "next/link";
import { Parallax } from "@/components/parallax";
import { PagePixelDivider } from "@/components/pixel-decor";
export const metadata: Metadata = {
title: "Gizlilik ve KVKK — KolayTercih",
@@ -19,6 +20,8 @@ export default function GizlilikPage() {
</p>
</Parallax>
<PagePixelDivider seed={43} className="mt-6" />
<Parallax
fromStart
strength={4}

2
src/app/iletisim/page.tsx
View File

@@ -1,6 +1,7 @@
import type { Metadata } from "next";
import { Mail } from "lucide-react";
import { Parallax } from "@/components/parallax";
import { PagePixelDivider } from "@/components/pixel-decor";
export const metadata: Metadata = {
title: "İletişim — KolayTercih",
@@ -12,6 +13,7 @@ export default function IletisimPage() {
<Parallax fromStart strength={10}>
<h1 className="font-heading text-3xl font-bold">İletişim</h1>
</Parallax>
<PagePixelDivider seed={47} className="mt-6" />
<p className="mt-4 text-sm leading-7 text-slate-700">
Ödeme, iade, hesap silme ya da başka bir konuda yardıma mı ihtiyacın
var? Tercih döneminde mesajlara aynı gün dönmeye çalışıyoruz.

3
src/app/kosullar/page.tsx
View File

@@ -1,6 +1,7 @@
import type { Metadata } from "next";
import Link from "next/link";
import { Parallax } from "@/components/parallax";
import { PagePixelDivider } from "@/components/pixel-decor";
export const metadata: Metadata = {
title: "Kullanım ve Satış Koşulları — KolayTercih",
@@ -19,6 +20,8 @@ export default function KosullarPage() {
</p>
</Parallax>
<PagePixelDivider seed={41} className="mt-6" />
<Parallax
fromStart
strength={4}

3
src/app/listem/page.tsx
View File

@@ -25,6 +25,7 @@ import { Button } from "@/components/ui/button";
import { Badge } from "@/components/ui/badge";
import { RaporListesi } from "@/components/rapor-listesi";
import { ViewportPortal } from "@/components/viewport-portal";
import { PagePixelDivider } from "@/components/pixel-decor";
import { raporMaskele, ACIK_SATIR } from "@/lib/rapor-maske";
import { SohbetClient } from "./sohbet-client";
import { RevizyonKutusu } from "./revizyon-kutusu";
@@ -66,6 +67,7 @@ export default async function ListemPage({
Sıralamanı girip birkaç adımda 24 tercihlik risk analizli listeni kur;
sonra burada görüntüleyip AI danışmanla üzerinde konuşabilirsin.
</p>
<PagePixelDivider seed={67} className="mx-auto mt-6" />
<Button
asChild
size="lg"
@@ -148,6 +150,7 @@ export default async function ListemPage({
</div>
) : null}
</div>
<PagePixelDivider seed={71} className="mt-6" />
{/* AI'ın genel değerlendirmesi ve uyarıları: paketliye tam,
paketsize sunucuda kırpılmış önizleme + kilit notu */}

3
src/app/odeme/sonuc/page.tsx
View File

@@ -6,6 +6,7 @@ import { verifySession } from "@/lib/session";
import { appDb, schema } from "@/lib/appdb";
import { odemeyiSonuclandir } from "@/lib/odeme";
import { Button } from "@/components/ui/button";
import { PagePixelDivider } from "@/components/pixel-decor";
export const metadata: Metadata = {
title: "Ödeme Sonucu — KolayTercih",
@@ -69,6 +70,7 @@ export default async function OdemeSonucPage({
? " ve Tercih Dönemi Paketi'n aktif — kişisel listen, risk raporun ve PDF çıktın hazır olduğunda burada."
: "."}
</p>
<PagePixelDivider seed={79} className="mx-auto mt-5" />
<div className="mt-6 flex flex-col gap-2">
<Button
asChild
@@ -108,6 +110,7 @@ export default async function OdemeSonucPage({
</>
)}
</p>
<PagePixelDivider seed={83} className="mx-auto mt-5" />
<Button asChild variant="outline" className="mt-6 h-11 cursor-pointer">
<Link href="/paket">Tekrar dene</Link>
</Button>

27
src/app/page.tsx
View File

@@ -202,7 +202,7 @@ export default function Home() {
>
2026 YKS tercih dönemi açık
</Badge>
<h1 className="max-w-3xl font-heading text-7xl font-bold tracking-[0.015em] sm:text-6xl">
<h1 className="max-w-3xl font-heading text-5xl font-bold tracking-[0.015em] sm:text-6xl">
Dört yıllık geleceğini <br className="hidden sm:block" />
<span className="font-bricolage italic tracking-tighter font-bold text-primary">
48 saatlik panikle
@@ -221,8 +221,8 @@ export default function Home() {
<HeroForm />
</div>
<p className="mt-4 text-sm text-slate-500">
Temel arama her zaman ücretsiz · Kredi kartı gerekmez · Tam
analiz paketi tek seferlik {PAKET_FIYATI} TL
Temel arama her zaman ücretsiz · Kredi kartı gerekmez · Tam analiz
paketi tek seferlik {PAKET_FIYATI} TL
</p>
<div className="mt-3 inline-flex items-center gap-2.5 rounded-lg border border-slate-200 bg-white px-3 py-2 text-left text-xs text-slate-700 shadow-xs">
<Image
@@ -265,10 +265,7 @@ export default function Home() {
</p>
</Reveal>
</Parallax>
<Parallax
strength={7}
className="mt-12 grid gap-6 md:grid-cols-3"
>
<Parallax strength={7} className="mt-12 grid gap-6 md:grid-cols-3">
{problems.map((p, i) => (
<Reveal key={p.title} delay={i * 0.08}>
<Card className="relative h-full overflow-hidden border-slate-200/70 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary/30 hover:shadow-lg hover:shadow-primary/5">
@@ -313,10 +310,7 @@ export default function Home() {
</p>
</Reveal>
</Parallax>
<Parallax
strength={7}
className="mt-12 grid gap-6 md:grid-cols-3"
>
<Parallax strength={7} className="mt-12 grid gap-6 md:grid-cols-3">
{steps.map((s, i) => (
<Reveal key={s.step} delay={i * 0.08} className="h-full">
<div className="relative h-full rounded-2xl border border-slate-200/70 bg-white p-8 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary/30 hover:shadow-lg hover:shadow-primary/5">
@@ -337,10 +331,7 @@ export default function Home() {
</Parallax>
{/* Veriye dayalı güven + garanti vaadine karşı dürüst konumlandırma */}
<Parallax
strength={10}
className="mx-auto mt-12 w-full max-w-3xl"
>
<Parallax strength={10} className="mx-auto mt-12 w-full max-w-3xl">
<Reveal
delay={0.1}
className="overflow-hidden rounded-2xl border border-slate-200/70 bg-white shadow-sm"
@@ -375,9 +366,9 @@ export default function Home() {
Yerleşme garantisi vermiyoruz — çünkü kimse veremez.
</p>
<p className="mt-1.5 text-sm leading-6 text-slate-600">
Taban sıralamaları her yıl değişir. Biz sonuç vaadi
satmak yerine riski satır satır gösterir, daha güvenli
bir liste kurmana yardımcı oluruz.
Taban sıralamaları her yıl değişir. Biz sonuç vaadi satmak
yerine riski satır satır gösterir, daha güvenli bir liste
kurmana yardımcı oluruz.
</p>
</div>
</div>

3
src/app/paket/page.tsx
View File

@@ -14,6 +14,7 @@ import { URUNLER, DENEME_KREDISI } from "@/lib/credits";
import { Button } from "@/components/ui/button";
import { Badge } from "@/components/ui/badge";
import { Parallax } from "@/components/parallax";
import { PagePixelDivider } from "@/components/pixel-decor";
import { SatinAlForm } from "./satin-al-form";
export const metadata: Metadata = {
@@ -78,6 +79,8 @@ export default async function PaketPage({
</p>
</Parallax>
<PagePixelDivider seed={53} className="mx-auto mt-7" />
<Parallax
strength={6}
className="mt-10 grid gap-6 sm:grid-cols-[1fr_auto]"

3
src/app/sonuc/page.tsx
View File

@@ -19,6 +19,7 @@ import type { MevcutRapor } from "./liste-paneli";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import { ProgramTablosu } from "@/components/program-tablosu";
import { PagePixelDivider } from "@/components/pixel-decor";
export const metadata: Metadata = {
title: "Tercih Listeni Kur — KolayTercih",
@@ -59,6 +60,7 @@ export default async function SonucPage({
<p className="mt-3 text-slate-600">
Listeni kurabilmek için ana sayfadan YKS başarı sıralamanı gir.
</p>
<PagePixelDivider seed={59} className="mx-auto mt-6" />
<Button asChild className="mt-6 cursor-pointer">
<Link href="/">
<ArrowLeft className="size-4" aria-hidden />
@@ -124,6 +126,7 @@ export default async function SonucPage({
<span className="font-semibold text-amber-600">sarı az riskli</span>,{" "}
<span className="font-semibold text-red-600">kırmızı riskli</span>.
</p>
<PagePixelDivider seed={61} className="mt-7" />
{/* Satın alım funnel'ı: değişen cümlelerle adayı sihirbaza (rapor
varsa /listem paywall'ına) iten banner — paketli kullanıcıya

8
src/app/sonuc/sihirbaz-cagri-karti.tsx
View File

@@ -398,7 +398,7 @@ export function SihirbazBolumu({
</Button>
</section>
) : girisBekliyor ? (
<section className="mt-16 rounded-2xl bg-primary p-8 text-center text-white sm:p-12">
<section className="mt-16 min-w-0 rounded-2xl bg-primary px-5 py-8 text-center text-white sm:p-12">
<h2 className="font-heading text-2xl font-bold sm:text-3xl">
Seçimlerin hazır — AI listen bir adım uzakta
</h2>
@@ -411,7 +411,7 @@ export function SihirbazBolumu({
<Button
asChild
size="lg"
className="mt-6 h-12 cursor-pointer bg-orange-500 px-8 text-white transition-colors duration-200 hover:bg-orange-600"
className="mt-6 h-auto min-h-12 w-full cursor-pointer whitespace-normal bg-orange-500 px-4 py-3 text-white transition-colors duration-200 hover:bg-orange-600 sm:w-auto sm:px-8"
>
<Link href={girisUrl}>
<Sparkles className="size-4" aria-hidden />5 deneme kredinle
@@ -423,7 +423,7 @@ export function SihirbazBolumu({
</p>
</section>
) : (
<section className="mt-16 rounded-2xl bg-primary p-8 text-center text-white sm:p-12">
<section className="mt-16 min-w-0 rounded-2xl bg-primary px-5 py-8 text-center text-white sm:p-12">
<h2 className="font-heading text-2xl font-bold sm:text-3xl">
Bu listeyi 24 tercihlik plana çevirelim mi?
</h2>
@@ -435,7 +435,7 @@ export function SihirbazBolumu({
<Button
size="lg"
onClick={() => acikDegisti(true)}
className="mt-6 h-12 cursor-pointer bg-orange-500 px-8 text-white transition-colors duration-200 hover:bg-orange-600"
className="mt-6 h-auto min-h-12 w-full cursor-pointer whitespace-normal bg-orange-500 px-4 py-3 text-white transition-colors duration-200 hover:bg-orange-600 sm:w-auto sm:px-8"
>
<Sparkles className="size-4" aria-hidden />
Listemi oluştur

15
src/components/pixel-decor.tsx
View File

@@ -185,6 +185,21 @@ export function PixelDivider({
);
}
/** Alt sayfa başlıklarını içerikten ayıran kompakt piksel imzası. */
export function PagePixelDivider({
seed = 5,
className,
}: {
seed?: number;
className?: string;
}) {
return (
<div aria-hidden="true" className={cn("w-40", className)}>
<PixelDivider seed={seed} />
</div>
);
}
/** Küçük sabit süslerde (mark/korner) data-px öznitelikli rect. */
function fixedPixel(x: number, y: number, opacity: number) {
return (