Merge version_1 into main #1
223
src/app/page.tsx
223
src/app/page.tsx
@@ -31,62 +31,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Experience", id: "#about"},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Visit Us", id: "#contact"},
|
||||
]}
|
||||
brandName="FIREFLY"
|
||||
button={{
|
||||
text: "Order Now", href: "#menu"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Where Flavor Comes Alive 🔥"
|
||||
description="Juicy, perfectly cooked burgers. Crispy golden fries. A cozy vibe you’ll keep coming back for."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-enjoying-some-street-food_23-2149009618.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Flame-Grilled Perfection",
|
||||
},
|
||||
type: "text", text: "Flame-Grilled Perfection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced Beef",
|
||||
},
|
||||
type: "text", text: "Locally Sourced Beef"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Cut Fries",
|
||||
},
|
||||
type: "text", text: "Hand-Cut Fries"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secret Spicy Sauce",
|
||||
},
|
||||
type: "text", text: "Secret Spicy Sauce"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Craft Beverages",
|
||||
},
|
||||
type: "text", text: "Craft Beverages"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,48 +79,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Juicy, full of flavor, and cooked perfectly. You can tell they care about quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Juicy, full of flavor, and cooked perfectly. You can tell they care about quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Crispy fries, soft buns, and amazing burgers. Definitely coming back.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-eating-out-asian-restaurant-looking-asid_197531-22363.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Crispy fries, soft buns, and amazing burgers. Definitely coming back.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-eating-out-asian-restaurant-looking-asid_197531-22363.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
handle: "@erossi",
|
||||
testimonial: "Great ambience, friendly staff, and a must-try for burger lovers.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rossi", handle: "@erossi", testimonial: "Great ambience, friendly staff, and a must-try for burger lovers.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "The best burger spot in town. Truly lives up to the hype.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim", testimonial: "The best burger spot in town. Truly lives up to the hype.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ali Al-Farsi",
|
||||
handle: "@ali_f",
|
||||
testimonial: "Amazing experience, great quality, and super fresh ingredients.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110888.jpg",
|
||||
},
|
||||
id: "5", name: "Ali Al-Farsi", handle: "@ali_f", testimonial: "Amazing experience, great quality, and super fresh ingredients.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110888.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Our Fans"
|
||||
description="What our burger enthusiasts have to say about their experience at Firefly."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -151,41 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Backfire Beef Burger",
|
||||
price: "14.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/knife-stuck-burger-metal-tray-roof_181624-2170.jpg",
|
||||
},
|
||||
id: "p1", name: "Backfire Beef Burger", price: "14.99", imageSrc: "http://img.b2bpic.net/free-photo/knife-stuck-burger-metal-tray-roof_181624-2170.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Spicy Chicken Burger",
|
||||
price: "12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chicken-burger-with-cheese-green-salad-wooden-desk-sandwich-fast-food-meal_140725-25932.jpg",
|
||||
},
|
||||
id: "p2", name: "Spicy Chicken Burger", price: "12.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-chicken-burger-with-cheese-green-salad-wooden-desk-sandwich-fast-food-meal_140725-25932.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Golden Fire Fries",
|
||||
price: "5.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-bowl-with-potato-straw-background_58702-2050.jpg",
|
||||
},
|
||||
id: "p3", name: "Golden Fire Fries", price: "5.99", imageSrc: "http://img.b2bpic.net/free-photo/white-bowl-with-potato-straw-background_58702-2050.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Firefly Combo",
|
||||
price: "19.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-tomato-sauce-fries-inside-wooden-tray_114579-3736.jpg",
|
||||
},
|
||||
id: "p4", name: "Firefly Combo", price: "19.99", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-tomato-sauce-fries-inside-wooden-tray_114579-3736.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Classic Cheese Glow",
|
||||
price: "13.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheeseburger-with-meat-tomatoes-green-salad-dark-background-fast-food-meal-snack-french-fries-dinner-dish-sandwich_140725-156237.jpg",
|
||||
},
|
||||
id: "p5", name: "Classic Cheese Glow", price: "13.49", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheeseburger-with-meat-tomatoes-green-salad-dark-background-fast-food-meal-snack-french-fries-dinner-dish-sandwich_140725-156237.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Double Trouble Patty",
|
||||
price: "17.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg",
|
||||
},
|
||||
id: "p6", name: "Double Trouble Patty", price: "17.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg"},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Taste the flame-grilled magic with our curated selection of signature favorites."
|
||||
@@ -197,11 +130,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Why Firefly?"
|
||||
description={[
|
||||
"Every burger hits that juicy, flavorful sweet spot.",
|
||||
"No long waits. Just great food, fast.",
|
||||
"Relaxed, modern vibe for friends & family.",
|
||||
"You can taste the difference in every bite.",
|
||||
]}
|
||||
"Every burger hits that juicy, flavorful sweet spot.", "No long waits. Just great food, fast.", "Relaxed, modern vibe for friends & family.", "You can taste the difference in every bite."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -213,30 +142,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
description: "Burgers Served",
|
||||
},
|
||||
id: "m1", value: "15k+", description: "Burgers Served"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.8",
|
||||
description: "Average Rating",
|
||||
},
|
||||
id: "m2", value: "4.8", description: "Average Rating"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20min",
|
||||
description: "Avg Wait Time",
|
||||
},
|
||||
id: "m3", value: "20min", description: "Avg Wait Time"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "500+",
|
||||
description: "Happy Daily Diners",
|
||||
},
|
||||
id: "m4", value: "500+", description: "Happy Daily Diners"},
|
||||
{
|
||||
id: "m5",
|
||||
value: "3",
|
||||
description: "Local Locations",
|
||||
},
|
||||
id: "m5", value: "3", description: "Local Locations"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers behind the glow."
|
||||
@@ -249,30 +163,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "We welcome walk-ins anytime! For large groups, it's best to call ahead.",
|
||||
},
|
||||
id: "f1", title: "Do I need a reservation?", content: "We welcome walk-ins anytime! For large groups, it's best to call ahead."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, plenty of parking space is available right outside.",
|
||||
},
|
||||
id: "f2", title: "Is parking available?", content: "Yes, plenty of parking space is available right outside."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you family-friendly?",
|
||||
content: "Absolutely! We have a cozy, inclusive vibe perfect for all ages.",
|
||||
},
|
||||
id: "f3", title: "Are you family-friendly?", content: "Absolutely! We have a cozy, inclusive vibe perfect for all ages."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you offer delivery?",
|
||||
content: "We partner with all major delivery platforms for your convenience.",
|
||||
},
|
||||
id: "f4", title: "Do you offer delivery?", content: "We partner with all major delivery platforms for your convenience."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Do you have vegetarian options?",
|
||||
content: "Yes, our plant-based patty is just as flame-grilled and delicious as our beef.",
|
||||
},
|
||||
id: "f5", title: "Do you have vegetarian options?", content: "Yes, our plant-based patty is just as flame-grilled and delicious as our beef."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stone-walled-restaurant-top-lighting_140725-9731.jpg"
|
||||
title="Common Questions"
|
||||
@@ -286,16 +185,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Ready to Taste the Glow?"
|
||||
description="Come experience Firefly tonight for the ultimate burger experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -304,42 +200,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user