bender/d134433e-aea6-4b74-bed7-ced647ebe643
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #6

Merged
bender merged 2 commits from version_3 into main 2026-03-05 00:16:08 +00:00
Conversation 0 Commits 2 Files Changed 2 +12 -88
2 changed files with 12 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/app/contact/page.tsx
View File

@@ -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>
);
}
}

7
src/app/page.tsx
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>