Merge version_1 into main #3
168
src/app/page.tsx
168
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Bed, Briefcase, Shield, Tv, Wifi, Shower } from "lucide-react";
|
||||
import { Bed, Briefcase, Shield, Tv, Wifi, Droplets } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Suites", id: "accommodation"},
|
||||
{
|
||||
name: "Concierge", id: "experience"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Suites", id: "accommodation" },
|
||||
{ name: "Concierge", id: "experience" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="MAZOLA DIAMOND"
|
||||
/>
|
||||
@@ -49,22 +45,15 @@ export default function LandingPage() {
|
||||
logoText="MAZOLA DIAMOND"
|
||||
description="Rise above the hustle of Dar es Salaam into the refined serenity of Mazola Diamond Hotel. Unrivaled comfort, pristine modern spaces, and an elite sanctuary."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Sanctuary", href: "#contact"},
|
||||
{ text: "Reserve Your Sanctuary", href: "#contact" }
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/safari-party-with-golden-cutlery_23-2149707849.jpg", imageAlt: "Luxury Hotel Suite"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-pop-landscape-design_23-2149213426.jpg", imageAlt: "Dar es Salaam Market Energy"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg", imageAlt: "Luxury Bathroom Details"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg", imageAlt: "Smart Entertainment Suite"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed_74190-4536.jpg", imageAlt: "Pristine Luxury Bedding"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562548.jpg", imageAlt: "VIP Concierge Experience"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/safari-party-with-golden-cutlery_23-2149707849.jpg", imageAlt: "Luxury Hotel Suite" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-pop-landscape-design_23-2149213426.jpg", imageAlt: "Dar es Salaam Market Energy" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg", imageAlt: "Luxury Bathroom Details" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg", imageAlt: "Smart Entertainment Suite" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed_74190-4536.jpg", imageAlt: "Pristine Luxury Bedding" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562548.jpg", imageAlt: "VIP Concierge Experience" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -75,12 +64,9 @@ export default function LandingPage() {
|
||||
title="The Sanctuary Pivot"
|
||||
description="We recontextualize the Kariakoo energy into an exclusive urban oasis. Our double-glazed acoustic suites and VIP arrival protocols ensure your stay remains a whisper-quiet luxury experience above the marketplace."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%", title: "Sound Isolation"},
|
||||
{
|
||||
value: "24/7", title: "Concierge Assist"},
|
||||
{
|
||||
value: "VIP", title: "Arrival Protocol"},
|
||||
{ value: "100%", title: "Sound Isolation" },
|
||||
{ value: "24/7", title: "Concierge Assist" },
|
||||
{ value: "VIP", title: "Arrival Protocol" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-stairs-with-glass-handrail_1127-2203.jpg"
|
||||
imageAlt="Soundproof Suite"
|
||||
@@ -97,30 +83,18 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
title: "The Diamond Suite", description: "From $120/night. Plush, hyper-clean linens, ambient lighting, and high-pressure rain showers.", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: Bed,
|
||||
title: "Plush Linen", subtitle: "Ultra Clean", detail: "Premium Comfort"},
|
||||
{
|
||||
icon: Tv,
|
||||
title: "Entertainment", subtitle: "Smart Hub", detail: "Dar's Premier View"},
|
||||
{
|
||||
icon: Shower,
|
||||
title: "Rain Shower", subtitle: "High Pressure", detail: "Rejuvenating Experience"},
|
||||
{ icon: Bed, title: "Plush Linen", subtitle: "Ultra Clean", detail: "Premium Comfort" },
|
||||
{ icon: Tv, title: "Entertainment", subtitle: "Smart Hub", detail: "Dar's Premier View" },
|
||||
{ icon: Droplets, title: "Rain Shower", subtitle: "High Pressure", detail: "Rejuvenating Experience" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Executive Sanctuary", description: "From $150/night. Dedicated workspace, uninterrupted high-speed Wi-Fi, and soundproofed layout.", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: Wifi,
|
||||
title: "Connectivity", subtitle: "Uninterrupted", detail: "High-speed Business Wi-Fi"},
|
||||
{
|
||||
icon: Briefcase,
|
||||
title: "Workspace", subtitle: "Dedicated", detail: "Flawless Productivity"},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Sanctuary", subtitle: "Soundproof", detail: "Total Focus"},
|
||||
{ icon: Wifi, title: "Connectivity", subtitle: "Uninterrupted", detail: "High-speed Business Wi-Fi" },
|
||||
{ icon: Briefcase, title: "Workspace", subtitle: "Dedicated", detail: "Flawless Productivity" },
|
||||
{ icon: Shield, title: "Sanctuary", subtitle: "Soundproof", detail: "Total Focus" }
|
||||
]
|
||||
},
|
||||
}
|
||||
]}
|
||||
title="Our Accommodations"
|
||||
description="Designed for global business and luxury travelers seeking a flawless base of operations in Dar."
|
||||
@@ -134,29 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "amenity-1", badge: "Included", price: "VIP Transit", subtitle: "Arrival Protocol", features: [
|
||||
"Motorbike Luggage Escort", "Perimeter Meet & Greet", "Arrival Anxiety Relief"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More", href: "#"},
|
||||
],
|
||||
id: "amenity-1", badge: "Included", price: "VIP Transit", subtitle: "Arrival Protocol", features: ["Motorbike Luggage Escort", "Perimeter Meet & Greet", "Arrival Anxiety Relief"],
|
||||
buttons: [{ text: "Learn More", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "amenity-2", badge: "Exclusive", price: "Elite Concierge", subtitle: "Management Services", features: [
|
||||
"English Speaking Concierge", "Pristine Deep Cleaning", "24/7 Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
id: "amenity-2", badge: "Exclusive", price: "Elite Concierge", subtitle: "Management Services", features: ["English Speaking Concierge", "Pristine Deep Cleaning", "24/7 Support"],
|
||||
buttons: [{ text: "Book Now", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "amenity-3", badge: "Standard", price: "High Tech", subtitle: "Entertainment Hub", features: [
|
||||
"Smart TV Hub", "High-speed Reliable Wi-Fi", "Climate Control"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More", href: "#"},
|
||||
],
|
||||
},
|
||||
id: "amenity-3", badge: "Standard", price: "High Tech", subtitle: "Entertainment Hub", features: ["Smart TV Hub", "High-speed Reliable Wi-Fi", "Climate Control"],
|
||||
buttons: [{ text: "Learn More", href: "#" }]
|
||||
}
|
||||
]}
|
||||
title="Elite Amenities"
|
||||
description="Every aspect of the Mazola Diamond Hotel experience is curated to ensure absolute comfort."
|
||||
@@ -167,16 +129,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-arm-crossed-standing-near-railing-looking-camera_23-2148203054.jpg"},
|
||||
{
|
||||
id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-travelling-bag_1303-9593.jpg"},
|
||||
{
|
||||
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-sitting-bed-holding-glass-juice-mobile-phone-looking-away_23-2148033310.jpg"},
|
||||
{
|
||||
id: "5", name: "Aisha B.", imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661547.jpg"},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-arm-crossed-standing-near-railing-looking-camera_23-2148203054.jpg" },
|
||||
{ id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg" },
|
||||
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-travelling-bag_1303-9593.jpg" },
|
||||
{ id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-sitting-bed-holding-glass-juice-mobile-phone-looking-away_23-2148033310.jpg" },
|
||||
{ id: "5", name: "Aisha B.", imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661547.jpg" }
|
||||
]}
|
||||
cardTitle="Guest Experiences"
|
||||
cardTag="Stories"
|
||||
@@ -189,12 +146,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "What about Kariakoo traffic?", content: "Our private concierge team meets you at the perimeter between 10 AM and 8 PM with dedicated luggage assistance to guide you seamlessly to the hotel entrance."},
|
||||
{
|
||||
id: "q2", title: "How loud is it?", content: "Our suites feature double-glazed acoustic glass, ensuring the city noise is fully isolated so you can enjoy absolute silence."},
|
||||
{
|
||||
id: "q3", title: "How do I check in?", content: "Check-in is handled by our professional English-speaking concierge team, ensuring a seamless experience the moment you arrive."},
|
||||
{ id: "q1", title: "What about Kariakoo traffic?", content: "Our private concierge team meets you at the perimeter between 10 AM and 8 PM with dedicated luggage assistance to guide you seamlessly to the hotel entrance." },
|
||||
{ id: "q2", title: "How loud is it?", content: "Our suites feature double-glazed acoustic glass, ensuring the city noise is fully isolated so you can enjoy absolute silence." },
|
||||
{ id: "q3", title: "How do I check in?", content: "Check-in is handled by our professional English-speaking concierge team, ensuring a seamless experience the moment you arrive." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg"
|
||||
imageAlt="Concierge"
|
||||
@@ -210,20 +164,11 @@ export default function LandingPage() {
|
||||
title="Book Your Stay"
|
||||
description="Ready to experience your urban sanctuary? Contact us to pre-arrange your arrival protocol."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "date", type: "date", placeholder: "Check-in Date", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Check-in Date", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Any special arrival requirements?", rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Any special arrival requirements?", rows: 4, required: false }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-guest-showing-greenscreen-phone-pointing-isolated-display-smartphone-african-american-man-holding-device-with-blank-chromakey-template-reception-front-desk_482257-64264.jpg"
|
||||
imageAlt="Concierge Desk"
|
||||
/>
|
||||
@@ -232,32 +177,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Suites", href: "#accommodation"},
|
||||
{
|
||||
label: "Concierge", href: "#experience"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Arrival Protocols", href: "#arrival-protocols"},
|
||||
{
|
||||
label: "FAQ", href: "#arrival-protocols"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Terms & Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#" }, { label: "Suites", href: "#accommodation" }, { label: "Concierge", href: "#experience" }] },
|
||||
{ items: [{ label: "Arrival Protocols", href: "#arrival-protocols" }, { label: "FAQ", href: "#arrival-protocols" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Terms & Privacy", href: "#" }] }
|
||||
]}
|
||||
logoText="MAZOLA DIAMOND"
|
||||
/>
|
||||
@@ -265,4 +187,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user