+
+
+
-
-
-
- );
-}
diff --git a/app/robots.ts b/app/robots.ts
new file mode 100644
index 0000000..765f1ff
--- /dev/null
+++ b/app/robots.ts
@@ -0,0 +1,11 @@
+import { MetadataRoute } from 'next';
+
+export default function robots(): MetadataRoute.Robots {
+ return {
+ rules: {
+ userAgent: '*',
+ allow: '/',
+ },
+ sitemap: 'https://kozmosbeach.com/sitemap.xml',
+ };
+}
diff --git a/app/sitemap.ts b/app/sitemap.ts
new file mode 100644
index 0000000..25d1083
--- /dev/null
+++ b/app/sitemap.ts
@@ -0,0 +1,20 @@
+import { MetadataRoute } from 'next';
+
+export default function sitemap(): MetadataRoute.Sitemap {
+ const baseUrl = 'https://kozmosbeach.com';
+
+ return [
+ {
+ url: `${baseUrl}/tr`,
+ lastModified: new Date(),
+ changeFrequency: 'monthly',
+ priority: 1,
+ },
+ {
+ url: `${baseUrl}/en`,
+ lastModified: new Date(),
+ changeFrequency: 'monthly',
+ priority: 1,
+ },
+ ];
+}
diff --git a/components/About.tsx b/components/About.tsx
new file mode 100644
index 0000000..714652e
--- /dev/null
+++ b/components/About.tsx
@@ -0,0 +1,94 @@
+"use client";
+
+import { useTranslations } from 'next-intl';
+import { motion } from 'framer-motion';
+import { Waves, Leaf, Music } from 'lucide-react';
+import Image from 'next/image';
+
+const features = [
+ { icon: Waves, titleKey: 'card1_title', descKey: 'card1_desc', color: 'text-aqua', bg: 'bg-aqua/10' },
+ { icon: Leaf, titleKey: 'card2_title', descKey: 'card2_desc', color: 'text-amber', bg: 'bg-amber/10' },
+ { icon: Music, titleKey: 'card3_title', descKey: 'card3_desc', color: 'text-coral', bg: 'bg-coral/10' },
+];
+
+export default function About() {
+ const t = useTranslations('About');
+
+ return (
+
-
-
- - To get started, edit the page.tsx file. -
-- Looking for a starting point or more instructions? Head over to{" "} - - Templates - {" "} - or the{" "} - - Learning - {" "} - center. -
-
+
+
+
+ {/* Left content */}
+
+
+
+ {/* Right image */}
+
+ {/* Glow ring */}
+
+
+
+
+
+
+ — Beach & More
+
+
+
+ + {t('title')} +
+{t('description')}
+
+ {features.map(({ icon: Icon, titleKey, descKey, color, bg }, i) => (
+
+
+ ))}
+
+
+
+
+
+ {t(titleKey)}
+{t(descKey)}
+
+
+
+
+
+
+
+ — Konaklama
+
+
+ {t('title')}
+
+
+ {t('description')}
+
+
+
+
+ {rooms.map((room, index) => (
+
+ {/* Featured badge */}
+ {room.featured && (
+
+ ))}
+
+
+
+ )}
+
+ {/* Image */}
+
+
+
+ {/* Content */}
+
+
+ + {t(`rooms.${room.id}.name`)} +
+ +
+
+
+ -
+ {room.features.map((feature, i) => (
+
-
+
+ {feature} +
+ ))}
+
+
+
+ {/* Wave → midnight */}
+
+
+ {/* Left masonry photos */}
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Right content */}
+
+
+
+
+
+
+
+
+
+
+
+ + {t('title')} +
+ +{t('description')}
+ + {/* Stats */} +
+ {stats.map(({ value, label }) => (
+
+
+ {/* Info & CTA */}
+
+
+ ))}
+ {value}
+ {label}
+
+
+ {t('reservation_info')}
+ +
+
+
+
+
+
+
+ — Bize Ulaşın
+
+
+
+
+ + {t('title')} +
+
+
+ {/* Left: info + form */}
+
+ {/* Contact info */}
+
+
+ {/* Right: map */}
+
+
+
+
+
+
+ {contactItems.map(({ Icon, label, value, href, color, bg }) => (
+
+
+ {/* Form */}
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+ — Yeme & İçme
+
+
+
+ {t('title')}
+
+
+
+ {t('description')}
+
+
+
+ {t('view_menu')}
+
+
+
+
+ {CARDS.map(({ id, icon: Icon, accent }, index) => (
+
+ {/* Icon */}
+
+ ))}
+
+
+
+
+ + {t(`cards.${id}.title`)} +
+{t(`cards.${id}.desc`)}
+ + {/* Bottom accent line on hover */} + +
+
+
+
+ {heights.map((h, i) => (
+ 0.6 ? 0.2 : 1, h] }}
+ transition={{
+ duration: 0.5 + Math.random() * 0.4,
+ repeat: Infinity,
+ repeatType: 'mirror',
+ delay: i * 0.07,
+ ease: 'easeInOut',
+ }}
+ />
+ ))}
+
+ );
+}
+
+function WineGlassIcon() {
+ return (
+
+ );
+}
+
+/* ── main component ────────────────────────────── */
+
+export default function Events() {
+ const t = useTranslations('Events');
+
+ return (
+
+
+
+
+
+
+ {/* Fine dot grid */}
+
+
+
+
+ {/* ── Header ───────────────────────────────── */}
+
+ {WEEK_DAYS.map((day, i) => {
+ const accent = ACTIVE_DAYS[i];
+ const isActive = !!accent;
+ return (
+
+
+ {/* ── Featured Event: DJ Nights ────────────── */}
+
+
+
+ {/* ── Secondary events: 2-col grid ─────────── */}
+
+
+ {/* Wave → sand */}
+
+
+
+
+
+
+
+
+ {/* ── Weekly schedule bar ───────────────────── */}
+
+
+ + {t('title')} +
++ {t('description')} +
+
+
+ {day}
+
+
+
+ );
+ })}
+
+ {/* Glow center */}
+
+
+ {/* Left: text */}
+
+
+
+
+ {/* Right: vinyl */}
+
+
+ EN POPÜLER
+
+
+
+
+
+ + {t('cards.dj.title')} +
+ +
+
+
+
+
+
+
+ {/* Rakı Geceleri */}
+
+
+
+ {/* Canlı Müzik */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ PER
+
+
+
+
+ + {t('cards.raki.title')} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ★ ÖZEL
+
+
+
+
+ + {t('cards.live_music.title')} +
+
+
+
+
+
+
+
+
+
+ {/* Header */}
+
+
+ {/* Lightbox Overlay */}
+
+
+
+ — Fotoğraflar
+
+
+
+
+
+
+
+ {/* Masonry grid */}
+ + {t('title')} +
+
+ {images.map((img, index) => (
+ setSelectedIndex(index)}
+ className="relative rounded-2xl overflow-hidden group break-inside-avoid cursor-pointer"
+ >
+ 
+ {/* Coral gradient overlay */}
+
+ {/* Plus icon */}
+
+ ))}
+
+
+ +
+
+
+
+
+ {/* Grain overlay */}
+
+
+ {/* ── Content ──────────────────────────────────── */}
+
+
+ {/* Location */}
+
+ Akyaka · Gökova Körfezi
+
+
+ {/* Brand name — static gradient, no shimmer */}
+
+ KOZMOS
+
+
+ {/* Thin divider */}
+
+ Beach & More
+
+
+ {/* Tagline */}
+
+ {t('tagline')}
+
+
+ {/* CTAs */}
+
+
+
+
+
+
+
+ {/* ── Wave divider ─────────────────────────────── */}
+
+
+
+
+ {/* Scroll cue */}
+