bender/236d13a4-7aae-40e7-8367-cc8fb30dd09b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-26 12:35:17 +00:00
parent a76b9a58ab
commit 7665be3d30
1 changed files with 62 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

305
src/app/page.tsx
View File

@@ -32,99 +32,62 @@ export default function LandingPage() {
<NavbarStyleFullscreen
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: "Specials",
id: "#specials",
},
name: "Specials", id: "#specials"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "FAQs",
id: "#faqs",
},
name: "FAQs", id: "#faqs"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="3 Guys"
bottomLeftText="Fast Food Done Right"
bottomRightText="order@3guys.com"
button={{
text: "Order Online",
href: "#contact",
}}
text: "Order Online", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplitKpi
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
imagePosition="right"
title="Hunger Strikes? We've Got Your Fix!"
description="At 3 Guys, we're serving up fast food favorites with a gourmet twist. Fresh ingredients, bold flavors, and unbeatable speed. Your cravings start here!"
kpis={[
{
value: "100+",
label: "Menu Items",
},
value: "100+", label: "Menu Items"},
{
value: "24/7",
label: "Delivery",
},
value: "24/7", label: "Delivery"},
{
value: "5M+",
label: "Happy Customers",
},
value: "5M+", label: "Happy Customers"},
]}
enableKpiAnimation={true}
tag="Taste the Difference"
buttons={[
{
text: "View Full Menu",
href: "#menu",
},
text: "View Full Menu", href: "#menu"},
{
text: "Order Online",
href: "#contact",
},
text: "Order Online", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cooking-process-asian-restaurant-cook-is-fry-vegetables-with-spices-sauce-wok_613910-4975.jpg",
alt: "Chef John",
},
src: "http://img.b2bpic.net/free-photo/cooking-process-asian-restaurant-cook-is-fry-vegetables-with-spices-sauce-wok_613910-4975.jpg", alt: "Chef John"},
{
src: "http://img.b2bpic.net/free-photo/happy-entrepreneur-eating-sandwich-while-surfing-net-computer-office_637285-8704.jpg",
alt: "Manager Mike",
},
src: "http://img.b2bpic.net/free-photo/happy-entrepreneur-eating-sandwich-while-surfing-net-computer-office_637285-8704.jpg", alt: "Manager Mike"},
{
src: "http://img.b2bpic.net/free-photo/view-tasty-burger-with-cheese-meat_23-2151281565.jpg",
alt: "Happy Customer",
},
src: "http://img.b2bpic.net/free-photo/view-tasty-burger-with-cheese-meat_23-2151281565.jpg", alt: "Happy Customer"},
{
src: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customer_1170-650.jpg",
alt: "Smiling customer enjoying a burger",
},
src: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customer_1170-650.jpg", alt: "Smiling customer enjoying a burger"},
{
src: "http://img.b2bpic.net/free-photo/happy-black-woman-with-wavy-hairs-eating-tasty-cheeseburger-pink_273443-3536.jpg",
alt: "Satisfied diner with a drink",
},
src: "http://img.b2bpic.net/free-photo/happy-black-woman-with-wavy-hairs-eating-tasty-cheeseburger-pink_273443-3536.jpg", alt: "Satisfied diner with a drink"},
]}
avatarText="Join thousands of satisfied diners!"
imageSrc="http://img.b2bpic.net/free-psd/burger-social-media-instagram-story-template_47987-23994.jpg"
@@ -132,30 +95,15 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-psd/brand-new-burger-set-social-media-template_505751-4414.jpg",
alt: "Burger social media post design",
},
type: "image", src: "http://img.b2bpic.net/free-psd/brand-new-burger-set-social-media-template_505751-4414.jpg", alt: "Burger social media post design"},
{
type: "image",
src: "http://img.b2bpic.net/free-psd/delicious-burger-food-menu-web-banner-template_106176-4701.jpg",
alt: "Burgers banner fast food restaurant website",
},
type: "image", src: "http://img.b2bpic.net/free-psd/delicious-burger-food-menu-web-banner-template_106176-4701.jpg", alt: "Burgers banner fast food restaurant website"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/burgers-restaurant-landing-page-template_23-2148955633.jpg",
alt: "Delicious burger and food menu web banner template",
},
type: "image", src: "http://img.b2bpic.net/free-vector/burgers-restaurant-landing-page-template_23-2148955633.jpg", alt: "Delicious burger and food menu web banner template"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/knife-delicious-meat-sandwich-green-pepper-black-tray-sauce-gray-surface_179666-42685.jpg",
alt: "Luxury delicious burger food menu facebook cover template design",
},
type: "image", src: "http://img.b2bpic.net/free-photo/knife-delicious-meat-sandwich-green-pepper-black-tray-sauce-gray-surface_179666-42685.jpg", alt: "Luxury delicious burger food menu facebook cover template design"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/vegan-food-cutting-boards-white-wooden-table_23-2148305742.jpg",
alt: "Burger ingredients arranged",
},
type: "image", src: "http://img.b2bpic.net/free-photo/vegan-food-cutting-boards-white-wooden-table_23-2148305742.jpg", alt: "Burger ingredients arranged"},
]}
/>
</div>
@@ -182,24 +130,14 @@ export default function LandingPage() {
tag="Don't Miss Out"
accordionItems={[
{
id: "combo-deal",
title: "The Triple Threat Combo",
content: "Get any signature burger, a large fry, and a drink for one unbeatable price. Perfect for satisfying those serious hunger pangs!",
},
id: "combo-deal", title: "The Triple Threat Combo", content: "Get any signature burger, a large fry, and a drink for one unbeatable price. Perfect for satisfying those serious hunger pangs!"},
{
id: "family-feast",
title: "Family Feast Box",
content: "Feeding the whole crew just got easier! Our Family Feast includes two burgers, two chicken sandwiches, two large fries, and four drinks.",
},
id: "family-feast", title: "Family Feast Box", content: "Feeding the whole crew just got easier! Our Family Feast includes two burgers, two chicken sandwiches, two large fries, and four drinks."},
{
id: "dessert-duo",
title: "Sweet Treat Duo",
content: "End your meal on a high note with two of our delightful milkshakes. Choose your favorite flavors and share (or don't!).",
},
id: "dessert-duo", title: "Sweet Treat Duo", content: "End your meal on a high note with two of our delightful milkshakes. Choose your favorite flavors and share (or don't!)."},
]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-tasty-smash-burgers-french-fries-red-spicy-pepper-white-background_181624-50909.jpg"
imageAlt="A lineup of various gourmet burgers"
videoAriaLabel="Video showcasing daily specials"
mediaAnimation="slide-up"
mediaPosition="right"
/>
@@ -213,53 +151,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Classic 3 Guys Burger",
price: "$9.99",
variant: "Beef, Cheese, Lettuce, Tomato",
imageSrc: "http://img.b2bpic.net/free-photo/burger_1339-1584.jpg",
imageAlt: "Classic 3 Guys Burger",
},
id: "p1", name: "Classic 3 Guys Burger", price: "$9.99", variant: "Beef, Cheese, Lettuce, Tomato", imageSrc: "http://img.b2bpic.net/free-photo/burger_1339-1584.jpg", imageAlt: "Classic 3 Guys Burger"},
{
id: "p2",
name: "Spicy Chicken Sandwich",
price: "$10.49",
variant: "Crispy Chicken, Spicy Mayo, Pickles",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-chicken-burger-with-salad-sesame-seeds_23-2148699054.jpg",
imageAlt: "Spicy Chicken Sandwich",
},
id: "p2", name: "Spicy Chicken Sandwich", price: "$10.49", variant: "Crispy Chicken, Spicy Mayo, Pickles", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-chicken-burger-with-salad-sesame-seeds_23-2148699054.jpg", imageAlt: "Spicy Chicken Sandwich"},
{
id: "p3",
name: "Golden French Fries",
price: "$3.99",
variant: "Large, Perfectly Salted",
imageSrc: "http://img.b2bpic.net/free-photo/steel-basket-french-fries-plain-grey-background_140725-1670.jpg",
imageAlt: "Golden French Fries",
},
id: "p3", name: "Golden French Fries", price: "$3.99", variant: "Large, Perfectly Salted", imageSrc: "http://img.b2bpic.net/free-photo/steel-basket-french-fries-plain-grey-background_140725-1670.jpg", imageAlt: "Golden French Fries"},
{
id: "p4",
name: "Chocolate Dream Shake",
price: "$5.49",
variant: "Rich Chocolate, Whipped Cream",
imageSrc: "http://img.b2bpic.net/free-photo/cherries-strawberries-cutting-board-front-smoothie_23-2147877222.jpg",
imageAlt: "Chocolate Dream Shake",
},
id: "p4", name: "Chocolate Dream Shake", price: "$5.49", variant: "Rich Chocolate, Whipped Cream", imageSrc: "http://img.b2bpic.net/free-photo/cherries-strawberries-cutting-board-front-smoothie_23-2147877222.jpg", imageAlt: "Chocolate Dream Shake"},
{
id: "p5",
name: "Crispy Onion Rings",
price: "$4.99",
variant: "Served with Zesty Dip",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-onion-rings-arrangement_23-2149235942.jpg",
imageAlt: "Crispy Onion Rings",
},
id: "p5", name: "Crispy Onion Rings", price: "$4.99", variant: "Served with Zesty Dip", imageSrc: "http://img.b2bpic.net/free-photo/delicious-onion-rings-arrangement_23-2149235942.jpg", imageAlt: "Crispy Onion Rings"},
{
id: "p6",
name: "All-American Hotdog",
price: "$7.99",
variant: "Classic Frank, Mustard, Ketchup",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-hot-dog-with-onion_23-2149235915.jpg",
imageAlt: "All-American Hotdog",
},
id: "p6", name: "All-American Hotdog", price: "$7.99", variant: "Classic Frank, Mustard, Ketchup", imageSrc: "http://img.b2bpic.net/free-photo/delicious-hot-dog-with-onion_23-2149235915.jpg", imageAlt: "All-American Hotdog"},
]}
title="Our Mouth-Watering Menu"
description="From juicy burgers to crispy sides and refreshing drinks, our menu is packed with fast food classics and unique creations. Find your next favorite!"
@@ -274,53 +176,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@sarahj_eats",
testimonial: "The best burger I've had in years! Fresh, juicy, and perfectly cooked. 3 Guys is my new go-to!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-red-haired-woman-sitting-cafe-eating-dessert_171337-15683.jpg",
imageAlt: "Sarah J.",
},
id: "t1", name: "Sarah J.", handle: "@sarahj_eats", testimonial: "The best burger I've had in years! Fresh, juicy, and perfectly cooked. 3 Guys is my new go-to!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-red-haired-woman-sitting-cafe-eating-dessert_171337-15683.jpg", imageAlt: "Sarah J."},
{
id: "t2",
name: "Mark D.",
handle: "@markfoodie",
testimonial: "Incredible speed without sacrificing quality. The chicken sandwich is a game-changer. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/delicious_329181-2969.jpg",
imageAlt: "Mark D.",
},
id: "t2", name: "Mark D.", handle: "@markfoodie", testimonial: "Incredible speed without sacrificing quality. The chicken sandwich is a game-changer. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/delicious_329181-2969.jpg", imageAlt: "Mark D."},
{
id: "t3",
name: "Emily R.",
handle: "@emilysplates",
testimonial: "So much flavor in every bite! My family loves the variety and the friendly service. A perfect spot for a quick, delicious meal.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-drinks-food_23-2149383066.jpg",
imageAlt: "Emily R.",
},
id: "t3", name: "Emily R.", handle: "@emilysplates", testimonial: "So much flavor in every bite! My family loves the variety and the friendly service. A perfect spot for a quick, delicious meal.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-drinks-food_23-2149383066.jpg", imageAlt: "Emily R."},
{
id: "t4",
name: "David K.",
handle: "@burgerhunter",
testimonial: "The fries are perfectly crispy, and the shakes are heavenly. 3 Guys never disappoints. You have to try it!",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67464.jpg",
imageAlt: "David K.",
},
id: "t4", name: "David K.", handle: "@burgerhunter", testimonial: "The fries are perfectly crispy, and the shakes are heavenly. 3 Guys never disappoints. You have to try it!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67464.jpg", imageAlt: "David K."},
{
id: "t5",
name: "Jessica L.",
handle: "@jessfoodjourney",
testimonial: "Amazing value for such high-quality food. It's truly a cut above other fast-food places. Keep up the great work!",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-man-sitting-fast-food-cafe-eating-hamburger_627829-13283.jpg",
imageAlt: "Jessica L.",
},
id: "t5", name: "Jessica L.", handle: "@jessfoodjourney", testimonial: "Amazing value for such high-quality food. It's truly a cut above other fast-food places. Keep up the great work!", imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-man-sitting-fast-food-cafe-eating-hamburger_627829-13283.jpg", imageAlt: "Jessica L."},
{
id: "t6",
name: "Michael B.",
handle: "@quickbites",
testimonial: "Fast, fresh, and fantastic! Every visit is a pleasure. The onion rings are a must-try. Five stars all the way!",
imageSrc: "http://img.b2bpic.net/free-photo/photo-pleased-dark-skinned-girl-smiles-positively-camera_273609-28711.jpg",
imageAlt: "Michael B.",
},
id: "t6", name: "Michael B.", handle: "@quickbites", testimonial: "Fast, fresh, and fantastic! Every visit is a pleasure. The onion rings are a must-try. Five stars all the way!", imageSrc: "http://img.b2bpic.net/free-photo/photo-pleased-dark-skinned-girl-smiles-positively-camera_273609-28711.jpg", imageAlt: "Michael B."},
]}
title="What Our Fans Are Saying"
description="Don't just take our word for it! Hear from our happy customers who keep coming back for more of the 3 Guys experience."
@@ -335,38 +201,21 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What are your operating hours?",
content: "We are open 24/7, every day of the week, for your convenience. You can enjoy our delicious meals anytime!",
},
id: "faq1", title: "What are your operating hours?", content: "We are open 24/7, every day of the week, for your convenience. You can enjoy our delicious meals anytime!"},
{
id: "faq2",
title: "Do you offer delivery?",
content: "Yes, we offer fast and reliable delivery services through our website and major food delivery platforms. Check our 'Order Online' button for more details.",
},
id: "faq2", title: "Do you offer delivery?", content: "Yes, we offer fast and reliable delivery services through our website and major food delivery platforms. Check our 'Order Online' button for more details."},
{
id: "faq3",
title: "Are there vegetarian or vegan options?",
content: "Yes, we have a selection of delicious vegetarian and vegan-friendly options. Look for the green leaf icon on our menu for these items.",
},
id: "faq3", title: "Are there vegetarian or vegan options?", content: "Yes, we have a selection of delicious vegetarian and vegan-friendly options. Look for the green leaf icon on our menu for these items."},
{
id: "faq4",
title: "Can I customize my order?",
content: "Absolutely! We believe in building your perfect meal. Most items can be customized with your preferred toppings and sauces.",
},
id: "faq4", title: "Can I customize my order?", content: "Absolutely! We believe in building your perfect meal. Most items can be customized with your preferred toppings and sauces."},
{
id: "faq5",
title: "What payment methods do you accept?",
content: "We accept all major credit cards, debit cards, and popular digital payment methods like Apple Pay and Google Pay. Cash is also accepted at our physical locations.",
},
id: "faq5", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and popular digital payment methods like Apple Pay and Google Pay. Cash is also accepted at our physical locations."},
]}
sideTitle="Got Questions? We've Got Answers!"
sideDescription="Find quick answers to the most common questions about 3 Guys, our menu, and our services."
buttons={[
{
text: "Contact Us Directly",
href: "#contact",
},
text: "Contact Us Directly", href: "#contact"},
]}
faqsAnimation="slide-up"
textPosition="left"
@@ -378,18 +227,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready to Feast? Order Your 3 Guys Favorites Now!"
buttons={[
{
text: "Start Your Order",
href: "#",
},
text: "Start Your Order", href: "#"},
{
text: "View Locations",
href: "#",
},
text: "View Locations", href: "#"},
]}
/>
</div>
@@ -398,62 +242,37 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Our Menu",
items: [
title: "Our Menu", items: [
{
label: "Burgers",
href: "#menu",
},
label: "Burgers", href: "#menu"},
{
label: "Chicken",
href: "#menu",
},
label: "Chicken", href: "#menu"},
{
label: "Sides",
href: "#menu",
},
label: "Sides", href: "#menu"},
{
label: "Drinks & Shakes",
href: "#menu",
},
label: "Drinks & Shakes", href: "#menu"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Specials",
href: "#specials",
},
label: "Specials", href: "#specials"},
{
label: "Testimonials",
href: "#reviews",
},
label: "Testimonials", href: "#reviews"},
{
label: "FAQs",
href: "#faqs",
},
label: "FAQs", href: "#faqs"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Facebook",
href: "https://facebook.com/3guys",
},
label: "Facebook", href: "https://facebook.com/3guys"},
{
label: "Instagram",
href: "https://instagram.com/3guys",
},
label: "Instagram", href: "https://instagram.com/3guys"},
{
label: "Twitter",
href: "https://twitter.com/3guys",
},
label: "Twitter", href: "https://twitter.com/3guys"},
],
},
]}