Update src/app/page.tsx

This commit is contained in:
2026-04-28 00:09:12 +00:00
parent 2b06e8dacd
commit af7a58f139

View File

@@ -7,7 +7,7 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
@@ -28,16 +28,12 @@ export default function LandingPage() {
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
<NavbarStyleApple
navItems={[
{
name: "Home", id: "hero"},
{
name: "Menu", id: "menu"},
{
name: "Reviews", id: "testimonials"},
{
name: "Location", id: "location"},
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "Reviews", id: "testimonials" },
{ name: "Location", id: "location" },
]}
brandName="Tasty Munch"
/>
@@ -45,44 +41,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
title="Luxury Street Food Youll Crave Again."
description="Fresh shawarma, loaded meals & premium taste — right in Malete."
buttons={[
{
text: "Order Now (WhatsApp)", href: "https://wa.me/2348158204093"},
{
text: "Get Directions", href: "https://maps.google.com"},
{ text: "Order Now (WhatsApp)", href: "https://wa.me/2348158204093" },
{ text: "Get Directions", href: "https://maps.google.com" },
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868224.jpg"
imageAlt="Luxury shawarma experience"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/people-enjoying-delicious-street-food_23-2151543785.jpg", alt: "Happy customer 1"},
{
src: "http://img.b2bpic.net/free-photo/young-people-enjoying-street-food_23-2151525839.jpg", alt: "Happy customer 2"},
{
src: "http://img.b2bpic.net/free-photo/young-people-enjoying-street-food_23-2151525664.jpg", alt: "Happy customer 3"},
{
src: "http://img.b2bpic.net/free-photo/young-people-enjoying-street-food_23-2151525825.jpg", alt: "Happy customer 4"},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-eating-outdoors_23-2150168142.jpg", alt: "Happy customer 5"},
]}
avatarText="Trusted by 500+ satisfied foodies in Malete"
marqueeItems={[
{
type: "text", text: "100% FRESH INGREDIENTS"},
{
type: "text", text: "PREMIUM SHAWARMA"},
{
type: "text", text: "FAST DELIVERY"},
{
type: "text", text: "AUTHENTIC SPICES"},
{
type: "text", text: "MALETE'S FINEST"},
]}
/>
</div>
@@ -91,20 +59,10 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Classic Shawarma", price: "₦2,500", imageSrc: "http://img.b2bpic.net/free-photo/arabic-kebab-sandwich-ketchup-sauce_23-2148651077.jpg", imageAlt: "Classic Shawarma"},
{
id: "p2", name: "Loaded Fries", price: "₦1,800", imageSrc: "http://img.b2bpic.net/free-photo/pastry-mix-with-glass-tea_114579-16034.jpg", imageAlt: "Loaded Fries"},
{
id: "p3", name: "Chicken Specials", price: "₦3,200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-delicious-christmas-dishes_23-2148719878.jpg", imageAlt: "Chicken Specials"},
{
id: "p4", name: "Jamblack Special Shawarma", price: "₦3,500", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-sandwich-made-meat-grilled-spit-with-seasonings-notepad-blue-desk-sandwich-burger-meat-meal-lunch-food_140725-64502.jpg", imageAlt: "Special Shawarma"},
{
id: "p5", name: "Spicy Loaded Fries", price: "₦2,000", imageSrc: "http://img.b2bpic.net/free-photo/fried-chips_23-2147695722.jpg", imageAlt: "Spicy Loaded Fries"},
{
id: "p6", name: "Combo Platter", price: "₦5,000", imageSrc: "http://img.b2bpic.net/free-photo/tasty-bruschetta-assortment-top-view_23-2148516995.jpg", imageAlt: "Combo Platter"},
{ id: "p1", name: "Classic Shawarma", price: "₦2,500", imageSrc: "http://img.b2bpic.net/free-photo/arabic-kebab-sandwich-ketchup-sauce_23-2148651077.jpg" },
{ id: "p2", name: "Loaded Fries", price: "₦1,800", imageSrc: "http://img.b2bpic.net/free-photo/pastry-mix-with-glass-tea_114579-16034.jpg" },
{ id: "p3", name: "Chicken Specials", price: "₦3,200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-delicious-christmas-dishes_23-2148719878.jpg" },
]}
title="Featured Menu"
description="Premium ingredients, unforgettable flavors."
@@ -116,16 +74,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1", title: "Top Notch!", quote: "Best shawarma in Malete no cap 🔥", name: "Tunde Adewale", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/young-people-enjoying-street-food_23-2151525710.jpg"},
{
id: "2", title: "Always Fresh", quote: "Quality is top notch, always fresh.", name: "Sarah Jenkins", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-taking-picture-her-boyfriend-who-is-eating-donut-cafe_637285-9067.jpg"},
{
id: "3", title: "Great Taste", quote: "The chicken specials are unreal, love the spices.", name: "Michael Okafor", role: "Resident", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"},
{
id: "4", title: "Reliable", quote: "My go-to place after 6 PM, hits the spot every time.", name: "Fatima Bello", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/stylish-friends-sitting-cafe_273609-5476.jpg"},
{
id: "5", title: "Luxury Experience", quote: "Finally a luxury street food vibe that actually tastes premium.", name: "Chidi Eze", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-eat-salade-restaurant-waiting-woman-with-bouquet-roses_496169-302.jpg"},
{ id: "1", title: "Top Notch!", quote: "Best shawarma in Malete no cap 🔥", name: "Tunde Adewale", role: "Student" },
{ id: "2", title: "Always Fresh", quote: "Quality is top notch, always fresh.", name: "Sarah Jenkins", role: "Professional" },
]}
title="What Our Customers Say"
description="Authentic taste from the streets of Malete."
@@ -134,15 +84,9 @@ export default function LandingPage() {
<div id="location" data-section="location">
<TextSplitAbout
useInvertedBackground={false}
title="Find Us"
description={[
"📍 Shop 7, Kwasu School Junction, Malete, Ilorin.", "Open daily from 10 AM. Peak hours are around 6 PM."]}
buttons={[
{
text: "Call Now", href: "tel:08158204093"},
{
text: "Open in Maps", href: "https://maps.google.com"},
"📍 Shop 7, Kwasu School Junction, Malete, Ilorin.", "Open daily from 10 AM. Peak hours are around 6 PM."
]}
/>
</div>
@@ -152,32 +96,7 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="inline-image"
useInvertedBackground={true}
features={[
{
id: "g1", title: "Fresh Prep", descriptions: [
"Crafted daily with love."],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-various-spices-pepper-grinder-tomatoes-garlic-greens-pomegranate-table_179666-46794.jpg"},
{
id: "g2", title: "Premium Ingredients", descriptions: [
"Locally sourced, high quality."],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-raw-vegetables-wooden-surface_23-2147956539.jpg"},
{
id: "g3", title: "Artistic Plating", descriptions: [
"Food that looks as good as it tastes."],
imageSrc: "http://img.b2bpic.net/free-photo/safari-party-with-snacks-high-angle_23-2149707864.jpg"},
{
id: "g4", title: "Kitchen Mastery", descriptions: [
"Expertly prepared meals."],
imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259749.jpg"},
{
id: "g5", title: "Street Luxury", descriptions: [
"The vibe you deserve."],
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030737.jpg"},
{
id: "g6", title: "Loaded Meals", descriptions: [
"Satisfyingly big portions."],
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-mozarella-tomato-slices-with-basilic-herbal-dressing_114579-3682.jpg"},
]}
features={[]}
title="Tasty Lifestyle"
description="A peek into our premium process and vibe."
/>
@@ -185,47 +104,32 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1", title: "Do you deliver?", content: "Yes, we offer local delivery across Malete."},
{
id: "f2", title: "What are your peak hours?", content: "We are busiest around 6 PM, but our doors open from 10 AM daily."},
{
id: "f3", title: "Can I pre-order?", content: "Absolutely, message us on WhatsApp with your request."},
{ id: "f1", title: "Do you deliver?", content: "Yes, we offer local delivery across Malete." },
{ id: "f2", title: "What are your peak hours?", content: "We are busiest around 6 PM, but our doors open from 10 AM daily." },
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg"
mediaAnimation="slide-up"
title="Quick Questions"
description="Answers to common queries."
faqsAnimation="slide-up"
textboxLayout="split"
/>
</div>
<div id="cta" data-section="cta">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
tag="Order Now"
title="Hungry? Lets Fix That."
description="Reach out to us directly on WhatsApp to place your order or call us."
imageSrc="http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081456.jpg"
mediaAnimation="slide-up"
inputPlaceholder="Enter your name or message"
buttonText="Chat on WhatsApp"
onSubmit={(email) => window.open('https://wa.me/2348158204093', '_blank')}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Tasty Munch by Jamblack"
leftLink={{
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Contact Us", href: "tel:08158204093"}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact Us", href: "tel:08158204093" }}
/>
</div>
</ReactLenis>