Merge version_1 into main #1
266
src/app/page.tsx
266
src/app/page.tsx
@@ -34,77 +34,42 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "#rooms",
|
||||
},
|
||||
name: "Rooms", id: "#rooms"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Ayoob Hotel"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#pricing",
|
||||
}}
|
||||
text: "Book Now", href: "#pricing"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Ayoob Hotel: Your Comfort, Our Legacy"
|
||||
description="For decades, a beloved stop on the highway, offering delicious food, comfortable stays, and warm welcomes for families and travelers alike."
|
||||
tag="Experience Hospitality"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Book Your Stay", href: "#pricing"},
|
||||
{
|
||||
text: "Explore Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
text: "Explore Rooms", href: "#rooms"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/facade-winter-church-situated-capriana-monastery-good-weather-moldova_1268-16930.jpg",
|
||||
imageAlt: "Grand exterior of Ayoob Hotel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/facade-winter-church-situated-capriana-monastery-good-weather-moldova_1268-16930.jpg", imageAlt: "Grand exterior of Ayoob Hotel"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barman-relaxing-couch_23-2147821276.jpg",
|
||||
imageAlt: "Welcoming lobby of Ayoob Hotel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abu-dhabi-uae-march-16-dome-decoration-emirates-palace-hotel-march-16-2012-this-is-luxurious-most-expensive-7-star-hotel-designed-by-renowned-architect-john-elliott-riba_158595-1969.jpg",
|
||||
imageAlt: "Dome decoration in Emirates Palace hotel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-869.jpg",
|
||||
imageAlt: "square front of modern office buildings",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organ-hall-chisinau-moldova_1268-18335.jpg",
|
||||
imageAlt: "Organ Hall in Chisinau, Moldova",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barman-relaxing-couch_23-2147821276.jpg", imageAlt: "Welcoming lobby of Ayoob Hotel"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={3.8}
|
||||
@@ -132,19 +97,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Uncomfortable Beds",
|
||||
"Slow Check-in",
|
||||
"Limited Dining Options",
|
||||
"Unresponsive Staff",
|
||||
],
|
||||
"Uncomfortable Beds", "Slow Check-in", "Limited Dining Options", "Unresponsive Staff"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Clean & Comfortable Rooms",
|
||||
"Polite & Quick Service",
|
||||
"Delicious Traditional Food",
|
||||
"Family-Friendly Environment",
|
||||
],
|
||||
"Clean & Comfortable Rooms", "Polite & Quick Service", "Delicious Traditional Food", "Family-Friendly Environment"],
|
||||
}}
|
||||
title="Comfort & Convenience for Every Traveler"
|
||||
description="From well-maintained rooms to a diverse culinary experience, we ensure a pleasant stay."
|
||||
@@ -160,47 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "standard-room",
|
||||
name: "Standard Room",
|
||||
price: "PKR 4,000 / Night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-blanket-decoration-interior-bedroom_74190-12596.jpg",
|
||||
imageAlt: "Standard hotel room with a single bed",
|
||||
},
|
||||
id: "standard-room", name: "Standard Room", price: "PKR 4,000 / Night", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-blanket-decoration-interior-bedroom_74190-12596.jpg", imageAlt: "Standard hotel room with a single bed"},
|
||||
{
|
||||
id: "deluxe-room",
|
||||
name: "Deluxe Room",
|
||||
price: "PKR 7,500 / Night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-bedroom-suite-resort-hotel-with-twin-bed-living_105762-2018.jpg",
|
||||
imageAlt: "Spacious deluxe hotel room with a double bed",
|
||||
},
|
||||
id: "deluxe-room", name: "Deluxe Room", price: "PKR 7,500 / Night", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-bedroom-suite-resort-hotel-with-twin-bed-living_105762-2018.jpg", imageAlt: "Spacious deluxe hotel room with a double bed"},
|
||||
{
|
||||
id: "family-suite",
|
||||
name: "Family Suite",
|
||||
price: "PKR 12,000 / Night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/single-beds-hotel_1253-276.jpg",
|
||||
imageAlt: "Family hotel suite with multiple beds",
|
||||
},
|
||||
id: "family-suite", name: "Family Suite", price: "PKR 12,000 / Night", imageSrc: "http://img.b2bpic.net/free-photo/single-beds-hotel_1253-276.jpg", imageAlt: "Family hotel suite with multiple beds"},
|
||||
{
|
||||
id: "twin-room",
|
||||
name: "Twin Room",
|
||||
price: "PKR 5,500 / Night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-man-brings-breakfast-his-wife_23-2148379007.jpg",
|
||||
imageAlt: "Hotel room with two twin beds",
|
||||
},
|
||||
id: "twin-room", name: "Twin Room", price: "PKR 5,500 / Night", imageSrc: "http://img.b2bpic.net/free-photo/romantic-man-brings-breakfast-his-wife_23-2148379007.jpg", imageAlt: "Hotel room with two twin beds"},
|
||||
{
|
||||
id: "executive-suite",
|
||||
name: "Executive Suite",
|
||||
price: "PKR 15,000 / Night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-style-bedroom-interior-hotel-bedroom-generative-ai-illustration_1258-151611.jpg",
|
||||
imageAlt: "Elegant executive suite with a separate living area",
|
||||
},
|
||||
id: "executive-suite", name: "Executive Suite", price: "PKR 15,000 / Night", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-style-bedroom-interior-hotel-bedroom-generative-ai-illustration_1258-151611.jpg", imageAlt: "Elegant executive suite with a separate living area"},
|
||||
{
|
||||
id: "economy-room",
|
||||
name: "Economy Room",
|
||||
price: "PKR 3,000 / Night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-still-life_23-2147817668.jpg",
|
||||
imageAlt: "Simple and clean economy hotel room",
|
||||
},
|
||||
id: "economy-room", name: "Economy Room", price: "PKR 3,000 / Night", imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-still-life_23-2147817668.jpg", imageAlt: "Simple and clean economy hotel room"},
|
||||
]}
|
||||
title="Comfortable Rooms for Every Need"
|
||||
description="Whether you're traveling solo, with family, or for business, our rooms offer relaxation and essential amenities."
|
||||
@@ -210,65 +137,36 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "standard-plan",
|
||||
badge: "Value",
|
||||
badgeIcon: Sparkles,
|
||||
price: "PKR 4,000",
|
||||
subtitle: "Per Night for Standard Room",
|
||||
buttons: [
|
||||
id: "standard-plan", badge: "Value", badgeIcon: Sparkles,
|
||||
price: "PKR 4,000", subtitle: "Per Night for Standard Room", buttons: [
|
||||
{
|
||||
text: "Book Standard",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Standard", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Comfortable Bed",
|
||||
"Attached Bathroom",
|
||||
"Air Conditioning",
|
||||
"Free Wi-Fi",
|
||||
],
|
||||
"Comfortable Bed", "Attached Bathroom", "Air Conditioning", "Free Wi-Fi"],
|
||||
},
|
||||
{
|
||||
id: "deluxe-plan",
|
||||
badge: "Popular",
|
||||
badgeIcon: CheckCircle,
|
||||
price: "PKR 7,500",
|
||||
subtitle: "Per Night for Deluxe Room",
|
||||
buttons: [
|
||||
id: "deluxe-plan", badge: "Popular", badgeIcon: CheckCircle,
|
||||
price: "PKR 7,500", subtitle: "Per Night for Deluxe Room", buttons: [
|
||||
{
|
||||
text: "Book Deluxe",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Deluxe", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Spacious Room",
|
||||
"Modern Amenities",
|
||||
"Work Desk",
|
||||
"Complimentary Breakfast",
|
||||
],
|
||||
"Spacious Room", "Modern Amenities", "Work Desk", "Complimentary Breakfast"],
|
||||
},
|
||||
{
|
||||
id: "family-plan",
|
||||
badge: "Best for Families",
|
||||
badgeIcon: Users,
|
||||
price: "PKR 12,000",
|
||||
subtitle: "Per Night for Family Suite",
|
||||
buttons: [
|
||||
id: "family-plan", badge: "Best for Families", badgeIcon: Users,
|
||||
price: "PKR 12,000", subtitle: "Per Night for Family Suite", buttons: [
|
||||
{
|
||||
text: "Book Family Suite",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Family Suite", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Multiple Beds",
|
||||
"Separate Seating Area",
|
||||
"Room Service",
|
||||
"Dedicated Parking",
|
||||
],
|
||||
"Multiple Beds", "Separate Seating Area", "Room Service", "Dedicated Parking"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Pricing, Unbeatable Value"
|
||||
@@ -284,50 +182,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rango PUBG",
|
||||
handle: "@rangop",
|
||||
testimonial: "Ayoob Hotel is now considered the popular 1st bus stop if we come from Punjab, Sukkur, Moro side towards Karachi. It's a normal hotel with a bunch of average restaurants, but it serves its purpose well.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg",
|
||||
imageAlt: "Rango PUBG",
|
||||
},
|
||||
id: "1", name: "Rango PUBG", handle: "@rangop", testimonial: "Ayoob Hotel is now considered the popular 1st bus stop if we come from Punjab, Sukkur, Moro side towards Karachi. It's a normal hotel with a bunch of average restaurants, but it serves its purpose well.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg", imageAlt: "Rango PUBG"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Salman Khan Zour",
|
||||
handle: "@salmanzour",
|
||||
testimonial: "Ayoob Hotel in Hyderabad holds a special place in the memories of many people from the 1990s. It was known for its simple yet delicious traditional food, generous portions, and affordable prices. The hotel had a welcoming atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-thinking-answers-questionnaire_1398-4260.jpg",
|
||||
imageAlt: "Salman Khan Zour",
|
||||
},
|
||||
id: "2", name: "Salman Khan Zour", handle: "@salmanzour", testimonial: "Ayoob Hotel in Hyderabad holds a special place in the memories of many people from the 1990s. It was known for its simple yet delicious traditional food, generous portions, and affordable prices. The hotel had a welcoming atmosphere.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-thinking-answers-questionnaire_1398-4260.jpg", imageAlt: "Salman Khan Zour"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Abrish Khan",
|
||||
handle: "@abrishk",
|
||||
testimonial: "Ayoob Hotel is one of the most popular and well-known hotels in Hyderabad. The food is always fresh, tasty, and served hot. The staff is polite and quick in service, and the overall environment is clean and comfortable for families. Prices are reasonable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos-with-phone_23-2149313100.jpg",
|
||||
imageAlt: "Abrish Khan",
|
||||
},
|
||||
id: "3", name: "Abrish Khan", handle: "@abrishk", testimonial: "Ayoob Hotel is one of the most popular and well-known hotels in Hyderabad. The food is always fresh, tasty, and served hot. The staff is polite and quick in service, and the overall environment is clean and comfortable for families. Prices are reasonable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos-with-phone_23-2149313100.jpg", imageAlt: "Abrish Khan"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Local Traveler",
|
||||
handle: "@travelguru",
|
||||
testimonial: "Always a reliable stop on our road trips. The tea and parathas are a must-try! Simple, clean, and exactly what you need after a long drive. Highly recommend for a quick and satisfying break.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-guy-with-beard-works-cafe-freelancer-uses-laptop-does-project_1296-724.jpg",
|
||||
imageAlt: "Local Traveler",
|
||||
},
|
||||
id: "4", name: "Local Traveler", handle: "@travelguru", testimonial: "Always a reliable stop on our road trips. The tea and parathas are a must-try! Simple, clean, and exactly what you need after a long drive. Highly recommend for a quick and satisfying break.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-guy-with-beard-works-cafe-freelancer-uses-laptop-does-project_1296-724.jpg", imageAlt: "Local Traveler"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Family Visitor",
|
||||
handle: "@familyfun",
|
||||
testimonial: "We travel frequently and Ayoob Hotel is our go-to place for family-friendly stays. The rooms are spacious enough, and the staff is always helpful with our kids. Truly a comfortable spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-overjoyed-cheerful-elderly-mature-male-with-beard-posing-isolated-with-snorkeling-mask_343059-3489.jpg",
|
||||
imageAlt: "Family Visitor",
|
||||
},
|
||||
id: "5", name: "Family Visitor", handle: "@familyfun", testimonial: "We travel frequently and Ayoob Hotel is our go-to place for family-friendly stays. The rooms are spacious enough, and the staff is always helpful with our kids. Truly a comfortable spot.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-overjoyed-cheerful-elderly-mature-male-with-beard-posing-isolated-with-snorkeling-mask_343059-3489.jpg", imageAlt: "Family Visitor"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Visitors Say"
|
||||
@@ -341,14 +209,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Faysal Movers",
|
||||
"Warich Express",
|
||||
"Sindh Transport",
|
||||
"Local Eats",
|
||||
"Highway Patrol",
|
||||
"Travel Assist",
|
||||
"Regional Tours",
|
||||
]}
|
||||
"Faysal Movers", "Warich Express", "Sindh Transport", "Local Eats", "Highway Patrol", "Travel Assist", "Regional Tours"]}
|
||||
title="Trusted by Travelers Across the Region"
|
||||
description="A landmark destination for various bus services and local businesses, making Ayoob Hotel a recognized name on the highway."
|
||||
tag="Our Reach"
|
||||
@@ -360,25 +221,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are the check-in and check-out times?",
|
||||
content: "Our standard check-in time is 2:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability.",
|
||||
},
|
||||
id: "q1", title: "What are the check-in and check-out times?", content: "Our standard check-in time is 2:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer food and dining options?",
|
||||
content: "Yes, Ayoob Hotel features several on-site restaurants offering a variety of traditional and local dishes. Room service is also available during dining hours.",
|
||||
},
|
||||
id: "q2", title: "Do you offer food and dining options?", content: "Yes, Ayoob Hotel features several on-site restaurants offering a variety of traditional and local dishes. Room service is also available during dining hours."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is parking available at the hotel?",
|
||||
content: "Yes, we provide ample and secure parking facilities for our guests, suitable for both cars and larger vehicles like buses.",
|
||||
},
|
||||
id: "q3", title: "Is parking available at the hotel?", content: "Yes, we provide ample and secure parking facilities for our guests, suitable for both cars and larger vehicles like buses."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Are pets allowed at Ayoob Hotel?",
|
||||
content: "Unfortunately, for the comfort and safety of all our guests, pets are not permitted within the hotel premises.",
|
||||
},
|
||||
id: "q4", title: "Are pets allowed at Ayoob Hotel?", content: "Unfortunately, for the comfort and safety of all our guests, pets are not permitted within the hotel premises."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find quick answers to your queries about booking, facilities, and services at Ayoob Hotel, ensuring a smooth and enjoyable experience."
|
||||
@@ -391,20 +240,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Connect With Us"
|
||||
title="Plan Your Visit to Ayoob Hotel"
|
||||
description="Reach out to us for reservations, inquiries, or any assistance you may need during your stay. Our team is ready to help you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+923034333745",
|
||||
},
|
||||
text: "Call Now", href: "tel:+923034333745"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=Ayoob+Hotel+N-5,+Hyderabad,+Pakistan",
|
||||
},
|
||||
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=Ayoob+Hotel+N-5,+Hyderabad,+Pakistan"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -414,13 +258,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Ayoob Hotel"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user