Merge version_1 into main #2
439
src/app/page.tsx
439
src/app/page.tsx
@@ -14,318 +14,151 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "events",
|
||||
},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
button={{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
}}
|
||||
brandName="HOOK"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Events", id: "events" },
|
||||
{ name: "Reserve", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Reserve a Table", href: "#contact" }}
|
||||
brandName="HOOK"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="HOOK"
|
||||
description="Kathmandu's favourite Asian restaurant and lounge, crafted for moments that matter."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="HOOK"
|
||||
description="Kathmandu's favourite Asian restaurant and lounge, crafted for moments that matter."
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }, { text: "View Our Menu", href: "#menu" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Where Every Occasion Becomes a Memory"
|
||||
description="Hook Hospitality is more than a restaurant. It's a destination. Nestled in the heart of Kathmandu, we blend authentic Asian flavours with a lounge atmosphere that sets the mood for every occasion — from intimate dinners to private celebrations."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "308+ Happy Guests",
|
||||
description: "Joining our community daily",
|
||||
},
|
||||
{
|
||||
title: "4.3 Star Rating",
|
||||
description: "Excellence in every bite",
|
||||
},
|
||||
{
|
||||
title: "Private Events",
|
||||
description: "Customized for your celebration",
|
||||
},
|
||||
{
|
||||
title: "Dine-in | Delivery",
|
||||
description: "Convenience meeting taste",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Where Every Occasion Becomes a Memory"
|
||||
description="Hook Hospitality is more than a restaurant. It's a destination. Nestled in the heart of Kathmandu, we blend authentic Asian flavours with a lounge atmosphere that sets the mood for every occasion — from intimate dinners to private celebrations."
|
||||
bulletPoints={[
|
||||
{ title: "308+ Happy Guests", description: "Joining our community daily" },
|
||||
{ title: "4.3 Star Rating", description: "Excellence in every bite" },
|
||||
{ title: "Private Events", description: "Customized for your celebration" },
|
||||
{ title: "Dine-in | Delivery", description: "Convenience meeting taste" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chicken Momo",
|
||||
price: "Non-Veg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Veg Momo",
|
||||
price: "Veg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Paneer Butter Masala",
|
||||
price: "Veg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529766.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Asian Stir Fry",
|
||||
price: "Non-Veg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529766.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lounge Cocktails",
|
||||
price: "Drinks",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337734.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Chef's Special",
|
||||
price: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337734.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="A Taste of Hook"
|
||||
description="Handpicked favourites from our kitchen."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Chicken Momo", price: "Non-Veg", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg" },
|
||||
{ id: "2", name: "Veg Momo", price: "Veg", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg" },
|
||||
{ id: "3", name: "Paneer Butter Masala", price: "Veg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529766.jpg" },
|
||||
{ id: "4", name: "Asian Stir Fry", price: "Non-Veg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529766.jpg" },
|
||||
{ id: "5", name: "Lounge Cocktails", price: "Drinks", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337734.jpg" },
|
||||
{ id: "6", name: "Chef's Special", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337734.jpg" },
|
||||
]}
|
||||
title="A Taste of Hook"
|
||||
description="Handpicked favourites from our kitchen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No loud distractions",
|
||||
"No unrefined service",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Elegant Interiors",
|
||||
"Private Events & Birthdays",
|
||||
"Lounge Bar Experience",
|
||||
],
|
||||
}}
|
||||
title="The Hook Experience"
|
||||
description="The ship-designed fountain. The warm lighting. The sound of a perfect evening."
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{ items: ["No loud distractions", "No unrefined service"] }}
|
||||
positiveCard={{ items: ["Elegant Interiors", "Private Events & Birthdays", "Lounge Bar Experience"] }}
|
||||
title="The Hook Experience"
|
||||
description="The ship-designed fountain. The warm lighting. The sound of a perfect evening."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Omon Pandey",
|
||||
handle: "Local Guest",
|
||||
testimonial: "Thank you Hook Hospitality for making our daughter's birthday ceremony really special. The food, the service, the ambiance — it was beautiful and well done.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-young-female-doctor-posing-camera_1262-18213.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Umesh Duwal",
|
||||
handle: "Regular Customer",
|
||||
testimonial: "The restaurant truly stands out with its elegant interior and stylish ambiance. A warm and inviting atmosphere that perfectly balances modern design with subtle charm.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-festive-dinner-christmas-eve-man-woman-looking-camera-while-enjoying-holiday-meal-celebration-sitting-together-feeling-cheerful-winter-festivity_482257-29018.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Lee",
|
||||
handle: "Foodie",
|
||||
testimonial: "Best service in Kathmandu. The momos were fresh and the cocktails were exquisite.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-young-female-doctor-posing-camera_1262-18213.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
handle: "Business Trip",
|
||||
testimonial: "Highly recommended for business meetings or intimate dinners. Classy vibe.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-festive-dinner-christmas-eve-man-woman-looking-camera-while-enjoying-holiday-meal-celebration-sitting-together-feeling-cheerful-winter-festivity_482257-29018.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Smith",
|
||||
handle: "Local Resident",
|
||||
testimonial: "Lovely place. Everything is perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-young-female-doctor-posing-camera_1262-18213.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Guests Say"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Omon Pandey", handle: "Local Guest", testimonial: "Thank you Hook Hospitality for making our daughter's birthday ceremony really special. The food, the service, the ambiance — it was beautiful and well done.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-young-female-doctor-posing-camera_1262-18213.jpg" },
|
||||
{ id: "2", name: "Umesh Duwal", handle: "Regular Customer", testimonial: "The restaurant truly stands out with its elegant interior and stylish ambiance. A warm and inviting atmosphere that perfectly balances modern design with subtle charm.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-festive-dinner-christmas-eve-man-woman-looking-camera-while-enjoying-holiday-meal-celebration-sitting-together-feeling-cheerful-winter-festivity_482257-29018.jpg" },
|
||||
{ id: "3", name: "Sarah Lee", handle: "Foodie", testimonial: "Best service in Kathmandu. The momos were fresh and the cocktails were exquisite.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-young-female-doctor-posing-camera_1262-18213.jpg" },
|
||||
{ id: "4", name: "John Doe", handle: "Business Trip", testimonial: "Highly recommended for business meetings or intimate dinners. Classy vibe.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-festive-dinner-christmas-eve-man-woman-looking-camera-while-enjoying-holiday-meal-celebration-sitting-together-feeling-cheerful-winter-festivity_482257-29018.jpg" },
|
||||
{ id: "5", name: "Jane Smith", handle: "Local Resident", testimonial: "Lovely place. Everything is perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-young-female-doctor-posing-camera_1262-18213.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from our wonderful community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Reserve Your Table"
|
||||
description="For dine-in, private events, or birthday celebrations — we're ready for you. Contact us at 985-1349480."
|
||||
inputs={[
|
||||
{
|
||||
name: "Name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "Phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "Date",
|
||||
type: "date",
|
||||
placeholder: "Date",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "Guests",
|
||||
type: "number",
|
||||
placeholder: "Guests",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "Message",
|
||||
placeholder: "Your Request",
|
||||
}}
|
||||
buttonText="Send Reservation Request"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Reserve Your Table"
|
||||
description="For dine-in, private events, or birthday celebrations — we're ready for you. Contact us at 985-1349480."
|
||||
inputs={[
|
||||
{ name: "Name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "Phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
{ name: "Date", type: "date", placeholder: "Date", required: true },
|
||||
{ name: "Guests", type: "number", placeholder: "Guests", required: true },
|
||||
]}
|
||||
textarea={{ name: "Message", placeholder: "Your Request" }}
|
||||
buttonText="Send Reservation Request"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Hook Hospitality",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reserve",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "985-1349480",
|
||||
href: "tel:9851349480",
|
||||
},
|
||||
{
|
||||
label: "Kathmandu, Nepal",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="HOOK"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Hook Hospitality", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Reserve", href: "#contact" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "985-1349480", href: "tel:9851349480" },
|
||||
{ label: "Kathmandu, Nepal", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="HOOK"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user