Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-12 21:10:21 +00:00

View File

@@ -17,442 +17,206 @@ import { Calendar, Heart, History, Trophy } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="blurBottom"
cardStyle="inset"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="bold"
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="blurBottom"
cardStyle="inset"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Anasayfa",
id: "hero",
},
{
name: "Tarihçe",
id: "about",
},
{
name: "Kadro",
id: "team",
},
{
name: "Haberler",
id: "blog",
},
{
name: "İletişim",
id: "contact",
},
]}
brandName="Mersin İdman Yurdu"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Anasayfa", id: "hero" },
{ name: "Tarihçe", id: "about" },
{ name: "Kadro", id: "team" },
{ name: "Haberler", id: "blog" },
{ name: "İletişim", id: "contact" },
]}
brandName="Mersin İdman Yurdu"
button={{ text: "Bilet Al", href: "#match" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
title="Mersin İdman Yurdu"
description="Şehrin efsanevi futbol kulübü. Geçmişten geleceğe başarılarla dolu bir tarih."
kpis={[
{
value: "1925",
label: "Kuruluş",
},
{
value: "100+",
label: "Yıllık Miras",
},
{
value: "Şehrin",
label: "Gururu",
},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Haberleri Oku",
href: "#blog",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/people-soccer-stadium_23-2151548561.jpg?_wi=1"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530147.jpg",
alt: "Fan 1",
},
{
src: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548606.jpg",
alt: "Fan 2",
},
{
src: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548608.jpg",
alt: "Fan 3",
},
{
src: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team-stadium_23-2151536112.jpg",
alt: "Fan 4",
},
{
src: "http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530109.jpg",
alt: "Fan 5",
},
]}
avatarText="100.000+ Taraftarımızla Yanınızdayız"
marqueeItems={[
{
type: "text",
text: "Mersin İdman Yurdu",
},
{
type: "text-icon",
text: "100 Yıllık Tarih",
icon: History,
},
{
type: "text",
text: "Şehrin Takımı",
},
{
type: "text-icon",
text: "Şampiyon Ruh",
icon: Trophy,
},
{
type: "text",
text: "Büyük Taraftar",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{ variant: "gradient-bars" }}
title="Mersin İdman Yurdu"
description="Şehrin efsanevi futbol kulübü. Geçmişten geleceğe başarılarla dolu bir tarih."
kpis={[
{ value: "1925", label: "Kuruluş" },
{ value: "100+", label: "Yıllık Miras" },
{ value: "Şehrin", label: "Gururu" },
]}
enableKpiAnimation={true}
buttons={[{ text: "Haberleri Oku", href: "#blog" }]}
imageSrc="http://img.b2bpic.net/free-photo/people-soccer-stadium_23-2151548561.jpg"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530147.jpg", alt: "Fan 1" },
{ src: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548606.jpg", alt: "Fan 2" },
{ src: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548608.jpg", alt: "Fan 3" },
{ src: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team-stadium_23-2151536112.jpg", alt: "Fan 4" },
{ src: "http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530109.jpg", alt: "Fan 5" },
]}
avatarText="100.000+ Taraftarımızla Yanınızdayız"
marqueeItems={[
{ type: "text", text: "Mersin İdman Yurdu" },
{ type: "text-icon", text: "100 Yıllık Tarih", icon: History },
{ type: "text", text: "Şehrin Takımı" },
{ type: "text-icon", text: "Şampiyon Ruh", icon: Trophy },
{ type: "text", text: "Büyük Taraftar" },
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Köklü Bir Geçmiş"
description="Mersin İdman Yurdu, kurulduğu günden bu yana Türk futbolunun önemli değerlerinden biri olmuştur. Kulübümüz, başarılarını tutkulu taraftarlarımızın desteğiyle inşa etmiştir."
metrics={[
{
value: "1. Lig",
title: "Rekabet Gücü",
},
{
value: "Kökler",
title: "Gelenek",
},
]}
imageSrc="http://img.b2bpic.net/free-vector/american-football-badges_23-2147524697.jpg?_wi=1"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Köklü Bir Geçmiş"
description="Mersin İdman Yurdu, kurulduğu günden bu yana Türk futbolunun önemli değerlerinden biri olmuştur. Kulübümüz, başarılarını tutkulu taraftarlarımızın desteğiyle inşa etmiştir."
metrics={[
{ value: "1. Lig", title: "Rekabet Gücü" },
{ value: "Kökler", title: "Gelenek" },
]}
imageSrc="http://img.b2bpic.net/free-vector/american-football-badges_23-2147524697.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "1925",
title: "Kuruluş Yılı",
description: "Resmi kuruluşumuz.",
icon: Calendar,
},
{
id: "2",
value: "100%",
title: "Tutku",
description: "Taraftar bağlılığı.",
icon: Heart,
},
{
id: "3",
value: "Şampiyon",
title: "Karakter",
description: "Kulüp duruşu.",
icon: Trophy,
},
]}
title="İstatistikler ve Başarılar"
description="Kulübümüzün gurur verici istatistikleri ve tarihi performans özetleri."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "1925", title: "Kuruluş Yılı", description: "Resmi kuruluşumuz.", icon: Calendar },
{ id: "2", value: "100%", title: "Tutku", description: "Taraftar bağlılığı.", icon: Heart },
{ id: "3", value: "Şampiyon", title: "Karakter", description: "Kulüp duruşu.", icon: Trophy },
]}
title="İstatistikler ve Başarılar"
description="Kulübümüzün gurur verici istatistikleri ve tarihi performans özetleri."
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
groups={[
{
id: "a-team",
groupTitle: "Teknik Heyet",
members: [
{
id: "m1",
title: "Teknik Direktör",
subtitle: "Mersin'in Yıldızı",
detail: "Kulübümüzü ileri taşıyan deneyimli lider.",
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-921.jpg",
},
{
id: "m2",
title: "Yardımcı Antrenör",
subtitle: "Stratejist",
detail: "Taktiksel gelişimin anahtarı.",
imageSrc: "http://img.b2bpic.net/free-photo/view-man-suit-soccer-field_23-2150888425.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/people-soccer-stadium_23-2151548561.jpg?_wi=2",
imageAlt: "professional football player portrait",
},
{
id: "players",
groupTitle: "Oyuncular",
members: [
{
id: "m3",
title: "Forvet",
subtitle: "Golcü",
detail: "Sahadaki bitirici gücümüz.",
imageSrc: "http://img.b2bpic.net/free-photo/football-player-sitting-with-ball_23-2147813181.jpg",
},
{
id: "m4",
title: "Kaleci",
subtitle: "Güven",
detail: "Kalenin değişmez ismi.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-soccer-player-looking-camera_23-2147817370.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/american-football-badges_23-2147524697.jpg?_wi=2",
imageAlt: "professional football player portrait",
},
]}
title="Teknik Ekip ve Oyuncular"
description="Sahadaki başarımızın mimarları ve yetenekli sporcularımız."
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
groups={[
{
id: "a-team", groupTitle: "Teknik Heyet", members: [
{ id: "m1", title: "Teknik Direktör", subtitle: "Mersin'in Yıldızı", detail: "Kulübümüzü ileri taşıyan deneyimli lider.", imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-921.jpg" },
{ id: "m2", title: "Yardımcı Antrenör", subtitle: "Stratejist", detail: "Taktiksel gelişimin anahtarı.", imageSrc: "http://img.b2bpic.net/free-photo/view-man-suit-soccer-field_23-2150888425.jpg" },
]
},
{
id: "players", groupTitle: "Oyuncular", members: [
{ id: "m3", title: "Forvet", subtitle: "Golcü", detail: "Sahadaki bitirici gücümüz.", imageSrc: "http://img.b2bpic.net/free-photo/football-player-sitting-with-ball_23-2147813181.jpg" },
{ id: "m4", title: "Kaleci", subtitle: "Güven", detail: "Kalenin değişmez ismi.", imageSrc: "http://img.b2bpic.net/free-photo/confident-soccer-player-looking-camera_23-2147817370.jpg" },
]
},
]}
title="Teknik Ekip ve Oyuncular"
description="Sahadaki başarımızın mimarları ve yetenekli sporcularımız."
/>
</div>
<div id="match" data-section="match">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Maç",
name: "Lig Maçı",
price: "Görüntüle",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-soccer-field_23-2150405392.jpg",
},
{
id: "p2",
brand: "Kupa",
name: "Kupa Zaferi",
price: "Görüntüle",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/man-couch-watching-football-game_23-2148306605.jpg",
},
{
id: "p3",
brand: "Lig",
name: "Galibiyet",
price: "Görüntüle",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-playing-soccer_23-2150405441.jpg",
},
{
id: "p4",
brand: "Maç",
name: "Stadyum Atmosferi",
price: "Görüntüle",
rating: 5,
reviewCount: "22",
imageSrc: "http://img.b2bpic.net/free-photo/soccer-players-action-professional-stadium_654080-1826.jpg",
},
{
id: "p5",
brand: "Lig",
name: "Önemli Gol",
price: "Görüntüle",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/people-soccer-stadium_23-2151548570.jpg",
},
{
id: "p6",
brand: "Kupa",
name: "Final",
price: "Görüntüle",
rating: 5,
reviewCount: "31",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-stretching-before-game_23-2150405359.jpg",
},
]}
title="Maçlardan Kareler"
description="Sahadaki mücadelenin ruhunu yansıtan en unutulmaz anlar."
/>
</div>
<div id="match" data-section="match">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Maç", name: "Lig Maçı", price: "Görüntüle", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-soccer-field_23-2150405392.jpg" },
{ id: "p2", brand: "Kupa", name: "Kupa Zaferi", price: "Görüntüle", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/man-couch-watching-football-game_23-2148306605.jpg" },
{ id: "p3", brand: "Lig", name: "Galibiyet", price: "Görüntüle", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-playing-soccer_23-2150405441.jpg" },
{ id: "p4", brand: "Maç", name: "Stadyum Atmosferi", price: "Görüntüle", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/soccer-players-action-professional-stadium_654080-1826.jpg" },
{ id: "p5", brand: "Lig", name: "Önemli Gol", price: "Görüntüle", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/people-soccer-stadium_23-2151548570.jpg" },
{ id: "p6", brand: "Kupa", name: "Final", price: "Görüntüle", rating: 5, reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-stretching-before-game_23-2150405359.jpg" },
]}
title="Maçlardan Kareler"
description="Sahadaki mücadelenin ruhunu yansıtan en unutulmaz anlar."
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Kulüp Haberleri"
description="Takımımızdan güncel gelişmeler ve basın yansımaları."
blogs={[
{
id: "b1",
category: "Haber",
title: "Transfer Gelişmeleri",
excerpt: "Takımımıza yeni güçler ekledik.",
imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-kids-side-view_23-2149742046.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/african-american-man-playing-with-soccer-ball-outside_23-2148767612.jpg",
date: "10.05.2024",
},
{
id: "b2",
category: "Maç",
title: "Galibiyet Serisi",
excerpt: "Ligdeki iddiamız devam ediyor.",
imageSrc: "http://img.b2bpic.net/free-photo/young-relaxed-adult-connecting-social-network-digital-world-scrolling-his-mobile_482257-136233.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/scene-from-basketball-match-court_23-2151098146.jpg",
date: "15.05.2024",
},
{
id: "b3",
category: "Kulüp",
title: "Altyapı Başarısı",
excerpt: "Gençlerimiz sahalarda parlıyor.",
imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379356.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/boy-goes-play-soccer-school_496169-2737.jpg",
date: "20.05.2024",
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Kulüp Haberleri"
description="Takımımızdan güncel gelişmeler ve basın yansımaları."
blogs={[
{ id: "b1", category: "Haber", title: "Transfer Gelişmeleri", excerpt: "Takımımıza yeni güçler ekledik.", imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-kids-side-view_23-2149742046.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/african-american-man-playing-with-soccer-ball-outside_23-2148767612.jpg", date: "10.05.2024" },
{ id: "b2", category: "Maç", title: "Galibiyet Serisi", excerpt: "Ligdeki iddiamız devam ediyor.", imageSrc: "http://img.b2bpic.net/free-photo/young-relaxed-adult-connecting-social-network-digital-world-scrolling-his-mobile_482257-136233.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/scene-from-basketball-match-court_23-2151098146.jpg", date: "15.05.2024" },
{ id: "b3", category: "Kulüp", title: "Altyapı Başarısı", excerpt: "Gençlerimiz sahalarda parlıyor.", imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379356.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/boy-goes-play-soccer-school_496169-2737.jpg", date: "20.05.2024" },
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Maç biletlerini nereden alabilirim?",
content: "Resmi bilet satış noktalarımız ve web sitemiz üzerinden.",
},
{
id: "f2",
title: "Kombine satışları ne zaman?",
content: "Sezon öncesinde kulübümüzden takip edebilirsiniz.",
},
{
id: "f3",
title: "Üyelik başvurusu nasıl yapılır?",
content: "Resmi sitemiz üzerinden başvuru formunu doldurarak.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/friends-watching-sports-living-room_53876-26164.jpg"
title="Taraftar Destek"
description="Kulübümüzle ilgili sıkça sorulan sorular ve cevaplar."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Maç biletlerini nereden alabilirim?", content: "Resmi bilet satış noktalarımız ve web sitemiz üzerinden." },
{ id: "f2", title: "Kombine satışları ne zaman?", content: "Sezon öncesinde kulübümüzden takip edebilirsiniz." },
{ id: "f3", title: "Üyelik başvurusu nasıl yapılır?", content: "Resmi sitemiz üzerinden başvuru formunu doldurarak." },
]}
imageSrc="http://img.b2bpic.net/free-photo/friends-watching-sports-living-room_53876-26164.jpg"
title="Taraftar Destek"
description="Kulübümüzle ilgili sıkça sorulan sorular ve cevaplar."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Bize Ulaşın"
description="Kulübümüzle ilgili sorularınız veya iş birliği talepleriniz için bize yazın."
inputs={[
{
name: "adsoyad",
type: "text",
placeholder: "Adınız Soyadınız",
required: true,
},
{
name: "email",
type: "email",
placeholder: "E-posta Adresiniz",
required: true,
},
]}
textarea={{
name: "mesaj",
placeholder: "Mesajınız",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/stadium-background-with-green-grass-pitch-daytime_1150-5280.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Bize Ulaşın"
description="Kulübümüzle ilgili sorularınız veya iş birliği talepleriniz için bize yazın."
inputs={[
{ name: "adsoyad", type: "text", placeholder: "Adınız Soyadınız", required: true },
{ name: "email", type: "email", placeholder: "E-posta Adresiniz", required: true },
]}
textarea={{ name: "mesaj", placeholder: "Mesajınız", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/stadium-background-with-green-grass-pitch-daytime_1150-5280.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/friends-watching-sports-living-room_53876-31404.jpg"
logoText="Mersin İdman Yurdu"
columns={[
{
title: "Kulüp",
items: [
{
label: "Tarihçe",
href: "#about",
},
{
label: "Kadro",
href: "#team",
},
{
label: "Haberler",
href: "#blog",
},
],
},
{
title: "Destek",
items: [
{
label: "İletişim",
href: "#contact",
},
{
label: "Sıkça Sorulan Sorular",
href: "#faq",
},
],
},
]}
copyrightText="© 2025 | Mersin İdman Yurdu Futbol Kulübü"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/friends-watching-sports-living-room_53876-31404.jpg"
logoText="Mersin İdman Yurdu"
columns={[
{
title: "Kulüp", items: [
{ label: "Tarihçe", href: "#about" },
{ label: "Kadro", href: "#team" },
{ label: "Haberler", href: "#blog" },
],
},
{
title: "Destek", items: [
{ label: "İletişim", href: "#contact" },
{ label: "Sıkça Sorulan Sorular", href: "#faq" },
],
},
]}
copyrightText="© 2025 | Mersin İdman Yurdu Futbol Kulübü"
/>
</div>
</ReactLenis>
</ThemeProvider>
);