Merge version_1 into main #2
@@ -26,22 +26,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "/rooms",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Rooms", id: "/rooms" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Hôtel Kaiser"
|
||||
/>
|
||||
@@ -53,22 +41,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at Avenue Taieb Mhiri, Sousse.",
|
||||
},
|
||||
id: "f1", title: "Where are you located?", content: "We are located at Avenue Taieb Mhiri, Sousse."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer Wi-Fi?",
|
||||
content: "Yes, high-speed Wi-Fi is available for free.",
|
||||
},
|
||||
id: "f2", title: "Do you offer Wi-Fi?", content: "Yes, high-speed Wi-Fi is available for free."},
|
||||
]}
|
||||
ctaTitle="Book Your Stay Today"
|
||||
ctaDescription="Get in touch for the best rates and availability. Call us now or fill out the form."
|
||||
ctaButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:+21600000000",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+21600000000"}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -79,20 +59,15 @@ export default function LandingPage() {
|
||||
title="Booking Policy"
|
||||
sections={[
|
||||
{
|
||||
heading: "Cancellation",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "Cancellations must be made 48 hours prior to arrival.",
|
||||
},
|
||||
heading: "Cancellation", content: {
|
||||
type: "paragraph" as const,
|
||||
text: "Cancellations must be made 48 hours prior to arrival."},
|
||||
},
|
||||
{
|
||||
heading: "Payment",
|
||||
content: {
|
||||
type: "list",
|
||||
heading: "Payment", content: {
|
||||
type: "list" as const,
|
||||
items: [
|
||||
"Credit card required",
|
||||
"Cash at arrival",
|
||||
],
|
||||
"Credit card required", "Cash at arrival"],
|
||||
},
|
||||
},
|
||||
]}
|
||||
@@ -103,13 +78,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Hôtel Kaiser"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
152
src/app/page.tsx
152
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "/rooms",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Rooms", id: "/rooms" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Hôtel Kaiser"
|
||||
/>
|
||||
@@ -51,22 +39,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Hôtel Kaiser"
|
||||
description="Affordable Comfort in the Heart of Sousse. Clean rooms, great location, and friendly service awaiting you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+21600000000",
|
||||
},
|
||||
{
|
||||
text: "Check Availability",
|
||||
href: "/contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+21600000000" },
|
||||
{ text: "Check Availability", href: "/contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977122.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977122.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -77,33 +57,13 @@ export default function LandingPage() {
|
||||
title="Why Choose Us"
|
||||
description="Experience comfort without the high cost. Located centrally to give you the best access to Sousse."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "loc",
|
||||
title: "Central Location",
|
||||
content: "Situated on Avenue Taieb Mhiri, steps away from local attractions.",
|
||||
},
|
||||
{
|
||||
id: "price",
|
||||
title: "Affordable Pricing",
|
||||
content: "Competitive rates designed for budget and mid-range travelers.",
|
||||
},
|
||||
{
|
||||
id: "wifi",
|
||||
title: "Free Wi-Fi",
|
||||
content: "Stay connected with high-speed internet available throughout the property.",
|
||||
},
|
||||
{
|
||||
id: "service",
|
||||
title: "24/7 Support",
|
||||
content: "Our friendly reception staff is here to assist you at any time.",
|
||||
},
|
||||
{
|
||||
id: "breakfast",
|
||||
title: "Daily Breakfast",
|
||||
content: "Enjoy a fresh start to your day with our selection of local breakfast items.",
|
||||
},
|
||||
{ id: "loc", title: "Central Location", content: "Situated on Avenue Taieb Mhiri, steps away from local attractions." },
|
||||
{ id: "price", title: "Affordable Pricing", content: "Competitive rates designed for budget and mid-range travelers." },
|
||||
{ id: "wifi", title: "Free Wi-Fi", content: "Stay connected with high-speed internet available throughout the property." },
|
||||
{ id: "service", title: "24/7 Support", content: "Our friendly reception staff is here to assist you at any time." },
|
||||
{ id: "breakfast", title: "Daily Breakfast", content: "Enjoy a fresh start to your day with our selection of local breakfast items." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-talking-mobile-phone-waiting-area_107420-95809.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-talking-mobile-phone-waiting-area_107420-95809.jpg"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
@@ -113,47 +73,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
description="We pride ourselves on providing the best experience for our guests."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_travels",
|
||||
testimonial: "Very clean rooms and the staff was extremely welcoming!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-stylish-caucasian-man-with-backpack-travel-rice-plantation-making-self-portrai-memories_273443-3007.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarah_travels", testimonial: "Very clean rooms and the staff was extremely welcoming!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-stylish-caucasian-man-with-backpack-travel-rice-plantation-making-self-portrai-memories_273443-3007.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@mark_d",
|
||||
testimonial: "Best value for money in Sousse. Will return!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-staff-giving-boarding-pass-passenger_107420-85079.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "@mark_d", testimonial: "Best value for money in Sousse. Will return!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-staff-giving-boarding-pass-passenger_107420-85079.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_trip",
|
||||
testimonial: "Fantastic breakfast and right in the city center.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-is-enjoying-morning-with-cup-hot-drink-book-her-hands_169016-10679.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", handle: "@elena_trip", testimonial: "Fantastic breakfast and right in the city center.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-is-enjoying-morning-with-cup-hot-drink-book-her-hands_169016-10679.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@david_l",
|
||||
testimonial: "Simple, clean, and quiet stay. Highly recommend.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-plaid-shirt-denim-pants-smiles-widely-near-airport-blonde-girl-sunglasses-holds-backpack-phone-tourist-denim-pants-white-tee-poses_197531-27073.jpg",
|
||||
},
|
||||
id: "4", name: "David L.", handle: "@david_l", testimonial: "Simple, clean, and quiet stay. Highly recommend.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-plaid-shirt-denim-pants-smiles-widely-near-airport-blonde-girl-sunglasses-holds-backpack-phone-tourist-denim-pants-white-tee-poses_197531-27073.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Paul M.",
|
||||
handle: "@paul_travel",
|
||||
testimonial: "Great experience for a weekend getaway. Everything was perfect!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-staff-giving-boarding-pass-passenger_107420-85079.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Paul M.", handle: "@paul_travel", testimonial: "Great experience for a weekend getaway. Everything was perfect!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-staff-giving-boarding-pass-passenger_107420-85079.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Reviews"
|
||||
@@ -169,25 +105,9 @@ export default function LandingPage() {
|
||||
description="Discover Sousse like a local with our travel guides."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Guide",
|
||||
title: "Best Beaches in Sousse",
|
||||
excerpt: "Explore the finest coastal spots near our hotel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-after-waking-up_1163-1473.jpg?_wi=1",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/happy-stylish-caucasian-man-with-backpack-travel-rice-plantation-making-self-portrai-memories_273443-3007.jpg",
|
||||
date: "Oct 2023",
|
||||
},
|
||||
id: "b1", category: "Guide", title: "Best Beaches in Sousse", excerpt: "Explore the finest coastal spots near our hotel.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-after-waking-up_1163-1473.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/happy-stylish-caucasian-man-with-backpack-travel-rice-plantation-making-self-portrai-memories_273443-3007.jpg", date: "Oct 2023"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Food",
|
||||
title: "Traditional Tunisian Cuisine",
|
||||
excerpt: "Top restaurants to try in the city center.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spacious-room-with-bed_1203-633.jpg?_wi=1",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-brunette-woman-is-enjoying-morning-with-cup-hot-drink-book-her-hands_169016-10679.jpg",
|
||||
date: "Nov 2023",
|
||||
},
|
||||
id: "b2", category: "Food", title: "Traditional Tunisian Cuisine", excerpt: "Top restaurants to try in the city center.", imageSrc: "http://img.b2bpic.net/free-photo/spacious-room-with-bed_1203-633.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/young-brunette-woman-is-enjoying-morning-with-cup-hot-drink-book-her-hands_169016-10679.jpg", date: "Nov 2023"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -200,15 +120,9 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, street parking and private options are available.",
|
||||
},
|
||||
id: "q1", title: "Is parking available?", content: "Yes, street parking and private options are available."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Check-in time?",
|
||||
content: "Check-in starts from 2:00 PM onwards.",
|
||||
},
|
||||
id: "q2", title: "Check-in time?", content: "Check-in starts from 2:00 PM onwards."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -217,13 +131,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Hôtel Kaiser"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user