bender/00d54dab-8bf6-4a8a-8ea9-d49127de09fc
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #3

Merged
bender merged 3 commits from version_1 into main 2026-03-10 19:05:04 +00:00
Conversation 0 Commits 3 Files Changed 3 +141 -232
3 changed files with 141 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/app/location/page.tsx
View File

@@ -18,8 +18,7 @@ export default function LocationPage() {
const footerColumns = [
{
title: "Hotel",
items: [
title: "Hotel", items: [
{ label: "Rooms", href: "#rooms" },
{ label: "Dining", href: "#dining" },
{ label: "Location", href: "#location" },
@@ -27,8 +26,7 @@ export default function LocationPage() {
],
},
{
title: "Guest Services",
items: [
title: "Guest Services", items: [
{ label: "Book a Room", href: "#contact" },
{ label: "Group Bookings", href: "#contact" },
{ label: "Conference Facilities", href: "#contact" },
@@ -36,8 +34,7 @@ export default function LocationPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: +353 1 884 3900", href: "tel:+353188439900" },
{ label: "Address: 27 Drumcondra Rd Upper, Dublin 9", href: "#" },
{ label: "Email: info@dublinskylon.ie", href: "mailto:info@dublinskylon.ie" },
@@ -45,8 +42,7 @@ export default function LocationPage() {
],
},
{
title: "Follow Us",
items: [
title: "Follow Us", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Twitter", href: "https://twitter.com" },
@@ -62,7 +58,7 @@ export default function LocationPage() {
borderRadius="pill"
contentWidth="medium"
sizing="large"
background="blurBottom"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -83,28 +79,20 @@ export default function LocationPage() {
tag="Location & Transport"
bulletPoints={[
{
title: "3km to City Centre",
description: "Quick access to Dublin's Temple Bar, Trinity College, Guinness Storehouse, and iconic attractions.",
icon: MapPin,
title: "3km to City Centre", description: "Quick access to Dublin's Temple Bar, Trinity College, Guinness Storehouse, and iconic attractions.", icon: MapPin,
},
{
title: "15 mins to Dublin Airport",
description: "Convenient airport transfers with easy parking available at the hotel.",
icon: Plane,
title: "15 mins to Dublin Airport", description: "Convenient airport transfers with easy parking available at the hotel.", icon: Plane,
},
{
title: "Close to Croke Park",
description: "Perfect for sports enthusiasts attending GAA matches and events at the iconic stadium.",
icon: Trophy,
title: "Close to Croke Park", description: "Perfect for sports enthusiasts attending GAA matches and events at the iconic stadium.", icon: Trophy,
},
{
title: "Excellent Transport Links",
description: "Direct access to Dublin's bus and tram networks for exploring the city and surrounding areas.",
icon: Navigation,
title: "Excellent Transport Links", description: "Direct access to Dublin's bus and tram networks for exploring the city and surrounding areas.", icon: Navigation,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-corporate-buildings-west-london-uk_181624-17106.jpg?_wi=2"
imageAlt="Dublin city map showing hotel location"
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-corporate-buildings-west-london-uk_181624-17106.jpg"
imageAlt="Dublin city map landmarks aerial view"
imagePosition="left"
textboxLayout="default"
useInvertedBackground={false}
@@ -114,32 +102,16 @@ export default function LocationPage() {
<div id="metrics" data-section="metrics">
<MetricCardTwo
title="Location Highlights"
description="Strategic position in Dublin with excellent connectivity and proximity to major attractions"
tag="Strategic Position"
title="Guest Satisfaction"
description="Trusted by thousands of satisfied guests from around the world"
tag="Reviews & Ratings"
metrics={[
{
id: "1",
value: "3 km",
description: "Distance to City Centre",
},
{
id: "2",
value: "15 min",
description: "To Dublin Airport",
},
{
id: "3",
value: "1.2 km",
description: "To Croke Park Stadium",
},
{
id: "4",
value: "2.5 km",
description: "To Temple Bar District",
},
{ id: "1", value: "4.3★", description: "Guest Rating Average" },
{ id: "2", value: "3000+", description: "Guest Reviews" },
{ id: "3", value: "95%", description: "Would Recommend" },
{ id: "4", value: "20+", description: "Years of Excellence" },
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -155,4 +127,4 @@ export default function LocationPage() {
</div>
</ThemeProvider>
);
}
}

229
src/app/page.tsx
View File

@@ -1,6 +1,5 @@
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
@@ -9,8 +8,9 @@ import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import SplitAbout from "@/components/sections/about/SplitAbout";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Utensils, Globe, Wine, Users, MapPin, Plane, Trophy, Navigation } from "lucide-react";
import { Utensils, Globe, Wine, Users, MapPin, Plane, Trophy, Navigation, Phone } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -23,26 +23,23 @@ export default function HomePage() {
const footerColumns = [
{
title: "Hotel",
items: [
{ label: "Rooms", href: "/" },
{ label: "Dining", href: "/" },
{ label: "Location", href: "/" },
{ label: "Reviews", href: "/" },
title: "Hotel", items: [
{ label: "Rooms", href: "#rooms" },
{ label: "Dining", href: "#dining" },
{ label: "Location", href: "#location" },
{ label: "Reviews", href: "#reviews" },
],
},
{
title: "Guest Services",
items: [
{ label: "Book a Room", href: "/contact" },
{ label: "Group Bookings", href: "/contact" },
{ label: "Conference Facilities", href: "/contact" },
{ label: "Special Offers", href: "/" },
title: "Guest Services", items: [
{ label: "Book a Room", href: "#contact" },
{ label: "Group Bookings", href: "#contact" },
{ label: "Conference Facilities", href: "#contact" },
{ label: "Special Offers", href: "#" },
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: +353 1 884 3900", href: "tel:+353188439900" },
{ label: "Address: 27 Drumcondra Rd Upper, Dublin 9", href: "#" },
{ label: "Email: info@dublinskylon.ie", href: "mailto:info@dublinskylon.ie" },
@@ -50,8 +47,7 @@ export default function HomePage() {
],
},
{
title: "Follow Us",
items: [
title: "Follow Us", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Twitter", href: "https://twitter.com" },
@@ -67,7 +63,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="medium"
sizing="large"
background="blurBottom"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -76,7 +72,7 @@ export default function HomePage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={navItems}
button={{ text: "Book Now", href: "/contact" }}
button={{ text: "Book Now", href: "contact" }}
brandName="Dublin Skylon"
/>
</div>
@@ -85,15 +81,15 @@ export default function HomePage() {
<HeroLogoBillboardSplit
logoText="Dublin Skylon Hotel"
description="Stay comfortably at our 4-star hotel in Drumcondra, Dublin. Located just 3km from the city centre with easy access to Dublin Airport, Croke Park, and Dublin's finest attractions. Experience warm Irish hospitality with modern amenities and exceptional service."
background={{ variant: "blurBottom" }}
background={{ variant: "plain" }}
buttons={[
{ text: "Book a Room", href: "/contact" },
{ text: "Explore Rooms", href: "#rooms" },
{ text: "Book a Room", href: "contact" },
{ text: "Explore Rooms", href: "rooms" },
]}
buttonAnimation="slide-up"
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6170.jpg?_wi=1"
imageAlt="Luxury hotel room at Dublin Skylon Hotel"
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6170.jpg"
imageAlt="luxury hotel room Dublin city center"
mediaAnimation="slide-up"
frameStyle="card"
/>
@@ -106,35 +102,15 @@ export default function HomePage() {
tag="Accommodations"
products={[
{
id: "1",
name: "Single Room",
price: "From €112/night",
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg?_wi=1",
imageAlt: "Single bedroom at Dublin Skylon Hotel",
},
id: "1", name: "Single Room", price: "From €112/night", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg", imageAlt: "single bedroom hotel modern minimalist"},
{
id: "2",
name: "Double Room",
price: "From €145/night",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-amazing-graceful-girl-with-cute-smile-resting-couch-near-her-handsome-boyfriend-beautiful-young-couple-white-attires-having-fun-home-together-while-listening-music-bed_197531-3216.jpg?_wi=1",
imageAlt: "Double bedroom at Dublin Skylon Hotel",
},
id: "2", name: "Double Room", price: "From €145/night", imageSrc: "http://img.b2bpic.net/free-photo/portrait-amazing-graceful-girl-with-cute-smile-resting-couch-near-her-handsome-boyfriend-beautiful-young-couple-white-attires-having-fun-home-together-while-listening-music-bed_197531-3216.jpg", imageAlt: "double bedroom hotel luxury comfortable"},
{
id: "3",
name: "Twin Room",
price: "From €135/night",
imageSrc: "http://img.b2bpic.net/free-photo/bedroom_74190-3857.jpg?_wi=1",
imageAlt: "Twin bedroom at Dublin Skylon Hotel",
},
id: "3", name: "Twin Room", price: "From €135/night", imageSrc: "http://img.b2bpic.net/free-photo/bedroom_74190-3857.jpg", imageAlt: "twin beds hotel room two singles"},
{
id: "4",
name: "Family Room",
price: "From €185/night",
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-spending-time-bed-caravan_23-2148659495.jpg?_wi=1",
imageAlt: "Family suite at Dublin Skylon Hotel",
},
id: "4", name: "Family Room", price: "From €185/night", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-spending-time-bed-caravan_23-2148659495.jpg", imageAlt: "family hotel suite multiple rooms spacious"},
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -148,25 +124,17 @@ export default function HomePage() {
features={[
{
id: 1,
title: "Modern Entertainment",
description: "55-inch flat-screen TV with satellite channels, premium streaming services, and high-speed internet for your entertainment needs.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-amazing-graceful-girl-with-cute-smile-resting-couch-near-her-handsome-boyfriend-beautiful-young-couple-white-attires-having-fun-home-together-while-listening-music-bed_197531-3216.jpg?_wi=2",
},
title: "Modern Entertainment", description: "55-inch flat-screen TV with satellite channels, premium streaming services, and high-speed internet for your entertainment needs.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-amazing-graceful-girl-with-cute-smile-resting-couch-near-her-handsome-boyfriend-beautiful-young-couple-white-attires-having-fun-home-together-while-listening-music-bed_197531-3216.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/bedroom_74190-3857.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/bedroom_74190-3857.jpg"},
},
{
id: 2,
title: "Tea & Coffee Facilities",
description: "Premium tea and coffee-making facilities with a selection of local Irish and international blends.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg?_wi=2",
},
title: "Tea & Coffee Facilities", description: "Premium tea and coffee-making facilities with a selection of local Irish and international blends.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-spending-time-bed-caravan_23-2148659495.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-spending-time-bed-caravan_23-2148659495.jpg"},
},
]}
showStepNumbers={true}
@@ -183,31 +151,24 @@ export default function HomePage() {
tag="Dining & Drinks"
bulletPoints={[
{
title: "Irish Cuisine",
description: "Traditional Irish dishes crafted with locally sourced ingredients and modern culinary techniques.",
icon: Utensils,
title: "Irish Cuisine", description: "Traditional Irish dishes crafted with locally sourced ingredients and modern culinary techniques.", icon: Utensils,
},
{
title: "International Menu",
description: "Select from our diverse menu featuring European and international specialties prepared by award-winning chefs.",
icon: Globe,
title: "International Menu", description: "Select from our diverse menu featuring European and international specialties prepared by award-winning chefs.", icon: Globe,
},
{
title: "Premium Bar",
description: "Signature cocktails, craft beers, and an extensive wine selection curated by our expert sommeliers.",
icon: Wine,
title: "Premium Bar", description: "Signature cocktails, craft beers, and an extensive wine selection curated by our expert sommeliers.", icon: Wine,
},
{
title: "Private Dining",
description: "Host corporate events, celebrations, and special occasions in our elegant private dining rooms.",
icon: Users,
title: "Private Dining", description: "Host corporate events, celebrations, and special occasions in our elegant private dining rooms.", icon: Users,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/crystal-wineglasses-stand-illuminated-wardrobe_8353-658.jpg?_wi=1"
imageAlt="Skylon Bar & Grill at Dublin Skylon Hotel"
imageSrc="http://img.b2bpic.net/free-photo/crystal-wineglasses-stand-illuminated-wardrobe_8353-658.jpg"
imageAlt="upscale hotel bar elegant interior design"
imagePosition="right"
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
</div>
@@ -218,35 +179,28 @@ export default function HomePage() {
tag="Location & Transport"
bulletPoints={[
{
title: "3km to City Centre",
description: "Quick access to Dublin's Temple Bar, Trinity College, Guinness Storehouse, and iconic attractions.",
icon: MapPin,
title: "3km to City Centre", description: "Quick access to Dublin's Temple Bar, Trinity College, Guinness Storehouse, and iconic attractions.", icon: MapPin,
},
{
title: "15 mins to Dublin Airport",
description: "Convenient airport transfers with easy parking available at the hotel.",
icon: Plane,
title: "15 mins to Dublin Airport", description: "Convenient airport transfers with easy parking available at the hotel.", icon: Plane,
},
{
title: "Close to Croke Park",
description: "Perfect for sports enthusiasts attending GAA matches and events at the iconic stadium.",
icon: Trophy,
title: "Close to Croke Park", description: "Perfect for sports enthusiasts attending GAA matches and events at the iconic stadium.", icon: Trophy,
},
{
title: "Excellent Transport Links",
description: "Direct access to Dublin's bus and tram networks for exploring the city and surrounding areas.",
icon: Navigation,
title: "Excellent Transport Links", description: "Direct access to Dublin's bus and tram networks for exploring the city and surrounding areas.", icon: Navigation,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-corporate-buildings-west-london-uk_181624-17106.jpg?_wi=1"
imageAlt="Dublin city map showing hotel location"
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-corporate-buildings-west-london-uk_181624-17106.jpg"
imageAlt="Dublin city map landmarks aerial view"
imagePosition="left"
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
</div>
<div id="reviews" data-section="reviews">
<div id="metrics" data-section="metrics">
<MetricCardTwo
title="Guest Satisfaction"
description="Trusted by thousands of satisfied guests from around the world"
@@ -257,7 +211,7 @@ export default function HomePage() {
{ id: "3", value: "95%", description: "Would Recommend" },
{ id: "4", value: "20+", description: "Years of Excellence" },
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -271,71 +225,48 @@ export default function HomePage() {
tag="Guest Reviews"
testimonials={[
{
id: "1",
name: "Sarah Johnson, CEO of Tech Solutions",
date: "Date: 15 November 2024",
title: "Perfect for business travel in Dublin",
quote: "Outstanding location, comfortable rooms, and exceptional service. The Skylon Bar & Grill is fantastic for client meetings. I've stayed here multiple times and always recommend it to colleagues.",
tag: "Business Travel",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-standing-check-counter-with-passport-boarding-pass_107420-95789.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-amazing-graceful-girl-with-cute-smile-resting-couch-near-her-handsome-boyfriend-beautiful-young-couple-white-attires-having-fun-home-together-while-listening-music-bed_197531-3216.jpg?_wi=3",
},
id: "1", name: "Sarah Johnson, CEO of Tech Solutions", date: "Date: 15 November 2024", title: "Perfect for business travel in Dublin", quote: "Outstanding location, comfortable rooms, and exceptional service. The Skylon Bar & Grill is fantastic for client meetings. I've stayed here multiple times and always recommend it to colleagues.", tag: "Business Travel", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-standing-check-counter-with-passport-boarding-pass_107420-95789.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-amazing-graceful-girl-with-cute-smile-resting-couch-near-her-handsome-boyfriend-beautiful-young-couple-white-attires-having-fun-home-together-while-listening-music-bed_197531-3216.jpg"},
{
id: "2",
name: "Michael O'Brien, Family Visitor",
date: "Date: 22 October 2024",
title: "Excellent family-friendly accommodation",
quote: "We had a wonderful week-long stay with our family. The family rooms are spacious, the staff was incredibly helpful with planning activities, and the location made it easy to explore Dublin.",
tag: "Family Vacation",
avatarSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-cheerful-women-guy-outdoors_158538-16248.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-spending-time-bed-caravan_23-2148659495.jpg?_wi=3",
},
id: "2", name: "Michael O'Brien, Family Visitor", date: "Date: 22 October 2024", title: "Excellent family-friendly accommodation", quote: "We had a wonderful week-long stay with our family. The family rooms are spacious, the staff was incredibly helpful with planning activities, and the location made it easy to explore Dublin.", tag: "Family Vacation", avatarSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-cheerful-women-guy-outdoors_158538-16248.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-spending-time-bed-caravan_23-2148659495.jpg"},
{
id: "3",
name: "Emma Walsh, Tourism Professional",
date: "Date: 8 October 2024",
title: "Warm Irish hospitality at its finest",
quote: "From check-in to check-out, the team went above and beyond. The breakfast was delicious, the rooms were spotless, and the location near Croke Park was perfect for our visit.",
tag: "Tourist",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-her-handsome-boyfriend_158538-46.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/reserved-table-restaurant_53876-30324.jpg?_wi=1",
},
id: "3", name: "Emma Walsh, Tourism Professional", date: "Date: 8 October 2024", title: "Warm Irish hospitality at its finest", quote: "From check-in to check-out, the team went above and beyond. The breakfast was delicious, the rooms were spotless, and the location near Croke Park was perfect for our visit.", tag: "Tourist", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-her-handsome-boyfriend_158538-46.jpg", imageSrc: "http://img.b2bpic.net/free-photo/reserved-table-restaurant_53876-30324.jpg"},
{
id: "4",
name: "James McCarthy, Corporate Executive",
date: "Date: 25 September 2024",
title: "Best value 4-star hotel in Dublin",
quote: "Excellent value for money. The rooms are modern and well-appointed, the amenities are top-notch, and the staff is professional and friendly. Highly recommended for business travelers.",
tag: "Business",
avatarSrc: "http://img.b2bpic.net/free-photo/tourist-road_23-2147827986.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg?_wi=3",
},
id: "4", name: "James McCarthy, Corporate Executive", date: "Date: 25 September 2024", title: "Best value 4-star hotel in Dublin", quote: "Excellent value for money. The rooms are modern and well-appointed, the amenities are top-notch, and the staff is professional and friendly. Highly recommended for business travelers.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/tourist-road_23-2147827986.jpg", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg"},
{
id: "5",
name: "Lisa Chen, Leisure Traveler",
date: "Date: 10 September 2024",
title: "Wonderful Dublin experience",
quote: "The hotel's close proximity to Dublin's attractions made our visit so convenient. The Skylon Bar & Grill became our favorite spot in the evening. Definitely coming back!",
tag: "Tourist",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-female-economist-working-office_23-2150251746.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/crystal-wineglasses-stand-illuminated-wardrobe_8353-658.jpg?_wi=2",
},
id: "5", name: "Lisa Chen, Leisure Traveler", date: "Date: 10 September 2024", title: "Wonderful Dublin experience", quote: "The hotel's close proximity to Dublin's attractions made our visit so convenient. The Skylon Bar & Grill became our favorite spot in the evening. Definitely coming back!", tag: "Tourist", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-female-economist-working-office_23-2150251746.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crystal-wineglasses-stand-illuminated-wardrobe_8353-658.jpg"},
{
id: "6",
name: "Patrick Sullivan, Conference Attendee",
date: "Date: 28 August 2024",
title: "Perfect hotel for conferences and events",
quote: "The hotel has excellent facilities for meetings and events. Located well for accessing the conference venues, and the accommodation is first-rate. Staff was attentive throughout.",
tag: "Conference",
avatarSrc: "http://img.b2bpic.net/free-photo/man-hiking-forest_329181-12264.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/bedroom_74190-3857.jpg?_wi=3",
},
id: "6", name: "Patrick Sullivan, Conference Attendee", date: "Date: 28 August 2024", title: "Perfect hotel for conferences and events", quote: "The hotel has excellent facilities for meetings and events. Located well for accessing the conference venues, and the accommodation is first-rate. Staff was attentive throughout.", tag: "Conference", avatarSrc: "http://img.b2bpic.net/free-photo/man-hiking-forest_329181-12264.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bedroom_74190-3857.jpg"},
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
ctaTitle="Ready to Book Your Stay?"
ctaDescription="Contact us directly or use our booking system to reserve your room at Dublin Skylon Hotel. Our reservations team is available 24/7 to assist you."
ctaButton={{ text: "Book Now", href: "#" }}
ctaIcon={Phone}
faqs={[
{
id: "1", title: "What is the cancellation policy?", content: "We offer flexible cancellation policies on most bookings. Cancellations made 7 days in advance receive a full refund. For specific details on your booking, please contact our reservations team at +353 1 884 3900."},
{
id: "2", title: "Is parking available at the hotel?", content: "Yes, we offer ample secure parking on-site and nearby for our guests. Parking is available at a nominal daily rate. Please inquire when making your reservation for current rates."},
{
id: "3", title: "What amenities are included in room rates?", content: "All rooms include complimentary high-speed WiFi, flat-screen TV, tea and coffee facilities, modern en-suite bathrooms, and access to our 24-hour front desk and concierge services."},
{
id: "4", title: "How do I get to Dublin Airport from the hotel?", content: "Dublin Airport is approximately 15 minutes away by taxi or car. We can arrange airport transfers upon request. Public transport options including buses are also readily available from nearby stops."},
{
id: "5", title: "Are pets allowed at the hotel?", content: "We welcome well-behaved pets in selected rooms for an additional nightly charge. Please inform us at the time of booking and we'll arrange suitable accommodation for your furry friend."},
{
id: "6", title: "Can I make a group booking?", content: "Absolutely! We offer special rates for group bookings and conference accommodations. Please contact our group sales team at +353 1 884 3900 for customized quotes and arrangements."},
]}
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Dublin Skylon"
@@ -345,4 +276,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}

76
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,57 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from "react";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
fontSize?: number;
fontFamily?: string;
fontWeight?: string | number;
letterSpacing?: number;
lineHeight?: number;
dominantBaseline?: "middle" | "hanging" | "central";
textAnchor?: "start" | "middle" | "end";
fill?: string;
stroke?: string;
strokeWidth?: number;
opacity?: number;
ariaLabel?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = "", fontSize = 48,
fontFamily = "system-ui, -apple-system, sans-serif", fontWeight = "bold", letterSpacing = 2,
lineHeight = 1.2,
dominantBaseline = "middle", textAnchor = "middle", fill = "currentColor", stroke = "none", strokeWidth = 0,
opacity = 1,
ariaLabel,
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
viewBox="0 0 1000 200"
className={className}
xmlns="http://www.w3.org/2000/svg"
aria-label={ariaLabel || text}
role="img"
aria-label={`${logoText} logo`}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="500"
y="100"
fontSize={fontSize}
fontFamily={fontFamily}
fontWeight={fontWeight}
letterSpacing={letterSpacing}
dominantBaseline={dominantBaseline}
textAnchor={textAnchor}
fill={fill}
stroke={stroke}
strokeWidth={strokeWidth}
opacity={opacity}
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;