Update src/app/page.tsx
This commit is contained in:
161
src/app/page.tsx
161
src/app/page.tsx
@@ -31,14 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Stats", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="M Burger"
|
||||
/>
|
||||
@@ -46,58 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Tasty Burgers, Happy Moments 🍔"
|
||||
description="Fresh burgers, crispy fries, and refreshing drinks made for everyone."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "The best burger I've had in years!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67594.jpg"},
|
||||
{
|
||||
name: "Mike D.", handle: "@miked", testimonial: "Fast service and amazing taste.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67527.jpg"},
|
||||
{
|
||||
name: "Emily R.", handle: "@emilyr", testimonial: "Absolutely love the crispy chicken sandwich!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg"},
|
||||
{
|
||||
name: "David K.", handle: "@davidk", testimonial: "My go-to spot for a quick lunch.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-508.jpg"},
|
||||
{
|
||||
name: "Anna P.", handle: "@annap", testimonial: "Great vibes and even better food.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-holding-glass_23-2148899013.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now", href: "#menu"},
|
||||
]}
|
||||
testimonials={[]}
|
||||
buttons={[{ text: "Order Now", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-green-burgers-with-green-salad-inside-round-plate-green-desk_140725-11624.jpg"
|
||||
imageAlt="delicious double cheeseburger appetizing"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-pizza-bar_1303-20328.jpg", alt: "customer portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-enjoying-lunch-restaurant_329181-11930.jpg", alt: "customer portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-having-cocktails_23-2150244992.jpg", alt: "customer portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-technology-communication-pretty-girl-with-ginger-hair-talking-her-female-friend-laughing-stylish-african-male-spectacles-sitting-table-her_273609-2059.jpg", alt: "customer portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg", alt: "customer portrait 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "100% Fresh Ingredients"},
|
||||
{
|
||||
type: "text", text: "Fast Delivery"},
|
||||
{
|
||||
type: "text", text: "Customer Favorite"},
|
||||
{
|
||||
type: "text", text: "Award Winning Burgers"},
|
||||
{
|
||||
type: "text", text: "Quality You Can Taste"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,20 +60,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Big Burger", price: "$8.99", variant: "Best Seller", imageSrc: "http://img.b2bpic.net/free-photo/burger-blue-yellow-background_23-2148258441.jpg"},
|
||||
{
|
||||
id: "2", name: "Crispy Fries", price: "$3.49", variant: "Side", imageSrc: "http://img.b2bpic.net/free-photo/bunch-baked-potatoes-slices-isolated-white-background_839833-17058.jpg"},
|
||||
{
|
||||
id: "3", name: "Cold Drink", price: "$2.99", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/soda-with-ice-macro-shot_53876-176775.jpg"},
|
||||
{
|
||||
id: "4", name: "Chicken Deluxe", price: "$7.49", variant: "New", imageSrc: "http://img.b2bpic.net/free-photo/fast-food-meal-with-fried-chicken_23-2148273056.jpg"},
|
||||
{
|
||||
id: "5", name: "Garden Salad", price: "$4.99", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/salad-arrangement-white-cloth_23-2148537240.jpg"},
|
||||
{
|
||||
id: "6", name: "Berry Shake", price: "$3.99", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-milkshake-table_23-2148922881.jpg"},
|
||||
]}
|
||||
products={[]}
|
||||
title="Popular Menu"
|
||||
description="Enjoy our customer favorites."
|
||||
/>
|
||||
@@ -139,62 +79,15 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-eating-burger-funny-way_23-2150269608.jpg"},
|
||||
{
|
||||
id: "2", name: "Mike D", imageSrc: "http://img.b2bpic.net/free-photo/women-drinking-wine-eating-sweets_23-2147807469.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily R", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215876.jpg"},
|
||||
{
|
||||
id: "4", name: "David K", imageSrc: "http://img.b2bpic.net/free-photo/happy-extended-family-enjoying-lunch-toasting-dining-table-focus-is-senior-couple_637285-3207.jpg"},
|
||||
{
|
||||
id: "5", name: "Anna P", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-female-trendy-summer-clothescarefree-women-chatting-veranda-cafe-drinking-tea-coffeepositive-model-having-fun-communicating-cheerful-happy_158538-23300.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Thousands"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do you offer delivery?", content: "Yes! We provide fast, same-day delivery via UberEats, DoorDash, and Grubhub."},
|
||||
{
|
||||
id: "2", title: "Are ingredients fresh?", content: "We source fresh produce daily."},
|
||||
{
|
||||
id: "3", title: "Do you cater events?", content: "Absolutely, contact us for details."},
|
||||
]}
|
||||
sideTitle="Hungry for Answers?"
|
||||
sideDescription="Check out our common questions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "15K+", title: "Burgers Served", items: [
|
||||
"Fresh Daily", "Premium Meat"],
|
||||
},
|
||||
{
|
||||
id: "2", value: "50+", title: "Happy Staff", items: [
|
||||
"Well Trained", "Friendly"],
|
||||
},
|
||||
{
|
||||
id: "3", value: "4.9/5", title: "Average Rating", items: [
|
||||
"Customer Satisfaction", "Quality"],
|
||||
},
|
||||
{ id: "1", value: "15K+", title: "Burgers Served", items: ["Fresh Daily", "Premium Meat"] },
|
||||
{ id: "2", value: "50+", title: "Happy Staff", items: ["Well Trained", "Friendly"] },
|
||||
{ id: "3", value: "4.9/5", title: "Average Rating", items: ["Customer Satisfaction", "Quality"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Serving happiness daily."
|
||||
@@ -207,16 +100,10 @@ export default function LandingPage() {
|
||||
title="Contact Us"
|
||||
description="Have questions or feedback? We'd love to hear from you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-delicious-cheeseburger-with-fresh-ingredients-attached-with-skewers-stick_181624-41067.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -225,22 +112,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="M Burger"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "All Burgers", href: "#menu"},
|
||||
{
|
||||
label: "Sides", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "All Burgers", href: "#menu" }, { label: "Sides", href: "#menu" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2026 M Burger. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user