Merge version_1 into main #6

Merged
bender merged 1 commits from version_1 into main 2026-04-11 21:50:35 +00:00

View File

@@ -12,153 +12,40 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
export default function LandingPage() {
const navItems = [{ name: "Home", id: "/" }];
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="compact"
sizing="large"
background="fluid"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="Iloilo Stay"
navItems={[
{ name: "Rooms", id: "rooms" },
{ name: "Location", id: "location" },
{ name: "Gallery", id: "gallery" },
{ name: "Contact", id: "contact" }
]}
/>
<NavbarStyleCentered navItems={navItems} />
</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: "Modern hotel room view" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-reception-counter-with-classy-interior-design_482257-101081.jpg", imageAlt: "Boutique hotel lobby" },
{ imageSrc: "http://img.b2bpic.net/free-photo/square-vintage-building_1359-804.jpg", imageAlt: "Nearby museum landmark" },
{ imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661425.jpg", imageAlt: "Urban hotel view" },
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-interior-decor-with-natural-lighting-ambiance-generated-by-ai_188544-28046.jpg", imageAlt: "Hotel reception" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331752.jpg", imageAlt: "Jaro Cathedral view" }
]}
/>
<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: "Modern hotel room view"}, {imageSrc: "http://img.b2bpic.net/free-photo/modern-reception-counter-with-classy-interior-design_482257-101081.jpg", imageAlt: "Boutique hotel lobby"}, {imageSrc: "http://img.b2bpic.net/free-photo/square-vintage-building_1359-804.jpg", imageAlt: "Nearby museum landmark"}]} />
</div>
<div id="value" data-section="value">
<FeatureCardSeven
title="Luxury Feel Without the Luxury Price"
description="Experience urban comfort designed for the smart traveler."
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: "Clean minimalist room" },
{ title: "Prime Location", description: "Near Jaro Cathedral, Museo Iloilo & city hotspots.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-city_1127-3331.jpg", imageAlt: "Nearby landmarks" },
{ 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: "Minimalist design" }
]}
/>
<FeatureCardSeven title="Luxury Feel Without the Luxury Price" description="Experience urban comfort designed for the smart traveler." animationType="slide-up" textboxLayout="default" 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: "Clean minimalist room"}, {title: "Prime Location", description: "Near Jaro Cathedral, Museo Iloilo & city hotspots.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-city_1127-3331.jpg", imageAlt: "Nearby landmarks"}]} />
</div>
<div id="rooms" data-section="rooms">
<PricingCardNine
title="Designed for Rest."
description="Choose your stay today."
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" }
]}
/>
<PricingCardNine title="Designed for Rest." description="Choose your stay today." animationType="slide-up" textboxLayout="default" 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"}]} />
</div>
<div id="gallery" data-section="gallery">
<MediaAbout
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="Lobby area"
useInvertedBackground={false}
/>
<MediaAbout title="Visual Trust Builder" description="What you see is what you get—clean, simple, reliable comfort." imageSrc="http://img.b2bpic.net/free-photo/skyscraper-modern-office-buildings-city_23-2148836816.jpg" />
</div>
<div id="location" data-section="location">
<FaqSplitMedia
title="Right Where You Need to Be"
description="Located in La Paz, Iloilo City, you're just minutes away from key landmarks."
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." }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-using-smartphone_23-2148383467.jpg"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
<FaqSplitMedia title="Right Where You Need to Be" description="Located in La Paz, Iloilo City." 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."}]} faqsAnimation="slide-up" textboxLayout="default" />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
cardTitle="Trusted by Guests"
cardAnimation="slide-up"
cardTag=""
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/luxury-interior-decor-with-natural-lighting-ambiance-generated-by-ai_188544-28046.jpg" },
{ id: "t5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/menu-board-french-restaurant_1147-449.jpg" }
]}
/>
<TestimonialCardTwelve cardTitle="Trusted by Guests" cardAnimation="slide-up" 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"}]} />
</div>
<div id="amenities" data-section="amenities">
<MetricCardSeven
title="Everything You Need"
description="Nothing you don't."
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"] }
]}
/>
<MetricCardSeven title="Everything You Need" description="Nothing you don't." animationType="slide-up" textboxLayout="default" metrics={[{id: "a1", value: "✓", title: "Free Wi-Fi", items: ["High speed"]}, {id: "a2", value: "✓", title: "AC Rooms", items: ["Climate control"]}]} />
</div>
<div id="contact" data-section="contact">
<ContactCTA
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: "#" }]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
<ContactCTA tag="Booking Inquiry" title="Reserve Your Stay Now" description="Rooms fill fast. Contact us via 0917 320 8996." 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" }}
/>
<FooterLogoReveal logoText="Iloilo Stay" leftLink={{text: "Privacy Policy", href: "#"}} rightLink={{text: "Contact Us", href: "tel:09173208996"}} />
</div>
</ThemeProvider>
);