Merge version_1 into main #2
238
src/app/page.tsx
238
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 { Briefcase, Shield, Tv, Wifi } from "lucide-react";
|
||||
import { Bed, Briefcase, Shield, Tv, Wifi, Shower } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Suites",
|
||||
id: "accommodation",
|
||||
},
|
||||
name: "Suites", id: "accommodation"},
|
||||
{
|
||||
name: "Concierge",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Concierge", id: "experience"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MAZOLA DIAMOND"
|
||||
/>
|
||||
@@ -58,35 +50,21 @@ export default function LandingPage() {
|
||||
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?_wi=1",
|
||||
imageAlt: "Luxury Hotel Suite",
|
||||
},
|
||||
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/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-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/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/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/lifestyle-person-decorating-their-front-door_23-2150562548.jpg", imageAlt: "VIP Concierge Experience"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,17 +76,11 @@ export default function LandingPage() {
|
||||
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: "100%", title: "Sound Isolation"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Concierge Assist",
|
||||
},
|
||||
value: "24/7", title: "Concierge Assist"},
|
||||
{
|
||||
value: "VIP",
|
||||
title: "Arrival Protocol",
|
||||
},
|
||||
value: "VIP", title: "Arrival Protocol"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-stairs-with-glass-handrail_1127-2203.jpg"
|
||||
imageAlt="Soundproof Suite"
|
||||
@@ -124,58 +96,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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: [
|
||||
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",
|
||||
},
|
||||
title: "Plush Linen", subtitle: "Ultra Clean", detail: "Premium Comfort"},
|
||||
{
|
||||
icon: Tv,
|
||||
title: "Entertainment",
|
||||
subtitle: "Smart Hub",
|
||||
detail: "Dar's Premier View",
|
||||
},
|
||||
title: "Entertainment", subtitle: "Smart Hub", detail: "Dar's Premier View"},
|
||||
{
|
||||
icon: Shower,
|
||||
title: "Rain Shower",
|
||||
subtitle: "High Pressure",
|
||||
detail: "Rejuvenating Experience",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sample-indoor-plant-clock-furniture-table_53876-32211.jpg",
|
||||
imageAlt: "sample indoor plant clock furniture table",
|
||||
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: [
|
||||
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",
|
||||
},
|
||||
title: "Connectivity", subtitle: "Uninterrupted", detail: "High-speed Business Wi-Fi"},
|
||||
{
|
||||
icon: Briefcase,
|
||||
title: "Workspace",
|
||||
subtitle: "Dedicated",
|
||||
detail: "Flawless Productivity",
|
||||
},
|
||||
title: "Workspace", subtitle: "Dedicated", detail: "Flawless Productivity"},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Sanctuary",
|
||||
subtitle: "Soundproof",
|
||||
detail: "Total Focus",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/safari-party-with-golden-cutlery_23-2149707849.jpg?_wi=2",
|
||||
imageAlt: "sample indoor plant clock furniture table",
|
||||
title: "Sanctuary", subtitle: "Soundproof", detail: "Total Focus"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Accommodations"
|
||||
@@ -190,54 +134,27 @@ 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",
|
||||
],
|
||||
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: "#",
|
||||
},
|
||||
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",
|
||||
],
|
||||
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",
|
||||
},
|
||||
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",
|
||||
],
|
||||
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: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -251,30 +168,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "5", name: "Aisha B.", imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661547.jpg"},
|
||||
]}
|
||||
cardTitle="Guest Experiences"
|
||||
cardTag="Stories"
|
||||
@@ -288,20 +190,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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"
|
||||
@@ -318,28 +211,17 @@ export default function LandingPage() {
|
||||
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: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Check-in Date",
|
||||
required: true,
|
||||
name: "date", type: "date", placeholder: "Check-in Date", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Any special arrival requirements?",
|
||||
rows: 4,
|
||||
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"
|
||||
@@ -353,41 +235,27 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Suites",
|
||||
href: "#accommodation",
|
||||
},
|
||||
label: "Suites", href: "#accommodation"},
|
||||
{
|
||||
label: "Concierge",
|
||||
href: "#experience",
|
||||
},
|
||||
label: "Concierge", href: "#experience"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Arrival Protocols",
|
||||
href: "#arrival-protocols",
|
||||
},
|
||||
label: "Arrival Protocols", href: "#arrival-protocols"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#arrival-protocols",
|
||||
},
|
||||
label: "FAQ", href: "#arrival-protocols"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Terms & Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms & Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user