diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index aa30742..8bfd629 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,92 +1,15 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
-import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
-import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Coffee, MapPin, Phone } from "lucide-react";
+import { Mail, Clock } from "lucide-react";
 
 export default function ContactPage() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "About", id: "about" },
-    { name: "Services", id: "services" },
-    { name: "Contact", id: "contact" },
-  ];
-
   return (
-    <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="background-highlight"
-      borderRadius="rounded"
-      contentWidth="small"
-      sizing="large"
-      background="fluid"
-      cardStyle="gradient-radial"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="radial-glow"
-      headingFontWeight="normal"
-    >
-      <div id="nav" data-section="nav">
-        <NavbarStyleApple
-          brandName="Aroma Café 100. Yıl"
-          navItems={navItems}
-        />
+    <div className="flex flex-col items-center justify-center min-h-screen p-8">
+      <h1 className="text-4xl font-bold mb-4">Contact Page</h1>
+      <div className="flex gap-4">
+        <Mail className="w-6 h-6" />
+        <Clock className="w-6 h-6" />
       </div>
-
-      <div id="contact-hero" data-section="contact-hero">
-        <TextSplitAbout
-          title="Get In Touch"
-          description={[
-            "We'd love to hear from you! Whether you have questions about our menu, want to make a reservation, or are interested in hosting an event at Aroma Café 100. Yıl, we're here to help.",
-            "Located in the heart of İşçi Blokları, Ankara, we welcome your inquiries and look forward to welcoming you to our café.",
-            "Call us directly, send us an email, or fill out the form below. We typically respond to all inquiries within 2 hours during business hours.",
-          ]}
-          buttons={[{ text: "View Location", href: "https://maps.app.goo.gl/kpHbpCi5318z68Fu7" }]}
-          showBorder={false}
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="contact-section" data-section="contact-section">
-        <ContactCenter
-          tag="Contact Info"
-          title="Reach Out to Us"
-          description="Subscribe to our newsletter for updates, or contact us directly for reservations and special event inquiries."
-          tagIcon={Coffee}
-          background={{ variant: "rotated-rays-animated" }}
-          useInvertedBackground={false}
-          inputPlaceholder="your@email.com"
-          buttonText="Subscribe"
-          termsText="We respect your privacy. By subscribing, you agree to receive updates about our café, promotions, and special events."
-        />
-      </div>
-
-      <div id="business-info" data-section="business-info">
-        <TextSplitAbout
-          title="Business Information"
-          description={[
-            "📍 Address: İşçi Blokları, 1524. Sk. No:3, 06530 Çankaya/Ankara, Türkiye",
-            "📞 Phone: +90 536 584 01 68 | WhatsApp: +90 536 584 01 68",
-            "⏰ Hours: Mon-Thu 08:00-22:00 | Fri 08:00-23:00 | Sat 09:00-23:00 | Sun 09:00-22:00",
-          ]}
-          buttons={[
-            { text: "Call Now", href: "tel:+905365840168" },
-            { text: "WhatsApp", href: "https://wa.me/905365840168" },
-          ]}
-          showBorder={true}
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterLogoReveal
-          logoText="Aroma Café 100. Yıl"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "Terms of Service", href: "#" }}
-        />
-      </div>
-    </ThemeProvider>
+    </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3a29900..2cad65b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>