Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
297
src/app/page.tsx
297
src/app/page.tsx
@@ -31,97 +31,60 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "The House",
|
||||
id: "#the-house",
|
||||
},
|
||||
name: "The House", id: "#the-house"},
|
||||
{
|
||||
name: "Suites",
|
||||
id: "#suites",
|
||||
},
|
||||
name: "Suites", id: "#suites"},
|
||||
{
|
||||
name: "One Day",
|
||||
id: "#one-day",
|
||||
},
|
||||
name: "One Day", id: "#one-day"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="SAKLI"
|
||||
bottomLeftText="Kaş, Türkiye"
|
||||
bottomRightText="stay@sakli.com"
|
||||
button={{
|
||||
text: "Enquire",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Enquire", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745318.jpg?_wi=1",
|
||||
variant: "plain"
|
||||
}}
|
||||
title="Above a hidden bay, nine suites keep the light."
|
||||
description="An adults-only house of stone and shadow on the Lycian coast. Forty metres above water you can swim in. Open April to November."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/screaming-face-hands-cloth_23-2148019445.jpg",
|
||||
alt: "Screaming face and hands behind cloth",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/screaming-face-hands-cloth_23-2148019445.jpg", alt: "Screaming face and hands behind cloth"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/faces-couple-imprinted-fabric_23-2148019490.jpg",
|
||||
alt: "Faces of couple imprinted on fabric",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/faces-couple-imprinted-fabric_23-2148019490.jpg", alt: "Faces of couple imprinted on fabric"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vague-silhouettes-human-faces_23-2148019526.jpg",
|
||||
alt: "Vague silhouettes of human faces",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vague-silhouettes-human-faces_23-2148019526.jpg", alt: "Vague silhouettes of human faces"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spooky-face-hands-pressing-cloth_23-2148019439.jpg",
|
||||
alt: "Spooky face and hands pressing to cloth",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/spooky-face-hands-pressing-cloth_23-2148019439.jpg", alt: "Spooky face and hands pressing to cloth"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-with-professional-make-up-close-up_23-2148932885.jpg",
|
||||
alt: "Portrait young asian woman with professional make up close up",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-with-professional-make-up-close-up_23-2148932885.jpg", alt: "Portrait young asian woman with professional make up close up"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Enquire",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Enquire", href: "#contact"},
|
||||
]}
|
||||
tag="KAŞ, TÜRKİYE"
|
||||
avatarText="Over 500 guests have found their hidden retreat."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Unforgettable Stays",
|
||||
},
|
||||
type: "text", text: "Unforgettable Stays"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/simple-travel-logo-template_742173-17619.jpg",
|
||||
alt: "Simple travel logo template",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/simple-travel-logo-template_742173-17619.jpg", alt: "Simple travel logo template"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mediterranean Serenity",
|
||||
},
|
||||
type: "text", text: "Mediterranean Serenity"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/travel-logo-collection_23-2148614913.jpg",
|
||||
alt: "Travel logo collection",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/travel-logo-collection_23-2148614913.jpg", alt: "Travel logo collection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cliffside Luxury",
|
||||
},
|
||||
type: "text", text: "Cliffside Luxury"},
|
||||
]}
|
||||
marqueeSpeed={25}
|
||||
showMarqueeCard={true}
|
||||
@@ -133,20 +96,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built into the cliff, not on top of it.",
|
||||
},
|
||||
type: "text", content: "Built into the cliff, not on top of it."},
|
||||
{
|
||||
type: "text",
|
||||
content: "Saklı means hidden. The house sits where the old sponge divers kept their boats, in a fold of the coast you cannot see from the road. Ninety-two stone steps lead down to the water; there is no other way.",
|
||||
},
|
||||
type: "text", content: "Saklı means hidden. The house sits where the old sponge divers kept their boats, in a fold of the coast you cannot see from the road. Ninety-two stone steps lead down to the water; there is no other way."},
|
||||
{
|
||||
type: "text",
|
||||
content: "Suites — Nine | Guests — 18 at most | To the water — 92 steps | Season — April to November | Age — 16 and over",
|
||||
},
|
||||
type: "text", content: "Suites — Nine | Guests — 18 at most | To the water — 92 steps | Season — April to November | Age — 16 and over"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/lonely-stone-house-with-trees_23-2148249147.jpg", alt: "Stone architecture built into a cliffside at dusk"
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lonely-stone-house-with-trees_23-2148249147.jpg?_wi=1"
|
||||
imageAlt="Stone architecture built into a cliffside at dusk"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -157,52 +115,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Dawn — 38 m²",
|
||||
description: "East-facing; first light falls on the bed. A bath carved from a single block of stone. From €380.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445734.jpg",
|
||||
imageAlt: "east-facing hotel suite morning light",
|
||||
},
|
||||
title: "Dawn — 38 m²", description: "East-facing; first light falls on the bed. A bath carved from a single block of stone. From €380.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445734.jpg", imageAlt: "east-facing hotel suite morning light"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745318.jpg?_wi=2",
|
||||
imageAlt: "east-facing hotel suite morning light",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Noon — 42 m²",
|
||||
description: "Deep shade against the midday heat. A private terrace under the carob tree, made for resting. From €410.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698284.jpg",
|
||||
imageAlt: "private terrace carob tree shade",
|
||||
},
|
||||
title: "Noon — 42 m²", description: "Deep shade against the midday heat. A private terrace under the carob tree, made for resting. From €410.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698284.jpg", imageAlt: "private terrace carob tree shade"},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lonely-stone-house-with-trees_23-2148249147.jpg?_wi=2",
|
||||
imageAlt: "east-facing hotel suite morning light",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Dusk — 45 m²",
|
||||
description: "The sunset room. West windows the full width of the wall repaint it every evening. From €450.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-kayaks-sunset_1258-13.jpg",
|
||||
imageAlt: "sunset room hotel interior",
|
||||
},
|
||||
title: "Dusk — 45 m²", description: "The sunset room. West windows the full width of the wall repaint it every evening. From €450.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-kayaks-sunset_1258-13.jpg", imageAlt: "sunset room hotel interior"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-nights-peaceful-sleep_23-2151936769.jpg",
|
||||
imageAlt: "east-facing hotel suite morning light",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Moonlight — 54 m²",
|
||||
description: "The highest room. A roof bed for clear nights, and the moon's path on the water below. From €520.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-posing-sitting-surfboard-ocean_72229-727.jpg",
|
||||
imageAlt: "hotel roof bed clear night",
|
||||
},
|
||||
title: "Moonlight — 54 m²", description: "The highest room. A roof bed for clear nights, and the moon's path on the water below. From €520.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-posing-sitting-surfboard-ocean_72229-727.jpg", imageAlt: "hotel roof bed clear night"},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rowing-sea-water_1312-26.jpg",
|
||||
imageAlt: "east-facing hotel suite morning light",
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Rooms named after the light."
|
||||
@@ -217,36 +151,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "swim-breakfast",
|
||||
value: "07:00",
|
||||
title: "Swim before breakfast",
|
||||
items: [
|
||||
"The bay belongs to the early. Coffee waits on the lower terrace when you climb back up.",
|
||||
],
|
||||
id: "swim-breakfast", value: "07:00", title: "Swim before breakfast", items: [
|
||||
"The bay belongs to the early. Coffee waits on the lower terrace when you climb back up."],
|
||||
},
|
||||
{
|
||||
id: "boat-coves",
|
||||
value: "13:00",
|
||||
title: "Boat to the coves",
|
||||
items: [
|
||||
"Our wooden gulet leaves when you are ready, not on a schedule. Lunch is grilled on board.",
|
||||
],
|
||||
id: "boat-coves", value: "13:00", title: "Boat to the coves", items: [
|
||||
"Our wooden gulet leaves when you are ready, not on a schedule. Lunch is grilled on board."],
|
||||
},
|
||||
{
|
||||
id: "one-table",
|
||||
value: "19:30",
|
||||
title: "One table, eight seats",
|
||||
items: [
|
||||
"The kitchen cooks a single menu from whatever the Kaş market had that morning.",
|
||||
],
|
||||
id: "one-table", value: "19:30", title: "One table, eight seats", items: [
|
||||
"The kitchen cooks a single menu from whatever the Kaş market had that morning."],
|
||||
},
|
||||
{
|
||||
id: "night-swim",
|
||||
value: "23:00",
|
||||
title: "The night swim",
|
||||
items: [
|
||||
"On moonless nights the bay glows where you move. We leave towels and a lantern on the steps.",
|
||||
],
|
||||
id: "night-swim", value: "23:00", title: "The night swim", items: [
|
||||
"On moonless nights the bay glows where you move. We leave towels and a lantern on the steps."],
|
||||
},
|
||||
]}
|
||||
title="The hours decide for you."
|
||||
@@ -260,44 +178,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Condé Nast Traveler",
|
||||
"Architectural Digest",
|
||||
"World Travel Awards",
|
||||
"Luxury Lifestyle",
|
||||
"National Geographic",
|
||||
]}
|
||||
"Condé Nast Traveler", "Architectural Digest", "World Travel Awards", "Luxury Lifestyle", "National Geographic"]}
|
||||
title="Recognized Excellence"
|
||||
description="Praised by leading travel publications and architectural critics for our unique design and unforgettable experiences."
|
||||
logos={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-psd/travel-adventure-invitation-template_23-2151227141.jpg",
|
||||
alt: "minimal abstract travel award logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/badge-reward-successful-champion-competition-concept_53876-120790.jpg",
|
||||
alt: "boutique hotel excellence emblem",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/new-year-labels-pastel-colors_23-2147576040.jpg",
|
||||
alt: "prestigious hotel award icon clean",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ciuly1",
|
||||
alt: "editorial feature travel award minimal",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uxt3bu",
|
||||
alt: "luxury accommodation award graphic",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/greyscale-shot-spiral-staircase-building_181624-28564.jpg",
|
||||
alt: "premium travel experience award",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-travel-icon-with-airplane_23-2151037407.jpg",
|
||||
alt: "leading boutique hotel award logo",
|
||||
},
|
||||
]}
|
||||
tag="ACCOLADES"
|
||||
/>
|
||||
</div>
|
||||
@@ -309,59 +192,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Guest book, September",
|
||||
role: "Previous Guest",
|
||||
company: "Sakli",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shadow-leaves-blue-surface_23-2151988772.jpg",
|
||||
},
|
||||
id: "1", name: "Guest book, September", role: "Previous Guest", company: "Sakli", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shadow-leaves-blue-surface_23-2151988772.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Evelyn K.",
|
||||
role: "Travel Blogger",
|
||||
company: "Luxury Escapes",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-looking-camera_23-2148092897.jpg",
|
||||
},
|
||||
id: "2", name: "Evelyn K.", role: "Travel Blogger", company: "Luxury Escapes", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-looking-camera_23-2148092897.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus T.",
|
||||
role: "Photographer",
|
||||
company: "World Views",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-nude-face-steam-blure-shadow_114579-9287.jpg",
|
||||
},
|
||||
id: "3", name: "Marcus T.", role: "Photographer", company: "World Views", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-nude-face-steam-blure-shadow_114579-9287.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sophia L.",
|
||||
role: "Architect",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bw-crowded-with-prism-kaleidoscope-effect_53876-126896.jpg",
|
||||
},
|
||||
id: "4", name: "Sophia L.", role: "Architect", company: "Design Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bw-crowded-with-prism-kaleidoscope-effect_53876-126896.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Liam R.",
|
||||
role: "Writer",
|
||||
company: "Wanderlust Mag",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrifying-hand-silhouettes-studio_23-2150711060.jpg",
|
||||
},
|
||||
id: "5", name: "Liam R.", role: "Writer", company: "Wanderlust Mag", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrifying-hand-silhouettes-studio_23-2150711060.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "92%",
|
||||
label: "Repeat Bookings",
|
||||
},
|
||||
value: "92%", label: "Repeat Bookings"},
|
||||
{
|
||||
value: "5",
|
||||
label: "Star Rating",
|
||||
},
|
||||
value: "5", label: "Star Rating"},
|
||||
{
|
||||
value: "Luxury",
|
||||
label: "Experience",
|
||||
},
|
||||
value: "Luxury", label: "Experience"},
|
||||
]}
|
||||
title="Guest Reflections"
|
||||
description="“We came for three nights and stayed for nine. The sea glowed, and so did we.”"
|
||||
@@ -373,8 +225,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
imageSrc: "asset://contact-background",
|
||||
variant: "plain"
|
||||
}}
|
||||
tag="Direct Bookings"
|
||||
title="Nine rooms, one bay."
|
||||
@@ -386,37 +237,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Stay",
|
||||
items: [
|
||||
title: "Stay", items: [
|
||||
{
|
||||
label: "Enquire",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Enquire", href: "#contact"},
|
||||
{
|
||||
label: "The House",
|
||||
href: "#the-house",
|
||||
},
|
||||
label: "The House", href: "#the-house"},
|
||||
{
|
||||
label: "Suites",
|
||||
href: "#suites",
|
||||
},
|
||||
label: "Suites", href: "#suites"},
|
||||
{
|
||||
label: "One Day",
|
||||
href: "#one-day",
|
||||
},
|
||||
label: "One Day", href: "#one-day"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/sakli",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/sakli"},
|
||||
{
|
||||
label: "Journal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Journal", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user