ayrisdev/kitebeachakyaka
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bot

Browse Source
This commit is contained in:
AyrisAI
2026-07-11 16:15:26 +03:00
parent ccb923e57a
commit ac78e5bf40
16 changed files with 504 additions and 322 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[lang]/hakkimizda/page.tsx
+60 -22
View File
@@ -17,7 +17,7 @@ export async function generateMetadata({ params }: { params: Promise<{ lang: str
});
}
const values = [
const valuesTr = [
{
icon: Leaf,
title: "Doğaya Saygı",
@@ -35,14 +35,45 @@ const values = [
},
];
const stats = [
const valuesEn = [
{
icon: Leaf,
title: "Respect for Nature",
desc: "We adopt zero waste and sustainability principles in all processes of our facility. We offer an environmentally conscious stay experience.",
},
{
icon: ChefHat,
title: "Local Kitchen",
desc: "We source a large portion of our ingredients from local producers and Aegean villages. Fresh, seasonal and sustainable.",
},
{
icon: Award,
title: "Premium Experience",
desc: "From our IKO certified kitesurf school to our rooms, we offer the highest quality standards at every point.",
},
];
const statsTr = [
{ value: "10+", label: "Yıllık Deneyim" },
{ value: "500+", label: "Mutlu Misafir" },
{ value: "3", label: "IKO Sertifikalı Eğitmen" },
{ value: "4", label: "Benzersiz Aktivite" },
];
export default function HakkimizdaPage() {
const statsEn = [
{ value: "10+", label: "Years Experience" },
{ value: "500+", label: "Happy Guests" },
{ value: "3", label: "IKO Certified Instructor" },
{ value: "4", label: "Unique Activity" },
];
export default async function HakkimizdaPage({ params }: { params: Promise<{ lang: string }> }) {
const { lang } = await params;
const isEn = lang === "en";
const displayValues = isEn ? valuesEn : valuesTr;
const displayStats = isEn ? statsEn : statsTr;
return (
<div className="min-h-screen bg-background">
@@ -51,21 +82,22 @@ export default function HakkimizdaPage() {
<div className="absolute inset-0">
<Image
src="https://images.unsplash.com/photo-1544551763-46a013bb70d5?q=80&w=2940&auto=format&fit=crop"
alt="Hakkımızda"
alt={isEn ? "About Us" : "Hakkımızda"}
fill
sizes="100vw"
className="object-cover"
/>
<div className="absolute inset-0 bg-gradient-to-t from-dark/85 via-dark/30 to-black/20" />
</div>
<div className="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-14 w-full">
<span className="block text-accent text-xs tracking-[0.3em] uppercase font-semibold mb-3 animate-fade-up">
Biz Kimiz
{isEn ? "Who We Are" : "Biz Kimiz"}
</span>
<h1 className="font-serif text-5xl md:text-7xl text-white font-bold animate-fade-up delay-100">
Hikayemiz
{isEn ? "Our Story" : "Hikayemiz"}
</h1>
<p className="text-white/60 text-lg mt-3 font-light animate-fade-up delay-200">
Rüzgarın, denizin ve nehrin kesiştiği yerde.
{isEn ? "Where the wind, sea and river meet." : "Rüzgarın, denizin ve nehrin kesiştiği yerde."}
</p>
</div>
</section>
@@ -76,22 +108,25 @@ export default function HakkimizdaPage() {
<div className="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
<ScrollReveal>
<span className="inline-block text-accent text-xs tracking-[0.25em] uppercase font-semibold mb-5">
Akyaka'nın Kalbinde
{isEn ? "In the Heart of Akyaka" : "Akyaka'nın Kalbinde"}
</span>
<h2 className="font-serif text-4xl font-bold text-dark mb-6 leading-tight">
Bir Tutku<br />Yolculuğu
{isEn ? <>A Journey<br />of Passion</> : <>Bir Tutku<br />Yolculuğu</>}
</h2>
<div className="space-y-4 text-gray-500 leading-relaxed text-[15px]">
<p>
Kite Beach Akyaka, Gökova Körfezi'nin kristal sularına dökülen Azmak Nehri'nin
hemen kıyısında doğdu. Amacımız, misafirlerimize sıradan bir konaklamadan çok
daha fazlasını sunmak; rüzgar sörfü tutkusunu doğayla, konforla ve iyi yemekle
bütünleştiren eşsiz bir yaşam alanı yaratmaktı.
{isEn ? (
"Kite Beach Akyaka was born right on the banks of the Azmak River flowing into the crystal waters of the Gulf of Gokova. Our goal was to offer our guests much more than a typical stay; to create a unique living space that integrates the passion for kitesurfing with nature, comfort, and good food."
) : (
"Kite Beach Akyaka, Gökova Körfezi'nin kristal sularına dökülen Azmak Nehri'nin hemen kıyısında doğdu. Amacımız, misafirlerimize sıradan bir konaklamadan çok daha fazlasını sunmak; rüzgar sörfü tutkusunu doğayla, konforla ve iyi yemekle bütünleştiren eşsiz bir yaşam alanı yaratmaktı."
)}
</p>
<p>
Doğaya saygılı mimarimiz, lokal üreticileri destekleyen mutfağımız ve IKO
standartlarındaki eğitim merkezimizle, Akyaka'nın sürdürülebilir turizm yüzü
olmayı hedefliyoruz.
{isEn ? (
"With our nature-friendly architecture, our kitchen supporting local producers, and our training center in IKO standards, we aim to be the face of sustainable tourism in Akyaka."
) : (
"Doğaya saygılı mimarimiz, lokal üreticileri destekleyen mutfağımız ve IKO standartlarındaki eğitim merkezimizle, Akyaka'nın sürdürülebilir turizm yüzü olmayı hedefliyoruz."
)}
</p>
</div>
</ScrollReveal>
@@ -102,6 +137,7 @@ export default function HakkimizdaPage() {
src="https://images.unsplash.com/photo-1526367790999-0150786686a2?q=80&w=2940&auto=format&fit=crop"
alt="Kitesurf"
fill
sizes="(max-width: 768px) 100vw, 50vw"
className="object-cover"
/>
</div>
@@ -114,7 +150,7 @@ export default function HakkimizdaPage() {
<section className="py-20 bg-primary">
<div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
<ScrollReveal stagger className="grid grid-cols-2 md:grid-cols-4 gap-0 divide-x divide-white/10">
{stats.map((s, i) => (
{displayStats.map((s, i) => (
<div key={i} className="text-center py-8 px-6">
<span className="block font-serif text-4xl font-bold text-white mb-2">{s.value}</span>
<span className="block text-white/50 text-[12px] uppercase tracking-wider">{s.label}</span>
@@ -129,13 +165,13 @@ export default function HakkimizdaPage() {
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<ScrollReveal className="text-center mb-14">
<span className="inline-block text-accent text-xs tracking-[0.25em] uppercase font-semibold mb-4">
Ne İnanıyoruz
{isEn ? "What We Believe" : "Ne İnanıyoruz"}
</span>
<h2 className="font-serif text-4xl font-bold text-dark">Değerlerimiz</h2>
<h2 className="font-serif text-4xl font-bold text-dark">{isEn ? "Our Values" : "Değerlerimiz"}</h2>
</ScrollReveal>
<ScrollReveal stagger className="grid grid-cols-1 md:grid-cols-3 gap-6">
{values.map((v, i) => {
{displayValues.map((v, i) => {
const Icon = v.icon;
return (
<div key={i} className="bg-white rounded-2xl p-8 border border-sand card-lift">
@@ -156,10 +192,12 @@ export default function HakkimizdaPage() {
<div className="max-w-3xl mx-auto px-4 text-center">
<ScrollReveal>
<span className="inline-block text-accent text-xs tracking-[0.25em] uppercase font-semibold mb-5">
Vizyonumuz
{isEn ? "Our Vision" : "Vizyonumuz"}
</span>
<blockquote className="font-serif text-3xl md:text-4xl font-bold leading-tight mb-8">
"Akyaka'nın sürdürülebilir turizm yüzü olmak ve her misafirimize benzersiz bir kaçış sunmak."
{isEn
? "\"To be the face of sustainable tourism in Akyaka and to offer each of our guests a unique escape.\""
: "\"Akyaka'nın sürdürülebilir turizm yüzü olmak ve her misafirimize benzersiz bir kaçış sunmak.\""}
</blockquote>
<div className="section-line mx-auto" />
</ScrollReveal>