Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
238
src/app/page.tsx
238
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Coffee, Headphones, Lock, MapPin, ShieldCheck, Users } from "lucide-react";
|
||||
import { Coffee, Headphones, Lock, MapPin, ShieldCheck, Users, Wifi, Utensils, Shield, Clock } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
name: "Rooms", id: "rooms"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Afrika Hotel KM4"
|
||||
/>
|
||||
@@ -59,35 +51,21 @@ export default function LandingPage() {
|
||||
description="Comfort, Security & Premium Service in the heart of Mogadishu."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-hammocks-with-umbrellas_1203-2074.jpg",
|
||||
imageAlt: "Afrika Hotel Welcome",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-hammocks-with-umbrellas_1203-2074.jpg", imageAlt: "Afrika Hotel Welcome"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-design-illuminates-modern-apartment-empty-corridor-generated-by-ai_188544-21267.jpg",
|
||||
imageAlt: "Lobby View",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-design-illuminates-modern-apartment-empty-corridor-generated-by-ai_188544-21267.jpg", imageAlt: "Lobby View"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-that-performs-regular-human-job_23-2151061706.jpg",
|
||||
imageAlt: "Room View",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-that-performs-regular-human-job_23-2151061706.jpg", imageAlt: "Room View"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-empty-waiting-room-lobby-with-desktop-reception-helping-patients-with-medical-insurance-attend-checkup-visit-appointment-waiting-area-with-counter-hospital_482257-47691.jpg",
|
||||
imageAlt: "Cuisine Area",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-empty-waiting-room-lobby-with-desktop-reception-helping-patients-with-medical-insurance-attend-checkup-visit-appointment-waiting-area-with-counter-hospital_482257-47691.jpg", imageAlt: "Cuisine Area"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv_105762-2109.jpg",
|
||||
imageAlt: "Security Access",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv_105762-2109.jpg", imageAlt: "Security Access"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-hotel-room-interior-with-double-bed-bathroom_1262-12489.jpg",
|
||||
imageAlt: "Guest Lounge",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-hotel-room-interior-with-double-bed-bathroom_1262-12489.jpg", imageAlt: "Guest Lounge"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,19 +77,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Location",
|
||||
value: "KM4",
|
||||
},
|
||||
label: "Location", value: "KM4"},
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Service",
|
||||
value: "24/7",
|
||||
},
|
||||
label: "Service", value: "24/7"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Security",
|
||||
value: "Premium",
|
||||
},
|
||||
label: "Security", value: "Premium"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -123,29 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Modern Comfort",
|
||||
description: "Designed for maximum relaxation.",
|
||||
buttonIcon: "Wifi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-4562.jpg",
|
||||
},
|
||||
title: "Modern Comfort", description: "Designed for maximum relaxation.", buttonIcon: Wifi,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-4562.jpg"},
|
||||
{
|
||||
title: "Local Cuisine",
|
||||
description: "Authentic meals every day.",
|
||||
buttonIcon: "Utensils",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/therapy-session-with-teenage-girl-laying-couch-discussing-trauma_482257-115695.jpg",
|
||||
},
|
||||
title: "Local Cuisine", description: "Authentic meals every day.", buttonIcon: Utensils,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/therapy-session-with-teenage-girl-laying-couch-discussing-trauma_482257-115695.jpg"},
|
||||
{
|
||||
title: "Secure Premises",
|
||||
description: "Your safety is our priority.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",
|
||||
},
|
||||
title: "Secure Premises", description: "Your safety is our priority.", buttonIcon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg"},
|
||||
{
|
||||
title: "24/7 Service",
|
||||
description: "Always here to assist.",
|
||||
buttonIcon: "Clock",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bellboy-helping-woman-guest-carry-baggage-her-room-traveller-with-trolley-bags-waiting-lounge-area-professional-bellhop-provising-luxury-service-hotel-customers-handheld-shot_482257-65357.jpg",
|
||||
},
|
||||
title: "24/7 Service", description: "Always here to assist.", buttonIcon: Clock,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bellboy-helping-woman-guest-carry-baggage-her-room-traveller-with-trolley-bags-waiting-lounge-area-professional-bellhop-provising-luxury-service-hotel-customers-handheld-shot_482257-65357.jpg"},
|
||||
]}
|
||||
title="Our Amenities"
|
||||
description="Experience unparalleled comfort with our curated set of hotel facilities."
|
||||
@@ -160,41 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Single Room",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-interior-with-pink-accents_23-2152001392.jpg",
|
||||
},
|
||||
id: "1", name: "Single Room", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-interior-with-pink-accents_23-2152001392.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Double Room",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-2763.jpg",
|
||||
},
|
||||
id: "2", name: "Double Room", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-2763.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "VIP Suite",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497270.jpg",
|
||||
},
|
||||
id: "3", name: "VIP Suite", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497270.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Executive Double",
|
||||
price: "$100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-background-luxury-hotel-nobody_1203-4488.jpg",
|
||||
},
|
||||
id: "4", name: "Executive Double", price: "$100", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-background-luxury-hotel-nobody_1203-4488.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Family Suite",
|
||||
price: "$200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445734.jpg",
|
||||
},
|
||||
id: "5", name: "Family Suite", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445734.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Standard Room",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-bedroom-suite-resort-hotel-with-twin-bed-living_105762-2018.jpg",
|
||||
},
|
||||
id: "6", name: "Standard Room", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-bedroom-suite-resort-hotel-with-twin-bed-living_105762-2018.jpg"},
|
||||
]}
|
||||
title="Explore Our Rooms"
|
||||
description="Find your perfect space for a quiet, refreshing stay."
|
||||
@@ -209,25 +145,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5k+",
|
||||
title: "Happy Guests",
|
||||
description: "Years of experience.",
|
||||
icon: Users,
|
||||
id: "m1", value: "5k+", title: "Happy Guests", description: "Years of experience.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Security",
|
||||
description: "Safe stay guarantee.",
|
||||
icon: Lock,
|
||||
id: "m2", value: "100%", title: "Security", description: "Safe stay guarantee.", icon: Lock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Concierge",
|
||||
description: "Always available.",
|
||||
icon: Headphones,
|
||||
id: "m3", value: "24/7", title: "Concierge", description: "Always available.", icon: Headphones,
|
||||
},
|
||||
]}
|
||||
title="Hotel Milestones"
|
||||
@@ -242,59 +166,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed Ali",
|
||||
role: "Traveler",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-young-woman-sitting-caf-talking-mobile-phone_23-2147974640.jpg",
|
||||
},
|
||||
id: "1", name: "Ahmed Ali", role: "Traveler", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-young-woman-sitting-caf-talking-mobile-phone_23-2147974640.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fatima Noor",
|
||||
role: "Tourist",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-female-shop-assistant-clothing-store-young-woman-holding-credit-card-reader-waiting-payment-done-looking-shoppers-clothes-business-retail-trading-shopping-concept_74855-21501.jpg",
|
||||
},
|
||||
id: "2", name: "Fatima Noor", role: "Tourist", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-female-shop-assistant-clothing-store-young-woman-holding-credit-card-reader-waiting-payment-done-looking-shoppers-clothes-business-retail-trading-shopping-concept_74855-21501.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mohamed Hassan",
|
||||
role: "Businessman",
|
||||
company: "Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
},
|
||||
id: "3", name: "Mohamed Hassan", role: "Businessman", company: "Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sara Yusuf",
|
||||
role: "Blogger",
|
||||
company: "Media",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31449.jpg",
|
||||
},
|
||||
id: "4", name: "Sara Yusuf", role: "Blogger", company: "Media", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31449.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ali Hassan",
|
||||
role: "Guest",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-blonde-woman-holding-vintage-camera-sticking-tongue-out-happy-with-funny-expression_839833-3025.jpg",
|
||||
},
|
||||
id: "5", name: "Ali Hassan", role: "Guest", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-blonde-woman-holding-vintage-camera-sticking-tongue-out-happy-with-funny-expression_839833-3025.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.9", label: "Rating"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Satisfaction"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Monthly",
|
||||
},
|
||||
value: "500+", label: "Monthly"},
|
||||
]}
|
||||
title="Guest Voices"
|
||||
description="Read what our guests have to say about their stay."
|
||||
@@ -306,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is parking included?",
|
||||
content: "Yes, we provide free parking for all guests.",
|
||||
},
|
||||
id: "f1", title: "Is parking included?", content: "Yes, we provide free parking for all guests."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What time is checkout?",
|
||||
content: "Checkout is strictly at 12:00 PM.",
|
||||
},
|
||||
id: "f2", title: "What time is checkout?", content: "Checkout is strictly at 12:00 PM."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is there WiFi?",
|
||||
content: "Free high-speed WiFi is included in all stays.",
|
||||
},
|
||||
id: "f3", title: "Is there WiFi?", content: "Free high-speed WiFi is included in all stays."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -333,15 +217,9 @@ export default function LandingPage() {
|
||||
description="Reach out for bookings and inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wide-angle-shot-travel-accommodation-hotel-lounge-with-check-reception-desk-stylish-empty-modern-resort-foyer-interior-with-cozy-furniture-warm-fireplace-ready-welcome-tourists_482257-67830.jpg"
|
||||
/>
|
||||
@@ -353,25 +231,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
label: "Home", href: "#"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
label: "Rooms", href: "#rooms"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user