Merge version_1 into main #2
260
src/app/page.tsx
260
src/app/page.tsx
@@ -13,7 +13,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Award, CheckCircle, Clock, Coffee, Flame, Music, Users, Utensils } from "lucide-react";
|
||||
import { Award, CheckCircle, Clock, Coffee, Flame, Music, Users, Utensils, ChefHat } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -34,48 +34,33 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Jays Restaurant"
|
||||
button={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/266XXXXXXXXX",
|
||||
}}
|
||||
text: "WhatsApp", href: "https://wa.me/266XXXXXXXXX"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Jays Restaurant"
|
||||
description="Where Taste Meets Experience. Discover bold flavors, warm hospitality, and one of Maseru’s most loved dining destinations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+266XXXXXXXXX",
|
||||
},
|
||||
text: "Call Now", href: "tel:+266XXXXXXXXX"},
|
||||
{
|
||||
text: "WhatsApp Booking",
|
||||
href: "https://wa.me/266XXXXXXXXX",
|
||||
},
|
||||
text: "WhatsApp Booking", href: "https://wa.me/266XXXXXXXXX"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-with-red-onions-narsharab-plate_140725-11496.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-with-red-onions-narsharab-plate_140725-11496.jpg"
|
||||
imageAlt="luxury restaurant dining table setup"
|
||||
/>
|
||||
</div>
|
||||
@@ -87,20 +72,11 @@ export default function LandingPage() {
|
||||
tag="Trusted by locals"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.7",
|
||||
description: "Star Rating",
|
||||
},
|
||||
id: "m1", value: "4.7", description: "Star Rating"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "23+",
|
||||
description: "Verified Reviews",
|
||||
},
|
||||
id: "m2", value: "23+", description: "Verified Reviews"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Daily",
|
||||
description: "Freshly Crafted",
|
||||
},
|
||||
id: "m3", value: "Daily", description: "Freshly Crafted"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -113,19 +89,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Culinary Art",
|
||||
value: "Crafted",
|
||||
},
|
||||
label: "Culinary Art", value: "Crafted"},
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Hospitality",
|
||||
value: "Warm",
|
||||
},
|
||||
label: "Hospitality", value: "Warm"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Memories",
|
||||
value: "Made",
|
||||
},
|
||||
label: "Memories", value: "Made"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -139,47 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Dish",
|
||||
price: "M150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510924.jpg?_wi=1",
|
||||
imageAlt: "gourmet dish plating professional culinary",
|
||||
},
|
||||
id: "p1", name: "Signature Dish", price: "M150", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510924.jpg", imageAlt: "gourmet dish plating professional culinary"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Grilled Delight",
|
||||
price: "M120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-piece-with-vegetables_140725-6197.jpg?_wi=1",
|
||||
imageAlt: "savory steak dinner restaurant",
|
||||
},
|
||||
id: "p2", name: "Grilled Delight", price: "M120", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-piece-with-vegetables_140725-6197.jpg", imageAlt: "savory steak dinner restaurant"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fresh Harvest",
|
||||
price: "M90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-greens-vegetable-salad-blue-desk-lunch-salad-snack-vegetable-food_140725-40262.jpg",
|
||||
imageAlt: "appetizer gourmet restaurant",
|
||||
},
|
||||
id: "p3", name: "Fresh Harvest", price: "M90", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-greens-vegetable-salad-blue-desk-lunch-salad-snack-vegetable-food_140725-40262.jpg", imageAlt: "appetizer gourmet restaurant"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chef's Special",
|
||||
price: "M180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-apple-cake-with-ice-cream-decorated-with-fresh-strawberry-sauce-plate-wood_141793-11082.jpg",
|
||||
imageAlt: "gourmet dessert plating",
|
||||
},
|
||||
id: "p4", name: "Chef's Special", price: "M180", imageSrc: "http://img.b2bpic.net/free-photo/side-view-apple-cake-with-ice-cream-decorated-with-fresh-strawberry-sauce-plate-wood_141793-11082.jpg", imageAlt: "gourmet dessert plating"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Signature Cocktail",
|
||||
price: "M60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cocktail-with-ice-straw-decorated-with-berries-wooden-stand_140725-12789.jpg",
|
||||
imageAlt: "cocktail beverage fine dining",
|
||||
},
|
||||
id: "p5", name: "Signature Cocktail", price: "M60", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cocktail-with-ice-straw-decorated-with-berries-wooden-stand_140725-12789.jpg", imageAlt: "cocktail beverage fine dining"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Dessert Finale",
|
||||
price: "M75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-squeezing-sauce-salad_23-2148516912.jpg",
|
||||
imageAlt: "chef preparing meal kitchen",
|
||||
},
|
||||
id: "p6", name: "Dessert Finale", price: "M75", imageSrc: "http://img.b2bpic.net/free-photo/chef-squeezing-sauce-salad_23-2148516912.jpg", imageAlt: "chef preparing meal kitchen"},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Freshly prepared. Beautifully served. Always satisfying."
|
||||
@@ -193,67 +133,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bold Flavor",
|
||||
description: "Every dish delivers rich, unforgettable taste.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_1203-3743.jpg",
|
||||
imageAlt: "gourmet dish plating professional culinary",
|
||||
},
|
||||
title: "Bold Flavor", description: "Every dish delivers rich, unforgettable taste.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_1203-3743.jpg", imageAlt: "gourmet dish plating professional culinary"},
|
||||
items: [
|
||||
{
|
||||
icon: Flame,
|
||||
text: "Seasoned to perfection",
|
||||
},
|
||||
text: "Seasoned to perfection"},
|
||||
{
|
||||
icon: ChefHat,
|
||||
text: "Expertly crafted",
|
||||
},
|
||||
text: "Expertly crafted"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-with-red-onions-narsharab-plate_140725-11496.jpg?_wi=2",
|
||||
imageAlt: "gourmet dish plating professional culinary",
|
||||
},
|
||||
{
|
||||
title: "Welcoming Atmosphere",
|
||||
description: "Perfect for families, friends, and solo visits.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg",
|
||||
imageAlt: "cozy restaurant ambiance interior",
|
||||
},
|
||||
title: "Welcoming Atmosphere", description: "Perfect for families, friends, and solo visits.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg", imageAlt: "cozy restaurant ambiance interior"},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Fun for all ages",
|
||||
},
|
||||
text: "Fun for all ages"},
|
||||
{
|
||||
icon: Music,
|
||||
text: "Relaxed environment",
|
||||
},
|
||||
text: "Relaxed environment"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510924.jpg?_wi=2",
|
||||
imageAlt: "gourmet dish plating professional culinary",
|
||||
},
|
||||
{
|
||||
title: "Consistent Quality",
|
||||
description: "Customers return — again and again.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-slices-with-greens-inside-black-plate-with-glass-wine-brown-wooden-desk-meal-food-meat-diner_140725-26157.jpg",
|
||||
imageAlt: "savory steak dinner restaurant",
|
||||
},
|
||||
title: "Consistent Quality", description: "Customers return — again and again.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-slices-with-greens-inside-black-plate-with-glass-wine-brown-wooden-desk-meal-food-meat-diner_140725-26157.jpg", imageAlt: "savory steak dinner restaurant"},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Always fresh ingredients",
|
||||
},
|
||||
text: "Always fresh ingredients"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Strict quality controls",
|
||||
},
|
||||
text: "Strict quality controls"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-piece-with-vegetables_140725-6197.jpg?_wi=2",
|
||||
imageAlt: "gourmet dish plating professional culinary",
|
||||
},
|
||||
]}
|
||||
title="Why Jays?"
|
||||
@@ -266,14 +182,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Interior Excellence",
|
||||
"Warm Lighting",
|
||||
"Casual Comfort",
|
||||
"Social Spot",
|
||||
"Great Music",
|
||||
"Premium Seating",
|
||||
"Beautiful Decor",
|
||||
]}
|
||||
"Interior Excellence", "Warm Lighting", "Casual Comfort", "Social Spot", "Great Music", "Premium Seating", "Beautiful Decor"]}
|
||||
title="Feel the vibe before you arrive."
|
||||
description="Experience the atmosphere that makes Jays a staple in Maseru dining."
|
||||
/>
|
||||
@@ -285,45 +194,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Choice",
|
||||
quote: "One of the best restaurants I've ever visited in Maseru.",
|
||||
name: "Sarah",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67527.jpg",
|
||||
},
|
||||
id: "t1", title: "Great Choice", quote: "One of the best restaurants I've ever visited in Maseru.", name: "Sarah", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67527.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Amazing",
|
||||
quote: "Their taste is fire 🔥",
|
||||
name: "Mike",
|
||||
role: "Diner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-restaurant_23-2148006700.jpg",
|
||||
},
|
||||
id: "t2", title: "Amazing", quote: "Their taste is fire 🔥", name: "Mike", role: "Diner", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-restaurant_23-2148006700.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Quality",
|
||||
quote: "Delicious meals and great value for money.",
|
||||
name: "Emily",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
|
||||
},
|
||||
id: "t3", title: "Quality", quote: "Delicious meals and great value for money.", name: "Emily", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Top Tier",
|
||||
quote: "Best place for a relaxing evening.",
|
||||
name: "David",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222258.jpg",
|
||||
},
|
||||
id: "t4", title: "Top Tier", quote: "Best place for a relaxing evening.", name: "David", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222258.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly Recommend",
|
||||
quote: "The atmosphere is unmatched in Maseru.",
|
||||
name: "Anna",
|
||||
role: "Diner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
|
||||
},
|
||||
id: "t5", title: "Highly Recommend", quote: "The atmosphere is unmatched in Maseru.", name: "Anna", role: "Diner", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg"},
|
||||
]}
|
||||
title="Loved by locals"
|
||||
description="See why our guests keep coming back."
|
||||
@@ -335,20 +214,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where are you located?",
|
||||
content: "We are located in the heart of Maseru, Lesotho.",
|
||||
},
|
||||
id: "f1", title: "Where are you located?", content: "We are located in the heart of Maseru, Lesotho."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Walk-ins are welcome, but reservations are recommended for peak hours.",
|
||||
},
|
||||
id: "f2", title: "Do I need a reservation?", content: "Walk-ins are welcome, but reservations are recommended for peak hours."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is WhatsApp booking available?",
|
||||
content: "Yes! Click the WhatsApp button to book your table instantly.",
|
||||
},
|
||||
id: "f3", title: "Is WhatsApp booking available?", content: "Yes! Click the WhatsApp button to book your table instantly."},
|
||||
]}
|
||||
sideTitle="Ready to experience?"
|
||||
sideDescription="Check out these answers to commonly asked questions."
|
||||
@@ -360,18 +230,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to experience it for yourself? Visit us in Maseru for a meal that hits the spot."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+266XXXXXXXXX",
|
||||
},
|
||||
text: "Call Now", href: "tel:+266XXXXXXXXX"},
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/266XXXXXXXXX",
|
||||
},
|
||||
text: "WhatsApp Now", href: "https://wa.me/266XXXXXXXXX"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -382,42 +247,27 @@ export default function LandingPage() {
|
||||
logoText="Jays Restaurant"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#experience",
|
||||
},
|
||||
label: "Experience", href: "#experience"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+266XXXXXXXXX",
|
||||
},
|
||||
label: "Call Us", href: "tel:+266XXXXXXXXX"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/266XXXXXXXXX",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/266XXXXXXXXX"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user