Merge version_1 into main #6
141
src/app/page.tsx
141
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user