bender/a4d3af2f-77b2-41cf-bd2f-0cf6e84c3595
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-13 16:37:47 +00:00
Conversation 0 Commits 5 Files Changed 5 +124 -350
5 changed files with 124 additions and 350 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/app/booking/page.tsx
View File

@@ -36,9 +36,7 @@ export default function BookingPage() {
brandName="Mövenpick Karachi"
navItems={navItems}
button={{
text: "Book Now",
href: "/booking",
}}
text: "Book Now", href: "/booking"}}
animateOnLoad={true}
/>
</div>
@@ -59,48 +57,29 @@ export default function BookingPage() {
title="Booking Form"
description="Provide your details below to check availability and complete your reservation."
useInvertedBackground={false}
mediaAnimation="blur-reveal"
inputs={[
{
name: "checkin",
type: "date",
placeholder: "Check-in Date",
required: true,
name: "checkin", type: "date", placeholder: "Check-in Date", required: true,
},
{
name: "checkout",
type: "date",
placeholder: "Check-out Date",
required: true,
name: "checkout", type: "date", placeholder: "Check-out Date", required: true,
},
{
name: "guests",
type: "number",
placeholder: "Number of Guests",
required: true,
name: "guests", type: "number", placeholder: "Number of Guests", required: true,
},
{
name: "roomtype",
type: "text",
placeholder: "Room Type",
required: true,
name: "roomtype", type: "text", placeholder: "Room Type", required: true,
},
{
name: "name",
type: "text",
placeholder: "Your Full Name",
required: true,
name: "name", type: "text", placeholder: "Your Full Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "requests",
placeholder: "Special Requests (Optional)",
rows: 3,
name: "requests", placeholder: "Special Requests (Optional)", rows: 3,
required: false,
}}
buttonText="Check Availability"
@@ -111,40 +90,28 @@ export default function BookingPage() {
<FaqSplitMedia
title="Booking FAQs"
description="Find answers to common questions about our booking process."
tag="Guest Support"
tagIcon={HelpCircle}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
mediaAnimation="blur-reveal"
mediaPosition="right"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0edtq3&_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0edtq3"
imageAlt="Hotel booking process"
faqsAnimation="blur-reveal"
animationType="smooth"
faqs={[
{
id: "cancellation",
title: "What is the cancellation policy?",
content: "Most reservations can be cancelled up to 48 hours before arrival for a full refund. Non-refundable rates have different terms. Check your booking confirmation for specific details.",
},
id: "cancellation", title: "What is the cancellation policy?", content: "Most reservations can be cancelled up to 48 hours before arrival for a full refund. Non-refundable rates have different terms. Check your booking confirmation for specific details."},
{
id: "modification",
title: "Can I modify my booking?",
content: "Yes, modifications can be made online or by contacting our reservations team at least 24 hours before check-in, subject to availability.",
},
id: "modification", title: "Can I modify my booking?", content: "Yes, modifications can be made online or by contacting our reservations team at least 24 hours before check-in, subject to availability."},
{
id: "payment",
title: "What payment methods do you accept?",
content: "We accept all major credit cards, debit cards, bank transfers, and digital payment methods. Payment security is guaranteed with encrypted transactions.",
},
id: "payment", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, bank transfers, and digital payment methods. Payment security is guaranteed with encrypted transactions."},
{
id: "bestrate",
title: "Do you offer a Best Rate Guarantee?",
content: "Yes, we guarantee the lowest rates when you book directly through our website. If you find a lower rate elsewhere, we'll match it and offer an additional discount.",
},
id: "bestrate", title: "Do you offer a Best Rate Guarantee?", content: "Yes, we guarantee the lowest rates when you book directly through our website. If you find a lower rate elsewhere, we'll match it and offer an additional discount."},
{
id: "loyalty",
title: "Are there loyalty or membership benefits?",
content: "Frequent guests enjoy exclusive rates, room upgrades, and special privileges through our loyalty program. Ask our reservations team for details.",
},
id: "loyalty", title: "Are there loyalty or membership benefits?", content: "Frequent guests enjoy exclusive rates, room upgrades, and special privileges through our loyalty program. Ask our reservations team for details."},
]}
/>
</div>
@@ -153,13 +120,9 @@ export default function BookingPage() {
<FooterLogoReveal
logoText="Mövenpick Karachi"
leftLink={{
text: "Need Help? Contact Reservations",
href: "/contact",
}}
text: "Need Help? Contact Reservations", href: "/contact"}}
rightLink={{
text: "Return to Home",
href: "/",
}}
text: "Return to Home", href: "/"}}
/>
</div>
</ThemeProvider>

42
src/app/dining/page.tsx
View File

@@ -6,7 +6,7 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { UtensilsCrossed, Coffee, Wine } from "lucide-react";
import { UtensilsCrossed, Coffee, Wine, ChefHat } from "lucide-react";
const navItems = [
{ name: "Home", id: "home" },
@@ -29,8 +29,7 @@ const navItemsWithLinks = navItems.map((item) => ({
? "/facilities"
: item.id === "location"
? "/location"
: "/",
}));
: "/"}));
export default function DiningPage() {
return (
@@ -51,9 +50,7 @@ export default function DiningPage() {
brandName="Mövenpick Karachi"
navItems={navItems}
button={{
text: "Book Now",
href: "/booking",
}}
text: "Book Now", href: "/booking"}}
animateOnLoad={true}
/>
</div>
@@ -63,12 +60,11 @@ export default function DiningPage() {
title="Culinary Destination"
description="Indulge in world-class dining experiences crafted by award-winning chefs."
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Fine Dining"
tagIcon="ChefHat"
tagIcon={ChefHat}
tagAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6v7ams&_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6v7ams"
imageAlt="Elegant fine dining restaurant"
mediaAnimation="blur-reveal"
/>
@@ -84,22 +80,16 @@ export default function DiningPage() {
features={[
{
icon: UtensilsCrossed,
title: "Fine Dining Restaurant",
description:
"Award-winning international cuisine in an atmosphere of refined elegance. À la carte and tasting menus available.",
},
title: "Fine Dining Restaurant", description:
"Award-winning international cuisine in an atmosphere of refined elegance. À la carte and tasting menus available."},
{
icon: Coffee,
title: "Breakfast Buffet",
description:
"Lavish spread of continental and Pakistani specialties. Served daily 6:30 AM to 11:00 AM.",
},
title: "Breakfast Buffet", description:
"Lavish spread of continental and Pakistani specialties. Served daily 6:30 AM to 11:00 AM."},
{
icon: Wine,
title: "Premium Bar",
description:
"Curated wine selection and signature cocktails. Open until late evening with live entertainment.",
},
title: "Premium Bar", description:
"Curated wine selection and signature cocktails. Open until late evening with live entertainment."},
]}
/>
</div>
@@ -108,13 +98,9 @@ export default function DiningPage() {
<FooterLogoReveal
logoText="Mövenpick Karachi"
leftLink={{
text: "Make a Reservation",
href: "/contact",
}}
text: "Make a Reservation", href: "/contact"}}
rightLink={{
text: "Back to Home",
href: "/",
}}
text: "Back to Home", href: "/"}}
/>
</div>
</ThemeProvider>

74
src/app/facilities/page.tsx
View File

@@ -9,12 +9,13 @@ import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import {
Waves,
Dumbbell,
Spa,
Lightbulb,
Briefcase,
Concierge,
Users,
Car,
ShoppingCart,
Sparkles,
Zap,
} from "lucide-react";
const navItems = [
@@ -44,9 +45,7 @@ export default function FacilitiesPage() {
brandName="Mövenpick Karachi"
navItems={navItems}
button={{
text: "Book Now",
href: "/booking",
}}
text: "Book Now", href: "/booking"}}
animateOnLoad={true}
/>
</div>
@@ -56,10 +55,9 @@ export default function FacilitiesPage() {
title="Hotel Facilities"
description="Experience the pinnacle of luxury hospitality with our comprehensive facilities and services."
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Premium Services"
tagIcon="Zap"
tagIcon={Zap}
tagAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7sspl4"
imageAlt="Luxury hotel pool area"
@@ -77,28 +75,20 @@ export default function FacilitiesPage() {
features={[
{
icon: Waves,
title: "Olympic Swimming Pool",
description:
"Heated indoor and outdoor pools with professional lifeguards and cabana services.",
},
title: "Olympic Swimming Pool", description:
"Heated indoor and outdoor pools with professional lifeguards and cabana services."},
{
icon: Dumbbell,
title: "24/7 Fitness Center",
description:
"State-of-the-art equipment, personal trainers, and yoga classes available daily.",
},
title: "24/7 Fitness Center", description:
"State-of-the-art equipment, personal trainers, and yoga classes available daily."},
{
icon: Spa,
title: "Luxury Spa & Wellness",
description:
"Full-service spa offering massages, facials, body treatments, and holistic wellness programs.",
},
icon: Lightbulb,
title: "Luxury Spa & Wellness", description:
"Full-service spa offering massages, facials, body treatments, and holistic wellness programs."},
{
icon: Briefcase,
title: "Business Center",
description:
"High-speed internet, meeting rooms, conference facilities, and business support services.",
},
title: "Business Center", description:
"High-speed internet, meeting rooms, conference facilities, and business support services."},
]}
/>
</div>
@@ -112,29 +102,21 @@ export default function FacilitiesPage() {
animationType="blur-reveal"
features={[
{
icon: Concierge,
title: "Concierge Service",
description:
"Expert assistance with reservations, transportation, and local recommendations.",
},
icon: Users,
title: "Concierge Service", description:
"Expert assistance with reservations, transportation, and local recommendations."},
{
icon: Car,
title: "Valet Parking",
description:
"Complimentary secure valet parking and vehicle maintenance services.",
},
title: "Valet Parking", description:
"Complimentary secure valet parking and vehicle maintenance services."},
{
icon: ShoppingCart,
title: "Room Service",
description:
"24-hour room service with extensive menu from all our restaurants and bars.",
},
title: "Room Service", description:
"24-hour room service with extensive menu from all our restaurants and bars."},
{
icon: Sparkles,
title: "Special Events",
description:
"Wedding venues, corporate events, and celebrations tailored to your vision.",
},
title: "Special Events", description:
"Wedding venues, corporate events, and celebrations tailored to your vision."},
]}
/>
</div>
@@ -143,13 +125,9 @@ export default function FacilitiesPage() {
<FooterLogoReveal
logoText="Mövenpick Karachi"
leftLink={{
text: "Book a Spa Session",
href: "/booking",
}}
text: "Book a Spa Session", href: "/booking"}}
rightLink={{
text: "Contact Us",
href: "/contact",
}}
text: "Contact Us", href: "/contact"}}
/>
</div>
</ThemeProvider>

198
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Award, Sparkles, ChefHat, Coffee, Wine, Waves, Dumbbell, Spa, BriefcaseBusinessIcon, Users, Star, Home, TrendingUp, HelpCircle } from "lucide-react";
import { Award, Sparkles, ChefHat, Coffee, Wine, Waves, Dumbbell, BriefcaseBusinessIcon, Users, Star, Home, TrendingUp, HelpCircle, Zap } from "lucide-react";
const navItems = [
{ name: "Home", id: "home" },
@@ -46,9 +46,7 @@ export default function HomePage() {
brandName="Mövenpick Karachi"
navItems={navItems}
button={{
text: "Book Now",
href: "/booking",
}}
text: "Book Now", href: "/booking"}}
animateOnLoad={true}
/>
</div>
@@ -59,20 +57,15 @@ export default function HomePage() {
title="Luxury in the Heart of Karachi"
description="Experience world-class hospitality at Mövenpick Karachi. Where elegance meets exceptional service."
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="5-Star Luxury Hotel"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{
text: "Book Now",
href: "/booking",
},
text: "Book Now", href: "/booking"},
{
text: "Explore Rooms",
href: "/rooms",
},
text: "Explore Rooms", href: "/rooms"},
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1onibl"
@@ -90,16 +83,11 @@ export default function HomePage() {
<TextSplitAbout
title="A Legacy of Excellence"
description={[
"Mövenpick Karachi stands as a beacon of luxury and sophistication in Pakistan's vibrant capital. Nestled on Club Road in the Civil Lines district, our 5-star establishment combines European elegance with warm Pakistani hospitality.",
"With over 100 expertly appointed rooms and suites, a world-class spa, fine dining restaurants, and a 24-hour fitness center, every detail is crafted to ensure your stay is unforgettable. Our 4.5-star rating from 23,647 guests speaks to our unwavering commitment to excellence.",
"Whether you're visiting for business or leisure, our dedicated team ensures that every moment at Mövenpick Karachi exceeds your expectations.",
]}
"Mövenpick Karachi stands as a beacon of luxury and sophistication in Pakistan's vibrant capital. Nestled on Club Road in the Civil Lines district, our 5-star establishment combines European elegance with warm Pakistani hospitality.", "With over 100 expertly appointed rooms and suites, a world-class spa, fine dining restaurants, and a 24-hour fitness center, every detail is crafted to ensure your stay is unforgettable. Our 4.5-star rating from 23,647 guests speaks to our unwavering commitment to excellence.", "Whether you're visiting for business or leisure, our dedicated team ensures that every moment at Mövenpick Karachi exceeds your expectations."]}
useInvertedBackground={false}
buttons={[
{
text: "Learn More",
href: "/about",
},
text: "Learn More", href: "/about"},
]}
buttonAnimation="slide-up"
/>
@@ -119,32 +107,15 @@ export default function HomePage() {
animationType="blur-reveal"
products={[
{
id: "deluxe",
name: "Deluxe Room",
price: "From PKR 25,000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lw9ejd&_wi=1",
imageAlt: "Luxury deluxe room with king bed and modern amenities",
},
id: "deluxe", name: "Deluxe Room", price: "From PKR 25,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lw9ejd", imageAlt: "Luxury deluxe room with king bed and modern amenities"},
{
id: "executive",
name: "Executive Room",
price: "From PKR 35,000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aikwqx&_wi=1",
imageAlt: "Executive room with workspace and premium furnishings",
},
id: "executive", name: "Executive Room", price: "From PKR 35,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aikwqx", imageAlt: "Executive room with workspace and premium furnishings"},
{
id: "suite",
name: "Premium Suite",
price: "From PKR 50,000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19ze6m&_wi=1",
imageAlt: "Grand premium suite with separate living and sleeping areas",
},
id: "suite", name: "Premium Suite", price: "From PKR 50,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19ze6m", imageAlt: "Grand premium suite with separate living and sleeping areas"},
]}
buttons={[
{
text: "View All Rooms",
href: "/rooms",
},
text: "View All Rooms", href: "/rooms"},
]}
buttonAnimation="slide-up"
/>
@@ -164,25 +135,17 @@ export default function HomePage() {
features={[
{
icon: ChefHat,
title: "Fine Dining",
description: "Award-winning chefs prepare exquisite international and Pakistani cuisine in our elegant dining rooms.",
},
title: "Fine Dining", description: "Award-winning chefs prepare exquisite international and Pakistani cuisine in our elegant dining rooms."},
{
icon: Coffee,
title: "Breakfast Buffet",
description: "A lavish spread of continental and local specialties to start your day in style.",
},
title: "Breakfast Buffet", description: "A lavish spread of continental and local specialties to start your day in style."},
{
icon: Wine,
title: "Premium Beverages",
description: "Curated selection of wines, spirits, and signature cocktails crafted by expert mixologists.",
},
title: "Premium Beverages", description: "Curated selection of wines, spirits, and signature cocktails crafted by expert mixologists."},
]}
buttons={[
{
text: "Explore Dining",
href: "/dining",
},
text: "Explore Dining", href: "/dining"},
]}
buttonAnimation="slide-up"
/>
@@ -202,30 +165,20 @@ export default function HomePage() {
features={[
{
icon: Waves,
title: "Olympic Pool",
description: "Pristine swimming facilities with heated water and poolside lounging areas.",
},
title: "Olympic Pool", description: "Pristine swimming facilities with heated water and poolside lounging areas."},
{
icon: Dumbbell,
title: "Fitness Center",
description: "State-of-the-art gym equipment and professional trainers available 24/7.",
},
title: "Fitness Center", description: "State-of-the-art gym equipment and professional trainers available 24/7."},
{
icon: Spa,
title: "Luxury Spa",
description: "Full-service spa offering massages, facials, and holistic wellness treatments.",
},
icon: Zap,
title: "Luxury Spa", description: "Full-service spa offering massages, facials, and holistic wellness treatments."},
{
icon: BriefcaseBusinessIcon,
title: "Business Center",
description: "High-speed internet, meeting rooms, and dedicated business support services.",
},
title: "Business Center", description: "High-speed internet, meeting rooms, and dedicated business support services."},
]}
buttons={[
{
text: "View All Facilities",
href: "/facilities",
},
text: "View All Facilities", href: "/facilities"},
]}
buttonAnimation="slide-up"
/>
@@ -244,29 +197,17 @@ export default function HomePage() {
animationType="blur-reveal"
metrics={[
{
id: "guests",
icon: Users,
title: "Guest Reviews",
value: "23,647",
},
id: "guests", icon: Users,
title: "Guest Reviews", value: "23,647"},
{
id: "rating",
icon: Star,
title: "Star Rating",
value: "4.5/5",
},
id: "rating", icon: Star,
title: "Star Rating", value: "4.5/5"},
{
id: "rooms",
icon: Home,
title: "Rooms & Suites",
value: "100+",
},
id: "rooms", icon: Home,
title: "Rooms & Suites", value: "100+"},
{
id: "years",
icon: Award,
title: "Years of Excellence",
value: "20+",
},
id: "years", icon: Award,
title: "Years of Excellence", value: "20+"},
]}
/>
</div>
@@ -274,7 +215,6 @@ export default function HomePage() {
{/* Testimonials Section */}
<div id="testimonials-home" data-section="testimonials-home">
<TestimonialCardTwelve
title="Guest Testimonials"
cardTitle="Exceptional Service & Luxury"
cardTag="Highly Rated"
cardTagIcon={Star}
@@ -282,29 +222,13 @@ export default function HomePage() {
useInvertedBackground={true}
testimonials={[
{
id: "guest-1",
name: "Ahmed Hassan",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10y1gj",
imageAlt: "professional business traveler portrait",
},
id: "guest-1", name: "Ahmed Hassan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10y1gj", imageAlt: "professional business traveler portrait"},
{
id: "guest-2",
name: "Sarah Khan",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8xkz18",
imageAlt: "happy hotel guest family portrait",
},
id: "guest-2", name: "Sarah Khan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8xkz18", imageAlt: "happy hotel guest family portrait"},
{
id: "guest-3",
name: "Michael Roberts",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3hoksc",
imageAlt: "luxury hotel guest couple portrait",
},
id: "guest-3", name: "Michael Roberts", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3hoksc", imageAlt: "luxury hotel guest couple portrait"},
{
id: "guest-4",
name: "Fatima Ali",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9cdqsl",
imageAlt: "business guest luxury hotel portrait",
},
id: "guest-4", name: "Fatima Ali", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9cdqsl", imageAlt: "business guest luxury hotel portrait"},
]}
/>
</div>
@@ -321,36 +245,21 @@ export default function HomePage() {
useInvertedBackground={false}
mediaAnimation="blur-reveal"
mediaPosition="right"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1jx3lp&_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1jx3lp"
imageAlt="Karachi cityscape and hotel location"
faqsAnimation="blur-reveal"
animationType="smooth"
faqs={[
{
id: "checkin",
title: "What are the check-in and check-out times?",
content: "Check-in is at 2:00 PM and check-out is at 12:00 PM. Early check-in and late check-out are available upon request based on room availability.",
},
id: "checkin", title: "What are the check-in and check-out times?", content: "Check-in is at 2:00 PM and check-out is at 12:00 PM. Early check-in and late check-out are available upon request based on room availability."},
{
id: "parking",
title: "Is parking available at the hotel?",
content: "Yes, we offer complimentary valet parking for all our guests. Our secure parking facilities ensure your vehicle is well protected.",
},
id: "parking", title: "Is parking available at the hotel?", content: "Yes, we offer complimentary valet parking for all our guests. Our secure parking facilities ensure your vehicle is well protected."},
{
id: "wifi",
title: "Is WiFi included in all rooms?",
content: "Yes, high-speed complimentary WiFi is available throughout the hotel, including all guest rooms and public areas.",
},
id: "wifi", title: "Is WiFi included in all rooms?", content: "Yes, high-speed complimentary WiFi is available throughout the hotel, including all guest rooms and public areas."},
{
id: "dining",
title: "What dining options are available?",
content: "We offer multiple restaurants and bars featuring international cuisine, Pakistani specialties, and 24-hour room service.",
},
id: "dining", title: "What dining options are available?", content: "We offer multiple restaurants and bars featuring international cuisine, Pakistani specialties, and 24-hour room service."},
{
id: "booking",
title: "How can I make a reservation?",
content: "You can book through our website, call our reservations team, or contact our concierge. We offer best rate guarantee and flexible cancellation policies.",
},
id: "booking", title: "How can I make a reservation?", content: "You can book through our website, call our reservations team, or contact our concierge. We offer best rate guarantee and flexible cancellation policies."},
]}
/>
</div>
@@ -363,32 +272,21 @@ export default function HomePage() {
useInvertedBackground={true}
mediaAnimation="blur-reveal"
mediaPosition="left"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0edtq3&_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0edtq3"
imageAlt="Luxury hotel exterior"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: false,
name: "phone", type: "tel", placeholder: "Phone Number", required: false,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 5,
name: "message", placeholder: "Your Message", rows: 5,
required: true,
}}
buttonText="Send Message"
@@ -400,13 +298,9 @@ export default function HomePage() {
<FooterLogoReveal
logoText="Mövenpick Karachi"
leftLink={{
text: "© 2024 Mövenpick Karachi. All rights reserved.",
href: "#",
}}
text: "© 2024 Mövenpick Karachi. All rights reserved.", href: "#"}}
rightLink={{
text: "Contact: +92 (21) 1234-5678 | info@movenpick-karachi.com",
href: "mailto:info@movenpick-karachi.com",
}}
text: "Contact: +92 (21) 1234-5678 | info@movenpick-karachi.com", href: "mailto:info@movenpick-karachi.com"}}
/>
</div>
</ThemeProvider>

83
src/app/rooms/page.tsx
View File

@@ -7,7 +7,7 @@ import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Home, Wifi, Wind, Bottle2, Tv } from "lucide-react";
import { Home, Wifi, Wind, Lightbulb, Tv } from "lucide-react";
const navItems = [
{ name: "Home", id: "home" },
@@ -37,9 +37,7 @@ export default function RoomsPage() {
brandName="Mövenpick Karachi"
navItems={navItems}
button={{
text: "Book Now",
href: "/booking",
}}
text: "Book Now", href: "/booking"}}
animateOnLoad={true}
/>
</div>
@@ -50,12 +48,11 @@ export default function RoomsPage() {
title="Our Rooms & Suites"
description="Each room is a sanctuary of comfort, designed with meticulous attention to luxury and personal service."
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Luxury Accommodation"
tagIcon={Home}
tagAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lw9ejd&_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lw9ejd"
imageAlt="Luxury deluxe room interior"
mediaAnimation="blur-reveal"
/>
@@ -72,53 +69,21 @@ export default function RoomsPage() {
animationType="blur-reveal"
products={[
{
id: "standard",
name: "Standard Room",
price: "From PKR 20,000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lw9ejd&_wi=3",
imageAlt: "Well-appointed standard room",
},
id: "standard", name: "Standard Room", price: "From PKR 20,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lw9ejd", imageAlt: "Well-appointed standard room"},
{
id: "superior",
name: "Superior Room",
price: "From PKR 28,000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lw9ejd&_wi=4",
imageAlt: "Superior room with enhanced amenities",
},
id: "superior", name: "Superior Room", price: "From PKR 28,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lw9ejd", imageAlt: "Superior room with enhanced amenities"},
{
id: "deluxe-full",
name: "Deluxe Room",
price: "From PKR 25,000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lw9ejd&_wi=5",
imageAlt: "Luxurious deluxe room with king bed",
},
id: "deluxe-full", name: "Deluxe Room", price: "From PKR 25,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lw9ejd", imageAlt: "Luxurious deluxe room with king bed"},
{
id: "executive-full",
name: "Executive Room",
price: "From PKR 35,000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aikwqx&_wi=2",
imageAlt: "Executive room with workspace and views",
},
id: "executive-full", name: "Executive Room", price: "From PKR 35,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aikwqx", imageAlt: "Executive room with workspace and views"},
{
id: "junior-suite",
name: "Junior Suite",
price: "From PKR 45,000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19ze6m&_wi=2",
imageAlt: "Spacious junior suite",
},
id: "junior-suite", name: "Junior Suite", price: "From PKR 45,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19ze6m", imageAlt: "Spacious junior suite"},
{
id: "premium-suite",
name: "Premium Suite",
price: "From PKR 50,000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19ze6m&_wi=3",
imageAlt: "Grand premium suite with living area",
},
id: "premium-suite", name: "Premium Suite", price: "From PKR 50,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19ze6m", imageAlt: "Grand premium suite with living area"},
]}
buttons={[
{
text: "Book Your Room",
href: "/booking",
},
text: "Book Your Room", href: "/booking"},
]}
buttonAnimation="slide-up"
/>
@@ -135,24 +100,16 @@ export default function RoomsPage() {
features={[
{
icon: Wifi,
title: "High-Speed WiFi",
description: "Complimentary high-speed internet throughout your stay.",
},
title: "High-Speed WiFi", description: "Complimentary high-speed internet throughout your stay."},
{
icon: Wind,
title: "Climate Control",
description: "Individual air conditioning for personalized comfort.",
},
title: "Climate Control", description: "Individual air conditioning for personalized comfort."},
{
icon: Bottle2,
title: "Minibar",
description: "Fully stocked minibar with premium beverages and snacks.",
},
icon: Lightbulb,
title: "Minibar", description: "Fully stocked minibar with premium beverages and snacks."},
{
icon: Tv,
title: "Smart TV",
description: "Flat-screen TV with premium entertainment channels.",
},
title: "Smart TV", description: "Flat-screen TV with premium entertainment channels."},
]}
/>
</div>
@@ -162,13 +119,9 @@ export default function RoomsPage() {
<FooterLogoReveal
logoText="Mövenpick Karachi"
leftLink={{
text: "Book Now",
href: "/booking",
}}
text: "Book Now", href: "/booking"}}
rightLink={{
text: "Contact Reservations",
href: "/contact",
}}
text: "Contact Reservations", href: "/contact"}}
/>
</div>
</ThemeProvider>