474 lines
15 KiB
TypeScript
474 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Flame, Waves } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Namaskar"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Authentic North Indian Cuisine in Nyali"
|
|
description="Experience the rich heritage of North Indian flavors, elevated by a sophisticated poolside atmosphere and premium service."
|
|
testimonials={[
|
|
{
|
|
name: "Moign K.",
|
|
handle: "@moign",
|
|
testimonial: "Amazing mutton biryani, goanese prawn curry... all brilliantly done. Kudos to the chefs!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg",
|
|
},
|
|
{
|
|
name: "Maira N.",
|
|
handle: "@maira",
|
|
testimonial: "Stunningly delicious, sat by the pool every evening. Highly recommend!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-reception-hall-with-decorated-luxury-table-setting_181624-13771.jpg",
|
|
},
|
|
{
|
|
name: "Rajiv S.",
|
|
handle: "@rajivs",
|
|
testimonial: "The authentic tandoor flavors are unmatched in Mombasa.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
|
|
},
|
|
{
|
|
name: "Elena V.",
|
|
handle: "@elenav",
|
|
testimonial: "A perfect setting for our anniversary dinner. Truly luxury dining.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",
|
|
},
|
|
{
|
|
name: "Sam K.",
|
|
handle: "@samk",
|
|
testimonial: "The service and quality of food is second to none.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Book Your Table",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
|
|
alt: "Diner 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5738.jpg",
|
|
alt: "Diner 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg",
|
|
alt: "Diner 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5750.jpg",
|
|
alt: "Diner 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-man-embracing-with-happy-woman-restaurant_23-2148016847.jpg",
|
|
alt: "Diner 5",
|
|
},
|
|
]}
|
|
avatarText="Join 1,000+ happy guests"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Authentic Spices",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Poolside Luxury",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "North Indian Cuisine",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Fresh Ingredients",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Fine Dining",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Flavor"
|
|
description="Located inside Bliss Resort, we bring the heart of North India to the coast. Namaskar is where traditional techniques meet luxury hospitality."
|
|
bulletPoints={[
|
|
{
|
|
title: "Traditional Recipes",
|
|
description: "Authentic spices and slow-cooked techniques.",
|
|
},
|
|
{
|
|
title: "Poolside Ambiance",
|
|
description: "Elegant dining by the water under Nyali skies.",
|
|
},
|
|
{
|
|
title: "Premium Ingredients",
|
|
description: "Sourced daily for maximum freshness.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cooking-pav-bhaji-street-food-stall_23-2151996245.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Mutton Biryani",
|
|
price: "Ksh 1,500",
|
|
variant: "Main",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-pilaf-rice-meatballs_140725-1672.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Mixed Tandoori Grill",
|
|
price: "Ksh 2,500",
|
|
variant: "Grill",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chicken-skewers-with-slices-sweet-peppers-dill-tasty-food-weekend-meal-top-view-flat-lay_2829-7047.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Mango Lassi",
|
|
price: "Ksh 600",
|
|
variant: "Drink",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/yellow-drink_1203-372.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Paneer Tikka Masala",
|
|
price: "Ksh 1,200",
|
|
variant: "Veg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086030.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Fresh Garlic Naan",
|
|
price: "Ksh 300",
|
|
variant: "Side",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-mexican-sweetness_23-2149666287.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Saffron Kulfi",
|
|
price: "Ksh 800",
|
|
variant: "Dessert",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dessert-slice-topped-with-raspberries_140725-6123.jpg",
|
|
},
|
|
]}
|
|
title="Our Signature Creations"
|
|
description="Discover our culinary highlights, curated for your delight."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Artisan Spices",
|
|
description: "Authentic, high-grade spices blended daily.",
|
|
icon: Flame,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-composition-with-greens-seasonings-beans-dark_140725-32437.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistan-food-with-lemon-slices_23-2148728148.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg?_wi=2",
|
|
imageAlt: "authentic indian spice ingredients high quality",
|
|
},
|
|
{
|
|
title: "Resort Views",
|
|
description: "Dining overlooking the tranquil Bliss pool.",
|
|
icon: Waves,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-sunset-coastal-view_23-2151986080.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-empty-cafe-tables-chairs-sunny-day_181624-2472.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cooking-pav-bhaji-street-food-stall_23-2151996245.jpg?_wi=2",
|
|
imageAlt: "authentic indian spice ingredients high quality",
|
|
},
|
|
{
|
|
title: "Expert Chefs",
|
|
description: "Culinary mastery in every dish prepared.",
|
|
icon: Flame,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_52683-108509.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208273.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-pilaf-rice-meatballs_140725-1672.jpg?_wi=2",
|
|
imageAlt: "authentic indian spice ingredients high quality",
|
|
},
|
|
]}
|
|
title="Why Dine With Us"
|
|
description="Premium touches for an unforgettable evening in Nyali."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Moign Khawaja",
|
|
role: "Foodie",
|
|
company: "Visitor",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663832.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Maira N",
|
|
role: "Traveler",
|
|
company: "Mombasa Guest",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-her-boyfriend-with-love_23-2148435765.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Muhammed R",
|
|
role: "Local Guide",
|
|
company: "Mombasa Resident",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-having-dinner-together_23-2148454084.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Sarah J.",
|
|
role: "Visitor",
|
|
company: "Food Critic",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717839.jpg",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "David W.",
|
|
role: "Patron",
|
|
company: "Frequent Diner",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-device_23-2149250090.jpg",
|
|
},
|
|
]}
|
|
title="Guest Experiences"
|
|
description="What our guests say about their time at Namaskar."
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"TripAdvisor",
|
|
"Local Guide Awards",
|
|
"Coastal Gourmet",
|
|
"Best of Nyali",
|
|
"Hygiene Standards",
|
|
"Culinary Excellence",
|
|
"Hospitality Award",
|
|
]}
|
|
title="Recognized Excellence"
|
|
description="Award-winning standards and local accolades."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "What are the opening hours?",
|
|
content: "We are open daily and close at 11:00 PM.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Do you offer delivery?",
|
|
content: "Yes, we provide free delivery for your convenience.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Is booking required?",
|
|
content: "Booking is encouraged, especially on weekends, to secure your poolside table.",
|
|
},
|
|
{
|
|
id: "f4",
|
|
title: "Where are you located?",
|
|
content: "Inside Bliss Resort, Links Rd, Opposite SOS Village, Nyali.",
|
|
},
|
|
]}
|
|
sideTitle="Your Questions Answered"
|
|
sideDescription="Everything you need to know about dining at Namaskar."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "rotated-rays-static",
|
|
}}
|
|
text="Ready for an authentic dining experience? Contact us now to reserve your spot."
|
|
buttons={[
|
|
{
|
|
text: "Call Now: 0704 912808",
|
|
href: "tel:0704912808",
|
|
},
|
|
{
|
|
text: "Reserve Online",
|
|
href: "https://bliss.co.ke",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Menu",
|
|
href: "#menu",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Booking Process",
|
|
href: "https://bliss.co.ke",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "0704 912808",
|
|
href: "tel:0704912808",
|
|
},
|
|
{
|
|
label: "Links Rd, Nyali",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Namaskar"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|