Merge version_4 into main
Merge version_4 into main
This commit was merged in pull request #4.
This commit is contained in:
146
src/app/page.tsx
146
src/app/page.tsx
@@ -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 NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
@@ -28,12 +28,16 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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"
|
||||
/>
|
||||
@@ -41,16 +45,44 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Luxury Street Food You’ll 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>
|
||||
|
||||
@@ -61,9 +93,18 @@ export default function LandingPage() {
|
||||
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" },
|
||||
{ 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" },
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
title="Featured Menu"
|
||||
description="Premium ingredients, unforgettable flavors."
|
||||
@@ -75,8 +116,16 @@ 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" },
|
||||
{ id: "2", title: "Always Fresh", quote: "Quality is top notch, always fresh.", name: "Sarah Jenkins", role: "Professional" },
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Authentic taste from the streets of Malete."
|
||||
@@ -85,11 +134,16 @@ 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."
|
||||
"📍 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"},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -98,7 +152,32 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[]}
|
||||
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"},
|
||||
]}
|
||||
title="Tasty Lifestyle"
|
||||
description="A peek into our premium process and vibe."
|
||||
/>
|
||||
@@ -106,39 +185,50 @@ 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: "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."},
|
||||
]}
|
||||
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"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
tag="Order Now"
|
||||
title="Hungry? Let’s Fix That."
|
||||
description="Reach out to us directly on WhatsApp to place your order or call us."
|
||||
buttonText="Chat on WhatsApp"
|
||||
useInvertedBackground={false}
|
||||
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={(message) => window.open(`https://wa.me/2348158204093?text=${encodeURIComponent(message)}`, '_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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user