Merge version_1 into main #1
218
src/app/page.tsx
218
src/app/page.tsx
@@ -32,101 +32,67 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BurgerHaus"
|
||||
button={{
|
||||
text: "Order Online", href: "#products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Flavor, Fire, & Freshness."
|
||||
description="Welcome to BurgerHaus, where passion for the perfect grill meets premium, locally sourced ingredients. Experience the taste that has everyone talking."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Grass-fed Beef",
|
||||
},
|
||||
value: "100%", label: "Grass-fed Beef"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Smoky Flavor",
|
||||
},
|
||||
value: "24/7", label: "Smoky Flavor"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Custom Toppings",
|
||||
},
|
||||
value: "15+", label: "Custom Toppings"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Full Menu", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-double-cheeseburger-with-melted-cheese_84443-86133.jpg"
|
||||
imageAlt="The Ultimate Craft Burger"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/grilled-beef-burger-with-cheese-fries-generative-ai_188544-40942.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/grilled-beef-burger-with-cheese-fries-generative-ai_188544-40942.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-fries-with-copy-space_23-2148678815.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-fries-with-copy-space_23-2148678815.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/double-cheeseburger-dark-smoky-background_84443-82421.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/double-cheeseburger-dark-smoky-background_84443-82421.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-vegan-burger-presentation_23-2151910909.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-vegan-burger-presentation_23-2151910909.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cheesy-meat-burger-with-tomatoes-grey-surface-bun-fries-sandwich-meat_140725-81846.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cheesy-meat-burger-with-tomatoes-grey-surface-bun-fries-sandwich-meat_140725-81846.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join 50,000+ Happy Foodies"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Angus Beef",
|
||||
},
|
||||
type: "text", text: "100% Angus Beef"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
type: "text", text: "Locally Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Pressed Daily",
|
||||
},
|
||||
type: "text", text: "Hand-Pressed Daily"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-Winning Menu",
|
||||
},
|
||||
type: "text", text: "Award-Winning Menu"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Always Fresh",
|
||||
},
|
||||
type: "text", text: "Always Fresh"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,17 +105,11 @@ export default function LandingPage() {
|
||||
description="Our journey began with a simple belief: a burger should be an experience, not just a meal. From our hand-pressed patties to our house-made sauces, every bite is a commitment to quality."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fresh Daily",
|
||||
description: "We never freeze our beef and bake our brioche buns on-site every single morning.",
|
||||
},
|
||||
title: "Fresh Daily", description: "We never freeze our beef and bake our brioche buns on-site every single morning."},
|
||||
{
|
||||
title: "Handcrafted",
|
||||
description: "Every ingredient is selected for maximum freshness and flavor profile enhancement.",
|
||||
},
|
||||
title: "Handcrafted", description: "Every ingredient is selected for maximum freshness and flavor profile enhancement."},
|
||||
{
|
||||
title: "Secret Sauces",
|
||||
description: "Our house-blend signature sauces take every burger from great to legendary.",
|
||||
},
|
||||
title: "Secret Sauces", description: "Our house-blend signature sauces take every burger from great to legendary."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/burger-with-meat-white-fried-cheese_140725-2355.jpg"
|
||||
imageAlt="Our Chef preparing fresh ingredients"
|
||||
@@ -163,19 +123,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Organic Produce",
|
||||
description: "Farm-to-table vegetables picked for peak ripeness and crunchy freshness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-healthy-vegetable-knife-spice-grinder-placemat_23-2147956637.jpg",
|
||||
title: "Organic Produce", description: "Farm-to-table vegetables picked for peak ripeness and crunchy freshness.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-healthy-vegetable-knife-spice-grinder-placemat_23-2147956637.jpg", imageAlt: "Organic Produce"
|
||||
},
|
||||
{
|
||||
title: "Premium Beef",
|
||||
description: "100% Angus beef patty, flame-grilled to perfection for that classic sear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-plate-arrangement_23-2148917729.jpg",
|
||||
title: "Premium Beef", description: "100% Angus beef patty, flame-grilled to perfection for that classic sear.", imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-plate-arrangement_23-2148917729.jpg", imageAlt: "Premium Beef"
|
||||
},
|
||||
{
|
||||
title: "Artisan Buns",
|
||||
description: "Freshly baked brioche buns, toasted to provide a light, buttery texture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/celebration-dish-lunch-gourmet-dining_1203-5100.jpg",
|
||||
title: "Artisan Buns", description: "Freshly baked brioche buns, toasted to provide a light, buttery texture.", imageSrc: "http://img.b2bpic.net/free-photo/celebration-dish-lunch-gourmet-dining_1203-5100.jpg", imageAlt: "Artisan Buns"
|
||||
},
|
||||
]}
|
||||
title="Why We Are The Best"
|
||||
@@ -191,41 +145,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "The Classic Haus",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-tomato-beef-patty-grilled-cheese-sauce-burger-buns_140725-10880.jpg",
|
||||
},
|
||||
id: "1", name: "The Classic Haus", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-tomato-beef-patty-grilled-cheese-sauce-burger-buns_140725-10880.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Spicy Buffalo Bird",
|
||||
price: "$14.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-cheeseburger-with-fresh-ingredients-attached-with-skewers-stick_181624-41852.jpg",
|
||||
},
|
||||
id: "2", name: "Spicy Buffalo Bird", price: "$14.49", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-cheeseburger-with-fresh-ingredients-attached-with-skewers-stick_181624-41852.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Garden Harvest",
|
||||
price: "$13.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-burgers-tray_23-2148678841.jpg",
|
||||
},
|
||||
id: "3", name: "Garden Harvest", price: "$13.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-burgers-tray_23-2148678841.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Double Trouble",
|
||||
price: "$16.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-cheeseburger_23-2148374905.jpg",
|
||||
},
|
||||
id: "4", name: "Double Trouble", price: "$16.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-cheeseburger_23-2148374905.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Truffle Swiss",
|
||||
price: "$15.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-tomato-onion-beans-walnuts-side-view_141793-2391.jpg",
|
||||
},
|
||||
id: "5", name: "Truffle Swiss", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-tomato-onion-beans-walnuts-side-view_141793-2391.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Smoky BBQ Pulled",
|
||||
price: "$14.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mini-beef-burger-served-with-ketchup-mayonnaise_140725-4986.jpg",
|
||||
},
|
||||
id: "6", name: "Smoky BBQ Pulled", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-mini-beef-burger-served-with-ketchup-mayonnaise_140725-4986.jpg"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="From classic cheeseburgers to innovative veggie creations, we have something to satisfy every craving."
|
||||
@@ -237,14 +167,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Food Magazine",
|
||||
"City Guides",
|
||||
"Best Awards",
|
||||
"Culinary Institute",
|
||||
"Gourmet Hub",
|
||||
"Burger Lovers Weekly",
|
||||
"Local Lifestyle",
|
||||
]}
|
||||
"Food Magazine", "City Guides", "Best Awards", "Culinary Institute", "Gourmet Hub", "Burger Lovers Weekly", "Local Lifestyle"]}
|
||||
title="As Featured In"
|
||||
description="We are proud to be recognized by the culinary community."
|
||||
/>
|
||||
@@ -258,25 +181,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43235.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43235.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-13748.jpg",
|
||||
alt: "Mike",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-13748.jpg", alt: "Mike"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg",
|
||||
alt: "Jane",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg", alt: "Jane"},
|
||||
{
|
||||
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: "John",
|
||||
},
|
||||
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: "John"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16252.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16252.jpg", alt: "Anna"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -288,20 +201,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes! Our Garden Harvest burger is 100% plant-based and absolutely delicious.",
|
||||
},
|
||||
id: "f1", title: "Do you offer vegan options?", content: "Yes! Our Garden Harvest burger is 100% plant-based and absolutely delicious."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I reserve a table?",
|
||||
content: "We operate on a first-come, first-served basis, but larger parties can email us for bookings.",
|
||||
},
|
||||
id: "f2", title: "Can I reserve a table?", content: "We operate on a first-come, first-served basis, but larger parties can email us for bookings."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we are available on all major delivery apps in the city.",
|
||||
},
|
||||
id: "f3", title: "Do you offer delivery?", content: "Yes, we are available on all major delivery apps in the city."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about your dining experience with us."
|
||||
@@ -313,8 +217,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Keep in touch"
|
||||
title="Join our flavor club"
|
||||
description="Sign up for exclusive offers and news about our limited-time seasonal burgers."
|
||||
@@ -328,42 +231,27 @@ export default function LandingPage() {
|
||||
logoText="BurgerHaus"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Full Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Full Menu", href: "#products"},
|
||||
{
|
||||
label: "Special Offers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Special Offers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms & Conditions", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user