Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
241
src/app/page.tsx
241
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Worlds",
|
||||
id: "worlds",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "atmosphere",
|
||||
},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Worlds", id: "worlds" },
|
||||
{ name: "Experience", id: "atmosphere" },
|
||||
{ name: "Reserve", id: "contact" },
|
||||
]}
|
||||
brandName="NOSSO"
|
||||
/>
|
||||
@@ -53,90 +41,39 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="The Ultimate Beach Experience"
|
||||
description=" "
|
||||
imageSrc="http://img.b2bpic.net/free-photo/santa-cruz-beach_181624-193.jpg"
|
||||
imageAlt="Cinematic beach waves"
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-outside-night-street-with-lights_1303-17049.jpg",
|
||||
alt: "Guest portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-woman-summer-city_1157-38866.jpg",
|
||||
alt: "Guest portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/grey-eyed-young-woman-white-blouse-looks-into-camera-elegant-blonde-lady-light-shirt-dark-pants-pearl-necklace-poses-restaurant_197531-23180.jpg",
|
||||
alt: "Guest portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-rooftop-party-portrait_23-2148266896.jpg",
|
||||
alt: "Guest portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girl-laying-suitcase-closeup_23-2148770901.jpg",
|
||||
alt: "Guest portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-outside-night-street-with-lights_1303-17049.jpg", alt: "Guest portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-woman-summer-city_1157-38866.jpg", alt: "Guest portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/grey-eyed-young-woman-white-blouse-looks-into-camera-elegant-blonde-lady-light-shirt-dark-pants-pearl-necklace-poses-restaurant_197531-23180.jpg", alt: "Guest portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-rooftop-party-portrait_23-2148266896.jpg", alt: "Guest portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-girl-laying-suitcase-closeup_23-2148770901.jpg", alt: "Guest portrait" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-shot-green-ocean-waves-with-sandy-seashore_181624-1907.jpg",
|
||||
alt: "Wave",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-overhead-shot-surfers-with-surfboards-clear-blue-sea_181624-1299.jpg",
|
||||
alt: "Sea",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-view-sand-meeting-sea-water-waves_158595-5776.jpg",
|
||||
alt: "Sand",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-view-beach-washed-by-ocean-waves-sunny-day-xeraco-spain_181624-39704.jpg",
|
||||
alt: "Beach",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "NOSSO MARBELLA",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/aerial-shot-green-ocean-waves-with-sandy-seashore_181624-1907.jpg", alt: "Wave" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/vertical-overhead-shot-surfers-with-surfboards-clear-blue-sea_181624-1299.jpg", alt: "Sea" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/aerial-view-sand-meeting-sea-water-waves_158595-5776.jpg", alt: "Sand" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/aerial-view-beach-washed-by-ocean-waves-sunny-day-xeraco-spain_181624-39704.jpg", alt: "Beach" },
|
||||
{ type: "text", text: "NOSSO MARBELLA" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="atmosphere" data-section="atmosphere">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sun,
|
||||
title: "Sun",
|
||||
description: "Luminous coastal vibes.",
|
||||
},
|
||||
{
|
||||
icon: Waves,
|
||||
title: "Sea",
|
||||
description: "Mediterranean turquoise waters.",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Food",
|
||||
description: "Curated culinary excellence.",
|
||||
},
|
||||
{
|
||||
icon: Music,
|
||||
title: "Music",
|
||||
description: "Soulful soundscapes all year.",
|
||||
},
|
||||
{ icon: Sun, title: "Sun", description: "Luminous coastal vibes." },
|
||||
{ icon: Waves, title: "Sea", description: "Mediterranean turquoise waters." },
|
||||
{ icon: Utensils, title: "Food", description: "Curated culinary excellence." },
|
||||
{ icon: Music, title: "Music", description: "Soulful soundscapes all year." },
|
||||
]}
|
||||
title="Sun. Sea. Food. Music. All year round."
|
||||
description=" "
|
||||
@@ -150,34 +87,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "beach",
|
||||
name: "Beach",
|
||||
price: "Experience",
|
||||
variant: "Sun-drenched relaxation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/palm-tree-shadow-pink-beige-walls_23-2151993018.jpg",
|
||||
},
|
||||
{
|
||||
id: "restaurant",
|
||||
name: "Restaurant",
|
||||
price: "Gourmet",
|
||||
variant: "Mediterranean culinary art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-tanned-women-fashionable-clothes-smiling-talking-cozy-street-cafe_197531-18195.jpg",
|
||||
},
|
||||
{
|
||||
id: "bar",
|
||||
name: "Bar",
|
||||
price: "Vibes",
|
||||
variant: "Sunset golden hour",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-elegant-beige-skirt-drinking-orange-beverage-outdoor-cafe_197531-6301.jpg",
|
||||
},
|
||||
{
|
||||
id: "boutique",
|
||||
name: "Boutique",
|
||||
price: "Style",
|
||||
variant: "Curated organic textures",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-woman-sitting-bar-stand-daytime_181624-17097.jpg",
|
||||
},
|
||||
{ id: "beach", name: "Beach", price: "Experience", variant: "Sun-drenched relaxation", imageSrc: "http://img.b2bpic.net/free-photo/palm-tree-shadow-pink-beige-walls_23-2151993018.jpg" },
|
||||
{ id: "restaurant", name: "Restaurant", price: "Gourmet", variant: "Mediterranean culinary art", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-tanned-women-fashionable-clothes-smiling-talking-cozy-street-cafe_197531-18195.jpg" },
|
||||
{ id: "bar", name: "Bar", price: "Vibes", variant: "Sunset golden hour", imageSrc: "http://img.b2bpic.net/free-photo/woman-elegant-beige-skirt-drinking-orange-beverage-outdoor-cafe_197531-6301.jpg" },
|
||||
{ id: "boutique", name: "Boutique", price: "Style", variant: "Curated organic textures", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-woman-sitting-bar-stand-daytime_181624-17097.jpg" },
|
||||
]}
|
||||
title="The Four Worlds"
|
||||
description="Explore the essence of NOSSO."
|
||||
@@ -199,63 +112,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena V.",
|
||||
role: "Traveler",
|
||||
company: "Global",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-eating-sushi_107420-65727.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc L.",
|
||||
role: "Journalist",
|
||||
company: "Lifestyle",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wrapped-towel-drinking-coffee_1153-4065.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia R.",
|
||||
role: "Artist",
|
||||
company: "Creative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-holding-binoculars_107420-9646.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian S.",
|
||||
role: "Designer",
|
||||
company: "Luxury",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-brunette-woman-beige-outfit-with-straw-bag-hat-gently-touches-her-neck-young-lady-stylish-outfit-enjoys-sea-view_197531-30081.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Clara M.",
|
||||
role: "Influencer",
|
||||
company: "Fashion",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-drinking-wine-rooftop-dawn_23-2148266897.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elena V.", role: "Traveler", company: "Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-eating-sushi_107420-65727.jpg" },
|
||||
{ id: "2", name: "Marc L.", role: "Journalist", company: "Lifestyle", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wrapped-towel-drinking-coffee_1153-4065.jpg" },
|
||||
{ id: "3", name: "Sofia R.", role: "Artist", company: "Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-holding-binoculars_107420-9646.jpg" },
|
||||
{ id: "4", name: "Julian S.", role: "Designer", company: "Luxury", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/curly-brunette-woman-beige-outfit-with-straw-bag-hat-gently-touches-her-neck-young-lady-stylish-outfit-enjoys-sea-view_197531-30081.jpg" },
|
||||
{ id: "5", name: "Clara M.", role: "Influencer", company: "Fashion", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-drinking-wine-rooftop-dawn_23-2148266897.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "365",
|
||||
label: "Days of Sun",
|
||||
},
|
||||
{
|
||||
value: "5★",
|
||||
label: "Experience",
|
||||
},
|
||||
{ value: "100%", label: "Satisfaction" },
|
||||
{ value: "365", label: "Days of Sun" },
|
||||
{ value: "5★", label: "Experience" },
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Moments redefined."
|
||||
@@ -265,9 +135,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Reserve your spot"
|
||||
description="Join us at the edge of the sea."
|
||||
mediaAnimation="slide-up"
|
||||
@@ -282,42 +150,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Experience",
|
||||
items: [
|
||||
{
|
||||
label: "Beach",
|
||||
href: "#worlds",
|
||||
},
|
||||
{
|
||||
label: "Restaurant",
|
||||
href: "#worlds",
|
||||
},
|
||||
title: "Experience", items: [
|
||||
{ label: "Beach", href: "#worlds" },
|
||||
{ label: "Restaurant", href: "#worlds" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Reservations", href: "#contact" },
|
||||
{ label: "Events", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -327,4 +174,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user