Merge version_2 into main #1
245
src/app/page.tsx
245
src/app/page.tsx
@@ -12,6 +12,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "The House",
|
||||
id: "house",
|
||||
},
|
||||
name: "The House", id: "house"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Hvar Island",
|
||||
id: "hvar",
|
||||
},
|
||||
name: "Hvar Island", id: "hvar"},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "booking",
|
||||
},
|
||||
name: "Book Now", id: "booking"},
|
||||
]}
|
||||
brandName="Mulberry House"
|
||||
/>
|
||||
@@ -55,47 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Mulberry House"
|
||||
description="A private Mediterranean sanctuary where timeless elegance meets the Adriatic's most coveted island."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Availability",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Request Availability", href: "#booking"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "slide-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728841.jpg",
|
||||
imageAlt: "Villa view 1",
|
||||
},
|
||||
id: "slide-1", imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728841.jpg", imageAlt: "Villa view 1"},
|
||||
{
|
||||
id: "slide-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918226.jpg",
|
||||
imageAlt: "Villa view 2",
|
||||
},
|
||||
id: "slide-2", imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918226.jpg", imageAlt: "Villa view 2"},
|
||||
{
|
||||
id: "slide-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-3570.jpg",
|
||||
imageAlt: "Villa view 3",
|
||||
},
|
||||
id: "slide-3", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-3570.jpg", imageAlt: "Villa view 3"},
|
||||
{
|
||||
id: "slide-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-sunset-coastal-view_23-2151986080.jpg",
|
||||
imageAlt: "Villa view 4",
|
||||
},
|
||||
id: "slide-4", imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-sunset-coastal-view_23-2151986080.jpg", imageAlt: "Villa view 4"},
|
||||
{
|
||||
id: "slide-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lonely-church-island-middle-lake_8353-8874.jpg",
|
||||
imageAlt: "Villa view 5",
|
||||
},
|
||||
id: "slide-5", imageSrc: "http://img.b2bpic.net/free-photo/lonely-church-island-middle-lake_8353-8874.jpg", imageAlt: "Villa view 5"},
|
||||
{
|
||||
id: "slide-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-santorini-garden_23-2151977285.jpg",
|
||||
imageAlt: "Villa view 6",
|
||||
},
|
||||
id: "slide-6", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-santorini-garden_23-2151977285.jpg", imageAlt: "Villa view 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,9 +77,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Heritage Meets Comfort"
|
||||
description={[
|
||||
"Nestled within Hvar's sun-drenched landscape, Mulberry House offers an intimate escape for those who appreciate the finer details.",
|
||||
"Stone walls whisper centuries of history while modern amenities ensure every comfort is met.",
|
||||
"Nestled within Hvar's sun-drenched landscape, Mulberry House offers an intimate escape for those who appreciate the finer details.", "Stone walls whisper centuries of history while modern amenities ensure every comfort is met."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="mulberry-gallery" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
title="Mulberry House Moments"
|
||||
description="Capturing the essence of life at Mulberry House on Hvar."
|
||||
features={[
|
||||
{ title: "Exterior View", description: "Stone villa exterior", imageSrc: "https://images.unsplash.com/photo-1596394516093-501ba68a0ba6?q=80&w=800" },
|
||||
{ title: "Dining Terrace", description: "Al fresco dining", imageSrc: "https://images.unsplash.com/photo-1628191140306-6419736c2534?q=80&w=800" },
|
||||
{ title: "Sunset View", description: "Coastal golden hour", imageSrc: "https://images.unsplash.com/photo-1519602069184-e866b0a9d012?q=80&w=800" },
|
||||
{ title: "Pool Side", description: "Relaxation area", imageSrc: "https://images.unsplash.com/photo-1576013551627-0cc20b96c2a7?q=80&w=800" }
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,29 +105,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Private Estate",
|
||||
descriptions: [
|
||||
"Entire property exclusively yours for total privacy.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-by-poolside-wiht-mountain-view_53876-14438.jpg",
|
||||
},
|
||||
id: "f1", title: "Private Estate", descriptions: [
|
||||
"Entire property exclusively yours for total privacy."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-by-poolside-wiht-mountain-view_53876-14438.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Concierge Service",
|
||||
descriptions: [
|
||||
"Local expertise at your fingertips, 24/7 support.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_52683-95236.jpg",
|
||||
},
|
||||
id: "f2", title: "Concierge Service", descriptions: [
|
||||
"Local expertise at your fingertips, 24/7 support."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_52683-95236.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Garden Terraces",
|
||||
descriptions: [
|
||||
"Multiple outdoor spaces for sunset dining and lounging.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-storey-restaurant-hall-with-cream-walls_140725-2682.jpg",
|
||||
},
|
||||
id: "f3", title: "Garden Terraces", descriptions: [
|
||||
"Multiple outdoor spaces for sunset dining and lounging."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-storey-restaurant-hall-with-cream-walls_140725-2682.jpg"},
|
||||
]}
|
||||
title="The Property"
|
||||
description="Every corner reveals thoughtful design—from handcrafted details to curated furnishings that honor Croatian craftsmanship."
|
||||
@@ -155,20 +130,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "01",
|
||||
description: "Morning Light—Golden coffee terrace moments.",
|
||||
},
|
||||
id: "m1", value: "01", description: "Morning Light—Golden coffee terrace moments."},
|
||||
{
|
||||
id: "m2",
|
||||
value: "02",
|
||||
description: "Afternoon Ease—Slow swims and shade siestas.",
|
||||
},
|
||||
id: "m2", value: "02", description: "Afternoon Ease—Slow swims and shade siestas."},
|
||||
{
|
||||
id: "m3",
|
||||
value: "03",
|
||||
description: "Evening Magic—Aperitivo hour under violet skies.",
|
||||
},
|
||||
id: "m3", value: "03", description: "Evening Magic—Aperitivo hour under violet skies."},
|
||||
]}
|
||||
title="The Experience"
|
||||
description="Mulberry House invites you to embrace the rhythm of island life."
|
||||
@@ -180,14 +146,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Hvar Town",
|
||||
"Hidden Beaches",
|
||||
"Wine Country",
|
||||
"Pakleni Archipelago",
|
||||
"Fortress Views",
|
||||
"Art Galleries",
|
||||
"Coastal Paths",
|
||||
]}
|
||||
"Hvar Town", "Hidden Beaches", "Wine Country", "Pakleni Archipelago", "Fortress Views", "Art Galleries", "Coastal Paths"]}
|
||||
title="Hvar Island Highlights"
|
||||
description="Crown Jewel of Croatia: Lavender fields, hidden beaches, and local wineries."
|
||||
/>
|
||||
@@ -199,45 +158,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing",
|
||||
quote: "Exceeded every expectation. We left a piece of our hearts on Hvar.",
|
||||
name: "Alexandra",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-romantic-caucasian-woman-elegant-white-open-back-dress-straw-hat_343596-442.jpg",
|
||||
},
|
||||
id: "t1", title: "Amazing", quote: "Exceeded every expectation. We left a piece of our hearts on Hvar.", name: "Alexandra", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-romantic-caucasian-woman-elegant-white-open-back-dress-straw-hat_343596-442.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Perfection",
|
||||
quote: "Simply stunning. The property is a work of art.",
|
||||
name: "James",
|
||||
role: "Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-relaxing-beach-vacation_23-2149369722.jpg",
|
||||
},
|
||||
id: "t2", title: "Perfection", quote: "Simply stunning. The property is a work of art.", name: "James", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/couple-relaxing-beach-vacation_23-2149369722.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "So lovely",
|
||||
quote: "The host hospitality was world-class.",
|
||||
name: "Sarah",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6378.jpg",
|
||||
},
|
||||
id: "t3", title: "So lovely", quote: "The host hospitality was world-class.", name: "Sarah", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6378.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Beautiful",
|
||||
quote: "Will definitely return to this sanctuary.",
|
||||
name: "Mark",
|
||||
role: "Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adorable-woman-with-happy-expression-has-summer-vacation-spends-free-time-outdoor-cafe-with-fresh-cold-drink-looks-positively-attractive-female-straw-hat-being-good-mood_273609-3295.jpg",
|
||||
},
|
||||
id: "t4", title: "Beautiful", quote: "Will definitely return to this sanctuary.", name: "Mark", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/smiling-adorable-woman-with-happy-expression-has-summer-vacation-spends-free-time-outdoor-cafe-with-fresh-cold-drink-looks-positively-attractive-female-straw-hat-being-good-mood_273609-3295.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Dream stay",
|
||||
quote: "Best holiday we have ever had.",
|
||||
name: "Emily",
|
||||
role: "Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-straw-hat-eats-fruit_1321-2117.jpg",
|
||||
},
|
||||
id: "t5", title: "Dream stay", quote: "Best holiday we have ever had.", name: "Emily", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-straw-hat-eats-fruit_1321-2117.jpg"},
|
||||
]}
|
||||
title="Guest Reflections"
|
||||
description="Heartfelt feedback from our guests."
|
||||
@@ -251,55 +180,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Summer Season",
|
||||
price: "From €2,900",
|
||||
subtitle: "Weekly Rental",
|
||||
buttons: [
|
||||
id: "p1", badge: "Summer Season", price: "From €2,900", subtitle: "Weekly Rental", buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Inquire", href: "#booking"},
|
||||
],
|
||||
features: [
|
||||
"Airport transfers",
|
||||
"Welcome wine",
|
||||
"Concierge access",
|
||||
],
|
||||
"Airport transfers", "Welcome wine", "Concierge access"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Mid Season",
|
||||
price: "From €1,900",
|
||||
subtitle: "Weekly Rental",
|
||||
buttons: [
|
||||
id: "p2", badge: "Mid Season", price: "From €1,900", subtitle: "Weekly Rental", buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Inquire", href: "#booking"},
|
||||
],
|
||||
features: [
|
||||
"Airport transfers",
|
||||
"Welcome wine",
|
||||
"Concierge access",
|
||||
],
|
||||
"Airport transfers", "Welcome wine", "Concierge access"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Off Season",
|
||||
price: "From €1,400",
|
||||
subtitle: "Weekly Rental",
|
||||
buttons: [
|
||||
id: "p3", badge: "Off Season", price: "From €1,400", subtitle: "Weekly Rental", buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Inquire", href: "#booking"},
|
||||
],
|
||||
features: [
|
||||
"Airport transfers",
|
||||
"Welcome wine",
|
||||
"Concierge access",
|
||||
],
|
||||
"Airport transfers", "Welcome wine", "Concierge access"],
|
||||
},
|
||||
]}
|
||||
title="Reservations"
|
||||
@@ -311,8 +213,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Send an Inquiry"
|
||||
description="Tell us about your plans and we'll respond within 24 hours."
|
||||
@@ -328,41 +229,27 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "The House",
|
||||
href: "#house",
|
||||
},
|
||||
label: "The House", href: "#house"},
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#experience",
|
||||
},
|
||||
label: "Experience", href: "#experience"},
|
||||
{
|
||||
label: "Hvar Island",
|
||||
href: "#hvar",
|
||||
},
|
||||
label: "Hvar Island", href: "#hvar"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "hello@mulberryhousehvar.com",
|
||||
href: "mailto:hello@mulberryhousehvar.com",
|
||||
},
|
||||
label: "hello@mulberryhousehvar.com", href: "mailto:hello@mulberryhousehvar.com"},
|
||||
{
|
||||
label: "+385 XX XXX XXXX",
|
||||
href: "tel:+385000000000",
|
||||
},
|
||||
label: "+385 XX XXX XXXX", href: "tel:+385000000000"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -372,4 +259,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user