200 lines
11 KiB
TypeScript
200 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Award, Droplets, Utensils, Wifi } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
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="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="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="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
|
|
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="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>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |