Update src/app/page.tsx
This commit is contained in:
270
src/app/page.tsx
270
src/app/page.tsx
@@ -32,115 +32,62 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Today's Bukka"
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Authentic Nigerian Flavors, 24/7."
|
||||
description="Today's Bukka is your home for fresh, traditional Nigerian dishes, served with love at any hour. From Jollof to Eba, experience true taste."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Chidi O.",
|
||||
handle: "@chidio",
|
||||
testimonial: "The best jollof rice in the city, hands down. Just like home!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-lemons_23-2148483076.jpg",
|
||||
},
|
||||
name: "Chidi O.", handle: "@chidio", testimonial: "The best jollof rice in the city, hands down. Just like home!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-lemons_23-2148483076.jpg"},
|
||||
{
|
||||
name: "Sarah A.",
|
||||
handle: "@saraha",
|
||||
testimonial: "I love that they are open 24 hours. Perfect for late-night cravings.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-salmon-bowls_23-2150427606.jpg",
|
||||
},
|
||||
name: "Sarah A.", handle: "@saraha", testimonial: "I love that they are open 24 hours. Perfect for late-night cravings.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-salmon-bowls_23-2150427606.jpg"},
|
||||
{
|
||||
name: "Tunde M.",
|
||||
handle: "@tundem",
|
||||
testimonial: "Fresh, hot, and authentic. Highly recommend for any meal.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-courier-red-uniform-cape-holding-round-delivery-bowl-notepad-pink-background_140725-41106.jpg",
|
||||
},
|
||||
name: "Tunde M.", handle: "@tundem", testimonial: "Fresh, hot, and authentic. Highly recommend for any meal.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-courier-red-uniform-cape-holding-round-delivery-bowl-notepad-pink-background_140725-41106.jpg"},
|
||||
{
|
||||
name: "Amaka E.",
|
||||
handle: "@amakae",
|
||||
testimonial: "Their egusi soup is incredibly flavorful and rich.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dark-skinned-man-has-beard-mustache-calls-his-friend_273609-8928.jpg",
|
||||
},
|
||||
name: "Amaka E.", handle: "@amakae", testimonial: "Their egusi soup is incredibly flavorful and rich.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dark-skinned-man-has-beard-mustache-calls-his-friend_273609-8928.jpg"},
|
||||
{
|
||||
name: "Olu B.",
|
||||
handle: "@olub",
|
||||
testimonial: "A true gem! Always reliable and consistently delicious.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-taking-photos_23-2149250046.jpg",
|
||||
},
|
||||
name: "Olu B.", handle: "@olub", testimonial: "A true gem! Always reliable and consistently delicious.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-taking-photos_23-2149250046.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sauteed-chicken-with-potatoes-oily-broth_114579-2367.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sauteed-chicken-with-potatoes-oily-broth_114579-2367.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tasty-rice-dish_23-2147680629.jpg",
|
||||
alt: "Customer portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tasty-rice-dish_23-2147680629.jpg", alt: "Customer portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-stewed-chicken-with-onion-greens-pomegranate-clay-dish_141793-5116.jpg",
|
||||
alt: "Customer portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-stewed-chicken-with-onion-greens-pomegranate-clay-dish_141793-5116.jpg", alt: "Customer portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-food-plates_23-2149617139.jpg",
|
||||
alt: "Customer portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-food-plates_23-2149617139.jpg", alt: "Customer portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-rice-dish_23-2147680628.jpg",
|
||||
alt: "Customer portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-rice-dish_23-2147680628.jpg", alt: "Customer portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rastafari-movement-with-individual-wearing-dreads_23-2151711906.jpg",
|
||||
alt: "Customer portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/rastafari-movement-with-individual-wearing-dreads_23-2151711906.jpg", alt: "Customer portrait 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Open",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Recipe",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "True Nigerian Taste",
|
||||
},
|
||||
{ type: "text", text: "24/7 Open" },
|
||||
{ type: "text", text: "Authentic Recipe" },
|
||||
{ type: "text", text: "Fresh Ingredients" },
|
||||
{ type: "text", text: "Community Focused" },
|
||||
{ type: "text", text: "True Nigerian Taste" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -151,9 +98,7 @@ export default function LandingPage() {
|
||||
title="Welcome to Today's Bukka"
|
||||
buttons={[
|
||||
{
|
||||
text: "See Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "See Menu", href: "#products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,40 +110,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "We cook daily using farm-fresh local produce.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-bell-pepper-supermarket-photo-your-advertising_185193-109769.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-chicken-salad-with-vegetables_140725-85130.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sauteed-chicken-with-potatoes-oily-broth_114579-2367.jpg?_wi=2",
|
||||
imageAlt: "fresh ingredients market vegetable nigerian",
|
||||
title: "Fresh Ingredients", description: "We cook daily using farm-fresh local produce.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/photo-bell-pepper-supermarket-photo-your-advertising_185193-109769.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-chicken-salad-with-vegetables_140725-85130.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Traditional Recipes",
|
||||
description: "Authentic recipes handed down through generations.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-cake-glasses-with-champagne_176420-55150.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186431.jpg",
|
||||
imageAlt: "fresh ingredients market vegetable nigerian",
|
||||
title: "Traditional Recipes", description: "Authentic recipes handed down through generations.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-cake-glasses-with-champagne_176420-55150.jpg" }
|
||||
},
|
||||
{
|
||||
title: "24/7 Service",
|
||||
description: "We are open anytime you need a good meal.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pilaf-spices-vegetables-glasses-water-white-background-top-view_185193-162380.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552643.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meatballs-with-vegetables-tomato-sauce_1220-7420.jpg?_wi=1",
|
||||
imageAlt: "fresh ingredients market vegetable nigerian",
|
||||
title: "24/7 Service", description: "We are open anytime you need a good meal.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pilaf-spices-vegetables-glasses-water-white-background-top-view_185193-162380.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552643.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -215,41 +136,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Jollof Rice",
|
||||
price: "₦2,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pilaf-spices-vegetables-glasses-water-white-background-top-view_185193-162380.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Jollof Rice", price: "₦2,500", imageSrc: "http://img.b2bpic.net/free-photo/pilaf-spices-vegetables-glasses-water-white-background-top-view_185193-162380.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Egusi & Pounded Yam",
|
||||
price: "₦3,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meatballs-with-vegetables-tomato-sauce_1220-7420.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Egusi & Pounded Yam", price: "₦3,500", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-with-vegetables-tomato-sauce_1220-7420.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fried Plantain",
|
||||
price: "₦1,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062782.jpg",
|
||||
},
|
||||
id: "p3", name: "Fried Plantain", price: "₦1,000", imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062782.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Moi Moi",
|
||||
price: "₦800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-sweet-tang-yuan-composition_23-2149149063.jpg",
|
||||
},
|
||||
id: "p4", name: "Moi Moi", price: "₦800", imageSrc: "http://img.b2bpic.net/free-photo/still-life-sweet-tang-yuan-composition_23-2149149063.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Peppered Meat",
|
||||
price: "₦1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-neck-white-plate-wooden-table_1150-21267.jpg",
|
||||
},
|
||||
id: "p5", name: "Peppered Meat", price: "₦1,500", imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-neck-white-plate-wooden-table_1150-21267.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Fish Pepper Soup",
|
||||
price: "₦2,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-beans-soup-with-chilli_23-2148660373.jpg",
|
||||
},
|
||||
id: "p6", name: "Fish Pepper Soup", price: "₦2,800", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-beans-soup-with-chilli_23-2148660373.jpg"},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Delicious, traditional dishes waiting for you."
|
||||
@@ -263,20 +160,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Meals served daily",
|
||||
},
|
||||
id: "m1", value: "100+", description: "Meals served daily"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Availability",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Availability"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "Local farmers supported",
|
||||
},
|
||||
id: "m3", value: "50+", description: "Local farmers supported"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -287,30 +175,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Fola T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg",
|
||||
},
|
||||
id: "t1", name: "Fola T.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ade O.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-happy-woman-brown-bra-looks-surprised-holds-fork-makes-funny-face_197531-18190.jpg",
|
||||
},
|
||||
id: "t2", name: "Ade O.", imageSrc: "http://img.b2bpic.net/free-photo/tanned-happy-woman-brown-bra-looks-surprised-holds-fork-makes-funny-face_197531-18190.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Efe K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-eating-noodles-break_23-2149390520.jpg",
|
||||
},
|
||||
id: "t3", name: "Efe K.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-eating-noodles-break_23-2149390520.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Zainab B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-restaurant_23-2148899030.jpg",
|
||||
},
|
||||
id: "t4", name: "Zainab B.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-restaurant_23-2148899030.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Bayo D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg",
|
||||
},
|
||||
id: "t5", name: "Bayo D.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg"},
|
||||
]}
|
||||
cardTitle="What People Say"
|
||||
cardTag="Reviews"
|
||||
@@ -323,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you really open 24/7?",
|
||||
content: "Yes, our doors are always open, every single day of the week.",
|
||||
},
|
||||
id: "f1", title: "Are you really open 24/7?", content: "Yes, our doors are always open, every single day of the week."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "We offer delivery via local partners.",
|
||||
},
|
||||
id: "f2", title: "Do you offer delivery?", content: "We offer delivery via local partners."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the menu seasonal?",
|
||||
content: "We maintain core staples and add seasonal specials.",
|
||||
},
|
||||
id: "f3", title: "Is the menu seasonal?", content: "We maintain core staples and add seasonal specials."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -350,15 +214,9 @@ export default function LandingPage() {
|
||||
description="Hungry? Come visit us or reach out for catering inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/china-stairs-stone-tiles-old-water_1417-577.jpg"
|
||||
/>
|
||||
@@ -368,29 +226,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user