Update src/app/page.tsx
This commit is contained in:
244
src/app/page.tsx
244
src/app/page.tsx
@@ -1,166 +1,108 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import Link from "next/link";
|
||||
import { Star, Shield, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<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: "experience" },
|
||||
{ name: "Reserve", id: "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", imageAlt: "dark luxury restaurant interior ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg", imageAlt: "dark luxury restaurant interior ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg", imageAlt: "dark luxury restaurant interior ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg", imageAlt: "dark luxury restaurant interior ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg", imageAlt: "dark luxury restaurant interior ambiance" },
|
||||
]}
|
||||
/>
|
||||
</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"
|
||||
imageAlt="elegant restaurant dining interior moody"
|
||||
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" },
|
||||
{ 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="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"
|
||||
imageAlt="elegant restaurant dining interior moody"
|
||||
/>
|
||||
</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>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems.map(item => ({ name: item.name, id: item.id }))}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Brand"
|
||||
description="Experience the future of innovation."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
slides={[{ imageSrc: "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2070", imageAlt: "Hero" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="About Us"
|
||||
description="We are a team of visionaries dedicated to excellence."
|
||||
textboxLayout="default"
|
||||
bulletPoints={[{ title: "Innovation", description: "Pioneering new solutions.", icon: Shield }]}
|
||||
mediaAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
title="Our Products"
|
||||
description="Premium selection for your needs."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{ id: "p1", name: "Item 1", price: "$10", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff" },
|
||||
{ id: "p2", name: "Item 2", price: "$20", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff" },
|
||||
{ id: "p3", name: "Item 3", price: "$30", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardSixteen
|
||||
title="Experience"
|
||||
description="See how we stack up."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
positiveCard={{ items: ["High quality", "Reliable"] }}
|
||||
negativeCard={{ items: ["Low downtime", "Fast support"] }}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Testimonials"
|
||||
description="Hear what our clients say."
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
testimonials={[{
|
||||
id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "Excellent experience!", rating: 5,
|
||||
icon: Star
|
||||
}, {
|
||||
id: "t2", name: "Jane Smith", handle: "@janesmith", testimonial: "Truly amazing service.", rating: 5,
|
||||
icon: Star
|
||||
}]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Contact Us"
|
||||
description="Reach out to get started."
|
||||
inputs={[{ name: "email", type: "email", placeholder: "Email Address", required: true }, { name: "name", type: "text", placeholder: "Name", required: true }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Brand"
|
||||
columns={[{ title: "Company", items: [{ label: "About", href: "/about" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user