Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-04-16 19:12:44 +00:00

View File

@@ -28,408 +28,172 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Rooms",
id: "rooms",
},
{
name: "Restaurant",
id: "restaurant",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="ROBIK HOTEL"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Rooms", id: "rooms" },
{ name: "Restaurant", id: "restaurant" },
{ name: "Contact", id: "contact" },
]}
brandName="ROBIK HOTEL"
/>
</div>
<div id="home" data-section="home">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
title="Comfort, Taste, and Hospitality in One Place"
description="Experience the perfect blend of comfort and flavor at Robik Hotel. From restful nights in our clean rooms to fresh, delicious meals in our open-kitchen restaurant, your satisfaction is our priority."
kpis={[
{
value: "3.9/5",
label: "Customer Rating",
},
{
value: "19+",
label: "Verified Reviews",
},
{
value: "Open",
label: "Kitchen Concept",
},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Book a Room",
href: "#rooms",
},
{
text: "View Menu",
href: "#restaurant",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg",
alt: "Satisfied guest 1",
},
{
src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
alt: "Satisfied guest 2",
},
{
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
alt: "Satisfied guest 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg",
alt: "Satisfied guest 4",
},
{
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
alt: "Satisfied guest 5",
},
]}
avatarText="Loved by 500+ happy travelers"
marqueeItems={[
{
type: "text",
text: "Luxury Accommodations",
},
{
type: "text-icon",
text: "Fresh Cuisine",
icon: Utensils,
},
{
type: "text",
text: "Heart of the City",
},
{
type: "text-icon",
text: "Free Wi-Fi",
icon: Wifi,
},
{
type: "text",
text: "Open Kitchen",
},
]}
/>
</div>
<div id="home" data-section="home">
<HeroSplitKpi
background={{ variant: "radial-gradient" }}
title="Comfort, Taste, and Hospitality in One Place"
description="Experience the perfect blend of comfort and flavor at Robik Hotel. From restful nights in our clean rooms to fresh, delicious meals in our open-kitchen restaurant, your satisfaction is our priority."
kpis={[
{ value: "3.9/5", label: "Customer Rating" },
{ value: "19+", label: "Verified Reviews" },
{ value: "Open", label: "Kitchen Concept" },
]}
enableKpiAnimation={true}
buttons={[
{ text: "Book a Room", href: "#rooms" },
{ text: "View Menu", href: "#restaurant" },
]}
imageSrc="http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg", alt: "Satisfied guest 1" },
{ src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg", alt: "Satisfied guest 2" },
{ src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", alt: "Satisfied guest 3" },
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg", alt: "Satisfied guest 4" },
{ src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Satisfied guest 5" },
]}
avatarText="Loved by 500+ happy travelers"
marqueeItems={[
{ type: "text", text: "Luxury Accommodations" },
{ type: "text-icon", text: "Fresh Cuisine", icon: Utensils },
{ type: "text", text: "Heart of the City" },
{ type: "text-icon", text: "Free Wi-Fi", icon: Wifi },
{ type: "text", text: "Open Kitchen" },
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="A Legacy of Warm Hospitality"
buttons={[
{
text: "Learn More",
href: "#about",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="A Legacy of Warm Hospitality"
buttons={[{ text: "Learn More", href: "#about" }]}
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardThree
animationType="slide-up"
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "r1",
name: "Standard Single",
price: "$45/night",
imageSrc: "http://img.b2bpic.net/free-photo/lit-lamp-beside-bed_1203-634.jpg",
},
{
id: "r2",
name: "Deluxe Double",
price: "$65/night",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-tea_23-2150326119.jpg",
},
{
id: "r3",
name: "Family Suite",
price: "$95/night",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-interior-with-modern-art_23-2152001406.jpg",
},
{
id: "r4",
name: "Executive Room",
price: "$120/night",
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-tray-put-single-bed-with-white-bedding_141793-117.jpg",
},
{
id: "r5",
name: "Queen Suite",
price: "$85/night",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956523.jpg",
},
{
id: "r6",
name: "Budget Single",
price: "$35/night",
imageSrc: "http://img.b2bpic.net/free-photo/hotel-white-home-lamp-cushion_1203-5183.jpg",
},
]}
title="Our Comfortable Rooms"
description="Clean, affordable, and perfectly designed for your rest."
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardThree
animationType="slide-up"
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "r1", name: "Standard Single", price: "$45/night", imageSrc: "http://img.b2bpic.net/free-photo/lit-lamp-beside-bed_1203-634.jpg" },
{ id: "r2", name: "Deluxe Double", price: "$65/night", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-tea_23-2150326119.jpg" },
{ id: "r3", name: "Family Suite", price: "$95/night", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-interior-with-modern-art_23-2152001406.jpg" },
{ id: "r4", name: "Executive Room", price: "$120/night", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-tray-put-single-bed-with-white-bedding_141793-117.jpg" },
{ id: "r5", name: "Queen Suite", price: "$85/night", imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956523.jpg" },
{ id: "r6", name: "Budget Single", price: "$35/night", imageSrc: "http://img.b2bpic.net/free-photo/hotel-white-home-lamp-cushion_1203-5183.jpg" },
]}
title="Our Comfortable Rooms"
description="Clean, affordable, and perfectly designed for your rest."
/>
</div>
<div id="restaurant" data-section="restaurant">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Award,
title: "Open Kitchen",
description: "See our chefs prepare your meal with fresh, local ingredients.",
},
{
icon: Droplets,
title: "Fresh Juices",
description: "Start your morning with our selection of freshly squeezed juices.",
},
{
icon: Utensils,
title: "Local Cuisine",
description: "Authentic flavors crafted with care and traditional hospitality.",
},
]}
title="Open Kitchen & Cafe"
description="Indulge in fresh juices, local dishes, and fast food crafted right before your eyes."
/>
</div>
<div id="restaurant" data-section="restaurant">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ icon: Award, title: "Open Kitchen", description: "See our chefs prepare your meal with fresh, local ingredients." },
{ icon: Droplets, title: "Fresh Juices", description: "Start your morning with our selection of freshly squeezed juices." },
{ icon: Utensils, title: "Local Cuisine", description: "Authentic flavors crafted with care and traditional hospitality." },
]}
title="Open Kitchen & Cafe"
description="Indulge in fresh juices, local dishes, and fast food crafted right before your eyes."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "John Doe",
role: "Traveler",
company: "Visitor",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
},
{
id: "2",
name: "Sarah Miller",
role: "Guest",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/small-group-happy-friends-drinking-beer-while-waiter-is-serving-them-snack-tavern_637285-1310.jpg",
},
{
id: "3",
name: "Michael Chen",
role: "Diner",
company: "Regular",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-waitress-serving-cocktail-female-customer-sitting-restaurant_23-2147936269.jpg",
},
{
id: "4",
name: "Emily Rodriguez",
role: "Tourist",
company: "Visitor",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
},
{
id: "5",
name: "David Kim",
role: "Guest",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-modern-technology-young-student-with-happy-look-enjoying-high-speed-internet-connection-his-smart-phone-fashionable-man-trendy-headwear-using-electronic-device-cafe_273609-1709.jpg",
},
]}
title="Guest Reviews"
description="3.9/5 from 19 happy guests"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "John Doe", role: "Traveler", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg" },
{ id: "2", name: "Sarah Miller", role: "Guest", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/small-group-happy-friends-drinking-beer-while-waiter-is-serving-them-snack-tavern_637285-1310.jpg" },
{ id: "3", name: "Michael Chen", role: "Diner", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-waitress-serving-cocktail-female-customer-sitting-restaurant_23-2147936269.jpg" },
{ id: "4", name: "Emily Rodriguez", role: "Tourist", company: "Visitor", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg" },
{ id: "5", name: "David Kim", role: "Guest", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-modern-technology-young-student-with-happy-look-enjoying-high-speed-internet-connection-his-smart-phone-fashionable-man-trendy-headwear-using-electronic-device-cafe_273609-1709.jpg" },
]}
title="Guest Reviews"
description="3.9/5 from 19 happy guests"
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardThree
textboxLayout="split-description"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "g1",
name: "Reception",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg",
},
{
id: "g2",
name: "Cafe Area",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/chalkboard-bottles-colorful-juice_23-2148150380.jpg",
},
{
id: "g3",
name: "Suite View",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
},
{
id: "g4",
name: "Kitchen View",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg",
},
{
id: "g5",
name: "Bathroom",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/bathrobe-modern-bathtub_1203-1498.jpg",
},
{
id: "g6",
name: "Buffet",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-bathrobe-drinking-coffee_171337-12756.jpg",
},
]}
title="Gallery"
description="A glimpse of our hospitality."
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardThree
animationType="slide-up"
textboxLayout="split-description"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "g1", name: "Reception", price: "", imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg" },
{ id: "g2", name: "Cafe Area", price: "", imageSrc: "http://img.b2bpic.net/free-photo/chalkboard-bottles-colorful-juice_23-2148150380.jpg" },
{ id: "g3", name: "Suite View", price: "", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg" },
{ id: "g4", name: "Kitchen View", price: "", imageSrc: "http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg" },
{ id: "g5", name: "Bathroom", price: "", imageSrc: "http://img.b2bpic.net/free-photo/bathrobe-modern-bathtub_1203-1498.jpg" },
{ id: "g6", name: "Buffet", price: "", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-bathrobe-drinking-coffee_171337-12756.jpg" },
]}
title="Gallery"
description="A glimpse of our hospitality."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split-description"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer free Wi-Fi?",
content: "Yes, high-speed Wi-Fi is included in all rooms.",
},
{
id: "q2",
title: "Are there parking facilities?",
content: "We offer complimentary parking for all our hotel guests.",
},
{
id: "q3",
title: "Is the restaurant open to non-guests?",
content: "Yes, our cafe and restaurant are open to everyone.",
},
]}
title="Frequently Asked Questions"
description="We are here to answer your questions."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split-description"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do you offer free Wi-Fi?", content: "Yes, high-speed Wi-Fi is included in all rooms." },
{ id: "q2", title: "Are there parking facilities?", content: "We offer complimentary parking for all our hotel guests." },
{ id: "q3", title: "Is the restaurant open to non-guests?", content: "Yes, our cafe and restaurant are open to everyone." },
]}
title="Frequently Asked Questions"
description="We are here to answer your questions."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Book Your Stay"
description="Have questions or want to make a reservation? Reach out to us today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312220.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Book Your Stay"
description="Have questions or want to make a reservation? Reach out to us today."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{ name: "message", placeholder: "Your Message", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312220.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="ROBIK HOTEL"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Services",
items: [
{
label: "Rooms",
href: "#rooms",
},
{
label: "Menu",
href: "#restaurant",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="ROBIK HOTEL"
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ title: "Services", items: [{ label: "Rooms", href: "#rooms" }, { label: "Menu", href: "#restaurant" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);