Merge version_2 into main #2
282
src/app/page.tsx
282
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Bussin Buns"
|
||||
/>
|
||||
@@ -56,99 +48,58 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Tacos That Actually Buss"
|
||||
description="Authentic, gourmet, and downright delicious. We are redefining the street food game with every single bun and taco we serve."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now", href: "#menu"
|
||||
}
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex River",
|
||||
handle: "@foodiepro",
|
||||
testimonial: "The best tacos I've ever had from a truck, hands down!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uctqc5&_wi=1",
|
||||
imageAlt: "gourmet taco truck street food photography",
|
||||
},
|
||||
name: "Alex River", handle: "@foodiepro", testimonial: "The best tacos I've ever had from a truck, hands down!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uctqc5&_wi=1", imageAlt: "gourmet taco truck street food photography"},
|
||||
{
|
||||
name: "Sam Smith",
|
||||
handle: "@streetfoodguru",
|
||||
testimonial: "Bussin Buns is a total game changer for the local scene.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=635sso&_wi=1",
|
||||
imageAlt: "gourmet taco truck street food photography",
|
||||
},
|
||||
name: "Sam Smith", handle: "@streetfoodguru", testimonial: "Bussin Buns is a total game changer for the local scene.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=635sso&_wi=1", imageAlt: "gourmet taco truck street food photography"},
|
||||
{
|
||||
name: "Jordan P",
|
||||
handle: "@tacoenthusiast",
|
||||
testimonial: "Seriously, the flavors are incredible. Don't miss out.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fhqfxk&_wi=1",
|
||||
imageAlt: "gourmet taco truck street food photography",
|
||||
},
|
||||
name: "Jordan P", handle: "@tacoenthusiast", testimonial: "Seriously, the flavors are incredible. Don't miss out.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fhqfxk&_wi=1", imageAlt: "gourmet taco truck street food photography"},
|
||||
{
|
||||
name: "Casey J",
|
||||
handle: "@cityeats",
|
||||
testimonial: "A must-try experience. The quality is just unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zf7vo2&_wi=1",
|
||||
imageAlt: "gourmet taco truck street food photography",
|
||||
},
|
||||
name: "Casey J", handle: "@cityeats", testimonial: "A must-try experience. The quality is just unmatched.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zf7vo2&_wi=1", imageAlt: "gourmet taco truck street food photography"},
|
||||
{
|
||||
name: "Taylor W",
|
||||
handle: "@foodlover",
|
||||
testimonial: "Perfect seasoning, perfect heat. Will be coming back.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q08a59&_wi=1",
|
||||
imageAlt: "gourmet taco truck street food photography",
|
||||
},
|
||||
name: "Taylor W", handle: "@foodlover", testimonial: "Perfect seasoning, perfect heat. Will be coming back.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q08a59&_wi=1", imageAlt: "gourmet taco truck street food photography"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uctqc5&_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="gourmet taco truck street food photography"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ndk1p7",
|
||||
alt: "happy customer eating taco",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ndk1p7", alt: "happy customer eating taco"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m3cfdv",
|
||||
alt: "satisfied customer portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m3cfdv", alt: "satisfied customer portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dqj8s0",
|
||||
alt: "cheerful customer eating gourmet",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dqj8s0", alt: "cheerful customer eating gourmet"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jwfqrk",
|
||||
alt: "customer enjoyment portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jwfqrk", alt: "customer enjoyment portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mnstqw",
|
||||
alt: "smiling customer portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mnstqw", alt: "smiling customer portrait"},
|
||||
]}
|
||||
avatarText="Join 500+ happy taco lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
type: "text", text: "Fresh Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Recipes",
|
||||
},
|
||||
type: "text", text: "Artisan Recipes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
type: "text", text: "Locally Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Street Food Reimagined",
|
||||
},
|
||||
type: "text", text: "Street Food Reimagined"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Packaging",
|
||||
},
|
||||
type: "text", text: "Sustainable Packaging"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,17 +112,11 @@ export default function LandingPage() {
|
||||
description="At Bussin Buns, we believe street food deserves the same level of care as fine dining. We source local, farm-fresh ingredients to craft tacos that bring a punch of flavor in every bite."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "Local, high-quality, and seasonal produce.",
|
||||
},
|
||||
title: "Fresh Ingredients", description: "Local, high-quality, and seasonal produce."},
|
||||
{
|
||||
title: "Artisan Flavors",
|
||||
description: "Crafted from scratch with unique recipes.",
|
||||
},
|
||||
title: "Artisan Flavors", description: "Crafted from scratch with unique recipes."},
|
||||
{
|
||||
title: "Premium Experience",
|
||||
description: "Street food service with a elevated flair.",
|
||||
},
|
||||
title: "Premium Experience", description: "Street food service with a elevated flair."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=635sso&_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -187,26 +132,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Handmade Tortillas",
|
||||
description: "Made fresh every morning.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fhqfxk&_wi=2",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x2yk8g",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Handmade Tortillas", description: "Made fresh every morning.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fhqfxk&_wi=2", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x2yk8g", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Farm-to-Truck",
|
||||
description: "Supporting local farmers always.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zf7vo2&_wi=2",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lzzetl",
|
||||
buttonText: "Our Story",
|
||||
},
|
||||
title: "Farm-to-Truck", description: "Supporting local farmers always.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zf7vo2&_wi=2", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lzzetl", buttonText: "Our Story"},
|
||||
{
|
||||
title: "Eco-Packaging",
|
||||
description: "Kind to you, kind to earth.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q08a59&_wi=2",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6bx5xq",
|
||||
buttonText: "Sustainability",
|
||||
},
|
||||
title: "Eco-Packaging", description: "Kind to you, kind to earth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q08a59&_wi=2", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6bx5xq", buttonText: "Sustainability"},
|
||||
]}
|
||||
title="Why We Bussin"
|
||||
description="It's all about the details."
|
||||
@@ -221,41 +151,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carne Asada",
|
||||
price: "$4.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q4xr56",
|
||||
},
|
||||
id: "1", name: "Carne Asada", price: "$4.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q4xr56"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Al Pastor",
|
||||
price: "$4.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vsx35c",
|
||||
},
|
||||
id: "2", name: "Al Pastor", price: "$4.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vsx35c"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Baja Fish",
|
||||
price: "$5.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pxflrf",
|
||||
},
|
||||
id: "3", name: "Baja Fish", price: "$5.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pxflrf"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Veggie Delight",
|
||||
price: "$3.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1dk0c9",
|
||||
},
|
||||
id: "4", name: "Veggie Delight", price: "$3.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1dk0c9"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Shrimp Lover",
|
||||
price: "$5.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ryas4e",
|
||||
},
|
||||
id: "5", name: "Shrimp Lover", price: "$5.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ryas4e"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Classic Beef",
|
||||
price: "$4.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=usg6z2",
|
||||
},
|
||||
id: "6", name: "Classic Beef", price: "$4.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=usg6z2"},
|
||||
]}
|
||||
title="The Menu"
|
||||
description="Order your favorites today."
|
||||
@@ -269,20 +175,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Tacos Served",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Tacos Served"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Fresh Ingredients",
|
||||
},
|
||||
id: "m2", value: "100%", description: "Fresh Ingredients"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m3", value: "500+", description: "Happy Customers"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -293,30 +190,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ndk1p7",
|
||||
},
|
||||
id: "t1", name: "Alex", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ndk1p7"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m3cfdv",
|
||||
},
|
||||
id: "t2", name: "Sam", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m3cfdv"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dqj8s0",
|
||||
},
|
||||
id: "t3", name: "Jordan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dqj8s0"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Casey",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jwfqrk",
|
||||
},
|
||||
id: "t4", name: "Casey", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jwfqrk"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mnstqw",
|
||||
},
|
||||
id: "t5", name: "Taylor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mnstqw"},
|
||||
]}
|
||||
cardTitle="Fan Favorites"
|
||||
cardTag="Reviews"
|
||||
@@ -330,20 +212,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where can I find you?",
|
||||
content: "Follow us on Instagram for daily locations!",
|
||||
},
|
||||
id: "f1", title: "Where can I find you?", content: "Follow us on Instagram for daily locations!"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, we specialize in private and corporate events.",
|
||||
},
|
||||
id: "f2", title: "Do you offer catering?", content: "Yes, we specialize in private and corporate events."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there vegan options?",
|
||||
content: "Absolutely, try our Veggie Delight taco.",
|
||||
},
|
||||
id: "f3", title: "Are there vegan options?", content: "Absolutely, try our Veggie Delight taco."},
|
||||
]}
|
||||
title="Got Questions?"
|
||||
description="Find everything you need to know about our taco truck."
|
||||
@@ -358,20 +231,12 @@ export default function LandingPage() {
|
||||
description="Reach out for catering or event inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your event...",
|
||||
}}
|
||||
name: "message", placeholder: "Tell us about your event..."}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=baj865"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -381,42 +246,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Tacos",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Tacos", href: "#menu"},
|
||||
{
|
||||
label: "Drinks",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Drinks", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Sustainability", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Catering",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Catering", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -426,4 +276,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user