development/22cf0418-65cc-4c2f-913e-c6f4f83f7c5b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
development
2026-01-17 17:30:06 +00:00
parent c2e37b5cdf
commit 37d0986dcf
1 changed files with 114 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

227
src/app/page.tsx
View File

@@ -10,139 +10,140 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Leaf, Crown, Sparkles, Waves, TrendingUp, Heart, HelpCircle } from 'lucide-react'; import { Sparkles, Waves, TrendingUp, Heart, HelpCircle } from 'lucide-react';
export default function LuxuryJungleEscapePage() { export default function WellnessLoungePage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="directional-hover" defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight" defaultTextAnimation="background-highlight"
borderRadius="rounded" borderRadius="pill"
contentWidth="medium" contentWidth="smallMedium"
sizing="largeSizeMediumTitles" sizing="largeSmallSizeMediumTitles"
background="floatingGradient" background="none"
cardStyle="gradient-mesh" cardStyle="soft-shadow"
primaryButtonStyle="inset-glow" primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered" secondaryButtonStyle="radial-glow"
headingFontWeight="bold" headingFontWeight="semibold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
brandName="Luxury Jungle Escape" brandName="Wellness Lounge"
navItems={[ navItems={[
{ name: "Experiences", id: "services" }, { name: "Services", id: "services" },
{ name: "The Retreat", id: "about" }, { name: "Experience", id: "experience" },
{ name: "Amenities", id: "experience" }, { name: "Testimonials", id: "testimonials" },
{ name: "Guest Stories", id: "testimonials" }, { name: "FAQ", id: "faq" },
{ name: "Information", id: "faq" }, { name: "Contact", id: "contact" }
{ name: "Reservations", id: "contact" }
]} ]}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
title="Welcome to Luxury Redefined" title="Welcome to a Calm Escape"
description="Escape into a world where modern sophistication meets untamed natural beauty. Our exclusive jungle mansion retreat offers unparalleled luxury, world-class amenities, and transformative experiences in a setting of extraordinary elegance and serenity." description="Find yourself in a state of serenity at Wellness Lounge Day Spa. Located on the beautiful grounds of the Hyatt Regency in Mission Bay, we offer luxury steam rooms, relaxation lounges, massages, facials, body treatments, and private yoga by the bay."
tag="Exclusive Luxury Retreat" tag="Luxury Spa Retreat"
tagIcon={Crown} tagIcon={Sparkles}
buttons={[ buttons={[
{ text: "Reserve Your Escape", href: "#contact" }, { text: "Book Your Escape", href: "#contact" },
{ text: "Explore Experiences", href: "#services" } { text: "Explore Services", href: "#services" }
]} ]}
carouselItems={[ carouselItems={[
{ {
id: "1", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Modern luxury mansion overlooking jungle canopy" id: "1", imageSrc: "https://img.b2bpic.net/free-photo/amazing-view-waterfall_72229-1274.jpg", imageAlt: "Flowing waterfall with mist"
}, },
{ {
id: "2", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Sophisticated interior with natural wood and stone" id: "2", imageSrc: "https://img.b2bpic.net/free-photo/serene-spa-room_23-2151934180.jpg", imageAlt: "Luxury spa interior with tropical plants"
}, },
{ {
id: "3", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Infinity pool merging with jungle landscape" id: "3", imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg", imageAlt: "Relaxing massage therapy session"
}, },
{ {
id: "4", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Luxury spa sanctuary with waterfall features" id: "4", imageSrc: "https://img.b2bpic.net/free-photo/woman-sauna-with-towels-her-hands-closeup_169016-22725.jpg", imageAlt: "Serene steam room facility"
}, },
{ {
id: "5", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Private dining pavilion overlooking nature" id: "5", imageSrc: "https://img.b2bpic.net/free-photo/smiling-female-athlete-doing-stretching-exercise-cobra-pose-rocky-beach-sunset-copy-space_637285-5493.jpg", imageAlt: "Peaceful yoga session with bay view"
}, },
{ {
id: "6", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Evening ambiance with elegant lighting and tropical setting" id: "6", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-scenery-powerful-waterfall-new-zealand-fjords_181624-18704.jpg", imageAlt: "Tropical jungle foliage"
} }
]} ]}
autoPlay={true} autoPlay={true}
autoPlayInterval={5000} autoPlayInterval={4000}
ariaLabel="Luxury Jungle Escape hero section with mansion imagery carousel" containerClassName="w-full"
titleClassName="text-8xl md:text-9xl font-bold"
ariaLabel="Wellness Lounge hero section with spa imagery carousel"
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
heading={[ heading={[
{ type: "text", content: "A Sanctuary of" }, { type: "text", content: "Serenity and Relaxation" },
{ type: "image", src: "/placeholders/placeholder1.webp", alt: "Elegant leaf motif" }, { type: "image", src: "https://img.b2bpic.net/free-photo/beautiful-scenery-powerful-waterfall-new-zealand-fjords_181624-18704.jpg", alt: "Tropical leaves" },
{ type: "text", content: "Modern Elegance" } { type: "text", content: "on the Bay" }
]} ]}
useInvertedBackground="noInvert" useInvertedBackground="invertDefault"
buttons={[ buttons={[
{ text: "Discover the Retreat", href: "#services" }, { text: "Discover Our Facilities", href: "#services" },
{ text: "Plan Your Visit", href: "#contact" } { text: "Book Online", href: "#contact" }
]} ]}
ariaLabel="About our luxury jungle escape mansion retreat" ariaLabel="About Wellness Lounge Day Spa"
/> />
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureCardTwentyOne <FeatureCardTwentyOne
title="Curated Experiences" title="Our Luxurious Services"
description="Immerse yourself in bespoke luxury experiences designed for the most discerning travelers. From rejuvenating wellness rituals to gourmet culinary journeys, each moment is crafted to exceed expectations." description="Experience a comprehensive range of wellness treatments designed to rejuvenate your mind, body, and spirit in our serene sanctuary."
tag="Premium Amenities" tag="Spa Services"
tagIcon={Sparkles} tagIcon={Waves}
imageSrc="/placeholders/placeholder1.webp" imageSrc="https://img.b2bpic.net/free-photo/serene-spa-room_23-2151934180.jpg"
imageAlt="Luxury wellness spa with natural materials and ambient lighting" imageAlt="Luxury spa with plants and natural elements"
mediaPosition="right" mediaPosition="left"
useInvertedBackground="invertDefault" useInvertedBackground="noInvert"
accordionItems={[ accordionItems={[
{ {
id: "1", title: "Private Spa & Wellness", content: "Experience world-class spa treatments in our open-air sanctuary. Ancient healing traditions meet modern luxury with organic products, expert therapists, and a setting that soothes the soul." id: "1", title: "Massage Therapy", content: "Indulge in our signature massage treatments designed to release tension and promote deep relaxation. From Swedish massage to hot stone therapy, our expert therapists use natural techniques to melt away stress."
}, },
{ {
id: "2", title: "Gourmet Culinary Arts", content: "Our Michelin-trained chefs craft personalized menus using finest ingredients and locally-sourced jungle botanicals. Dine in intimate settings with natural vistas or private pavilions overlooking the landscape." id: "2", title: "Facials & Skincare", content: "Rejuvenate your skin with our luxurious facial treatments. Using natural and organic products, we customize each facial to your skin's unique needs, leaving you with a radiant, glowing complexion."
}, },
{ {
id: "3", title: "Infinity Pools & Water Gardens", content: "Dive into luxury at our private infinity pools that seem to merge with the jungle. Natural thermal springs and cascading waterfall features create an immersive aquatic paradise." id: "3", title: "Body Scrubs & Wraps", content: "Exfoliate and nourish your skin with our mineral-rich body scrubs and purifying body wraps. These treatments use natural ingredients to leave your skin soft, smooth, and refreshed."
}, },
{ {
id: "4", title: "Guided Nature Journeys", content: "Expert naturalists lead exclusive excursions through pristine jungle trails, wildlife viewing, botanical explorations, and transformative forest bathing sessions in complete harmony with nature." id: "4", title: "Steam Room & Lounge", content: "Relax in our luxury steam rooms and private relaxation lounges. Enjoy the therapeutic benefits of steam therapy in a peaceful, tranquil environment overlooking Mission Bay."
}, },
{ {
id: "5", title: "Luxury Accommodations", content: "Each suite is a masterpiece of modern architecture seamlessly integrated into the landscape. Private pools, premium bedding, smart home technology, and panoramic views define our world-class rooms." id: "5", title: "Yoga & Wellness", content: "Join our group yoga classes or book a private session by the bay. Our certified instructors guide you through rejuvenating practices that align mind, body, and spirit in our peaceful setting."
} }
]} ]}
buttons={[ buttons={[
{ text: "Book Your Experience", href: "#contact" } { text: "Book Your Treatment", href: "#contact" }
]} ]}
ariaLabel="Premium luxury experiences and amenities" ariaLabel="Wellness services and treatments"
/> />
</div> </div>
<div id="experience" data-section="experience"> <div id="experience" data-section="experience">
<MetricCardTwo <MetricCardTwo
title="The Luxury Difference" title="Our Impact"
description="Our commitment to excellence is reflected in every aspect of your stay, from personalized service to architectural innovation and environmental stewardship." description="Join thousands of guests who have experienced transformation and peace at Wellness Lounge Day Spa."
tag="By The Numbers" tag="By The Numbers"
tagIcon={TrendingUp} tagIcon={TrendingUp}
metrics={[ metrics={[
{ id: "1", value: "5000+", description: "Hours of Design Craftsmanship" }, { id: "1", value: "10K+", description: "Satisfied Guests" },
{ id: "2", value: "98%", description: "Guest Return Rate" }, { id: "2", value: "15+", description: "Years of Excellence" },
{ id: "3", value: "24/7", description: "Concierge Excellence" }, { id: "3", value: "98%", description: "Guest Satisfaction" },
{ id: "4", value: "20+", description: "Bespoke Services" } { id: "4", value: "50+", description: "Wellness Treatments" }
]} ]}
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
animationType="blur-reveal" animationType="scale-rotate"
textboxLayout="default" textboxLayout="default"
useInvertedBackground="noInvert" useInvertedBackground="invertDefault"
ariaLabel="Luxury retreat excellence metrics" ariaLabel="Wellness Lounge impact metrics"
/> />
</div> </div>
@@ -150,122 +151,122 @@ export default function LuxuryJungleEscapePage() {
<TestimonialCardTwelve <TestimonialCardTwelve
testimonials={[ testimonials={[
{ {
id: "1", name: "Alexandra Sterling", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Alexandra Sterling" id: "1", name: "Sarah Johnson", imageSrc: "https://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206146.jpg", imageAlt: "Sarah Johnson"
}, },
{ {
id: "2", name: "Victoria Beaumont", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Victoria Beaumont" id: "2", name: "Michelle Chen", imageSrc: "https://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206225.jpg", imageAlt: "Michelle Chen"
}, },
{ {
id: "3", name: "Natasha Mendez", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Natasha Mendez" id: "3", name: "Jessica Martinez", imageSrc: "https://img.b2bpic.net/free-photo/attractive-woman-just-has-taken-shower_329181-7867.jpg", imageAlt: "Jessica Martinez"
}, },
{ {
id: "4", name: "Catherine Laurent", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Catherine Laurent" id: "4", name: "Amanda Williams", imageSrc: "https://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73977.jpg", imageAlt: "Amanda Williams"
} }
]} ]}
cardTitle="Discover why the world's most discerning travelers choose our exclusive jungle escape for transformative luxury experiences." cardTitle="Over 10,000 guests trust us to deliver exceptional spa experiences and complete wellness rejuvenation"
cardTag="Guest Testimonials" cardTag="See what they say"
cardTagIcon={Heart} cardTagIcon={Heart}
useInvertedBackground="invertDefault" useInvertedBackground="noInvert"
ariaLabel="Luxury guest testimonials and experiences" ariaLabel="Guest testimonials and reviews"
/> />
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqSplitMedia
title="Planning Your Escape" title="Frequently Asked Questions"
description="Find comprehensive information about reservations, accommodations, services, and what to expect during your luxury jungle retreat experience." description="Find answers to common questions about our spa services, hours, and wellness experiences."
tag="Frequently Asked" tag="Help & Support"
tagIcon={HelpCircle} tagIcon={HelpCircle}
imageSrc="/placeholders/placeholder1.webp" imageSrc="https://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel-outdoors_23-2149037120.jpg"
imageAlt="Tranquil jungle pool with ambient evening lighting" imageAlt="Peaceful spa relaxation environment"
mediaPosition="left" mediaPosition="right"
textboxLayout="default" textboxLayout="default"
useInvertedBackground="noInvert" useInvertedBackground="invertDefault"
animationType="smooth" animationType="smooth"
faqs={[ faqs={[
{ {
id: "1", title: "What is the best time to visit?", content: "Our retreat operates year-round with each season offering unique experiences. Dry season (November-April) provides clear skies and optimal wildlife viewing. Wet season (May-October) showcases dramatic jungle verdancy and offers exclusive rates for adventurous travelers." id: "1", title: "What are your spa hours?", content: "<strong>Monday-Wednesday:</strong> Closed / By Appointment Only 12-6pm<br><strong>Thursday-Friday:</strong> 12-6pm<br><strong>Saturday:</strong> 10am-6pm<br><strong>Sunday:</strong> 10am-4pm<br><br>Facilities open 7am-10pm for members."
}, },
{ {
id: "2", title: "How do I make a reservation?", content: "Reservations can be made through our website, by calling our concierge team at +1-800-LUXURY-1, or via email at reservations@luxuryjungleescape.com. We recommend booking 3-6 months in advance for peak seasons. Our team handles all arrangements including flights." id: "2", title: "How do I book a treatment?", content: "You can book online through our website, call us at 858-342-9444, or email us at wellnessloungedayspa@gmail.com. We recommend booking in advance, especially for weekend appointments."
}, },
{ {
id: "3", title: "What are your accommodation options?", content: "We offer five exquisite suite categories: Forest View Suites, Jungle Premier Suites with private infinity pools, The Mansion Master Suite, and exclusive private villas. Each features cutting-edge amenities, bespoke décor, and unparalleled natural vistas." id: "3", title: "What should I bring to my appointment?", content: "Please arrive 10-15 minutes early. Bring your ID and any relevant medical information. We provide robes, towels, and slippers. Feel free to bring personal items, but we recommend leaving valuables at home."
}, },
{ {
id: "4", title: "Are meals included in my stay?", content: "Gourmet breakfast and afternoon tea are complimentary. Lunch and dinner can be customized through our à la carte menu or arranged as multi-course tasting menus. Dietary preferences and restrictions are accommodated with advance notice." id: "4", title: "Do you offer gift cards?", content: "Yes! Our gift cards are the perfect present for anyone seeking wellness and relaxation. Available in various denominations, they can be purchased online or by calling us directly."
}, },
{ {
id: "5", title: "What activities and excursions are available?", content: "Activities include guided jungle treks, wildlife photography safaris, spa treatments, yoga sessions, culinary classes, private pool time, wellness consultations, and bespoke adventure planning. All activities are customized to your preferences and fitness level." id: "5", title: "Can we book group spa parties?", content: "Absolutely! We offer spa party packages for groups. Contact us to customize your experience with friends, family, or colleagues. Minimum group sizes and advance booking required."
}, },
{ {
id: "6", title: "Is transportation provided?", content: "Yes. Complimentary transportation from the nearest international airport is included. We arrange helicopter transfers, private car services, and guided journey options to make your arrival seamless and memorable." id: "6", title: "Do you offer corporate wellness programs?", content: "Yes, we provide corporate wellness packages including yoga classes, team spa treatments, and relaxation lounge access. Contact us to discuss customized options for your organization."
} }
]} ]}
ariaLabel="FAQ about luxury retreat reservations and services" ariaLabel="FAQ about Wellness Lounge services and policies"
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
title="Begin Your Transformation" title="Begin Your Journey"
description="Ready to escape into unparalleled luxury? Contact our concierge team to reserve your exclusive jungle mansion experience. We'll curate every detail of your unforgettable retreat." description="Ready to escape into serenity? Contact us to book your wellness experience or inquire about our services. We're here to help you find your calm."
inputs={[ inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "dates", type: "text", placeholder: "Preferred Dates", required: false }, { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
{ name: "interests", type: "text", placeholder: "Interests & Preferences", required: false } { name: "service", type: "text", placeholder: "Service of Interest", required: false }
]} ]}
textarea={{ name: "message", placeholder: "Tell us about your vision for the perfect luxury escape...", rows: 5, required: true }} textarea={{ name: "message", placeholder: "Tell us about your wellness goals or questions...", rows: 5, required: true }}
useInvertedBackground="invertDefault" useInvertedBackground="noInvert"
imageSrc="/placeholders/placeholder1.webp" imageSrc="https://img.b2bpic.net/free-photo/long-exposure-waterfall-colorful-forest_181624-14193.jpg"
imageAlt="Moonlit mansion courtyard with sophisticated ambient lighting" imageAlt="Natural stone spa texture"
mediaPosition="right" mediaPosition="right"
buttonText="Reserve Your Escape" buttonText="Begin Your Escape"
ariaLabel="Contact form to reserve luxury jungle escape experience" ariaLabel="Contact form to book spa treatments"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
logoText="Luxury Jungle Escape" logoText="Wellness Lounge"
columns={[ columns={[
{ {
items: [ items: [
{ label: "Experiences", href: "services" }, { label: "Services", href: "services" },
{ label: "Accommodations", href: "about" }, { label: "Facilities", href: "experience" },
{ label: "Amenities", href: "experience" }, { label: "Gift Cards", href: "services" },
{ label: "Reservations", href: "contact" } { label: "Book Online", href: "contact" }
] ]
}, },
{ {
items: [ items: [
{ label: "Wellness & Spa", href: "services" }, { label: "Spa Parties", href: "services" },
{ label: "Culinary Excellence", href: "services" }, { label: "Yoga Classes", href: "services" },
{ label: "Nature Journeys", href: "services" }, { label: "Corporate Wellness", href: "services" },
{ label: "Concierge Services", href: "contact" } { label: "Group Rates", href: "contact" }
] ]
}, },
{ {
items: [ items: [
{ label: "Jungle Sanctuary Location" }, { label: "1441 Quivira Rd", href: "#" },
{ label: "Costa Rica" }, { label: "San Diego, CA 92109", href: "#" },
{ label: "+1-800-LUXURY-1", href: "tel:+1-800-LUXURY-1" }, { label: "858-342-9444", href: "tel:858-342-9444" },
{ label: "reservations@luxuryjungleescape.com", href: "mailto:reservations@luxuryjungleescape.com" } { label: "wellnessloungedayspa@gmail.com", href: "mailto:wellnessloungedayspa@gmail.com" }
] ]
}, },
{ {
items: [ items: [
{ label: "Instagram", href: "https://instagram.com/luxuryjungleescape" }, { label: "Instagram", href: "https://instagram.com/wellnesslounge_dayspa" },
{ label: "Policies" }, { label: "Spa Policies", href: "services" },
{ label: "Privacy" }, { label: "Privacy Policy", href: "#" },
{ label: "Sustainability" } { label: "Contact", href: "contact" }
] ]
} }
]} ]}
ariaLabel="Luxury Jungle Escape footer navigation" ariaLabel="Wellness Lounge footer navigation"
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }