Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
345
src/app/page.tsx
345
src/app/page.tsx
@@ -15,231 +15,144 @@ import { Building2 } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Solam Hotel"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Amenities", id: "#features" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Solam Hotel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Elegance Redefined at Solam Hotel"
|
||||
description="Experience unparalleled luxury and serenity in the heart of the city. Solam Hotel blends modern sophistication with classic comfort for the ultimate escape."
|
||||
tag="Welcome to Solam"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-embankment-walking-sport-amara-dolce-vita-luxury-hotel-alanya-turkey_146671-18747.jpg",
|
||||
imageAlt: "Luxury Hotel Exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
|
||||
imageAlt: "Luxury Hotel Suite",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-tourist-messaging-smartphone_482257-103298.jpg?_wi=1",
|
||||
imageAlt: "Solam Hotel Reception",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-caucasian-brunette-lady-wears-black-top-pants-hoodie-top-smiling-camera-cafe_197531-33294.jpg?_wi=1",
|
||||
imageAlt: "Luxury Amenities",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-blonde-rich-woman_23-2149668343.jpg?_wi=1",
|
||||
imageAlt: "Fine Dining Experience",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated 5 stars by over 10,000 satisfied guests."
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Elegance Redefined at Solam Hotel"
|
||||
description="Experience unparalleled luxury and serenity in the heart of the city. Solam Hotel blends modern sophistication with classic comfort for the ultimate escape."
|
||||
tag="Welcome to Solam"
|
||||
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-embankment-walking-sport-amara-dolce-vita-luxury-hotel-alanya-turkey_146671-18747.jpg", imageAlt: "Luxury Hotel Exterior"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg", imageAlt: "Luxury Hotel Suite"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated 5 stars by over 10,000 satisfied guests."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="A Legacy of Hospitality"
|
||||
description="Founded with the vision to provide more than just a room, Solam Hotel stands as a landmark of comfort, service, and architectural beauty."
|
||||
subdescription="Every detail is crafted to ensure your stay is seamless, memorable, and restorative."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-tourist-messaging-smartphone_482257-103298.jpg?_wi=2"
|
||||
imageAlt="Solam Hotel Lobby"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Building2}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="A Legacy of Hospitality"
|
||||
description="Founded with the vision to provide more than just a room, Solam Hotel stands as a landmark of comfort, service, and architectural beauty."
|
||||
subdescription="Every detail is crafted to ensure your stay is seamless, memorable, and restorative."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-tourist-messaging-smartphone_482257-103298.jpg"
|
||||
imageAlt="Solam Hotel Lobby"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Building2}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited Availability during peak seasons",
|
||||
"City-center traffic noise (in street-facing rooms)",
|
||||
"Advance booking required for fine dining",
|
||||
"Parking fee for non-valet services",
|
||||
"Quiet hours strictly enforced after 10 PM",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"24/7 Premium Concierge Service",
|
||||
"State-of-the-art Wellness Spa",
|
||||
"Complimentary High-speed Fiber Internet",
|
||||
"Gourmet Breakfast included in all suites",
|
||||
"Eco-friendly sustainable luxury practices",
|
||||
],
|
||||
}}
|
||||
title="Why Choose Solam Hotel?"
|
||||
description="Discover the amenities that set us apart from standard accommodations."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited Availability during peak seasons", "City-center traffic noise (in street-facing rooms)", "Advance booking required for fine dining", "Parking fee for non-valet services", "Quiet hours strictly enforced after 10 PM"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"24/7 Premium Concierge Service", "State-of-the-art Wellness Spa", "Complimentary High-speed Fiber Internet", "Gourmet Breakfast included in all suites", "Eco-friendly sustainable luxury practices"],
|
||||
}}
|
||||
title="Why Choose Solam Hotel?"
|
||||
description="Discover the amenities that set us apart from standard accommodations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-caucasian-brunette-lady-wears-black-top-pants-hoodie-top-smiling-camera-cafe_197531-33294.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Henderson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-blonde-rich-woman_23-2149668343.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-traveling-camping_23-2149635443.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Choi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-sexy-young-woman-trendy-outfit-posing-sitting-table-with-luxury-food-drink-looking-window-glamour-seductive-female-lingerie-stylish-wear-relaxing-enjoying-rich-lifestyle_132075-9617.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Thompson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-traveling-with-baggage_23-2149338625.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Guest Experiences"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/positive-young-caucasian-brunette-lady-wears-black-top-pants-hoodie-top-smiling-camera-cafe_197531-33294.jpg" },
|
||||
{ id: "2", name: "James Henderson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-blonde-rich-woman_23-2149668343.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-traveling-camping_23-2149635443.jpg" },
|
||||
{ id: "4", name: "David Choi", imageSrc: "http://img.b2bpic.net/free-photo/fashion-sexy-young-woman-trendy-outfit-posing-sitting-table-with-luxury-food-drink-looking-window-glamour-seductive-female-lingerie-stylish-wear-relaxing-enjoying-rich-lifestyle_132075-9617.jpg" },
|
||||
{ id: "5", name: "Linda Thompson", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-traveling-with-baggage_23-2149338625.jpg" },
|
||||
]}
|
||||
cardTitle="Guest Experiences"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the check-in time?",
|
||||
content: "Check-in time starts at 3:00 PM.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are pets allowed?",
|
||||
content: "Yes, we are a pet-friendly hotel. Please contact us for details.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer airport shuttle?",
|
||||
content: "We offer premium airport shuttle services for a small fee.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about your stay? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What is the check-in time?", content: "Check-in time starts at 3:00 PM." },
|
||||
{ id: "f2", title: "Are pets allowed?", content: "Yes, we are a pet-friendly hotel. Please contact us for details." },
|
||||
{ id: "f3", title: "Do you offer airport shuttle?", content: "We offer premium airport shuttle services for a small fee." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about your stay? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Inquire Now"
|
||||
title="Plan Your Escape"
|
||||
description="Reach out to us to book your suite or ask any questions regarding your upcoming visit."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquire Now"
|
||||
title="Plan Your Escape"
|
||||
description="Reach out to us to book your suite or ask any questions regarding your upcoming visit."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Solam Hotel"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Rooms", href: "#rooms" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Solam Hotel"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user