feat: i18n fixes, blog rename, footer cleanup, and contact info update
- Rename /news route to /blog across all pages, links, and sitemap - Fix hardcoded English text in Experiences, QuoteSection, and Footer by wiring all content through the TR/EN dictionaries - Clean up Footer: remove non-existent page links, add contact column - Update contact info: new phone numbers, bilgi@ email, No:71 address, Instagram @ayrisapart link - Add suppressHydrationWarning to <body> to silence browser-extension attribute mismatch errors - Add sizes prop to all fill-mode Next.js Image components Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Claude Sonnet 4.6
@@ -7,12 +7,13 @@ import { Users, BedDouble, ArrowLeft } from 'lucide-react'
|
||||
import Amenities from "@/components/Amenities"
|
||||
|
||||
export default function SuiteDetailClient({ lang, id, dict }: { lang: string, id: string, dict: any }) {
|
||||
// Mapping the 8 mythological suites with their Cloudinary assets
|
||||
// Mapping the 8 mythological suites with their Cloudinary assets and dictionary prices
|
||||
const suitesData: Record<string, any> = {
|
||||
'iris': {
|
||||
number: '01',
|
||||
name: dict.suites_page.list.s1.name,
|
||||
description: dict.suites_page.list.s1.desc,
|
||||
price: dict.suites_page.list.s1.price,
|
||||
mainImage: 'https://res.cloudinary.com/du7xohbct/image/upload/v1776606641/ayrisapart/Daire%201/photo_1_2024-04-05_12-32-09.jpg',
|
||||
guests: dict.suites_page.list.s1.guests,
|
||||
bed: dict.suites_page.list.s1.bed,
|
||||
@@ -26,7 +27,8 @@ export default function SuiteDetailClient({ lang, id, dict }: { lang: string, id
|
||||
number: '02',
|
||||
name: dict.suites_page.list.s2.name,
|
||||
description: dict.suites_page.list.s2.desc,
|
||||
mainImage: 'https://res.cloudinary.com/du7xohbct/image/upload/v1776606648/ayrisapart/Daire%202/photo_1_2024-04-05_16-04-34.jpg',
|
||||
price: dict.suites_page.list.s2.price,
|
||||
mainImage: 'https://res.cloudinary.com/du7xohbct/image/upload/v1776606648/ayrisapart/Daire%202/photo_4_2024-04-05_16-04-34.jpg',
|
||||
guests: dict.suites_page.list.s2.guests,
|
||||
bed: dict.suites_page.list.s2.bed,
|
||||
gallery: [
|
||||
@@ -39,6 +41,7 @@ export default function SuiteDetailClient({ lang, id, dict }: { lang: string, id
|
||||
number: '03',
|
||||
name: dict.suites_page.list.s3.name,
|
||||
description: dict.suites_page.list.s3.desc,
|
||||
price: dict.suites_page.list.s3.price,
|
||||
mainImage: 'https://res.cloudinary.com/du7xohbct/image/upload/v1776606654/ayrisapart/Daire%203/photo_1_2024-04-05_16-06-09.jpg',
|
||||
guests: dict.suites_page.list.s3.guests,
|
||||
bed: dict.suites_page.list.s3.bed,
|
||||
@@ -52,6 +55,7 @@ export default function SuiteDetailClient({ lang, id, dict }: { lang: string, id
|
||||
number: '04',
|
||||
name: dict.suites_page.list.s4.name,
|
||||
description: dict.suites_page.list.s4.desc,
|
||||
price: dict.suites_page.list.s4.price,
|
||||
mainImage: 'https://res.cloudinary.com/du7xohbct/image/upload/v1776606661/ayrisapart/Daire%204/photo_1_2024-04-05_16-07-01.jpg',
|
||||
guests: dict.suites_page.list.s4.guests,
|
||||
bed: dict.suites_page.list.s4.bed,
|
||||
@@ -65,6 +69,7 @@ export default function SuiteDetailClient({ lang, id, dict }: { lang: string, id
|
||||
number: '05',
|
||||
name: dict.suites_page.list.s5.name,
|
||||
description: dict.suites_page.list.s5.desc,
|
||||
price: dict.suites_page.list.s5.price,
|
||||
mainImage: 'https://res.cloudinary.com/du7xohbct/image/upload/v1776606671/ayrisapart/Daire%205/photo_1_2024-05-04_15-32-44.jpg',
|
||||
guests: dict.suites_page.list.s5.guests,
|
||||
bed: dict.suites_page.list.s5.bed,
|
||||
@@ -78,6 +83,7 @@ export default function SuiteDetailClient({ lang, id, dict }: { lang: string, id
|
||||
number: '06',
|
||||
name: dict.suites_page.list.s6.name,
|
||||
description: dict.suites_page.list.s6.desc,
|
||||
price: dict.suites_page.list.s6.price,
|
||||
mainImage: 'https://res.cloudinary.com/du7xohbct/image/upload/v1776606681/ayrisapart/Daire%206/photo_1_2024-05-04_15-32-44.jpg',
|
||||
guests: dict.suites_page.list.s6.guests,
|
||||
bed: dict.suites_page.list.s6.bed,
|
||||
@@ -91,6 +97,7 @@ export default function SuiteDetailClient({ lang, id, dict }: { lang: string, id
|
||||
number: '07',
|
||||
name: dict.suites_page.list.s7.name,
|
||||
description: dict.suites_page.list.s7.desc,
|
||||
price: dict.suites_page.list.s7.price,
|
||||
mainImage: 'https://res.cloudinary.com/du7xohbct/image/upload/v1776606689/ayrisapart/Daire%207/photo_1_2024-05-04_15-33-34.jpg',
|
||||
guests: dict.suites_page.list.s7.guests,
|
||||
bed: dict.suites_page.list.s7.bed,
|
||||
@@ -104,6 +111,7 @@ export default function SuiteDetailClient({ lang, id, dict }: { lang: string, id
|
||||
number: '08',
|
||||
name: dict.suites_page.list.s8.name,
|
||||
description: dict.suites_page.list.s8.desc,
|
||||
price: dict.suites_page.list.s8.price,
|
||||
mainImage: 'https://res.cloudinary.com/du7xohbct/image/upload/v1776606696/ayrisapart/Daire%208/photo_1_2024-05-04_15-33-34.jpg',
|
||||
guests: dict.suites_page.list.s8.guests,
|
||||
bed: dict.suites_page.list.s8.bed,
|
||||
@@ -131,7 +139,7 @@ export default function SuiteDetailClient({ lang, id, dict }: { lang: string, id
|
||||
|
||||
{/* Title and Brief Header */}
|
||||
<div className="space-y-8">
|
||||
<motion.h1
|
||||
<motion.h1
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
className="text-6xl md:text-[88px] font-serif text-[#1A1A1A] tracking-tight leading-none uppercase"
|
||||
@@ -153,19 +161,20 @@ export default function SuiteDetailClient({ lang, id, dict }: { lang: string, id
|
||||
</div>
|
||||
|
||||
{/* Main Visual */}
|
||||
<motion.div
|
||||
<motion.div
|
||||
initial={{ opacity: 0, scale: 0.98 }}
|
||||
animate={{ opacity: 1, scale: 1 }}
|
||||
transition={{ duration: 1 }}
|
||||
className="aspect-[21/9] relative overflow-hidden rounded-[2px] shadow-2xl"
|
||||
>
|
||||
<Image
|
||||
src={suite.mainImage}
|
||||
alt={suite.name}
|
||||
fill
|
||||
className="object-cover"
|
||||
priority
|
||||
/>
|
||||
<Image
|
||||
src={suite.mainImage}
|
||||
alt={suite.name}
|
||||
fill
|
||||
sizes="100vw"
|
||||
className="object-cover"
|
||||
priority
|
||||
/>
|
||||
</motion.div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -174,45 +183,53 @@ export default function SuiteDetailClient({ lang, id, dict }: { lang: string, id
|
||||
<section className="py-24 px-6 md:px-16 max-w-[1400px] mx-auto">
|
||||
<div className="grid grid-cols-1 md:grid-cols-12 gap-16 border-b border-[#1A1A1A]/10 pb-20">
|
||||
<div className="md:col-span-4">
|
||||
<h2 className="text-4xl font-serif text-[#1A1A1A] uppercase tracking-tight">{lang === 'tr' ? 'Suit Hakkında' : 'About Suite'}</h2>
|
||||
<h2 className="text-4xl font-serif text-[#1A1A1A] uppercase tracking-tight">{lang === 'tr' ? 'Suit Hakkında' : 'About Suite'}</h2>
|
||||
</div>
|
||||
<div className="md:col-span-8 space-y-12">
|
||||
<p className="text-[#1A1A1A]/70 text-2xl leading-relaxed italic max-w-2xl">
|
||||
{suite.description}
|
||||
</p>
|
||||
<Link
|
||||
href={`/${lang}/reservation`}
|
||||
className="inline-flex items-center space-x-3 text-[14px] font-bold tracking-[0.4em] uppercase border-b-2 border-[#1A1A1A] pb-2 group"
|
||||
>
|
||||
<span className="transform group-hover:translate-x-1 transition-transform">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="rotate-45">
|
||||
<line x1="12" y1="19" x2="12" y2="5" />
|
||||
<polyline points="5 12 12 5 19 12" />
|
||||
</svg>
|
||||
</span>
|
||||
<span>{dict.footer.book}</span>
|
||||
</Link>
|
||||
<div className="flex justify-between items-baseline">
|
||||
<span className="text-[13px] font-bold tracking-[0.3em] uppercase text-[#1A1A1A]/40">{lang === 'tr' ? 'Başlayan fiyatlar' : 'Starting at'}</span>
|
||||
<div className="text-right">
|
||||
<span className="text-6xl md:text-8xl font-serif text-[#1A1A1A]">{suite.price}</span>
|
||||
<span className="text-[#1A1A1A]/40 text-lg font-medium ml-2 uppercase tracking-widest">/ {lang === 'tr' ? 'Gece' : 'Night'}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p className="text-[#1A1A1A]/70 text-2xl leading-relaxed italic max-w-2xl">
|
||||
{suite.description}
|
||||
</p>
|
||||
<Link
|
||||
href={`/${lang}/reservation`}
|
||||
className="inline-flex items-center space-x-3 text-[14px] font-bold tracking-[0.4em] uppercase border-b-2 border-[#1A1A1A] pb-2 group"
|
||||
>
|
||||
<span className="transform group-hover:translate-x-1 transition-transform">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="rotate-45">
|
||||
<line x1="12" y1="19" x2="12" y2="5" />
|
||||
<polyline points="5 12 12 5 19 12" />
|
||||
</svg>
|
||||
</span>
|
||||
<span>{dict.footer.book}</span>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* INTEGRATED AMENITIES COMPONENT */}
|
||||
<div className="mt-20">
|
||||
<Amenities dict={dict} />
|
||||
<Amenities dict={dict} />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* SECTION 3: GALLERY GRID */}
|
||||
<section className="py-24 px-6 md:px-16 max-w-[1400px] mx-auto pb-44">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div className="aspect-square relative overflow-hidden rounded-[2px] shadow-lg">
|
||||
<Image src={suite.gallery[0]} alt="Gallery" fill className="object-cover hover:scale-105 transition-transform duration-1000" />
|
||||
</div>
|
||||
<div className="aspect-square relative overflow-hidden rounded-[2px] shadow-lg">
|
||||
<Image src={suite.gallery[1]} alt="Gallery" fill className="object-cover hover:scale-105 transition-transform duration-1000" />
|
||||
</div>
|
||||
<div className="md:col-span-2 aspect-[21/9] relative overflow-hidden rounded-[2px] shadow-lg">
|
||||
<Image src={suite.gallery[2]} alt="Gallery" fill className="object-cover hover:scale-105 transition-transform duration-1000" />
|
||||
</div>
|
||||
<div className="aspect-square relative overflow-hidden rounded-[2px] shadow-lg">
|
||||
<Image src={suite.gallery[0]} alt="Gallery" fill sizes="(max-width: 768px) 100vw, 50vw" className="object-cover hover:scale-105 transition-transform duration-1000" />
|
||||
</div>
|
||||
<div className="aspect-square relative overflow-hidden rounded-[2px] shadow-lg">
|
||||
<Image src={suite.gallery[1]} alt="Gallery" fill sizes="(max-width: 768px) 100vw, 50vw" className="object-cover hover:scale-105 transition-transform duration-1000" />
|
||||
</div>
|
||||
<div className="md:col-span-2 aspect-[21/9] relative overflow-hidden rounded-[2px] shadow-lg">
|
||||
<Image src={suite.gallery[2]} alt="Gallery" fill sizes="100vw" className="object-cover hover:scale-105 transition-transform duration-1000" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user