Merge version_1 into main #1
319
src/app/page.tsx
319
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Charlington Hotel"
|
||||
/>
|
||||
@@ -59,68 +44,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Welcome to Charlington Hotel & Suites"
|
||||
description="Experience comfort, luxury, and authentic flavors in the heart of Agbarho. Your perfect destination for relaxation and gourmet dining."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-cheerful-businesswoman_1262-21021.jpg",
|
||||
alt: "Happy hotel guest portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-standing-airport_107420-85078.jpg",
|
||||
alt: "Business professional client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-having-laugh_23-2148395406.jpg",
|
||||
alt: "Smiling hotel patron lifestyle",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-young-caucasian-brunette-lady-wears-black-top-pants-hoodie-top-smiling-camera-cafe_197531-33294.jpg",
|
||||
alt: "Happy client professional portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",
|
||||
alt: "Wooden sauna with mountain view panoramic calm",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-cheerful-businesswoman_1262-21021.jpg", alt: "Happy hotel guest portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-female-staff-standing-airport_107420-85078.jpg", alt: "Business professional client portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-friends-having-laugh_23-2148395406.jpg", alt: "Smiling hotel patron lifestyle" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-young-caucasian-brunette-lady-wears-black-top-pants-hoodie-top-smiling-camera-cafe_197531-33294.jpg", alt: "Happy client professional portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg", alt: "Wooden sauna with mountain view panoramic calm" },
|
||||
]}
|
||||
avatarText="Trusted by our guests"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Menu", href: "#products" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Suites",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fine Dining",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Security",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free Parking",
|
||||
icon: Car,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Event Spaces",
|
||||
},
|
||||
{ type: "text", text: "Luxury Suites" },
|
||||
{ type: "text-icon", text: "Fine Dining", icon: Utensils },
|
||||
{ type: "text", text: "24/7 Security" },
|
||||
{ type: "text-icon", text: "Free Parking", icon: Car },
|
||||
{ type: "text", text: "Event Spaces" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,18 +77,9 @@ export default function LandingPage() {
|
||||
title="Unrivaled Comfort & Taste"
|
||||
description="Charlington Hotel & Suites provides a home away from home. Whether you are staying with us for business or leisure, our dedicated team ensures every moment is special."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Luxury Accommodations",
|
||||
description: "Relax in our comfortable and modern suites designed for your comfort.",
|
||||
},
|
||||
{
|
||||
title: "Gourmet Dining",
|
||||
description: "Savor authentic flavors from our expert culinary team.",
|
||||
},
|
||||
{
|
||||
title: "Exceptional Hospitality",
|
||||
description: "Experience personalized, warm service from arrival to departure.",
|
||||
},
|
||||
{ title: "Luxury Accommodations", description: "Relax in our comfortable and modern suites designed for your comfort." },
|
||||
{ title: "Gourmet Dining", description: "Savor authentic flavors from our expert culinary team." },
|
||||
{ title: "Exceptional Hospitality", description: "Experience personalized, warm service from arrival to departure." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/classic-style-restaurant-with-tables-chairs_140725-9393.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -157,42 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Jollof Rice & Plantain",
|
||||
price: "₦3,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meatballs-with-vegetables-tomato-sauce_1220-7419.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Barbecue Fish & Chips",
|
||||
price: "₦5,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-salad-with-eggs-potatoes_140725-2226.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Jollof Rice & Chicken",
|
||||
price: "₦4,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-half-view-stuffed-aubergine-rolls-grey-background_140725-131588.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Rice & Chicken",
|
||||
price: "₦4,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-indian-food-arrangement_23-2148747699.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Continental Breakfast",
|
||||
price: "₦3,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-tuna-with-avocado-tomatoes-greens-sesame-sauce-bread-glass-tarhun-lemonade-table_140725-10940.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Refreshment Drinks",
|
||||
price: "₦1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cut-fruits-near-bottles-smoothie_23-2147717588.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Jollof Rice & Plantain", price: "₦3,500", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-with-vegetables-tomato-sauce_1220-7419.jpg" },
|
||||
{ id: "p2", name: "Barbecue Fish & Chips", price: "₦5,000", imageSrc: "http://img.b2bpic.net/free-photo/tuna-salad-with-eggs-potatoes_140725-2226.jpg" },
|
||||
{ id: "p3", name: "Jollof Rice & Chicken", price: "₦4,500", imageSrc: "http://img.b2bpic.net/free-photo/top-half-view-stuffed-aubergine-rolls-grey-background_140725-131588.jpg" },
|
||||
{ id: "p4", name: "Classic Rice & Chicken", price: "₦4,000", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-indian-food-arrangement_23-2148747699.jpg" },
|
||||
{ id: "p5", name: "Continental Breakfast", price: "₦3,000", imageSrc: "http://img.b2bpic.net/free-photo/grilled-tuna-with-avocado-tomatoes-greens-sesame-sauce-bread-glass-tarhun-lemonade-table_140725-10940.jpg" },
|
||||
{ id: "p6", name: "Refreshment Drinks", price: "₦1,500", imageSrc: "http://img.b2bpic.net/free-photo/cut-fruits-near-bottles-smoothie_23-2147717588.jpg" },
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our delicious range of freshly prepared meals and local delicacies."
|
||||
@@ -205,27 +111,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Reviews",
|
||||
description: "Positive guest experiences",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-shows-okay-sign-poses-near-luggage-goes-holiday-takes-selfie-mobile-phone_1258-270846.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.6",
|
||||
title: "Rating",
|
||||
description: "Average guest satisfaction",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Service",
|
||||
description: "Always here to serve you",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
|
||||
},
|
||||
{ id: "m1", value: "100+", title: "Reviews", description: "Positive guest experiences", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-shows-okay-sign-poses-near-luggage-goes-holiday-takes-selfie-mobile-phone_1258-270846.jpg" },
|
||||
{ id: "m2", value: "4.6", title: "Rating", description: "Average guest satisfaction", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Service", description: "Always here to serve you", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Dedicated to excellence in hospitality and customer satisfaction."
|
||||
@@ -239,24 +127,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Security",
|
||||
description: "Safe and reliable environment for all our guests.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guests-receiving-key-card-front-desk-doing-check-process-preparing-register-hotel-room-access-receptionist-helping-tourists-with-access-control-front-desk-welcome-people_482257-69816.jpg",
|
||||
},
|
||||
title: "Premium Security", description: "Safe and reliable environment for all our guests.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guests-receiving-key-card-front-desk-doing-check-process-preparing-register-hotel-room-access-receptionist-helping-tourists-with-access-control-front-desk-welcome-people_482257-69816.jpg"},
|
||||
items: [
|
||||
{
|
||||
text: "24/7 Monitoring",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
text: "Secure Access",
|
||||
icon: Lock,
|
||||
},
|
||||
{ text: "24/7 Monitoring", icon: Shield },
|
||||
{ text: "Secure Access", icon: Lock },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151918969.jpg",
|
||||
imageAlt: "hotel reception desk counter",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Charlington?"
|
||||
@@ -270,60 +147,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "Traveler",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike",
|
||||
role: "Professional",
|
||||
company: "Client",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-eating-noodles-break_23-2149390520.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jane",
|
||||
role: "Tourist",
|
||||
company: "Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David",
|
||||
role: "Guest",
|
||||
company: "Customer",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-assortment-elegant-tableware-with-copy-space_23-2148835206.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena",
|
||||
role: "Visitor",
|
||||
company: "Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah", role: "Traveler", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg" },
|
||||
{ id: "2", name: "Mike", role: "Professional", company: "Client", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-eating-noodles-break_23-2149390520.jpg" },
|
||||
{ id: "3", name: "Jane", role: "Tourist", company: "Patron", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg" },
|
||||
{ id: "4", name: "David", role: "Guest", company: "Customer", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-assortment-elegant-tableware-with-copy-space_23-2148835206.jpg" },
|
||||
{ id: "5", name: "Elena", role: "Visitor", company: "Patron", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.5",
|
||||
label: "Service Rating",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Loyal Guests",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Events Hosted",
|
||||
},
|
||||
{ value: "4.5", label: "Service Rating" },
|
||||
{ value: "95%", label: "Loyal Guests" },
|
||||
{ value: "100+", label: "Events Hosted" },
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear what our guests have to say about their stay."
|
||||
@@ -335,21 +168,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer room service?",
|
||||
content: "Yes, our kitchen staff provides room service options.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is parking available?",
|
||||
content: "Ample parking space is provided for all guests.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your check-in hours?",
|
||||
content: "Our reception is available 24 hours a day.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer room service?", content: "Yes, our kitchen staff provides room service options." },
|
||||
{ id: "f2", title: "Is parking available?", content: "Ample parking space is provided for all guests." },
|
||||
{ id: "f3", title: "What are your check-in hours?", content: "Our reception is available 24 hours a day." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Find answers to common questions about our services."
|
||||
@@ -363,24 +184,10 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions? Feel free to reach out to our team."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/thank-you-i-forgot-bring-my-mask_637285-8088.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -388,32 +195,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Food",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Menu", items: [{ label: "Food", href: "#products" }, { label: "Services", href: "#about" }] },
|
||||
]}
|
||||
logoText="Charlington Hotel"
|
||||
/>
|
||||
@@ -421,4 +204,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user