Update src/app/page.tsx
This commit is contained in:
227
src/app/page.tsx
227
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
name: "Experience", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mangrove Beach"
|
||||
/>
|
||||
@@ -54,107 +46,59 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Escape to Mangrove Beach"
|
||||
description="Discover a paradise where lush mangrove forests meet pristine sandy shores. Experience luxury, tranquility, and nature in perfect harmony."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
handle: "@traveler",
|
||||
testimonial: "An incredible experience, absolutely peaceful!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-trees-exterior-sky-tree_1203-5267.jpg?_wi=1",
|
||||
imageAlt: "luxurious beach resort sunset",
|
||||
},
|
||||
name: "Alice M.", handle: "@traveler", testimonial: "An incredible experience, absolutely peaceful!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-trees-exterior-sky-tree_1203-5267.jpg", imageAlt: "luxurious beach resort sunset"},
|
||||
{
|
||||
name: "Bob D.",
|
||||
handle: "@guest",
|
||||
testimonial: "The best resort I have visited in years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-black-crowned-night-heron-called-nycticorax-wood_181624-32450.jpg",
|
||||
imageAlt: "pristine sandy beach resort",
|
||||
},
|
||||
name: "Bob D.", handle: "@guest", testimonial: "The best resort I have visited in years.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-black-crowned-night-heron-called-nycticorax-wood_181624-32450.jpg", imageAlt: "pristine sandy beach resort"},
|
||||
{
|
||||
name: "Clara S.",
|
||||
handle: "@natureLover",
|
||||
testimonial: "Nature and luxury perfectly blended together.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-beds-with-sea-view_1137-126.jpg?_wi=1",
|
||||
imageAlt: "outdoor swimming pool resort",
|
||||
},
|
||||
name: "Clara S.", handle: "@natureLover", testimonial: "Nature and luxury perfectly blended together.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-beds-with-sea-view_1137-126.jpg", imageAlt: "outdoor swimming pool resort"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@vacationer",
|
||||
testimonial: "Beautiful scenery and top-notch service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-reception-room-with-decorated-table-setting-sea-view-through-window_637285-984.jpg?_wi=1",
|
||||
imageAlt: "fine dining resort restaurant",
|
||||
},
|
||||
name: "David W.", handle: "@vacationer", testimonial: "Beautiful scenery and top-notch service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-reception-room-with-decorated-table-setting-sea-view-through-window_637285-984.jpg", imageAlt: "fine dining resort restaurant"},
|
||||
{
|
||||
name: "Eve L.",
|
||||
handle: "@blogger",
|
||||
testimonial: "A dream destination for relaxation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-back-female-swimming-water_181624-33405.jpg?_wi=1",
|
||||
imageAlt: "spa massage treatment room",
|
||||
},
|
||||
name: "Eve L.", handle: "@blogger", testimonial: "A dream destination for relaxation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-back-female-swimming-water_181624-33405.jpg", imageAlt: "spa massage treatment room"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Stay", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/travel-trees-exterior-sky-tree_1203-5267.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/travel-trees-exterior-sky-tree_1203-5267.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-enjoying-beach-view_23-2148614849.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-enjoying-beach-view_23-2148614849.jpg", alt: "Guest 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-spanish-attractive-young-male-stylish-clothes-making-toast-with-glass-cocktail_181624-61035.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-spanish-attractive-young-male-stylish-clothes-making-toast-with-glass-cocktail_181624-61035.jpg", alt: "Guest 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-with-cheerful-expression-dressed-fashionable-blouse-summer-hat-keeps-hands-head_273609-2340.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-with-cheerful-expression-dressed-fashionable-blouse-summer-hat-keeps-hands-head_273609-2340.jpg", alt: "Guest 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-stylish-young-having-fun-while-celebrating-new-year-corporate-party-dressed-like-santa-claus-smiling-happily-camera_273609-19197.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-stylish-young-having-fun-while-celebrating-new-year-corporate-party-dressed-like-santa-claus-smiling-happily-camera_273609-19197.jpg", alt: "Guest 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/extreme-sports-healthy-lifestyle-concept-close-up-view-happy-smiling-young-bearded-surfer-carrying-surfboard-his-head-his-way-ocean_273609-1543.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/extreme-sports-healthy-lifestyle-concept-close-up-view-happy-smiling-young-bearded-surfer-carrying-surfboard-his-head-his-way-ocean_273609-1543.jpg", alt: "Guest 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-friendly",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Eco-friendly", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Private Beach",
|
||||
icon: Waves,
|
||||
type: "text-icon", text: "Private Beach", icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Luxury Spa",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Luxury Spa", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fine Dining",
|
||||
icon: Utensils,
|
||||
type: "text-icon", text: "Fine Dining", icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Concierge",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Concierge", icon: Clock,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -166,9 +110,7 @@ export default function LandingPage() {
|
||||
title="Sustainable Luxury at the Shore"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore More", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -180,64 +122,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Infinity Pool",
|
||||
description: "Relax in our crystal clear infinity pool overlooking the ocean.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-beds-with-sea-view_1137-126.jpg?_wi=2",
|
||||
},
|
||||
title: "Infinity Pool", description: "Relax in our crystal clear infinity pool overlooking the ocean.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-enjoying-beach-view_23-2148614849.jpg", imageAlt: "happy guest portrait smiling"},
|
||||
items: [
|
||||
{
|
||||
icon: Waves,
|
||||
text: "Ocean views",
|
||||
},
|
||||
text: "Ocean views"},
|
||||
{
|
||||
icon: Sun,
|
||||
text: "Sun deck",
|
||||
},
|
||||
text: "Sun deck"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-enjoying-beach-view_23-2148614849.jpg?_wi=1",
|
||||
imageAlt: "happy guest portrait smiling",
|
||||
},
|
||||
{
|
||||
title: "Gourmet Dining",
|
||||
description: "Savor fresh seafood and international cuisine by the beach.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-reception-room-with-decorated-table-setting-sea-view-through-window_637285-984.jpg?_wi=2",
|
||||
},
|
||||
title: "Gourmet Dining", description: "Savor fresh seafood and international cuisine by the beach.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-spanish-attractive-young-male-stylish-clothes-making-toast-with-glass-cocktail_181624-61035.jpg", imageAlt: "couple enjoying beach vacation"},
|
||||
items: [
|
||||
{
|
||||
icon: Utensils,
|
||||
text: "Fresh local food",
|
||||
},
|
||||
text: "Fresh local food"},
|
||||
{
|
||||
icon: Wine,
|
||||
text: "Sunset bar",
|
||||
},
|
||||
text: "Sunset bar"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-spanish-attractive-young-male-stylish-clothes-making-toast-with-glass-cocktail_181624-61035.jpg?_wi=1",
|
||||
imageAlt: "couple enjoying beach vacation",
|
||||
},
|
||||
{
|
||||
title: "Serene Spa",
|
||||
description: "Rejuvenate with organic treatments inspired by coastal elements.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-back-female-swimming-water_181624-33405.jpg?_wi=2",
|
||||
},
|
||||
title: "Serene Spa", description: "Rejuvenate with organic treatments inspired by coastal elements.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-cheerful-expression-dressed-fashionable-blouse-summer-hat-keeps-hands-head_273609-2340.jpg", imageAlt: "business traveler resort portrait"},
|
||||
items: [
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Natural ingredients",
|
||||
},
|
||||
text: "Natural ingredients"},
|
||||
{
|
||||
icon: Smile,
|
||||
text: "Expert massage",
|
||||
},
|
||||
text: "Expert massage"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-cheerful-expression-dressed-fashionable-blouse-summer-hat-keeps-hands-head_273609-2340.jpg?_wi=1",
|
||||
imageAlt: "business traveler resort portrait",
|
||||
},
|
||||
]}
|
||||
title="Unrivaled Amenities"
|
||||
@@ -252,40 +173,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Traveler",
|
||||
testimonial: "Simply magical. The best view ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-enjoying-beach-view_23-2148614849.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Alice M.", role: "Traveler", testimonial: "Simply magical. The best view ever.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-enjoying-beach-view_23-2148614849.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob D.",
|
||||
role: "Guest",
|
||||
testimonial: "Impeccable service and beautiful rooms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-spanish-attractive-young-male-stylish-clothes-making-toast-with-glass-cocktail_181624-61035.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Bob D.", role: "Guest", testimonial: "Impeccable service and beautiful rooms.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-spanish-attractive-young-male-stylish-clothes-making-toast-with-glass-cocktail_181624-61035.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Clara S.",
|
||||
role: "Nature Lover",
|
||||
testimonial: "My soul feels refreshed after this trip.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-cheerful-expression-dressed-fashionable-blouse-summer-hat-keeps-hands-head_273609-2340.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Clara S.", role: "Nature Lover", testimonial: "My soul feels refreshed after this trip.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-cheerful-expression-dressed-fashionable-blouse-summer-hat-keeps-hands-head_273609-2340.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Vacationer",
|
||||
testimonial: "Everything was perfect, highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-young-having-fun-while-celebrating-new-year-corporate-party-dressed-like-santa-claus-smiling-happily-camera_273609-19197.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", role: "Vacationer", testimonial: "Everything was perfect, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-young-having-fun-while-celebrating-new-year-corporate-party-dressed-like-santa-claus-smiling-happily-camera_273609-19197.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve L.",
|
||||
role: "Blogger",
|
||||
testimonial: "The best stay I've ever had in a resort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-sports-healthy-lifestyle-concept-close-up-view-happy-smiling-young-bearded-surfer-carrying-surfboard-his-head-his-way-ocean_273609-1543.jpg",
|
||||
},
|
||||
id: "5", name: "Eve L.", role: "Blogger", testimonial: "The best stay I've ever had in a resort.", imageSrc: "http://img.b2bpic.net/free-photo/extreme-sports-healthy-lifestyle-concept-close-up-view-happy-smiling-young-bearded-surfer-carrying-surfboard-his-head-his-way-ocean_273609-1543.jpg"},
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear from our happy guests."
|
||||
@@ -296,14 +192,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Are you ready for the ultimate beach escape? Get in touch today to reserve your villa and start your journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@mangrovebeach.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:info@mangrovebeach.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -312,33 +205,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Amenities",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Amenities", href: "#features"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user