Update src/app/page.tsx
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user