Merge version_1 into main #2
@@ -50,13 +50,13 @@ export default function LandingPage() {
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-defocused-hotel-lobby-interior_74190-6623.jpg?_wi=1", imageAlt: "Luxury Hotel Lobby"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-defocused-hotel-lobby-interior_74190-6623.jpg", imageAlt: "Luxury Hotel Lobby"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg?_wi=1", imageAlt: "Premium Hotel Suite"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg", imageAlt: "Premium Hotel Suite"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cutlery-setting-restaurant_268835-3408.jpg?_wi=1", imageAlt: "Fine Dining Restaurant"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cutlery-setting-restaurant_268835-3408.jpg", imageAlt: "Fine Dining Restaurant"
|
||||
}
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
@@ -76,6 +76,7 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
|
||||
imageAlt="Hotel Isra Exterior Architecture"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -88,15 +89,15 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Wellness", title: "Spa & Wellness", subtitle: "Rejuvenate Your Senses", description: "Indulge in our full-service spa featuring therapeutic massages, facials, and holistic wellness treatments. Our expert therapists combine traditional techniques with modern practices to provide ultimate relaxation and rejuvenation.", imageSrc: "http://img.b2bpic.net/free-photo/two-beds-with-sea-view_1137-126.jpg?_wi=1", imageAlt: "Luxury Spa Facilities", buttons: [{ text: "Book Treatment", href: "#contact" }]
|
||||
tag: "Wellness", title: "Spa & Wellness", subtitle: "Rejuvenate Your Senses", description: "Indulge in our full-service spa featuring therapeutic massages, facials, and holistic wellness treatments. Our expert therapists combine traditional techniques with modern practices to provide ultimate relaxation and rejuvenation.", imageSrc: "http://img.b2bpic.net/free-photo/two-beds-with-sea-view_1137-126.jpg", imageAlt: "Luxury Spa Facilities", buttons: [{ text: "Book Treatment", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Dining", title: "Culinary Excellence", subtitle: "Savor Global Flavors", description: "Our award-winning chefs present innovative cuisine blending international and local flavors. From fine dining to casual elegance, each restaurant offers a distinct culinary journey with impeccable service and ambiance.", imageSrc: "http://img.b2bpic.net/free-photo/cutlery-setting-restaurant_268835-3408.jpg?_wi=2", imageAlt: "Fine Dining Restaurant", buttons: [{ text: "Reserve Table", href: "#contact" }]
|
||||
tag: "Dining", title: "Culinary Excellence", subtitle: "Savor Global Flavors", description: "Our award-winning chefs present innovative cuisine blending international and local flavors. From fine dining to casual elegance, each restaurant offers a distinct culinary journey with impeccable service and ambiance.", imageSrc: "http://img.b2bpic.net/free-photo/cutlery-setting-restaurant_268835-3408.jpg", imageAlt: "Fine Dining Restaurant", buttons: [{ text: "Reserve Table", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Recreation", title: "Recreation & Activities", subtitle: "Explore & Engage", description: "From state-of-the-art fitness centers to swimming pools and recreational programs, Hotel Isra provides diverse activities for active travelers and those seeking relaxation alike.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg?_wi=2", imageAlt: "Hotel Recreation Facilities", buttons: [{ text: "Learn More", href: "#contact" }]
|
||||
tag: "Recreation", title: "Recreation & Activities", subtitle: "Explore & Engage", description: "From state-of-the-art fitness centers to swimming pools and recreational programs, Hotel Isra provides diverse activities for active travelers and those seeking relaxation alike.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg", imageAlt: "Hotel Recreation Facilities", buttons: [{ text: "Learn More", href: "#contact" }]
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -149,22 +150,22 @@ export default function LandingPage() {
|
||||
<TestimonialCardFive
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Mitchell, Corporate Executive", date: "Date: 15 November 2024", title: "An Unforgettable Experience", quote: "Hotel Isra exceeded all my expectations. The service was impeccable, the rooms were beautifully appointed, and the attention to detail was remarkable. I've stayed at many luxury hotels, but this property truly stands out. I'll definitely return.", tag: "Business Travel", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-holding-disposable-coffee-cup-hand_23-2147943768.jpg", avatarAlt: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/abstract-defocused-hotel-lobby-interior_74190-6623.jpg?_wi=2", imageAlt: "Hotel Lobby"
|
||||
id: "1", name: "Sarah Mitchell, Corporate Executive", date: "Date: 15 November 2024", title: "An Unforgettable Experience", quote: "Hotel Isra exceeded all my expectations. The service was impeccable, the rooms were beautifully appointed, and the attention to detail was remarkable. I've stayed at many luxury hotels, but this property truly stands out. I'll definitely return.", tag: "Business Travel", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-holding-disposable-coffee-cup-hand_23-2147943768.jpg", avatarAlt: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/abstract-defocused-hotel-lobby-interior_74190-6623.jpg", imageAlt: "Hotel Lobby"
|
||||
},
|
||||
{
|
||||
id: "2", name: "James Robertson, Travel Enthusiast", date: "Date: 22 October 2024", title: "Perfect Base for Exploration", quote: "The location is ideal, and the staff was incredibly helpful with recommendations. Our suite was luxurious and comfortable, and the spa treatment was exactly what we needed to unwind. We're already planning our next visit.", tag: "Leisure Travel", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-man-shirt-tie-adjusting-his-necktie_93675-135586.jpg", avatarAlt: "James Robertson", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg?_wi=3", imageAlt: "Hotel Suite"
|
||||
id: "2", name: "James Robertson, Travel Enthusiast", date: "Date: 22 October 2024", title: "Perfect Base for Exploration", quote: "The location is ideal, and the staff was incredibly helpful with recommendations. Our suite was luxurious and comfortable, and the spa treatment was exactly what we needed to unwind. We're already planning our next visit.", tag: "Leisure Travel", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-man-shirt-tie-adjusting-his-necktie_93675-135586.jpg", avatarAlt: "James Robertson", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg", imageAlt: "Hotel Suite"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Elena Rodriguez, Event Planner", date: "Date: 08 September 2024", title: "Exceptional Event Venue", quote: "We hosted our company conference at Hotel Isra, and every detail was handled beautifully. The conference rooms were state-of-the-art, the catering was excellent, and the staff anticipated every need. Highly recommended for events.", tag: "Corporate Events", avatarSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg", avatarAlt: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/two-beds-with-sea-view_1137-126.jpg?_wi=2", imageAlt: "Hotel Facility"
|
||||
id: "3", name: "Elena Rodriguez, Event Planner", date: "Date: 08 September 2024", title: "Exceptional Event Venue", quote: "We hosted our company conference at Hotel Isra, and every detail was handled beautifully. The conference rooms were state-of-the-art, the catering was excellent, and the staff anticipated every need. Highly recommended for events.", tag: "Corporate Events", avatarSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg", avatarAlt: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/two-beds-with-sea-view_1137-126.jpg", imageAlt: "Hotel Facility"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Marcus Thompson, Honeymooners", date: "Date: 30 August 2024", title: "Romance & Elegance", quote: "Our honeymoon at Hotel Isra was magical. The romantic ambiance, sunset views, and romantic dinner arrangements made our special moments even more memorable. Thank you for making our celebration unforgettable.", tag: "Special Occasions", avatarSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg", avatarAlt: "Marcus Thompson", imageSrc: "http://img.b2bpic.net/free-photo/cutlery-setting-restaurant_268835-3408.jpg?_wi=3", imageAlt: "Restaurant"
|
||||
id: "4", name: "Marcus Thompson, Honeymooners", date: "Date: 30 August 2024", title: "Romance & Elegance", quote: "Our honeymoon at Hotel Isra was magical. The romantic ambiance, sunset views, and romantic dinner arrangements made our special moments even more memorable. Thank you for making our celebration unforgettable.", tag: "Special Occasions", avatarSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg", avatarAlt: "Marcus Thompson", imageSrc: "http://img.b2bpic.net/free-photo/cutlery-setting-restaurant_268835-3408.jpg", imageAlt: "Restaurant"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Patricia Chen, Wellness Advocate", date: "Date: 12 August 2024", title: "Holistic Luxury Retreat", quote: "I booked a wellness package and felt completely restored. The spa treatments, yoga sessions, and healthy dining options were perfectly coordinated. This is more than a hotel; it's a sanctuary for rejuvenation.", tag: "Wellness Retreat", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-holding-disposable-coffee-cup-hand_23-2147943768.jpg", avatarAlt: "Patricia Chen", imageSrc: "http://img.b2bpic.net/free-photo/two-beds-with-sea-view_1137-126.jpg?_wi=3", imageAlt: "Spa Facility"
|
||||
id: "5", name: "Patricia Chen, Wellness Advocate", date: "Date: 12 August 2024", title: "Holistic Luxury Retreat", quote: "I booked a wellness package and felt completely restored. The spa treatments, yoga sessions, and healthy dining options were perfectly coordinated. This is more than a hotel; it's a sanctuary for rejuvenation.", tag: "Wellness Retreat", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-holding-disposable-coffee-cup-hand_23-2147943768.jpg", avatarAlt: "Patricia Chen", imageSrc: "http://img.b2bpic.net/free-photo/two-beds-with-sea-view_1137-126.jpg", imageAlt: "Spa Facility"
|
||||
},
|
||||
{
|
||||
id: "6", name: "David Anderson, Family Traveler", date: "Date: 25 July 2024", title: "Family-Friendly Excellence", quote: "Our family loved every moment. The kids' club, family suites, and diverse dining options made our stay enjoyable for everyone. The staff was warm and welcoming, making us feel truly at home.", tag: "Family Vacation", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-man-shirt-tie-adjusting-his-necktie_93675-135586.jpg", avatarAlt: "David Anderson", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg?_wi=4", imageAlt: "Hotel Room"
|
||||
id: "6", name: "David Anderson, Family Traveler", date: "Date: 25 July 2024", title: "Family-Friendly Excellence", quote: "Our family loved every moment. The kids' club, family suites, and diverse dining options made our stay enjoyable for everyone. The staff was warm and welcoming, making us feel truly at home.", tag: "Family Vacation", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-man-shirt-tie-adjusting-his-necktie_93675-135586.jpg", avatarAlt: "David Anderson", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg", imageAlt: "Hotel Room"
|
||||
}
|
||||
]}
|
||||
title="Guest Testimonials"
|
||||
@@ -201,4 +202,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,51 +1,39 @@
|
||||
"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;
|
||||
fontWeight?: string;
|
||||
fill?: 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,
|
||||
fontWeight = 'bold',
|
||||
fill = 'currentColor',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.2}`}
|
||||
className={className}
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
>
|
||||
<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="50%"
|
||||
y="50%"
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
textAnchor="middle"
|
||||
dominantBaseline="central"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user