agartha/gulermak_metro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Vercel Build

Browse Source
This commit is contained in:
Şahan Hasret
2025-10-21 23:06:15 +03:00
parent 0e0d04b73d
commit f49e39ad23
8 changed files with 54 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/canli-yayin/page.tsx
View File

@@ -1,6 +1,7 @@
'use client'; 'use client';
import { useState } from 'react'; import { useState } from 'react';
import Image from 'next/image';
import Header from "@/components/Header"; import Header from "@/components/Header";
import Footer from "@/components/Footer"; import Footer from "@/components/Footer";
@@ -143,9 +144,11 @@ export default function LiveStream() {
> >
{/* Thumbnail */} {/* Thumbnail */}
<div className="aspect-video bg-gray-900 relative"> <div className="aspect-video bg-gray-900 relative">
<img <Image
src={`https://picsum.photos/400/225?random=${camera.id}`} src={`https://picsum.photos/400/225?random=${camera.id}`}
alt={camera.name} alt={camera.name}
width={400}
height={225}
className="w-full h-full object-cover opacity-80" className="w-full h-full object-cover opacity-80"
/> />
{/* CANLI Badge */} {/* CANLI Badge */}

9
app/haberler/page.tsx
View File

@@ -1,6 +1,7 @@
'use client'; 'use client';
import { useState } from 'react'; import { useState } from 'react';
import Image from 'next/image';
import Header from "@/components/Header"; import Header from "@/components/Header";
import Footer from "@/components/Footer"; import Footer from "@/components/Footer";
@@ -132,9 +133,11 @@ export default function News() {
> >
{/* Görsel */} {/* Görsel */}
<div className="relative h-48 overflow-hidden"> <div className="relative h-48 overflow-hidden">
<img <Image
src={item.image} src={item.image}
alt={item.title} alt={item.title}
width={400}
height={192}
className="w-full h-full object-cover transition-transform duration-300 hover:scale-110" className="w-full h-full object-cover transition-transform duration-300 hover:scale-110"
/> />
<div className="absolute top-3 left-3"> <div className="absolute top-3 left-3">
@@ -191,9 +194,11 @@ export default function News() {
<div className="bg-white rounded-2xl max-w-4xl w-full max-h-[90vh] overflow-y-auto"> <div className="bg-white rounded-2xl max-w-4xl w-full max-h-[90vh] overflow-y-auto">
{/* Görsel */} {/* Görsel */}
<div className="relative h-64 md:h-96"> <div className="relative h-64 md:h-96">
<img <Image
src={selectedNewsItem.image} src={selectedNewsItem.image}
alt={selectedNewsItem.title} alt={selectedNewsItem.title}
width={800}
height={384}
className="w-full h-full object-cover" className="w-full h-full object-cover"
/> />
<button <button

6
app/iletisim/page.tsx
View File

@@ -126,7 +126,7 @@ export default function Contact() {
<svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" /> <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
</svg> </svg>
<span>Google Maps'te Aç</span> <span>Google Maps&#39;te Aç</span>
</a> </a>
</div> </div>
</div> </div>
@@ -229,7 +229,7 @@ export default function Contact() {
/> />
<label htmlFor="contact-kvkk" className="ml-3 text-sm text-gray-700"> <label htmlFor="contact-kvkk" className="ml-3 text-sm text-gray-700">
<span className="text-red-500">*</span> Kişisel verilerimin işlenmesine ilişkin{' '} <span className="text-red-500">*</span> Kişisel verilerimin işlenmesine ilişkin{' '}
<a href="#" className="text-[#00B4D8] hover:underline">KVKK Aydınlatma Metni</a>'ni okudum ve kabul ediyorum. <span className="text-[#00B4D8] hover:underline">KVKK Aydınlatma Metni</span>&#39;ni okudum ve kabul ediyorum.
</label> </label>
</div> </div>
@@ -254,4 +254,4 @@ export default function Contact() {
<Footer /> <Footer />
</div> </div>
); );
} }

13
app/medya/page.tsx
View File

@@ -1,6 +1,7 @@
'use client'; 'use client';
import { useState } from 'react'; import { useState } from 'react';
import Image from 'next/image';
import Header from "@/components/Header"; import Header from "@/components/Header";
import Footer from "@/components/Footer"; import Footer from "@/components/Footer";
@@ -156,9 +157,11 @@ export default function MediaGallery() {
> >
{/* Thumbnail */} {/* Thumbnail */}
<div className="relative h-56 overflow-hidden"> <div className="relative h-56 overflow-hidden">
<img <Image
src={item.thumbnail} src={item.thumbnail}
alt={item.title} alt={item.title}
width={400}
height={224}
className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500"
/> />
{/* Video Badge */} {/* Video Badge */}
@@ -231,9 +234,11 @@ export default function MediaGallery() {
</div> </div>
) : ( ) : (
<div className="mb-6 rounded-lg overflow-hidden"> <div className="mb-6 rounded-lg overflow-hidden">
<img <Image
src={selectedMediaItem?.thumbnail} src={selectedMediaItem?.thumbnail || ''}
alt={selectedMediaItem?.title} alt={selectedMediaItem?.title || ''}
width={800}
height={600}
className="w-full h-auto" className="w-full h-auto"
/> />
</div> </div>

26
app/page.tsx
View File

@@ -1,7 +1,7 @@
'use client'; 'use client';
import { useState } from 'react'; import { useState } from 'react';
import Link from 'next/link'; import Image from 'next/image';
import Header from "@/components/Header"; import Header from "@/components/Header";
import MetroLine from "@/components/MetroLine"; import MetroLine from "@/components/MetroLine";
import Footer from "@/components/Footer"; import Footer from "@/components/Footer";
@@ -453,9 +453,11 @@ export default function Home() {
<div key={news.id} className="bg-gray-50 rounded-xl overflow-hidden hover:shadow-lg transition-all duration-300 hover:-translate-y-1"> <div key={news.id} className="bg-gray-50 rounded-xl overflow-hidden hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
{/* Haber Görseli */} {/* Haber Görseli */}
<div className="h-48 overflow-hidden"> <div className="h-48 overflow-hidden">
<img <Image
src={news.image} src={news.image}
alt={news.title} alt={news.title}
width={400}
height={192}
className="w-full h-full object-cover hover:scale-110 transition-transform duration-500" className="w-full h-full object-cover hover:scale-110 transition-transform duration-500"
/> />
</div> </div>
@@ -507,9 +509,11 @@ export default function Home() {
<div className="bg-white rounded-xl overflow-hidden"> <div className="bg-white rounded-xl overflow-hidden">
{/* Büyük Görsel */} {/* Büyük Görsel */}
<div className="h-96 overflow-hidden"> <div className="h-96 overflow-hidden">
<img <Image
src={news.image} src={news.image}
alt={news.title} alt={news.title}
width={800}
height={384}
className="w-full h-full object-cover" className="w-full h-full object-cover"
/> />
</div> </div>
@@ -728,9 +732,11 @@ export default function Home() {
> >
{/* Thumbnail */} {/* Thumbnail */}
<div className="relative h-56 overflow-hidden"> <div className="relative h-56 overflow-hidden">
<img <Image
src={item.thumbnail} src={item.thumbnail}
alt={item.title} alt={item.title}
width={400}
height={224}
className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500"
/> />
{/* Video Badge */} {/* Video Badge */}
@@ -805,9 +811,11 @@ export default function Home() {
</div> </div>
) : ( ) : (
<div className="mb-6 rounded-lg overflow-hidden"> <div className="mb-6 rounded-lg overflow-hidden">
<img <Image
src={item.thumbnail} src={item.thumbnail}
alt={item.title} alt={item.title}
width={800}
height={600}
className="w-full h-auto" className="w-full h-auto"
/> />
</div> </div>
@@ -1044,7 +1052,7 @@ export default function Home() {
/> />
<label htmlFor="kvkk" className="ml-3 text-sm text-gray-700"> <label htmlFor="kvkk" className="ml-3 text-sm text-gray-700">
<span className="text-red-500">*</span> Kişisel verilerimin işlenmesine ilişkin{' '} <span className="text-red-500">*</span> Kişisel verilerimin işlenmesine ilişkin{' '}
<a href="#" className="text-[#00B4D8] hover:underline">KVKK Aydınlatma Metni</a>'ni okudum ve kabul ediyorum. <span className="text-[#00B4D8] hover:underline">KVKK Aydınlatma Metni</span>&#39;ni okudum ve kabul ediyorum.
</label> </label>
</div> </div>
@@ -1210,7 +1218,7 @@ export default function Home() {
<svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" /> <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
</svg> </svg>
<span>Google Maps'te Aç</span> <span>Google Maps&#39;te Aç</span>
</a> </a>
</div> </div>
</div> </div>

5
app/sss/page.tsx
View File

@@ -1,6 +1,7 @@
'use client'; 'use client';
import { useState } from 'react'; import { useState } from 'react';
import Link from 'next/link';
import Header from "@/components/Header"; import Header from "@/components/Header";
import Footer from "@/components/Footer"; import Footer from "@/components/Footer";
@@ -128,12 +129,12 @@ export default function FAQ() {
<p className="text-[#F8F9FA] mb-6"> <p className="text-[#F8F9FA] mb-6">
Yukarıdaki sorular dışında merak ettiğiniz konular için bizimle iletişime geçebilirsiniz. Yukarıdaki sorular dışında merak ettiğiniz konular için bizimle iletişime geçebilirsiniz.
</p> </p>
<a <Link
href="/#iletisim" href="/#iletisim"
className="inline-block bg-[#00B4D8] text-white px-8 py-3 rounded-lg font-semibold hover:bg-[#0099B8] transition-colors" className="inline-block bg-[#00B4D8] text-white px-8 py-3 rounded-lg font-semibold hover:bg-[#0099B8] transition-colors"
> >
İletişime Geç İletişime Geç
</a> </Link>
</div> </div>
</div> </div>
</div> </div>

9
components/Footer.tsx
View File

@@ -1,4 +1,5 @@
import Link from 'next/link'; import Link from 'next/link';
import Image from 'next/image';
export default function Footer() { export default function Footer() {
return ( return (
@@ -8,14 +9,16 @@ export default function Footer() {
{/* Logo ve Bilgi */} {/* Logo ve Bilgi */}
<div> <div>
<div className="mb-4"> <div className="mb-4">
<img <Image
src="https://www.ankara.bel.tr/assets/images/logo-white.svg" src="https://www.ankara.bel.tr/assets/images/logo-white.svg"
alt="Ankara Büyükşehir Belediyesi" alt="Ankara Büyükşehir Belediyesi"
width={64}
height={64}
className="h-16 w-auto object-contain" className="h-16 w-auto object-contain"
/> />
</div> </div>
<p className="text-gray-300 text-sm leading-relaxed"> <p className="text-gray-300 text-sm leading-relaxed">
A2 Metro Hattı İnşaat Projesi - Ankara'nın ulaşım altyapısına modern çözümler sunuyoruz. A2 Metro Hattı İnşaat Projesi - Ankara&#39;nın ulaşım altyapısına modern çözümler sunuyoruz.
</p> </p>
</div> </div>

7
components/Header.tsx
View File

@@ -1,5 +1,6 @@
import { useState } from 'react'; import { useState } from 'react';
import Link from 'next/link'; import Link from 'next/link';
import Image from 'next/image';
export default function Header() { export default function Header() {
const [isMenuOpen, setIsMenuOpen] = useState(false); const [isMenuOpen, setIsMenuOpen] = useState(false);
@@ -22,9 +23,11 @@ export default function Header() {
<div className="flex justify-between items-center h-20"> <div className="flex justify-between items-center h-20">
<Link href="/" className="flex items-center"> <Link href="/" className="flex items-center">
<div className="w-32 h-32"> <div className="w-32 h-32">
<img <Image
src="https://www.ankara.bel.tr/assets/images/logo-white.svg" src="https://www.ankara.bel.tr/assets/images/logo-white.svg"
alt="Ankara Belediyesi Logo" alt="Ankara Belediyesi Logo"
width={128}
height={128}
className="w-full h-full object-contain" className="w-full h-full object-contain"
/> />
</div> </div>