Update src/app/page.tsx
This commit is contained in:
270
src/app/page.tsx
270
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
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="UENR Cafeteria"
|
||||
/>
|
||||
@@ -60,59 +50,36 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Tasty, Affordable & Healthy Meals"
|
||||
description="Your favorite spot on UENR campus for local dishes, healthy options, and a comfortable dining experience."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg", alt: "Student 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-girl-with-textbook_23-2147666880.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-girl-with-textbook_23-2147666880.jpg", alt: "Student 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-friends-conversing-coffee_23-2148735440.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-friends-conversing-coffee_23-2148735440.jpg", alt: "Student 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-having-delicious-breakfast_23-2148311708.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-having-delicious-breakfast_23-2148311708.jpg", alt: "Student 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/funny-stylish-indian-man-sitting-fast-food-cafe-eating-french-fries-show-his-tongue_627829-1356.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/funny-stylish-indian-man-sitting-fast-food-cafe-eating-french-fries-show-his-tongue_627829-1356.jpg", alt: "Student 5"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Today's Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Today's Menu", href: "#menu"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Cuisine",
|
||||
},
|
||||
type: "text", text: "Local Cuisine"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Budget Friendly",
|
||||
},
|
||||
type: "text", text: "Budget Friendly"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Healthy Choices",
|
||||
},
|
||||
type: "text", text: "Healthy Choices"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Daily",
|
||||
},
|
||||
type: "text", text: "Fresh Daily"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Campus Hub",
|
||||
},
|
||||
type: "text", text: "Campus Hub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,26 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Affordable Dishes",
|
||||
subtitle: "Budget-friendly prices for every student",
|
||||
category: "Value",
|
||||
value: "1",
|
||||
},
|
||||
id: "f1", title: "Affordable Dishes", subtitle: "Budget-friendly prices for every student", category: "Value", value: "1"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Healthy Options",
|
||||
subtitle: "Fresh, balanced ingredients daily",
|
||||
category: "Health",
|
||||
value: "2",
|
||||
},
|
||||
id: "f2", title: "Healthy Options", subtitle: "Fresh, balanced ingredients daily", category: "Health", value: "2"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Great Service",
|
||||
subtitle: "Friendly staff and quick dining service",
|
||||
category: "Service",
|
||||
value: "3",
|
||||
},
|
||||
id: "f3", title: "Great Service", subtitle: "Friendly staff and quick dining service", category: "Service", value: "3"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Experience quality service at the heart of our university campus."
|
||||
@@ -170,28 +122,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5 Days",
|
||||
title: "Service Weekly",
|
||||
items: [
|
||||
"Open Monday to Friday",
|
||||
],
|
||||
id: "m1", value: "5 Days", title: "Service Weekly", items: [
|
||||
"Open Monday to Friday"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100+",
|
||||
title: "Daily Meals",
|
||||
items: [
|
||||
"Fresh local dishes cooked daily",
|
||||
],
|
||||
id: "m2", value: "100+", title: "Daily Meals", items: [
|
||||
"Fresh local dishes cooked daily"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Cleanliness",
|
||||
items: [
|
||||
"Neat dining environment",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Cleanliness", items: [
|
||||
"Neat dining environment"],
|
||||
},
|
||||
]}
|
||||
title="Cafeteria at a Glance"
|
||||
@@ -207,41 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Jollof Rice",
|
||||
price: "GHS 15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-delivery-curly-haired-young-courrier-taking-meal-box-delivery_259150-58588.jpg",
|
||||
},
|
||||
id: "p1", name: "Jollof Rice", price: "GHS 15", imageSrc: "http://img.b2bpic.net/free-photo/food-delivery-curly-haired-young-courrier-taking-meal-box-delivery_259150-58588.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Banku & Tilapia",
|
||||
price: "GHS 20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ratatouille_23-2148173910.jpg",
|
||||
},
|
||||
id: "p2", name: "Banku & Tilapia", price: "GHS 20", imageSrc: "http://img.b2bpic.net/free-photo/ratatouille_23-2148173910.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Waakye Special",
|
||||
price: "GHS 12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-arrangement-flat-lay_23-2149182252.jpg",
|
||||
},
|
||||
id: "p3", name: "Waakye Special", price: "GHS 12", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-arrangement-flat-lay_23-2149182252.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fried Rice & Chicken",
|
||||
price: "GHS 18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-vegetables-platecloseup-eco-healthy-vegetables-plate-summer-picnic-veggies-salad-tomatoes-red-pepper-cucumbers_132075-13619.jpg",
|
||||
},
|
||||
id: "p4", name: "Fried Rice & Chicken", price: "GHS 18", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-vegetables-platecloseup-eco-healthy-vegetables-plate-summer-picnic-veggies-salad-tomatoes-red-pepper-cucumbers_132075-13619.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Beans & Plantain",
|
||||
price: "GHS 10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-freshmade-healthy-vegan-lunch-go-served-lunch-box-closeup_1220-5478.jpg",
|
||||
},
|
||||
id: "p5", name: "Beans & Plantain", price: "GHS 10", imageSrc: "http://img.b2bpic.net/free-photo/tasty-freshmade-healthy-vegan-lunch-go-served-lunch-box-closeup_1220-5478.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Light Soup & Fufu",
|
||||
price: "GHS 25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-bowl-fajita-mexican-food_181624-35102.jpg",
|
||||
},
|
||||
id: "p6", name: "Light Soup & Fufu", price: "GHS 25", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-bowl-fajita-mexican-food_181624-35102.jpg"},
|
||||
]}
|
||||
title="Featured Local Dishes"
|
||||
description="Enjoy the best of local cuisine, prepared fresh."
|
||||
@@ -256,45 +172,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kwame A.",
|
||||
role: "Student",
|
||||
company: "UENR",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-student-with-book-her-hands-goes-university_169016-66311.jpg",
|
||||
},
|
||||
id: "1", name: "Kwame A.", role: "Student", company: "UENR", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-student-with-book-her-hands-goes-university_169016-66311.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ama S.",
|
||||
role: "Student",
|
||||
company: "UENR",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12422.jpg",
|
||||
},
|
||||
id: "2", name: "Ama S.", role: "Student", company: "UENR", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12422.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "John D.",
|
||||
role: "Staff",
|
||||
company: "UENR",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-medium-shot-teenage-girl-drinking-from-papercup_23-2148225307.jpg",
|
||||
},
|
||||
id: "3", name: "John D.", role: "Staff", company: "UENR", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-medium-shot-teenage-girl-drinking-from-papercup_23-2148225307.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Esi P.",
|
||||
role: "Student",
|
||||
company: "UENR",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-happy-femaleeats-delicious-sandwich-draws-notebook-with-crayons-works-creative-project-creats-pictures-wears-transparent-glasses-elegant-shirt-vest-poses-against-urban-area_273609-54602.jpg",
|
||||
},
|
||||
id: "4", name: "Esi P.", role: "Student", company: "UENR", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-happy-femaleeats-delicious-sandwich-draws-notebook-with-crayons-works-creative-project-creats-pictures-wears-transparent-glasses-elegant-shirt-vest-poses-against-urban-area_273609-54602.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kofi B.",
|
||||
role: "Student",
|
||||
company: "UENR",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-food_23-2149303548.jpg",
|
||||
},
|
||||
id: "5", name: "Kofi B.", role: "Student", company: "UENR", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-food_23-2149303548.jpg"},
|
||||
]}
|
||||
title="Student Reviews"
|
||||
description="What our dining community says."
|
||||
@@ -306,22 +197,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open from Mondays to Fridays, serving breakfast, lunch, and late snacks.",
|
||||
},
|
||||
id: "q1", title: "What are your opening hours?", content: "We are open Monday - Friday, 7:00 AM to 6:00 PM. Weekends are by special arrangement for events."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer healthy options?",
|
||||
content: "Yes, we focus on balanced meals with fresh, healthy ingredients daily.",
|
||||
},
|
||||
id: "q2", title: "How do I pay for my meals?", content: "We accept cash payments and mobile money transfers at the counter."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the cafeteria open to the public?",
|
||||
content: "Our main focus is the university community, but everyone is welcome to dine with us.",
|
||||
},
|
||||
id: "q3", title: "Can I pre-order meals for large groups?", content: "Yes, please contact our management team at least 24 hours in advance to arrange catering."},
|
||||
{
|
||||
id: "q4", title: "Do you offer vegetarian options?", content: "Absolutely! We have a dedicated menu section for healthy, vegetable-based dishes daily."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideTitle="Cafeteria FAQ"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -329,24 +213,16 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get in Touch"
|
||||
description="Have questions about our menu or catering services? Send us a message."
|
||||
title="Visit or Contact Us"
|
||||
description="Find us at the central administration block of the UENR campus. We are here to serve you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
name: "message", placeholder: "Location: Central Admin Block, UENR Campus\nHours: Mon-Fri, 7am - 6pm\nHow can we help?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pakistan-ladies-evening-light-islamic-places_1142-1055.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -356,40 +232,36 @@ export default function LandingPage() {
|
||||
logoText="UENR Cafeteria"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Our Mission", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Quality Standards", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Today's Menu", href: "#menu"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Student Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Contact Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 UENR Cafeteria. All rights reserved."
|
||||
copyrightText="© 2024 UENR Campus Cafeteria Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user