Merge version_1 into main #1
433
src/app/page.tsx
433
src/app/page.tsx
@@ -28,316 +28,147 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "#rooms",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#location",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
]}
|
||||
brandName="Iloilo Stay"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Hero", id: "hero" },
|
||||
{ name: "Value", id: "value" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Amenities", id: "amenities" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Iloilo Stay"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Iloilo Stay"
|
||||
description="Affordable comfort in the heart of Iloilo City—minutes from everything that matters."
|
||||
buttons={[
|
||||
{
|
||||
text: "Check Availability",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-clean-interior-design_23-2151929394.jpg",
|
||||
imageAlt: "luxury boutique hotel room minimal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-reception-counter-with-classy-interior-design_482257-101081.jpg",
|
||||
imageAlt: "boutique hotel reception lobby",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/square-vintage-building_1359-804.jpg",
|
||||
imageAlt: "modern cafe interior nearby",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661425.jpg",
|
||||
imageAlt: "hotel restaurant buffet setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-interior-decor-with-natural-lighting-ambiance-generated-by-ai_188544-28046.jpg",
|
||||
imageAlt: "luxury hotel interior detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331752.jpg",
|
||||
imageAlt: "nearby street scene urban",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Iloilo Stay"
|
||||
description="Affordable comfort in the heart of Iloilo City—minutes from everything that matters."
|
||||
buttons={[{ text: "Check Availability", href: "#contact" }, { text: "View Rooms", href: "#rooms" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-clean-interior-design_23-2151929394.jpg", imageAlt: "luxury boutique hotel room minimal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-reception-counter-with-classy-interior-design_482257-101081.jpg", imageAlt: "boutique hotel reception lobby" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/square-vintage-building_1359-804.jpg", imageAlt: "modern cafe interior nearby" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661425.jpg", imageAlt: "hotel restaurant buffet setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-interior-decor-with-natural-lighting-ambiance-generated-by-ai_188544-28046.jpg", imageAlt: "luxury hotel interior detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331752.jpg", imageAlt: "nearby street scene urban" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="value" data-section="value">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Comfort-First Rooms",
|
||||
description: "Air-conditioned, clean, and designed for real rest.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pink-accents-modern-artwork_23-2152001379.jpg",
|
||||
imageAlt: "minimalist hotel room twin",
|
||||
},
|
||||
{
|
||||
title: "Prime Location",
|
||||
description: "Near Jaro Cathedral, Museo Iloilo & city hotspots.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-city_1127-3331.jpg",
|
||||
imageAlt: "modern cafe interior nearby",
|
||||
},
|
||||
{
|
||||
title: "Smart Pricing",
|
||||
description: "Premium experience starting at budget-friendly rates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-guest-arriving-vacation_482257-76543.jpg",
|
||||
imageAlt: "hotel concierge reception desk",
|
||||
},
|
||||
]}
|
||||
title="Luxury Feel Without the Luxury Price"
|
||||
description="Experience urban comfort designed for the smart traveler."
|
||||
/>
|
||||
</div>
|
||||
<div id="value" data-section="value">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Comfort-First Rooms", description: "Air-conditioned, clean, and designed for real rest.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pink-accents-modern-artwork_23-2152001379.jpg", imageAlt: "minimalist hotel room twin" },
|
||||
{ title: "Prime Location", description: "Near Jaro Cathedral, Museo Iloilo & city hotspots.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-city_1127-3331.jpg", imageAlt: "modern cafe interior nearby" },
|
||||
{ title: "Smart Pricing", description: "Premium experience starting at budget-friendly rates.", imageSrc: "http://img.b2bpic.net/free-photo/older-guest-arriving-vacation_482257-76543.jpg", imageAlt: "hotel concierge reception desk" }
|
||||
]}
|
||||
title="Luxury Feel Without the Luxury Price"
|
||||
description="Experience urban comfort designed for the smart traveler."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "twin",
|
||||
title: "Standard Twin Room",
|
||||
price: "₱900+",
|
||||
period: "/night",
|
||||
features: [
|
||||
"Perfect for solo travelers",
|
||||
"Clean & efficient",
|
||||
"Air-conditioned",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg",
|
||||
},
|
||||
{
|
||||
id: "double",
|
||||
title: "Double Room",
|
||||
price: "₱1,000+",
|
||||
period: "/night",
|
||||
features: [
|
||||
"Ideal for couples",
|
||||
"Quiet & cozy",
|
||||
"Modern design",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-blue-tones-with-wooden-inscription-home-decorative-elements-living-room_169016-3982.jpg",
|
||||
},
|
||||
]}
|
||||
title="Designed for Rest."
|
||||
description="Choose your stay today."
|
||||
/>
|
||||
</div>
|
||||
<div id="rooms" data-section="rooms">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "twin", title: "Standard Twin Room", price: "₱900+", period: "/night", features: ["Perfect for solo travelers", "Clean & efficient", "Air-conditioned"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg" },
|
||||
{ id: "double", title: "Double Room", price: "₱1,000+", period: "/night", features: ["Ideal for couples", "Quiet & cozy", "Modern design"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/still-life-blue-tones-with-wooden-inscription-home-decorative-elements-living-room_169016-3982.jpg" }
|
||||
]}
|
||||
title="Designed for Rest."
|
||||
description="Choose your stay today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Visual Trust Builder"
|
||||
description="What you see is what you get—clean, simple, reliable comfort. Our boutique hotel space is designed to make you feel right at home."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skyscraper-modern-office-buildings-city_23-2148836816.jpg"
|
||||
imageAlt="boutique hotel reception lobby"
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Visual Trust Builder"
|
||||
description="What you see is what you get—clean, simple, reliable comfort. Our boutique hotel space is designed to make you feel right at home."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skyscraper-modern-office-buildings-city_23-2148836816.jpg"
|
||||
imageAlt="boutique hotel reception lobby"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "l1",
|
||||
title: "Jaro Cathedral",
|
||||
content: "Just a short ride from our location.",
|
||||
},
|
||||
{
|
||||
id: "l2",
|
||||
title: "Museo Iloilo",
|
||||
content: "Explore city history just minutes away.",
|
||||
},
|
||||
{
|
||||
id: "l3",
|
||||
title: "Nelly's Garden",
|
||||
content: "Experience the classic Iloilo architecture.",
|
||||
},
|
||||
{
|
||||
id: "l4",
|
||||
title: "Esplanade",
|
||||
content: "Enjoy a scenic sunset walk along the river.",
|
||||
},
|
||||
{
|
||||
id: "l5",
|
||||
title: "La Paz Market",
|
||||
content: "Taste the famous La Paz Batchoy nearby.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-using-smartphone_23-2148383467.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Right Where You Need to Be"
|
||||
description="Located in La Paz, Iloilo City, you're just minutes away from key landmarks."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="modern hotel information desk"
|
||||
/>
|
||||
</div>
|
||||
<div id="location" data-section="location">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "l1", title: "Jaro Cathedral", content: "Just a short ride from our location." },
|
||||
{ id: "l2", title: "Museo Iloilo", content: "Explore city history just minutes away." },
|
||||
{ id: "l3", title: "Nelly's Garden", content: "Experience the classic Iloilo architecture." },
|
||||
{ id: "l4", title: "Esplanade", content: "Enjoy a scenic sunset walk along the river." },
|
||||
{ id: "l5", title: "La Paz Market", content: "Taste the famous La Paz Batchoy nearby." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-using-smartphone_23-2148383467.jpg"
|
||||
faqsAnimation="slide-up"
|
||||
title="Right Where You Need to Be"
|
||||
description="Located in La Paz, Iloilo City, you're just minutes away from key landmarks."
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="modern hotel information desk"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-people-receive-room-key-card_482257-81604.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-central-park-manhattan-new-york-city-surrounded-by-skyscrapers_181624-52364.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-building-tokyo-cityscape_74190-7538.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-bridal-shoes-standing-table-room_1157-13269.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/menu-board-french-restaurant_1147-449.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Trusted by Guests"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/senior-people-receive-room-key-card_482257-81604.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-central-park-manhattan-new-york-city-surrounded-by-skyscrapers_181624-52364.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-building-tokyo-cityscape_74190-7538.jpg" },
|
||||
{ id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-bridal-shoes-standing-table-room_1157-13269.jpg" },
|
||||
{ id: "t5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/menu-board-french-restaurant_1147-449.jpg" }
|
||||
]}
|
||||
cardTitle="Trusted by Guests"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="amenities" data-section="amenities">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "a1",
|
||||
value: "✓",
|
||||
title: "Free Wi-Fi",
|
||||
items: [
|
||||
"High speed",
|
||||
"Unlimited",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
value: "✓",
|
||||
title: "AC Rooms",
|
||||
items: [
|
||||
"Climate control",
|
||||
"Quiet",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "a3",
|
||||
value: "✓",
|
||||
title: "Parking",
|
||||
items: [
|
||||
"Free",
|
||||
"Safe",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "a4",
|
||||
value: "✓",
|
||||
title: "Breakfast",
|
||||
items: [
|
||||
"Fresh",
|
||||
"Daily",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "a5",
|
||||
value: "✓",
|
||||
title: "Concierge",
|
||||
items: [
|
||||
"Friendly",
|
||||
"Local tips",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Everything You Need"
|
||||
description="Nothing you don't."
|
||||
/>
|
||||
</div>
|
||||
<div id="amenities" data-section="amenities">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "a1", value: "✓", title: "Free Wi-Fi", items: ["High speed", "Unlimited"] },
|
||||
{ id: "a2", value: "✓", title: "AC Rooms", items: ["Climate control", "Quiet"] },
|
||||
{ id: "a3", value: "✓", title: "Parking", items: ["Free", "Safe"] },
|
||||
{ id: "a4", value: "✓", title: "Breakfast", items: ["Fresh", "Daily"] },
|
||||
{ id: "a5", value: "✓", title: "Concierge", items: ["Friendly", "Local tips"] }
|
||||
]}
|
||||
title="Everything You Need"
|
||||
description="Nothing you don't."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Booking Inquiry"
|
||||
title="Reserve Your Stay Now"
|
||||
description="Rooms fill fast. Contact us via 0917 320 8996 or use the form below to check current availability."
|
||||
buttons={[
|
||||
{
|
||||
text: "Check Availability",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Booking Inquiry"
|
||||
title="Reserve Your Stay Now"
|
||||
description="Rooms fill fast. Contact us via 0917 320 8996 or use the form below to check current availability."
|
||||
buttons={[{ text: "Check Availability", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Iloilo Stay"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "tel:09173208996",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Iloilo Stay"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "tel:09173208996" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user