Merge version_1 into main #2
243
src/app/page.tsx
243
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "products",
|
||||
},
|
||||
name: "Services", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mira Business"
|
||||
/>
|
||||
@@ -60,75 +50,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Excellence in Al Olaya"
|
||||
description="Experience unparalleled hospitality at Mira Business Hotel, where professional service meets refined comfort in the heart of Riyadh's bustling business district."
|
||||
kpis={[
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Concierge",
|
||||
},
|
||||
value: "24/7", label: "Concierge"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Luxury Suites",
|
||||
},
|
||||
value: "100+", label: "Luxury Suites"},
|
||||
{
|
||||
value: "Prime",
|
||||
label: "Location",
|
||||
},
|
||||
value: "Prime", label: "Location"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wc-sign-city_23-2150039852.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wc-sign-city_23-2150039852.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-ceremony-venue-with-floral-decorations_23-2151978933.jpg",
|
||||
alt: "Elegant ceremony venue",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-ceremony-venue-with-floral-decorations_23-2151978933.jpg", alt: "Elegant ceremony venue"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-partners_1098-18010.jpg",
|
||||
alt: "Business partners",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-partners_1098-18010.jpg", alt: "Business partners"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-hotel-view_1417-1562.jpg",
|
||||
alt: "Indoor hotel view",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-hotel-view_1417-1562.jpg", alt: "Indoor hotel view"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-side-view-restaurant-stairs-from-black-marble-long-windows-with-fabric-blinds_140725-8859.jpg",
|
||||
alt: "Modern stair interior",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-side-view-restaurant-stairs-from-black-marble-long-windows-with-fabric-blinds_140725-8859.jpg", alt: "Modern stair interior"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
|
||||
alt: "Satisfied partners",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg", alt: "Satisfied partners"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Prime Location",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Prime Location", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "High-Speed WiFi",
|
||||
icon: Wifi,
|
||||
type: "text-icon", text: "High-Speed WiFi", icon: Wifi,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Service",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Service", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Meeting Rooms",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Meeting Rooms", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Gourmet Dining",
|
||||
icon: Utensils,
|
||||
type: "text-icon", text: "Gourmet Dining", icon: Utensils,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -139,9 +102,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Refined Comfort for Professionals"
|
||||
description={[
|
||||
"Mira Business Hotel is designed for the modern executive. Combining functional workspaces with premium relaxation amenities, we ensure your stay in Al Olaya is both productive and refreshing.",
|
||||
"Our commitment to high-standard hospitality is reflected in every detail, from ergonomic suites to world-class dining.",
|
||||
]}
|
||||
"Mira Business Hotel is designed for the modern executive. Combining functional workspaces with premium relaxation amenities, we ensure your stay in Al Olaya is both productive and refreshing.", "Our commitment to high-standard hospitality is reflected in every detail, from ergonomic suites to world-class dining."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -152,40 +113,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Conference Rooms",
|
||||
description: "State-of-the-art facilities for your meetings.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conference-training-room-with-video_1385-2127.jpg",
|
||||
},
|
||||
title: "Conference Rooms", description: "State-of-the-art facilities for your meetings.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conference-training-room-with-video_1385-2127.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-company-team-working_23-2149145158.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wc-sign-city_23-2150039852.jpg?_wi=2",
|
||||
imageAlt: "modern meeting room equipment professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-company-team-working_23-2149145158.jpg"},
|
||||
},
|
||||
{
|
||||
title: "High-Speed Connectivity",
|
||||
description: "Reliable internet for all business needs.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-using-laptop-restaurant_23-2147876706.jpg",
|
||||
},
|
||||
title: "High-Speed Connectivity", description: "Reliable internet for all business needs.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-using-laptop-restaurant_23-2147876706.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shocked-casual-young-woman-drinking-coffee-while-using-laptop-bed-home_231208-9942.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-going-holiday-packing-suitcase-room-sits-bed-with-luggage-prepares_1258-314087.jpg",
|
||||
imageAlt: "modern meeting room equipment professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shocked-casual-young-woman-drinking-coffee-while-using-laptop-bed-home_231208-9942.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Gourmet Dining",
|
||||
description: "Refined breakfast and restaurant services.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg",
|
||||
},
|
||||
title: "Gourmet Dining", description: "Refined breakfast and restaurant services.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-carries-dish-with-snacks-walking-backyard_8353-9016.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-room-interior-with-classic-design-furniture_23-2150895590.jpg?_wi=1",
|
||||
imageAlt: "modern meeting room equipment professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-carries-dish-with-snacks-walking-backyard_8353-9016.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -202,47 +145,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Executive Suite",
|
||||
price: "From $250",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-room-interior-with-classic-design-furniture_23-2150895590.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Executive Suite", price: "From $250", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/3d-room-interior-with-classic-design-furniture_23-2150895590.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fitness Center",
|
||||
price: "Access Included",
|
||||
variant: "Wellness",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-treadmill_1098-15189.jpg",
|
||||
},
|
||||
id: "2", name: "Fitness Center", price: "Access Included", variant: "Wellness", imageSrc: "http://img.b2bpic.net/free-photo/guy-treadmill_1098-15189.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Spa Services",
|
||||
price: "Available",
|
||||
variant: "Relaxation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-bath-accessories-thai-orchid-flowers_169016-17211.jpg",
|
||||
},
|
||||
id: "3", name: "Spa Services", price: "Available", variant: "Relaxation", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-bath-accessories-thai-orchid-flowers_169016-17211.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Business Lounge",
|
||||
price: "Members Only",
|
||||
variant: "Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lobby-with-bookshelf_1262-3517.jpg",
|
||||
},
|
||||
id: "4", name: "Business Lounge", price: "Members Only", variant: "Executive", imageSrc: "http://img.b2bpic.net/free-photo/cozy-lobby-with-bookshelf_1262-3517.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Concierge Services",
|
||||
price: "24/7",
|
||||
variant: "Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg",
|
||||
},
|
||||
id: "5", name: "Concierge Services", price: "24/7", variant: "Service", imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Valet Parking",
|
||||
price: "Complimentary",
|
||||
variant: "Convenience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-women-working-together_23-2149322912.jpg",
|
||||
},
|
||||
id: "6", name: "Valet Parking", price: "Complimentary", variant: "Convenience", imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-women-working-together_23-2149322912.jpg"},
|
||||
]}
|
||||
title="Our Accommodations & Services"
|
||||
description="Tailored spaces designed for ultimate relaxation and business productivity."
|
||||
@@ -256,20 +169,11 @@ export default function LandingPage() {
|
||||
tag="Our Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years of Excellence"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Guest Satisfaction",
|
||||
},
|
||||
id: "m2", value: "98%", description: "Guest Satisfaction"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5000+",
|
||||
description: "Successful Meetings",
|
||||
},
|
||||
id: "m3", value: "5000+", description: "Successful Meetings"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -280,30 +184,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmad Al-Mansouri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
|
||||
},
|
||||
id: "1", name: "Ahmad Al-Mansouri", imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sara Al-Harbi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-thumbs-up-stairs-by-pool-white-robe-smile-post-swim-like_169016-69213.jpg",
|
||||
},
|
||||
id: "2", name: "Sara Al-Harbi", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-thumbs-up-stairs-by-pool-white-robe-smile-post-swim-like_169016-69213.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "John Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg",
|
||||
},
|
||||
id: "3", name: "John Smith", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29554.jpg",
|
||||
},
|
||||
id: "4", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29554.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Omar Al-Farsi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-formal-outfit-using-tablet_181624-33464.jpg",
|
||||
},
|
||||
id: "5", name: "Omar Al-Farsi", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-formal-outfit-using-tablet_181624-33464.jpg"},
|
||||
]}
|
||||
cardTitle="What Guests Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -317,20 +206,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the check-in time?",
|
||||
content: "Check-in time is 3:00 PM.",
|
||||
},
|
||||
id: "f1", title: "What is the check-in time?", content: "Check-in time is 3:00 PM."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there meeting facilities?",
|
||||
content: "Yes, we offer professional conference rooms.",
|
||||
},
|
||||
id: "f2", title: "Are there meeting facilities?", content: "Yes, we offer professional conference rooms."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is parking available?",
|
||||
content: "Valet parking is provided for all guests.",
|
||||
},
|
||||
id: "f3", title: "Is parking available?", content: "Valet parking is provided for all guests."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common queries about your stay."
|
||||
@@ -342,8 +222,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Book Your Stay"
|
||||
description="Ready to experience Mira Business? Get in touch today."
|
||||
@@ -356,33 +235,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Rooms", href: "#products"},
|
||||
{
|
||||
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