From ff9f4ad195c7b5388d7b0fa02cff0ea4caeda4ff Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 25 Apr 2026 13:56:46 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 238 +++++++++++------------------------------------ 1 file changed, 54 insertions(+), 184 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 25f81a3..ea81bb6 100644 --- a/src/app/page.tsx +++ b/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() { @@ -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"}, ]} /> @@ -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"}, ], }, ]}