Merge version_2 into main #3
218
src/app/page.tsx
218
src/app/page.tsx
@@ -30,130 +30,40 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BurgerJoy"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
}}
|
||||
text: "Order Now", href: "#menu"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imagePosition="right"
|
||||
title="Flavor in Every Bite"
|
||||
description="Experience the ultimate burger journey with our premium, fresh ingredients and signature flame-grilled flavor. Join us for a meal you won't forget."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexfoodie",
|
||||
testimonial: "The best burger I've had in years. Absolutely delicious!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hungry-female-biting-croissant-cafe_651396-1070.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahburgers",
|
||||
testimonial: "Flame-grilled to perfection. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike J.",
|
||||
handle: "@mikeeats",
|
||||
testimonial: "Great vibes and even better food. A must-visit!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-female-portrait-with-city-lights_158595-4516.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emma L.",
|
||||
handle: "@emmadines",
|
||||
testimonial: "So fresh and tasty. The service is fast and friendly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chris B.",
|
||||
handle: "@chrisgrills",
|
||||
testimonial: "Real quality ingredients you can taste. Simply fantastic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@alexfoodie", testimonial: "The best burger I've had in years. Absolutely delicious!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hungry-female-biting-croissant-cafe_651396-1070.jpg" },
|
||||
{ name: "Sarah K.", handle: "@sarahburgers", testimonial: "Flame-grilled to perfection. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg" },
|
||||
{ name: "Mike J.", handle: "@mikeeats", testimonial: "Great vibes and even better food. A must-visit!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/romantic-female-portrait-with-city-lights_158595-4516.jpg" },
|
||||
{ name: "Emma L.", handle: "@emmadines", testimonial: "So fresh and tasty. The service is fast and friendly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg" },
|
||||
{ name: "Chris B.", handle: "@chrisgrills", testimonial: "Real quality ingredients you can taste. Simply fantastic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Browse Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-bacon-burger-with-salad-copy-space_23-2148784487.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hungry-female-biting-croissant-cafe_651396-1070.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/romantic-female-portrait-with-city-lights_158595-4516.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/hungry-female-biting-croissant-cafe_651396-1070.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/romantic-female-portrait-with-city-lights_158595-4516.jpg", alt: "Customer" }
|
||||
]}
|
||||
avatarText="Join 5,000+ happy burger lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Grass-Fed Beef",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced Produce",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Baked Buns",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secret House Sauces",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Flame-Grilled Perfection",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -164,42 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Cheeseburger",
|
||||
price: "$8.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-double-cheeseburger-with-melted-cheese_84443-86133.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bacon BBQ Delight",
|
||||
price: "$10.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-s-hands-holding-delicious-double-cheeseburger_181624-56398.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Spicy Jalapeño Kick",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-bun-lettuce-beef-meal_1122-2435.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Garden Veggie Patty",
|
||||
price: "$9.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-dishes-still-life_23-2151160890.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Double Smash Burger",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beef-burgers-with-bacon-slate-board_23-2148784477.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Crispy Chicken Joy",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-burger-with-chicken-bacon-homemade-barbecue-sauce_2829-13703.jpg",
|
||||
},
|
||||
{ id: "1", name: "Classic Cheeseburger", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-double-cheeseburger-with-melted-cheese_84443-86133.jpg" },
|
||||
{ id: "2", name: "Bacon BBQ Delight", price: "$10.49", imageSrc: "http://img.b2bpic.net/free-photo/male-s-hands-holding-delicious-double-cheeseburger_181624-56398.jpg" },
|
||||
{ id: "3", name: "Spicy Jalapeño Kick", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-bun-lettuce-beef-meal_1122-2435.jpg" },
|
||||
{ id: "4", name: "Garden Veggie Patty", price: "$9.49", imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-dishes-still-life_23-2151160890.jpg" },
|
||||
{ id: "5", name: "Double Smash Burger", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beef-burgers-with-bacon-slate-board_23-2148784477.jpg" },
|
||||
{ id: "6", name: "Crispy Chicken Joy", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/american-burger-with-chicken-bacon-homemade-barbecue-sauce_2829-13703.jpg" },
|
||||
]}
|
||||
title="Our Signature Burgers"
|
||||
description="Hand-crafted using the finest ingredients. Choose your flavor."
|
||||
@@ -221,21 +101,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Flame-Grilled",
|
||||
description: "Authentic wood-fired taste in every single patty.",
|
||||
},
|
||||
{
|
||||
icon: Beef,
|
||||
title: "Prime Beef",
|
||||
description: "100% locally sourced, grass-fed beef.",
|
||||
},
|
||||
{
|
||||
icon: LeafyGreen,
|
||||
title: "Fresh Produce",
|
||||
description: "Crisp vegetables delivered fresh every single morning.",
|
||||
},
|
||||
{ icon: Flame, title: "Flame-Grilled", description: "Authentic wood-fired taste in every single patty." },
|
||||
{ icon: Beef, title: "Prime Beef", description: "100% locally sourced, grass-fed beef." },
|
||||
{ icon: LeafyGreen, title: "Fresh Produce", description: "Crisp vegetables delivered fresh every single morning." },
|
||||
]}
|
||||
title="The BurgerJoy Difference"
|
||||
description="What makes our burgers stand out from the rest."
|
||||
@@ -247,21 +115,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes! Our Garden Veggie patty is plant-based and delicious.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I customize my burger?",
|
||||
content: "Absolutely. You can add, remove, or swap any ingredients you like.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer delivery?",
|
||||
content: "We do, via all major delivery platforms in the area.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer vegan options?", content: "Yes! Our Garden Veggie patty is plant-based and delicious." },
|
||||
{ id: "2", title: "Can I customize my burger?", content: "Absolutely. You can add, remove, or swap any ingredients you like." },
|
||||
{ id: "3", title: "Do you offer delivery?", content: "We do, via all major delivery platforms in the area." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
@@ -272,31 +128,21 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Join Our Burger Fanatics"
|
||||
description="Get exclusive offers, menu updates, and secret recipes straight to your inbox."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-bacon-burger-with-salad-copy-space_23-2148784487.jpg?_wi=2"
|
||||
tag="Newsletter"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
tag="Newsletter"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-bacon-burger-with-salad-copy-space_23-2148784487.jpg?_wi=2"
|
||||
imageAlt="juicy delicious burger studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BurgerJoy"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user