298 lines
17 KiB
TypeScript
298 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Bell, Droplets, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "Rooms & Suites", id: "#rooms"},
|
|
{
|
|
name: "Amenities", id: "#amenities"},
|
|
{
|
|
name: "Reviews", id: "#reviews"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uexwts"
|
|
logoAlt="Apart Hotel Amelia Logo"
|
|
brandName="Apart Hotel Amelia"
|
|
button={{
|
|
text: "Book Now", href: "#booking"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Paradise Awaits—Luxury Redefined in Buea"
|
|
description="Experience a touch of class at Amelia, where world-class amenities meet genuine hospitality. Discover why guests return again and again."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-sitting-arena-seats-talking-phone_1303-24907.jpg", alt: "Happy guest Sarah"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/couple-sitting-together-chair-safari-vacation_107420-9673.jpg", alt: "Relaxing guest Michael"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-night-dress-sitting-edge-pool-holding-champagne-house-daytime_176474-4936.jpg", alt: "Content guest Emily"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-mother-have-vacation-with-her-kid-both-wearing-swimsuits-sitting-soft-sunbed-with-cocktail-summer-holidays-concept-family-relationship-european_1157-49352.jpg", alt: "Smiling guest David"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-black-evening-dress-with-glass-wine-tropical-balcony_343596-3761.jpg", alt: "Adventurous traveler Alex"},
|
|
]}
|
|
avatarText="Join our satisfied guests"
|
|
buttons={[
|
|
{
|
|
text: "Reserve Your Paradise", href: "#booking"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548572.jpg", alt: "Elegant hotel lobby"},
|
|
{
|
|
type: "text-icon", text: "Gourmet Dining", icon: Utensils,
|
|
},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/man-practicing-yoga-position-by-pool-outside_23-2148732862.jpg", alt: "Luxurious spa"},
|
|
{
|
|
type: "text-icon", text: "Infinity Pool", icon: Droplets,
|
|
},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337730.jpg", alt: "Executive suite"},
|
|
{
|
|
type: "text-icon", text: "Personalized Service", icon: Bell,
|
|
},
|
|
]}
|
|
marqueeSpeed={30}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "room-std", name: "Standard Deluxe Room", price: "$250/night", variant: "Queen Bed, City View", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-interior-bedroom_74190-11182.jpg", imageAlt: "Standard Deluxe Room"},
|
|
{
|
|
id: "room-exec", name: "Executive Suite", price: "$400/night", variant: "King Bed, Mountain View", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg", imageAlt: "Executive Suite"},
|
|
{
|
|
id: "room-aprt", name: "Serviced Apartment", price: "$600/night", variant: "Two Bedrooms, Kitchenette", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683481.jpg", imageAlt: "Serviced Apartment"},
|
|
{
|
|
id: "room-fam", name: "Family Haven Suite", price: "$750/night", variant: "Connecting Rooms, Garden Access", imageSrc: "http://img.b2bpic.net/free-photo/chambermaid-sitting-bed-making-call-hotel-telephone_23-2148033236.jpg", alt: "Family Haven Suite"},
|
|
{
|
|
id: "room-ph", name: "Amelia Penthouse", price: "$1200/night", variant: "Private Terrace, Panoramic Views", imageSrc: "http://img.b2bpic.net/free-photo/city-building-with-rusty-surface_23-2148814156.jpg", imageAlt: "Amelia Penthouse"},
|
|
{
|
|
id: "room-btq", name: "Boutique Signature Room", price: "$300/night", variant: "Unique Decor, Cozy Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/homely-cozy-spring-interior-living-room_169016-1684.jpg", imageAlt: "Boutique Signature Room"},
|
|
]}
|
|
title="Our Exquisite Rooms & Suites"
|
|
description="Indulge in unparalleled comfort and elegance. Each space is meticulously designed to offer a serene escape with panoramic views and bespoke amenities."
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Gourmet Dining Experience", description: "Savor exquisite local and international cuisine prepared by our award-winning chefs in our elegant restaurant or through bespoke room service.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-arrangement_23-2148510870.jpg", imageAlt: "Fine dining at the hotel restaurant"},
|
|
{
|
|
title: "Rejuvenating Spa & Wellness", description: "Indulge in a holistic wellness journey with our serene spa, state-of-the-art fitness center, and a beautiful infinity pool overlooking the mountains.", imageSrc: "http://img.b2bpic.net/free-photo/interior-wooden-russian-bath-with-traditional-items-use_169016-4337.jpg", imageAlt: "Luxury spa and wellness center"},
|
|
{
|
|
title: "Dedicated Concierge Service", description: "Our attentive concierge team is available 24/7 to assist with personalized itineraries, transportation, and any special requests to enhance your stay.", imageSrc: "http://img.b2bpic.net/free-photo/receptionists-work-elegant-suits_23-2149714422.jpg", imageAlt: "Hotel concierge assisting a guest"},
|
|
{
|
|
title: "Executive Business Facilities", description: "Stay productive with our fully equipped business center, high-speed Wi-Fi, and private meeting rooms, ensuring seamless corporate travel.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-wedding-candles_1157-17841.jpg", imageAlt: "Modern business center in hotel"},
|
|
]}
|
|
title="World-Class Amenities & Personalized Services"
|
|
description="From rejuvenating spa treatments to gourmet dining, every detail at Apart Hotel Amelia is crafted for your utmost pleasure and convenience. Experience luxury tailored to your desires."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "CEO, Global Ventures", company: "Global Ventures", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6176.jpg", imageAlt: "Sarah Johnson"},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Tech Entrepreneur", company: "Innovate Solutions", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-waiter-showing-guests-menu-digital-tablet-while-helping-them-decide-what-order-outdoor-restaurant_637285-545.jpg", imageAlt: "Michael Chen"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Travel Blogger", company: "Wanderlust Chronicles", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-talking-drinking-coconut-milk-by-pool-vacation_23-2149369763.jpg", imageAlt: "Emily Rodriguez"},
|
|
{
|
|
id: "4", name: "David Kim", role: "Architect", company: "Studio Arch", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-bathrobe-by-window-home_1303-20243.jpg", imageAlt: "David Kim"},
|
|
{
|
|
id: "5", name: "Jessica Lee", role: "Luxury Consultant", company: "Elite Experiences", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-smiling-drinking-cocktails-lying-chaises-near-swimming-pool_176420-4049.jpg", imageAlt: "Jessica Lee"},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear directly from those who have experienced the magic of Apart Hotel Amelia. Your paradise awaits, as affirmed by our cherished guests."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"http://img.b2bpic.net/free-vector/5-star-logo-template-design_23-2150330953.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-oasis-logo-template_52683-85009.jpg", "http://img.b2bpic.net/free-vector/colorful-plane-silhouettes_1025-54.jpg", "http://img.b2bpic.net/free-photo/top-view-world-tourism-day-logos_23-2148608834.jpg", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x1cag7", "http://img.b2bpic.net/free-vector/geometric-hotel-logos-vintage-style_23-2147534191.jpg", "http://img.b2bpic.net/free-photo/top-view-world-tourism-day-with-lettering_23-2148608796.jpg"]}
|
|
title="Our Esteemed Partners & Accolades"
|
|
description="Trusted by discerning travelers and recognized by leading hospitality organizations worldwide for our unwavering commitment to excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text", content: "The Apart Hotel Amelia "},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-vector/flat-hotel-facade-background_23-2148159608.jpg", alt: "Apart Hotel Amelia logo"},
|
|
{
|
|
type: "text", content: " Story"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Discover Our Legacy", href: "#"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="booking" data-section="booking">
|
|
<PricingCardNine
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic-stay", title: "Classic Retreat", price: "$250", period: "per night", features: [
|
|
"Standard Deluxe Room", "Complimentary Breakfast", "High-Speed Wi-Fi", "City View"],
|
|
button: {
|
|
text: "Book Classic Retreat", href: "#"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-cream-container_23-2149764815.jpg", imageAlt: "Classic Retreat room"},
|
|
{
|
|
id: "luxury-escape", title: "Executive Experience", price: "$400", period: "per night", features: [
|
|
"Executive Suite", "Welcome Drink & Canapés", "Spa Access", "Mountain View"],
|
|
button: {
|
|
text: "Book Executive Experience", href: "#"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-professional-finding-new-ideas-forge-international-partnership-before-attending-conference-hotel-lounge-area-ceo-taking-notes-preparing-important-speech_482257-68049.jpg", imageAlt: "Executive Experience suite"},
|
|
{
|
|
id: "grand-indulgence", title: "Grand Indulgence", price: "$1200", period: "per night", features: [
|
|
"Amelia Penthouse", "Private Concierge", "Gourmet Dinner for Two", "Panoramic Views"],
|
|
button: {
|
|
text: "Book Grand Indulgence", href: "#"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-pool_23-2149037094.jpg", imageAlt: "Grand Indulgence penthouse"},
|
|
]}
|
|
title="Seamless Booking, Unforgettable Stays"
|
|
description="Plan your perfect escape with our flexible booking options and exclusive packages. Find the ideal room or suite to match your needs and preferences."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Ready to experience paradise? Our team is dedicated to ensuring your stay is seamless and memorable. Contact us today for reservations, inquiries, or personalized assistance. We look forward to welcoming you to Apart Hotel Amelia."
|
|
buttons={[
|
|
{
|
|
text: "Call Us", href: "tel:+237-677-123-456"},
|
|
{
|
|
text: "Email Us", href: "mailto:reservations@aparthotelamelia.com"},
|
|
{
|
|
text: "Find Us", href: "https://maps.google.com/?q=Buea,Cameroon"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/miami-south-beach-street-view-with-water-reflections-night_649448-2155.jpg"
|
|
imageAlt="Apart Hotel Amelia Exterior Night"
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uexwts"
|
|
logoAlt="Apart Hotel Amelia Logo"
|
|
logoText="Apart Hotel Amelia"
|
|
columns={[
|
|
{
|
|
title: "Hotel", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Rooms & Suites", href: "#rooms"},
|
|
{
|
|
label: "Amenities", href: "#amenities"},
|
|
],
|
|
},
|
|
{
|
|
title: "Experience", items: [
|
|
{
|
|
label: "Guest Reviews", href: "#reviews"},
|
|
{
|
|
label: "Discover Buea", href: "#"},
|
|
{
|
|
label: "Special Offers", href: "#booking"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Cookie Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Apart Hotel Amelia. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |