Merge version_1 into main #2
266
src/app/page.tsx
266
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Deals",
|
||||
id: "#deals",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Deals", id: "#deals" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="BURGER KING"
|
||||
/>
|
||||
@@ -55,53 +43,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="HAVE IT YOUR WAY"
|
||||
description="Flame-grilled to perfection, served with quality ingredients and the taste you know and love. Experience the iconic Whopper today."
|
||||
dashboard={{
|
||||
title: "Flavor Statistics",
|
||||
stats: [
|
||||
{
|
||||
title: "Grilled Burgers",
|
||||
values: [
|
||||
85,
|
||||
90,
|
||||
95,
|
||||
],
|
||||
description: "Millions served daily",
|
||||
},
|
||||
{
|
||||
title: "Happy Guests",
|
||||
values: [
|
||||
98,
|
||||
99,
|
||||
99,
|
||||
],
|
||||
description: "Global satisfaction rate",
|
||||
},
|
||||
{
|
||||
title: "Fresh Daily",
|
||||
values: [
|
||||
100,
|
||||
100,
|
||||
100,
|
||||
],
|
||||
description: "Fresh ingredients only",
|
||||
},
|
||||
title: "Flavor Statistics", stats: [
|
||||
{ title: "Grilled Burgers", values: [85, 90, 95], description: "Millions served daily" },
|
||||
{ title: "Happy Guests", values: [98, 99, 99], description: "Global satisfaction rate" },
|
||||
{ title: "Fresh Daily", values: [100, 100, 100], description: "Fresh ingredients only" },
|
||||
],
|
||||
logoIcon: Flame,
|
||||
sidebarItems: [
|
||||
{
|
||||
icon: Flame,
|
||||
active: true,
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-bacon-cheeseburger-with-arugula-tomato_84443-82005.jpg?_wi=1",
|
||||
sidebarItems: [{ icon: Flame, active: true }, { icon: Coffee }],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-bacon-cheeseburger-with-arugula-tomato_84443-82005.jpg", buttons: [{ text: "Order Now" }],
|
||||
listItems: [{ icon: Flame, title: "Fresh Grill", status: "Active" }]
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,27 +67,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Flame-Grilled",
|
||||
description: "Our signature method for superior flavor.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-bacon-cheeseburger-with-arugula-tomato_84443-82005.jpg?_wi=2",
|
||||
imageAlt: "flame grilled burger close up",
|
||||
title: "Flame-Grilled", description: "Our signature method for superior flavor.", bentoComponent: "reveal-icon", icon: Flame
|
||||
},
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "Crispy veggies, fresh buns, every time.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/club-sandwich-with-french-fries_140725-3735.jpg",
|
||||
imageAlt: "fresh crispy golden french fries",
|
||||
title: "Fresh Ingredients", description: "Crispy veggies, fresh buns, every time.", bentoComponent: "reveal-icon", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
title: "Global Reach",
|
||||
description: "Serving millions across the world.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cola-with-ice-cubes-bubbles_23-2152005562.jpg",
|
||||
imageAlt: "refreshing cola soft drink ice",
|
||||
title: "Global Reach", description: "Serving millions across the world.", bentoComponent: "globe"
|
||||
},
|
||||
]}
|
||||
title="THE BK EXPERIENCE"
|
||||
@@ -147,21 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Whopper",
|
||||
description: "The classic flame-grilled beef.",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
title: "Golden Fries",
|
||||
description: "Perfectly salted, crispy and hot.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Refreshing Drinks",
|
||||
description: "Cold, bubbly, and thirst-quenching.",
|
||||
icon: Coffee,
|
||||
},
|
||||
{ title: "Whopper", description: "The classic flame-grilled beef.", icon: Flame },
|
||||
{ title: "Golden Fries", description: "Perfectly salted, crispy and hot.", icon: Zap },
|
||||
{ title: "Refreshing Drinks", description: "Cold, bubbly, and thirst-quenching.", icon: Coffee },
|
||||
]}
|
||||
title="MENU HIGHLIGHTS"
|
||||
description="Everything you crave, flame-grilled and ready."
|
||||
@@ -174,16 +102,10 @@ export default function LandingPage() {
|
||||
title="SINCE 1954"
|
||||
description="Burger King has been serving high-quality, great-tasting, and affordable food since 1954. We've defined the flame-grilled experience."
|
||||
metrics={[
|
||||
{
|
||||
value: "70+",
|
||||
title: "Years of Flavor",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
title: "Countries Served",
|
||||
},
|
||||
{ value: "70+", title: "Years of Flavor" },
|
||||
{ value: "100+", title: "Countries Served" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gourmet-bacon-cheeseburger-with-arugula-tomato_84443-82005.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gourmet-bacon-cheeseburger-with-arugula-tomato_84443-82005.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -195,41 +117,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexburger",
|
||||
testimonial: "The best Whopper I've ever had, perfectly flame-grilled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiled-mulatto-woman-dressed-white-t-shirt-with-pretty-face-loose-hair-is-holding-yellow-red-peppers-hands-kitchen_8353-10038.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie T.",
|
||||
handle: "@jamie_eats",
|
||||
testimonial: "Fast service, hot fries, and great taste!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-manager-eating-sandwich-using-computer-lunch-break-office-there-are-people-background_637285-26.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam L.",
|
||||
handle: "@sammyb",
|
||||
testimonial: "Burger King always satisfies that burger craving.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-curly-haired-woman-eats-delicious-meal-fast-food-smeared-with-ketchup-keeps-unhealthy-nutrition-has-binge-eating-habit-wears-white-shirt-blue-tie-isolated-pink-background_273609-62446.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris P.",
|
||||
handle: "@chrisp",
|
||||
testimonial: "Reliable taste and quality every single visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-young-happy-smiling-woman-having-fun-eating-ice-cream-coffee-shop-restaurant-closeup-portrait_1153-5754.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Morgan D.",
|
||||
handle: "@morgand",
|
||||
testimonial: "The Impossible Whopper is a total game changer, love it!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiled-mulatto-woman-dressed-white-t-shirt-with-pretty-face-loose-hair-is-holding-yellow-red-peppers-hands-kitchen_8353-10038.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", handle: "@alexburger", testimonial: "The best Whopper I've ever had, perfectly flame-grilled.", imageSrc: "http://img.b2bpic.net/free-photo/smiled-mulatto-woman-dressed-white-t-shirt-with-pretty-face-loose-hair-is-holding-yellow-red-peppers-hands-kitchen_8353-10038.jpg" },
|
||||
{ id: "2", name: "Jamie T.", handle: "@jamie_eats", testimonial: "Fast service, hot fries, and great taste!", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-manager-eating-sandwich-using-computer-lunch-break-office-there-are-people-background_637285-26.jpg" },
|
||||
{ id: "3", name: "Sam L.", handle: "@sammyb", testimonial: "Burger King always satisfies that burger craving.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-curly-haired-woman-eats-delicious-meal-fast-food-smeared-with-ketchup-keeps-unhealthy-nutrition-has-binge-eating-habit-wears-white-shirt-blue-tie-isolated-pink-background_273609-62446.jpg" },
|
||||
{ id: "4", name: "Chris P.", handle: "@chrisp", testimonial: "Reliable taste and quality every single visit.", imageSrc: "http://img.b2bpic.net/free-photo/image-young-happy-smiling-woman-having-fun-eating-ice-cream-coffee-shop-restaurant-closeup-portrait_1153-5754.jpg" },
|
||||
{ id: "5", name: "Morgan D.", handle: "@morgand", testimonial: "The Impossible Whopper is a total game changer, love it!", imageSrc: "http://img.b2bpic.net/free-photo/smiled-mulatto-woman-dressed-white-t-shirt-with-pretty-face-loose-hair-is-holding-yellow-red-peppers-hands-kitchen_8353-10038.jpg" },
|
||||
]}
|
||||
title="FAN FAVORITES"
|
||||
description="What people are saying about their BK experience."
|
||||
@@ -242,50 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Snack Deal",
|
||||
price: "$4.99",
|
||||
features: [
|
||||
"1 Whopper",
|
||||
"Small Fries",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Order Now",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Classic Duo",
|
||||
price: "$8.99",
|
||||
features: [
|
||||
"2 Whoppers",
|
||||
"Large Fries",
|
||||
"Drinks",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Order Now",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "family",
|
||||
name: "Family Pack",
|
||||
price: "$19.99",
|
||||
features: [
|
||||
"4 Whoppers",
|
||||
"2 Large Fries",
|
||||
"4 Drinks",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Order Now",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", name: "Snack Deal", price: "$4.99", features: ["1 Whopper", "Small Fries"], buttons: [{ text: "Order Now" }] },
|
||||
{ id: "pro", name: "Classic Duo", price: "$8.99", features: ["2 Whoppers", "Large Fries", "Drinks"], buttons: [{ text: "Order Now" }] },
|
||||
{ id: "family", name: "Family Pack", price: "$19.99", features: ["4 Whoppers", "2 Large Fries", "4 Drinks"], buttons: [{ text: "Order Now" }] },
|
||||
]}
|
||||
title="VALUE DEALS"
|
||||
description="Great taste shouldn't cost a fortune. Grab these deals."
|
||||
@@ -297,21 +148,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are burgers flame-grilled?",
|
||||
content: "Yes, every beef patty is flame-grilled for that distinct taste.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, order through our app for fast delivery.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where can I find deals?",
|
||||
content: "Check the 'Deals' section of our website or app.",
|
||||
},
|
||||
{ id: "f1", title: "Are burgers flame-grilled?", content: "Yes, every beef patty is flame-grilled for that distinct taste." },
|
||||
{ id: "f2", title: "Do you offer delivery?", content: "Yes, order through our app for fast delivery." },
|
||||
{ id: "f3", title: "Where can I find deals?", content: "Check the 'Deals' section of our website or app." },
|
||||
]}
|
||||
title="COMMON QUESTIONS"
|
||||
description="Everything you need to know about our food."
|
||||
@@ -322,20 +161,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="GET IN TOUCH"
|
||||
title="STAY CONNECTED"
|
||||
description="Have feedback or questions? We're listening."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Support",
|
||||
},
|
||||
{
|
||||
text: "Visit Help Center",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Email Support" }, { text: "Visit Help Center" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -343,32 +173,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="BURGER KING"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Whopper",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sides",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Whopper", href: "#" }, { label: "Sides", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "FAQ", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user