370 lines
13 KiB
TypeScript
370 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Waves, Home, Sparkles, MapPin } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="aurora"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Ciriaco Hotel & Resort"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Rooms", id: "rooms" },
|
|
{ name: "Amenities", id: "amenities" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
bottomLeftText="Km 75 Maharlika Highway, Calbayog City, Samar"
|
|
bottomRightText="(055) 209 6521"
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Relax by the Sea at Ciriaco Hotel & Resort"
|
|
description="Comfortable rooms, outdoor pool, and stunning Samar Sea views in Calbayog City. Your perfect getaway awaits."
|
|
tag="Premium Seaside Experience"
|
|
tagIcon={Waves}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Check Availability",
|
|
href: "/rooms",
|
|
},
|
|
{
|
|
text: "Call Now: (055) 209 6521",
|
|
href: "tel:+63552096521",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/elegant-brunette-female-sexy-dress-posing-stylish-beach-restaurant-asian-style-full-lenght_273443-3190.jpg?_wi=1"
|
|
imageAlt="Ciriaco Hotel & Resort oceanfront view with pool"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
testimonials={[
|
|
{
|
|
name: "Maria Santos",
|
|
handle: "Traveler",
|
|
testimonial: "The sea view was breathtaking and the staff was incredibly welcoming. Highly recommend!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-passport_23-2149963921.jpg?_wi=1",
|
|
imageAlt: "Maria Santos testimonial",
|
|
},
|
|
{
|
|
name: "Juan Dela Cruz",
|
|
handle: "Family Visitor",
|
|
testimonial: "Perfect place for families. The pool is amazing and the rooms are spotless.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-starts-her-day-with-cup-coffee_343596-7226.jpg?_wi=1",
|
|
imageAlt: "Juan Dela Cruz testimonial",
|
|
},
|
|
{
|
|
name: "Ana Rodriguez",
|
|
handle: "Business Traveler",
|
|
testimonial: "Reliable Wi-Fi, free parking, and excellent service. Great value for money.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-drinking-hot-tea-coffee-cafe-with-her-cell-mobile-phone_1328-4274.jpg?_wi=1",
|
|
imageAlt: "Ana Rodriguez testimonial",
|
|
},
|
|
{
|
|
name: "Carlos Reyes",
|
|
handle: "Couple",
|
|
testimonial: "Romantic, clean, and peaceful. We'll definitely come back for our anniversary.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-young-pretty-lady-walking-outdoors-beach_171337-16162.jpg?_wi=1",
|
|
imageAlt: "Carlos Reyes testimonial",
|
|
},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Highlights Section */}
|
|
<div id="highlights" data-section="highlights">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "Why Choose Ciriaco Hotel & Resort?",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Book Now",
|
|
href: "/rooms",
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "/rooms",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Features Section */}
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
title="Premium Amenities & Services"
|
|
description="Experience comfort and convenience with our world-class facilities designed for your perfect stay."
|
|
tag="Full Resort Experience"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "View All Amenities",
|
|
href: "/rooms",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
accordionItems={[
|
|
{
|
|
id: "free-wifi",
|
|
title: "Free High-Speed Wi-Fi",
|
|
content: "Stay connected throughout your stay with reliable, complimentary high-speed internet in all rooms and common areas.",
|
|
},
|
|
{
|
|
id: "outdoor-pool",
|
|
title: "Outdoor Swimming Pool",
|
|
content: "Enjoy our refreshing outdoor pool overlooking the Samar Sea, perfect for relaxation and recreation.",
|
|
},
|
|
{
|
|
id: "free-parking",
|
|
title: "Free Parking",
|
|
content: "Convenient, secure parking available for all guests at no additional cost.",
|
|
},
|
|
{
|
|
id: "breakfast",
|
|
title: "Breakfast Available",
|
|
content: "Start your day with our delicious breakfast service featuring local and international cuisine.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/hammocks-placed-row_1203-1361.jpg?_wi=1"
|
|
imageAlt="Resort pool and sea view"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
mediaPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
{/* Rooms Section */}
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardTwo
|
|
title="Choose Your Perfect Room"
|
|
description="Comfortable, spacious rooms with modern amenities and stunning views."
|
|
tag="Room Options"
|
|
tagIcon={Home}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Book a Room",
|
|
href: "/rooms",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "standard-room",
|
|
brand: "Standard",
|
|
name: "Standard Room",
|
|
price: "₱2,500/night",
|
|
rating: 4.5,
|
|
reviewCount: "180+ reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-blanket-decoration-interior-bedroom_74190-12644.jpg?_wi=1",
|
|
imageAlt: "Standard room with comfortable bed and modern furnishings",
|
|
},
|
|
{
|
|
id: "deluxe-room",
|
|
brand: "Deluxe",
|
|
name: "Deluxe Room",
|
|
price: "₱3,500/night",
|
|
rating: 4.8,
|
|
reviewCount: "220+ reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-2140.jpg?_wi=1",
|
|
imageAlt: "Deluxe room with premium amenities and sea view",
|
|
},
|
|
{
|
|
id: "family-suite",
|
|
brand: "Family",
|
|
name: "Family Suite",
|
|
price: "₱4,800/night",
|
|
rating: 4.9,
|
|
reviewCount: "150+ reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-couple-beach_23-2148656162.jpg?_wi=1",
|
|
imageAlt: "Spacious family suite with multiple bedrooms",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Testimonials Section */}
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Our family had the most wonderful time at Ciriaco. The views were spectacular, the staff was attentive, and the pool was a hit with the kids. We're already planning our next visit!"
|
|
rating={5}
|
|
author="Patricia Gonzales, Family of 4"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-passport_23-2149963921.jpg",
|
|
alt: "Guest testimonial avatar",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-starts-her-day-with-cup-coffee_343596-7226.jpg",
|
|
alt: "Guest testimonial avatar",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-drinking-hot-tea-coffee-cafe-with-her-cell-mobile-phone_1328-4274.jpg",
|
|
alt: "Guest testimonial avatar",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/african-young-pretty-lady-walking-outdoors-beach_171337-16162.jpg",
|
|
alt: "Guest testimonial avatar",
|
|
},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Location Section */}
|
|
<div id="location" data-section="location">
|
|
<ContactCenter
|
|
tag="Located in Samar"
|
|
title="Find Us Easy"
|
|
description="Km 75 Maharlika Highway, Bagacay, Calbayog City, Samar, Philippines. Close to Tarangban Falls and the beautiful Samar Sea."
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
inputPlaceholder="Enter your email for directions"
|
|
buttonText="Get Directions"
|
|
termsText="We'll send you Google Maps directions to our resort."
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "About",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "/",
|
|
},
|
|
{
|
|
label: "Amenities",
|
|
href: "/rooms",
|
|
},
|
|
{
|
|
label: "Gallery",
|
|
href: "/",
|
|
},
|
|
{
|
|
label: "Reviews",
|
|
href: "https://www.google.com/maps",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Room Booking",
|
|
href: "/rooms",
|
|
},
|
|
{
|
|
label: "Events",
|
|
href: "/rooms",
|
|
},
|
|
{
|
|
label: "Corporate Rates",
|
|
href: "/rooms",
|
|
},
|
|
{
|
|
label: "Group Bookings",
|
|
href: "/rooms",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "Phone: (055) 209 6521",
|
|
href: "tel:+63552096521",
|
|
},
|
|
{
|
|
label: "Check-in: 2:00 PM",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Check-out: 12:00 PM",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Email: info@ciriaco.com",
|
|
href: "mailto:info@ciriaco.com",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Cancellation Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Accessibility",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Ciriaco Hotel & Resort. All rights reserved. Calbayog City, Samar, Philippines."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |