173 lines
13 KiB
TypeScript
173 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { Bed, Coffee, Home } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarFloating from "@/components/ui/NavbarFloating";
|
|
import HeroCenteredLogos from "@/components/sections/hero/HeroCenteredLogos";
|
|
import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit";
|
|
import FeaturesTaggedCards from "@/components/sections/features/FeaturesTaggedCards";
|
|
import ProductQuantityCards from "@/components/sections/product/ProductQuantityCards";
|
|
import TestimonialMarqueeCards from "@/components/sections/testimonial/TestimonialMarqueeCards";
|
|
import SocialProofMarquee from "@/components/sections/social-proof/SocialProofMarquee";
|
|
import FaqSimple from "@/components/sections/faq/FaqSimple";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterMinimal from "@/components/sections/footer/FooterMinimal";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="primary"
|
|
defaultTextAnimation="slide-up"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="default"
|
|
background="default"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="lifted"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav" data-webild-component="NavbarFloating" data-webild-component-path="@/components/ui/NavbarFloating">
|
|
<NavbarFloating
|
|
logo="https://storage.googleapis.com/webild/default/no-image.jpg?id=2wwsnk"
|
|
navItems={[
|
|
{ name: "Home", href: "#hero" },
|
|
{ name: "About", href: "#about" },
|
|
{ name: "Rooms", href: "#rooms" },
|
|
{ name: "Amenities", href: "#amenities" },
|
|
{ name: "Testimonials", href: "#testimonials" },
|
|
{ name: "Contact", href: "#contact" }
|
|
]}
|
|
ctaButton={{ text: "Book Now", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero" data-webild-component="HeroCenteredLogos" data-webild-component-path="@/components/sections/hero/HeroCenteredLogos">
|
|
<HeroCenteredLogos
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/cute-smiling-curly-woman-lean-wall_176420-16738.jpg" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-looking-man_23-2148448867.jpg" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg" },
|
|
{ src: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-smiling-confident-making-selfie-by-camera-park_839833-1591.jpg" }
|
|
]}
|
|
avatarText="Trusted by guests worldwide"
|
|
title="Experience Unrivaled Luxury at The Grandeur Hotel"
|
|
description="Nestled in the heart of the city, our exquisite hotel offers a sanctuary of elegance and comfort. Discover world-class amenities and impeccable service tailored for your ultimate relaxation."
|
|
primaryButton={{ text: "Explore Rooms", href: "#rooms" }}
|
|
secondaryButton={{ text: "Book Your Stay", href: "#contact" }}
|
|
logos={["Google", "TripAdvisor", "Booking.com", "Forbes Travel Guide", "Luxury Lifestyle Awards"]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-wedding-hall_74190-5228.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about" data-webild-component="AboutFeaturesSplit" data-webild-component-path="@/components/sections/about/AboutFeaturesSplit">
|
|
<AboutFeaturesSplit
|
|
tag="Our Story"
|
|
title="A Legacy of Hospitality and Elegance"
|
|
description="Since its inception, The Grandeur Hotel has been dedicated to providing an unparalleled experience for discerning travelers. Our commitment to excellence, refined aesthetics, and personalized service ensures every stay is memorable."
|
|
items={[
|
|
{ icon: Home, title: "Luxurious Accommodations", description: "Indulge in our beautifully appointed rooms and suites, designed for ultimate comfort and sophistication." },
|
|
{ icon: Bed, title: "Gourmet Dining", description: "Savor exquisite culinary creations at our award-winning restaurants, offering a diverse range of international and local flavors." },
|
|
{ icon: Coffee, title: "Impeccable Service", description: "Our dedicated staff anticipates your every need, ensuring a seamless and delightful experience throughout your stay." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities" data-webild-component="FeaturesTaggedCards" data-webild-component-path="@/components/sections/features/FeaturesTaggedCards">
|
|
<FeaturesTaggedCards
|
|
tag="Exclusive Amenities"
|
|
title="Elevate Your Stay with Our Signature Offerings"
|
|
description="From rejuvenating spa treatments to state-of-the-art fitness facilities, we provide everything you need for a truly indulgent escape."
|
|
items={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-bath-salt-put-some-water-before-taking-bath_23-2149239352.jpg", tag: "Relax", title: "Rejuvenate Your Senses", description: "Unwind with a range of personalized treatments designed for ultimate tranquility." },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/plates-brown-wooden-table_417767-541.jpg", tag: "Taste", title: "Culinary Excellence", description: "Experience gastronomic delights at our renowned restaurants, crafted by master chefs." },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/circular-pool_1203-382.jpg", tag: "Swim", title: "Breathtaking Views", description: "Enjoy a refreshing dip in our stunning rooftop infinity pool with panoramic cityscapes." }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms" data-webild-component="ProductQuantityCards" data-webild-component-path="@/components/sections/product/ProductQuantityCards">
|
|
<ProductQuantityCards
|
|
tag="Our Suites & Rooms"
|
|
title="Find Your Perfect Sanctuary"
|
|
description="Discover a collection of elegantly designed rooms and suites, each offering a unique blend of comfort, style, and breathtaking views."
|
|
products={[
|
|
{ name: "Classic Room", price: "$300/night", imageSrc: "http://img.b2bpic.net/free-photo/modern-elegance-luxury-cozy-bedroom-generated-by-ai_188544-29887.jpg" },
|
|
{ name: "Deluxe Suite", price: "$550/night", imageSrc: "http://img.b2bpic.net/free-photo/empty-atelier-with-sketches-tools_482257-85311.jpg" },
|
|
{ name: "Executive Room", price: "$400/night", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-worning-hotel_1368-6197.jpg" },
|
|
{ name: "Presidential Suite", price: "$1200/night", imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-overalls-beret-posed-outdoor-terrace-with-christmas-decorations-garland-deer_627829-6947.jpg" },
|
|
{ name: "Family Suite", price: "$700/night", imageSrc: "http://img.b2bpic.net/free-photo/kid-playing-his-room_23-2149187862.jpg" },
|
|
{ name: "Penthouse Suite", price: "$2000/night", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-smiling-caucasian-woman-traveller-fitting-dress-sunglasses-high-floor-bangkok_343596-1429.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials" data-webild-component="TestimonialMarqueeCards" data-webild-component-path="@/components/sections/testimonial/TestimonialMarqueeCards">
|
|
<TestimonialMarqueeCards
|
|
tag="Guest Experiences"
|
|
title="What Our Valued Guests Say"
|
|
description="Hear firsthand accounts of unforgettable stays and exceptional service at The Grandeur Hotel."
|
|
testimonials={[
|
|
{ name: "Eleanor Vance", role: "Journalist", quote: "An oasis of calm and luxury. Every detail was perfect, from the room service to the spa. Truly an exceptional stay!", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-standing-with-crossed-arms_23-2148095675.jpg" },
|
|
{ name: "Marcus Thorne", role: "CEO, Global Ventures", quote: "The staff went above and beyond to make my business trip comfortable. The dining was superb!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
|
|
{ name: "Sophia Rodriguez", role: "Travel Blogger", quote: "Our family vacation was magical thanks to The Grandeur. The kids loved the pool, and we cherished the quiet evenings.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-black-designer-finds-solution-making-brilliant-project-has-coffee-break-makes-video-call-with-mobile-phone_273609-18033.jpg" },
|
|
{ name: "David Chen", role: "Architect", quote: "Simply the best hotel experience I've had. The views from our suite were incredible, and the hospitality unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg" },
|
|
{ name: "Isabelle Dubois", role: "Fashion Designer", quote: "The perfect blend of classic elegance and modern comfort. I wouldn't stay anywhere else in the city.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-office_1303-21096.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="awards" data-section="awards" data-webild-component="SocialProofMarquee" data-webild-component-path="@/components/sections/social-proof/SocialProofMarquee">
|
|
<SocialProofMarquee
|
|
tag="Recognitions"
|
|
title="Proudly Honored by Leading Organizations"
|
|
description="Our commitment to excellence has earned us recognition from prestigious travel and hospitality authorities worldwide."
|
|
names={["Forbes Travel Guide", "AAA Five Diamond", "Condé Nast Traveler", "Michelin Guide", "World Luxury Hotel Awards", "Travel + Leisure", "Leading Hotels of the World"]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq" data-webild-component="FaqSimple" data-webild-component-path="@/components/sections/faq/FaqSimple">
|
|
<FaqSimple
|
|
tag="Need Help?"
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common inquiries about your stay, booking, and hotel services."
|
|
items={[
|
|
{ question: "What are the check-in and check-out times?", answer: "Check-in is at 3:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability." },
|
|
{ question: "Do you offer airport transportation?", answer: "Yes, we offer private airport transfer services. Please contact our concierge team for arrangements and pricing." },
|
|
{ question: "Is breakfast included with the room rate?", answer: "Breakfast inclusion varies by room type and booking package. Please review your reservation details or contact us for clarification." }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact" data-webild-component="ContactSplitForm" data-webild-component-path="@/components/sections/contact/ContactSplitForm">
|
|
<ContactSplitForm
|
|
tag="Get in Touch"
|
|
title="Plan Your Unforgettable Stay"
|
|
description="Have a special request or need assistance with your reservation? Our dedicated team is here to help make your visit exceptional."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number (Optional)" }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Your Message or Special Request", rows: 5, required: true }}
|
|
buttonText="Send Inquiry"
|
|
imageSrc="http://img.b2bpic.net/free-photo/elderly-people-arriving-hotel-lobby_482257-81619.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer" data-webild-component="FooterMinimal" data-webild-component-path="@/components/sections/footer/FooterMinimal">
|
|
<FooterMinimal
|
|
brand="The Grandeur Hotel"
|
|
copyright="© 2024 The Grandeur Hotel. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: "Facebook", href: "#" },
|
|
{ icon: "Instagram", href: "#" },
|
|
{ icon: "Twitter", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|