Update src/app/page.tsx

This commit is contained in:
2026-03-05 00:16:03 +00:00
parent 451f7617ae
commit 9e34b7f066

View File

@@ -10,7 +10,7 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import LanguageToggle from "@/components/language/LanguageToggle";
import { Coffee, MapPin, Phone, Mail, Clock } from "lucide-react";
import { Coffee, Mail, Clock } from "lucide-react";
import { useState, useEffect } from "react";
export default function HomePage() {
@@ -22,6 +22,7 @@ export default function HomePage() {
setIsClient(true);
const savedLang = (localStorage.getItem('site-language') || 'en') as 'en' | 'tr';
setLanguage(savedLang);
document.documentElement.lang = savedLang;
}, []);
const handleLanguageChange = (newLang: 'en' | 'tr') => {
@@ -98,13 +99,13 @@ export default function HomePage() {
<div className="max-w-7xl mx-auto">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
<div className="flex flex-col items-center text-center p-6 rounded-lg bg-[var(--card)] border border-[var(--accent)] hover:shadow-lg transition-all">
<MapPin className="w-8 h-8 text-[var(--primary-cta)] mb-3" />
<div className="w-8 h-8 text-[var(--primary-cta)] mb-3 flex items-center justify-center">📍</div>
<h3 className="font-bold text-lg text-[var(--foreground)] mb-2">{currentText.contactLocTitle}</h3>
<p className="text-[var(--foreground)] text-sm">{currentText.contactLocAddr1}</p>
<p className="text-[var(--foreground)] text-sm">{currentText.contactLocAddr2}</p>
</div>
<div className="flex flex-col items-center text-center p-6 rounded-lg bg-[var(--card)] border border-[var(--accent)] hover:shadow-lg transition-all">
<Phone className="w-8 h-8 text-[var(--primary-cta)] mb-3" />
<div className="w-8 h-8 text-[var(--primary-cta)] mb-3 flex items-center justify-center">📞</div>
<h3 className="font-bold text-lg text-[var(--foreground)] mb-2">{currentText.contactPhoneTitle}</h3>
<a href="tel:+905365840168" className="text-[var(--primary-cta)] hover:underline text-sm">{currentText.contactPhone}</a>
</div>