Merge version_1 into main #2
336
src/app/page.tsx
336
src/app/page.tsx
@@ -17,234 +17,132 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
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: "Rooms",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Muskan Hotel"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Muskan Hotel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Muskan Hotel & Restaurant"
|
||||
description="Experience luxury, comfort, and exquisite dining in the heart of the city. Book your stay and table today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Room",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-lamp-lit_1203-252.jpg"
|
||||
imageAlt="Luxury Muskan Hotel Interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Muskan Hotel & Restaurant"
|
||||
description="Experience luxury, comfort, and exquisite dining in the heart of the city. Book your stay and table today."
|
||||
buttons={[
|
||||
{ text: "Book a Room", href: "#products" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-lamp-lit_1203-252.jpg"
|
||||
imageAlt="Luxury Muskan Hotel Interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Your Comfort, Our Priority"
|
||||
description="At Muskan Hotel, we blend traditional hospitality with modern amenities. Whether you are traveling for business or leisure, our rooms and restaurant services cater to your every need."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waiter-serving-beverage-tray-restaurant_1303-18632.jpg"
|
||||
imageAlt="Hospitality and service"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Your Comfort, Our Priority"
|
||||
description="At Muskan Hotel, we blend traditional hospitality with modern amenities. Whether you are traveling for business or leisure, our rooms and restaurant services cater to your every need."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waiter-serving-beverage-tray-restaurant_1303-18632.jpg"
|
||||
imageAlt="Hospitality and service"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Standard",
|
||||
name: "Deluxe King Suite",
|
||||
price: "$150/night",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Standard",
|
||||
name: "Superior Double Room",
|
||||
price: "$120/night",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-s-shoes-stand-windowsill-before-urban-cityscape_8353-1443.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Premium",
|
||||
name: "Executive City Suite",
|
||||
price: "$250/night",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/apartment-comfortable-pillow-hotel-suite_1203-5168.jpg",
|
||||
},
|
||||
]}
|
||||
title="Explore Our Rooms"
|
||||
description="Premium accommodations designed for relaxation."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Standard", name: "Deluxe King Suite", price: "$150/night", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg"},
|
||||
{
|
||||
id: "2", brand: "Standard", name: "Superior Double Room", price: "$120/night", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/bride-s-shoes-stand-windowsill-before-urban-cityscape_8353-1443.jpg"},
|
||||
{
|
||||
id: "3", brand: "Premium", name: "Executive City Suite", price: "$250/night", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/apartment-comfortable-pillow-hotel-suite_1203-5168.jpg"},
|
||||
]}
|
||||
title="Explore Our Rooms"
|
||||
description="Premium accommodations designed for relaxation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-speaks-via-mobile-phone-while-relaxes-cozy-coffee-shop_273609-2525.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Garcia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-professional-finding-new-ideas-forge-international-partnership-before-attending-conference-hotel-lounge-area-ceo-taking-notes-preparing-important-speech_482257-68049.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-bathrobe-sitting-bed-having-fresh-healthy-breakfast_23-2148033312.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lisa Wang",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-man-suit-glasses-posed-cafe_627829-1828.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-speaks-via-mobile-phone-while-relaxes-cozy-coffee-shop_273609-2525.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
cardTitle="Guest Experiences"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-speaks-via-mobile-phone-while-relaxes-cozy-coffee-shop_273609-2525.jpg" },
|
||||
{ id: "2", name: "Maria Garcia", imageSrc: "http://img.b2bpic.net/free-photo/business-professional-finding-new-ideas-forge-international-partnership-before-attending-conference-hotel-lounge-area-ceo-taking-notes-preparing-important-speech_482257-68049.jpg" },
|
||||
{ id: "3", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-bathrobe-sitting-bed-having-fresh-healthy-breakfast_23-2148033312.jpg" },
|
||||
{ id: "4", name: "Lisa Wang", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-man-suit-glasses-posed-cafe_627829-1828.jpg" },
|
||||
{ id: "5", name: "Robert Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-speaks-via-mobile-phone-while-relaxes-cozy-coffee-shop_273609-2525.jpg" },
|
||||
]}
|
||||
cardTitle="Guest Experiences"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are the check-in times?",
|
||||
content: "Check-in is at 2:00 PM and check-out is at 11:00 AM.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is breakfast included?",
|
||||
content: "Yes, complimentary breakfast is included with all room bookings.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you have restaurant facilities?",
|
||||
content: "Absolutely! Our on-site Muskan Restaurant serves a variety of cuisines for our guests.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-passport_23-2149963921.jpg"
|
||||
title="Common Questions"
|
||||
description="Have questions about your stay? Find answers here."
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "What are the check-in times?", content: "Check-in is at 2:00 PM and check-out is at 11:00 AM." },
|
||||
{ id: "2", title: "Is breakfast included?", content: "Yes, complimentary breakfast is included with all room bookings." },
|
||||
{ id: "3", title: "Do you have restaurant facilities?", content: "Absolutely! Our on-site Muskan Restaurant serves a variety of cuisines for our guests." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-passport_23-2149963921.jpg"
|
||||
title="Common Questions"
|
||||
description="Have questions about your stay? Find answers here."
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get in Touch"
|
||||
description="Have special requests or want to inquire about group bookings? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Special requests or booking details",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unfocused-background-modern-lobby_1203-1079.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get in Touch"
|
||||
description="Have special requests or want to inquire about group bookings? Send us a message."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Special requests or booking details", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unfocused-background-modern-lobby_1203-1079.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Muskan Hotel & Restaurant"
|
||||
bottomRightText="All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Muskan Hotel & Restaurant"
|
||||
bottomRightText="All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user