Merge version_1_1778326031383 into main #2
298
src/App.tsx
298
src/App.tsx
@@ -1,288 +1,20 @@
|
||||
"use client";
|
||||
import React from 'react';
|
||||
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider/ThemeProvider.tsx';
|
||||
import Layout from './components/Layout';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarFloating from '@/components/ui/NavbarFloating';
|
||||
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
|
||||
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
||||
import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
|
||||
import ProductVariantCards from '@/components/sections/product/ProductVariantCards';
|
||||
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterSimpleCard from '@/components/sections/footer/FooterSimpleCard';
|
||||
import HomePage from './pages/HomePage';
|
||||
|
||||
export default function LandingPage() {
|
||||
function App() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="primary"
|
||||
defaultTextAnimation="slide-up"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
cardStyle="inner-glow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="700"
|
||||
background="none"
|
||||
sizing="default"
|
||||
>
|
||||
<div
|
||||
id="nav"
|
||||
data-section="nav"
|
||||
data-webild-component="NavbarFloating"
|
||||
data-webild-component-path="@/components/ui/NavbarFloating"
|
||||
>
|
||||
<NavbarFloating
|
||||
logo="Grand Vista Hotels"
|
||||
navItems={[
|
||||
{ name: "Home", href: "#hero" },
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Amenities", href: "#amenities" },
|
||||
{ name: "Rooms", href: "#rooms" },
|
||||
{ name: "Testimonials", href: "#testimonials" },
|
||||
{ name: "FAQ", href: "#faq" },
|
||||
{ name: "Contact", href: "#contact" }
|
||||
]}
|
||||
ctaButton={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="hero"
|
||||
data-section="hero"
|
||||
data-webild-component="HeroBillboardTiltedCarousel"
|
||||
data-webild-component-path="@/components/sections/hero/HeroBillboardTiltedCarousel"
|
||||
className="mx-auto px-4 md:px-6"
|
||||
>
|
||||
<HeroBillboardTiltedCarousel
|
||||
tag="Welcome to Unparalleled Luxury"
|
||||
title="Experience Grand Vista Hotels"
|
||||
description="Indulge in exquisite comfort and world-class service. Grand Vista Hotels offers an unforgettable escape, tailored to your every desire."
|
||||
primaryButton={{ text: "Book Your Stay", href: "#contact" }}
|
||||
secondaryButton={{ text: "Explore Rooms", href: "#rooms" }}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14520.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-tomato-salad-with-mozzarella-mint-served-with-white-wine_141793-2465.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-japanese-couple-laying-bed_23-2149343210.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/body-care-products-metal-basket-health-hygiene-concept_169016-8481.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-extremely-trendy-luxurious-brunette-model-crop-top-silver-sparkling-jacket-black-trousers-high-heels-model-trendy-outfit-sitting-bar-stool-club-bar_132075-8992.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="about"
|
||||
data-section="about"
|
||||
data-webild-component="AboutMediaOverlay"
|
||||
data-webild-component-path="@/components/sections/about/AboutMediaOverlay"
|
||||
className="mx-auto px-4 md:px-6"
|
||||
>
|
||||
<AboutMediaOverlay
|
||||
tag="Our Legacy of Hospitality"
|
||||
title="A Sanctuary of Sophistication"
|
||||
description="Nestled in the heart of the city, Grand Vista Hotels combines timeless elegance with modern luxury. For decades, we've set the standard for impeccable service and an atmosphere of refined tranquility. Discover a haven where every detail is crafted for your utmost comfort and delight."
|
||||
primaryButton={{ text: "Learn Our Story", href: "#" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-street-philadelphia_268835-4935.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="amenities"
|
||||
data-section="amenities"
|
||||
data-webild-component="FeaturesRevealCards"
|
||||
data-webild-component-path="@/components/sections/features/FeaturesRevealCards"
|
||||
className="mx-auto px-4 md:px-6"
|
||||
>
|
||||
<FeaturesRevealCards
|
||||
tag="Unrivaled Comfort & Convenience"
|
||||
title="World-Class Amenities"
|
||||
description="At Grand Vista Hotels, every moment is designed to pamper and inspire. From bespoke services to state-of-the-art facilities, we ensure your stay is nothing short of extraordinary."
|
||||
items={[
|
||||
{
|
||||
title: "Personalized Concierge", description: "Our dedicated concierge team is available 24/7 to assist with dining reservations, travel arrangements, and local recommendations.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-showing-his-boarding-pass-check-counter_107420-85111.jpg"
|
||||
},
|
||||
{
|
||||
title: "State-of-the-Art Fitness Center", description: "Maintain your routine in our fully equipped gym, featuring the latest cardio and strength training equipment. Open all hours for your convenience.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-her-personal-trainer_1098-544.jpg"
|
||||
},
|
||||
{
|
||||
title: "Executive Business Lounge", description: "Stay productive in our sophisticated lounge, offering high-speed internet, private meeting rooms, and complimentary refreshments.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-chatting-work-event_23-2149304735.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="rooms"
|
||||
data-section="rooms"
|
||||
data-webild-component="ProductVariantCards"
|
||||
data-webild-component-path="@/components/sections/product/ProductVariantCards"
|
||||
className="mx-auto px-4 md:px-6"
|
||||
>
|
||||
<ProductVariantCards
|
||||
tag="Your Private Oasis Awaits"
|
||||
title="Elegant Rooms & Suites"
|
||||
description="Each room at Grand Vista Hotels is a testament to sophisticated design and ultimate comfort, offering a serene retreat with breathtaking views."
|
||||
products={[
|
||||
{
|
||||
name: "Deluxe Room", variant: "City View", price: "From $350/night", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-4628.jpg"
|
||||
},
|
||||
{
|
||||
name: "Executive Suite", variant: "Corner View", price: "From $580/night", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg"
|
||||
},
|
||||
{
|
||||
name: "Grand Terrace Suite", variant: "Private Balcony", price: "From $850/night", imageSrc: "http://img.b2bpic.net/free-photo/woman-practicing-padmasana_1385-2935.jpg"
|
||||
},
|
||||
{
|
||||
name: "Family Suite", variant: "Two Bedrooms", price: "From $720/night", imageSrc: "http://img.b2bpic.net/free-photo/cozy-living-room-interior-with-panoramic-window_1262-12322.jpg"
|
||||
},
|
||||
{
|
||||
name: "Penthouse Suite", variant: "Exclusive Access", price: "From $1500/night", imageSrc: "http://img.b2bpic.net/free-photo/hotel-outside-table-deck-balcony_1203-5552.jpg"
|
||||
},
|
||||
{
|
||||
name: "Accessible Room", variant: "Spacious & Inclusive", price: "From $340/night", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-sitting-together_23-2149391990.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="testimonials"
|
||||
data-section="testimonials"
|
||||
data-webild-component="TestimonialQuoteCards"
|
||||
data-webild-component-path="@/components/sections/testimonial/TestimonialQuoteCards"
|
||||
className="mx-auto px-4 md:px-6"
|
||||
>
|
||||
<TestimonialQuoteCards
|
||||
tag="What Our Guests Say"
|
||||
title="Stories from Grand Vista"
|
||||
description="Discover why our guests consistently rate us as a top destination for luxury, comfort, and unforgettable experiences."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Eleanor Vance", role: "Travel Blogger", quote: "The most enchanting stay I've ever had! Every detail, from the room's elegance to the impeccable service, exceeded my expectations. Grand Vista is truly a gem.", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-walk-by-pool-vacation_23-2149369706.jpg"
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne", role: "CEO, Thorne Corp", quote: "For business or leisure, Grand Vista provides a seamless and luxurious experience. The executive lounge is fantastic, and the staff's professionalism is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-formal-achievement-clapping-professional_1262-2740.jpg"
|
||||
},
|
||||
{
|
||||
name: "Sophia & Liam Chen", role: "Guests", quote: "Our family vacation was perfect thanks to Grand Vista Hotels. The kids loved the pool, and we appreciated the thoughtful amenities. We can't wait to return!", imageSrc: "http://img.b2bpic.net/free-photo/curly-multiracial-girl-her-caucasian-mother-playing-pool-girl-wearing-yellow-swimwear-mother-wearing-black-one_1157-49649.jpg"
|
||||
},
|
||||
{
|
||||
name: "Dr. Isabella Rossi", role: "Art Historian", quote: "A truly restorative and inspiring stay. The quiet elegance and serene atmosphere made it ideal for my research trip. A beautiful escape.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695680.jpg"
|
||||
},
|
||||
{
|
||||
name: "David and Emily Kim", role: "Wedding Planners", quote: "Grand Vista Hotels sets the bar for luxury hospitality. The staff anticipates every need with grace and efficiency. An absolutely flawless experience.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-talking-businessman-cafe_637285-8897.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="social-proof"
|
||||
data-section="social-proof"
|
||||
data-webild-component="SocialProofMarquee"
|
||||
data-webild-component-path="@/components/sections/social-proof/SocialProofMarquee"
|
||||
className="mx-auto px-4 md:px-6"
|
||||
>
|
||||
<SocialProofMarquee
|
||||
tag="Trusted by Elite Travel"
|
||||
title="Recognized for Excellence"
|
||||
description="Proudly featured and partnered with leading luxury travel organizations and esteemed hospitality awards."
|
||||
names={[
|
||||
"Luxury Travel Magazine", "Elite Destinations", "Connoisseur's Choice", "Global Hotel Awards", "The Platinum Collection", "Five Star Alliance", "Prestige Escapes", "Forbes Travel Guide"
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="faq"
|
||||
data-section="faq"
|
||||
data-webild-component="FaqTwoColumn"
|
||||
data-webild-component-path="@/components/sections/faq/FaqTwoColumn"
|
||||
className="mx-auto px-4 md:px-6"
|
||||
>
|
||||
<FaqTwoColumn
|
||||
tag="Got Questions?"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common inquiries about your stay at Grand Vista Hotels."
|
||||
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: "Does the hotel offer airport shuttle services?", answer: "Yes, we offer luxury airport transfer services. Please contact our concierge desk at least 48 hours prior to your arrival to arrange this."
|
||||
},
|
||||
{
|
||||
question: "Is Wi-Fi available throughout the hotel?", answer: "Complimentary high-speed Wi-Fi is available in all guest rooms and public areas of the hotel for your convenience."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="contact"
|
||||
data-section="contact"
|
||||
data-webild-component="ContactSplitForm"
|
||||
data-webild-component-path="@/components/sections/contact/ContactSplitForm"
|
||||
className="mx-auto px-4 md:px-6"
|
||||
>
|
||||
<ContactSplitForm
|
||||
tag="Connect With Us"
|
||||
title="Plan Your Perfect Stay"
|
||||
description="Have questions or special requests? Reach out to our dedicated team, and we'll ensure your visit to Grand Vista Hotels is exceptional."
|
||||
inputs={[
|
||||
{ name: "firstName", type: "text", placeholder: "First Name", required: true },
|
||||
{ name: "lastName", type: "text", placeholder: "Last Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", 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/reception-front-desk-registrations_482257-76211.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="footer"
|
||||
data-section="footer"
|
||||
data-webild-component="FooterSimpleCard"
|
||||
data-webild-component-path="@/components/sections/footer/FooterSimpleCard"
|
||||
className="mx-auto px-4 md:px-6"
|
||||
>
|
||||
<FooterSimpleCard
|
||||
brand="Grand Vista Hotels"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Amenities", href: "#amenities" },
|
||||
{ label: "Rooms & Suites", href: "#rooms" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Concierge", href: "#" },
|
||||
{ label: "Dining", href: "#" },
|
||||
{ label: "Spa & Wellness", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyright="© 2024 Grand Vista Hotels. All rights reserved."
|
||||
links={[
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
<Router>
|
||||
<Routes>
|
||||
<Route path="/" element={<Layout />}>
|
||||
<Route index element={<HomePage />} />
|
||||
</Route>
|
||||
</Routes>
|
||||
</Router>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
|
||||
@@ -3,7 +3,7 @@ import NavbarDropdown from '@/components/ui/NavbarDropdown';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
|
||||
import { Outlet } from 'react-router-dom';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider/ThemeProvider.tsx";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
|
||||
Reference in New Issue
Block a user