bender/e4fcd2bf-fe69-4b2f-84ff-91a73926cc8c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-04-12 14:28:08 +00:00
parent bb45a53680 0d844a0e89
commit a7ad0a3239
1 changed files with 112 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

380
src/app/page.tsx
View File

@@ -13,282 +13,126 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Menu",
id: "products",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Location",
id: "contact",
},
]}
brandName="Street Bite"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Menu", id: "products" },
{ name: "Reviews", id: "testimonials" },
{ name: "Location", id: "contact" }
]}
brandName="Street Bite"
button={{ text: "Order Now", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
title="Fresh, Fast, & Authentic"
description="Bringing gourmet street flavors to your favorite corner. We use locally sourced ingredients to craft unique, crave-worthy snacks daily."
buttons={[
{
text: "View Menu",
href: "#products",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/sliced-pie-platter-with-chocolate-drops_114579-16479.jpg",
imageAlt: "Street Food Stall",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wet-daisies-close-up_23-2148151496.jpg",
imageAlt: "Gourmet Snack",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/miami-bayside-marketplace_23-2151599517.jpg",
imageAlt: "Vendor Cooking",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145566.jpg",
imageAlt: "Fresh Ingredients",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-garage-sale_23-2150661470.jpg",
imageAlt: "Happy Vendor",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-hot-dogs_23-2150347880.jpg",
imageAlt: "Variety of Bites",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "gradient-bars" }}
title="Fresh, Fast, & Authentic"
description="Bringing gourmet street flavors to your favorite corner. We use locally sourced ingredients to craft unique, crave-worthy snacks daily."
buttons={[{ text: "View Menu", href: "#products" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/sliced-pie-platter-with-chocolate-drops_114579-16479.jpg", imageAlt: "Street Food Stall" },
{ imageSrc: "http://img.b2bpic.net/free-photo/wet-daisies-close-up_23-2148151496.jpg", imageAlt: "Gourmet Snack" },
{ imageSrc: "http://img.b2bpic.net/free-photo/miami-bayside-marketplace_23-2151599517.jpg", imageAlt: "Vendor Cooking" },
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145566.jpg", imageAlt: "Fresh Ingredients" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-garage-sale_23-2150661470.jpg", imageAlt: "Happy Vendor" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-hot-dogs_23-2150347880.jpg", imageAlt: "Variety of Bites" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Classic Street Burger",
price: "$8.50",
variant: "Meat",
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-burger-meal_23-2151433335.jpg",
},
{
id: "p2",
name: "Street Style Tacos",
price: "$7.00",
variant: "Trio",
imageSrc: "http://img.b2bpic.net/free-photo/creative-composition-tasty-food_23-2148949078.jpg",
},
{
id: "p3",
name: "Gourmet Hot Dog",
price: "$6.00",
variant: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-hot-dogs-with-flowers_23-2149453842.jpg",
},
{
id: "p4",
name: "Falafel Wrap",
price: "$7.50",
variant: "Vegan",
imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sliders-summer-picnic-sandwiches_53876-110405.jpg",
},
{
id: "p5",
name: "Artisan Pizza Slice",
price: "$5.00",
variant: "Veggie",
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-diet-gourmet-olive-restaurant_1122-2451.jpg",
},
{
id: "p6",
name: "Belgian Waffle",
price: "$4.50",
variant: "Sweet",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-waffle-cakes-with-chocolate-bars-brown-background_140725-132681.jpg",
},
]}
title="Our Daily Specials"
description="Handcrafted recipes served fresh. Every bite counts."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Our Daily Specials"
description="Handcrafted recipes served fresh. Every bite counts."
products={[
{ id: "p1", name: "Classic Street Burger", price: "$8.50", variant: "Meat", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-burger-meal_23-2151433335.jpg" },
{ id: "p2", name: "Street Style Tacos", price: "$7.00", variant: "Trio", imageSrc: "http://img.b2bpic.net/free-photo/creative-composition-tasty-food_23-2148949078.jpg" },
{ id: "p3", name: "Gourmet Hot Dog", price: "$6.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-hot-dogs-with-flowers_23-2149453842.jpg" },
{ id: "p4", name: "Falafel Wrap", price: "$7.50", variant: "Vegan", imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sliders-summer-picnic-sandwiches_53876-110405.jpg" },
{ id: "p5", name: "Artisan Pizza Slice", price: "$5.00", variant: "Veggie", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-diet-gourmet-olive-restaurant_1122-2451.jpg" },
{ id: "p6", name: "Belgian Waffle", price: "$4.50", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-waffle-cakes-with-chocolate-bars-brown-background_140725-132681.jpg" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Regular",
company: "Neighborhood",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-groceries-shopping-with-copy-space_23-2148685762.jpg",
},
{
id: "2",
name: "Jason Li",
role: "Foodie",
company: "City Guides",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222275.jpg",
},
{
id: "3",
name: "Elena Ross",
role: "Local",
company: "Daily Commuter",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/last-preparations_1098-13460.jpg",
},
{
id: "4",
name: "Mike Davis",
role: "Fan",
company: "Campus",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571491.jpg",
},
{
id: "5",
name: "Anna Kim",
role: "Customer",
company: "Nearby Office",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304414.jpg",
},
]}
kpiItems={[
{
value: "1500+",
label: "Meals Served",
},
{
value: "4.9",
label: "Avg. Rating",
},
{
value: "12",
label: "Years Active",
},
]}
title="Loved By Our Community"
description="Don't just take our word for it—hear what the local crowd thinks."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Loved By Our Community"
description="Don't just take our word for it—hear what the local crowd thinks."
testimonials={[
{ id: "1", name: "Sarah Miller", role: "Regular", company: "Neighborhood", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-groceries-shopping-with-copy-space_23-2148685762.jpg" },
{ id: "2", name: "Jason Li", role: "Foodie", company: "City Guides", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222275.jpg" },
{ id: "3", name: "Elena Ross", role: "Local", company: "Daily Commuter", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/last-preparations_1098-13460.jpg" },
{ id: "4", name: "Mike Davis", role: "Fan", company: "Campus", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571491.jpg" },
{ id: "5", name: "Anna Kim", role: "Customer", company: "Nearby Office", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304414.jpg" }
]}
kpiItems={[
{ value: "1500+", label: "Meals Served" },
{ value: "4.9", label: "Avg. Rating" },
{ value: "12", label: "Years Active" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Where are you usually parked?",
content: "We rotate around the downtown area. Check our social media for daily updates.",
},
{
id: "q2",
title: "Do you offer vegan options?",
content: "Yes! Our falafel wraps and several sides are 100% vegan.",
},
{
id: "q3",
title: "Can I pre-order for an event?",
content: "Absolutely. Reach out via the contact form and let us know your requirements.",
},
]}
title="Common Questions"
description="Answers to the most frequent things people ask us."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Where are you usually parked?", content: "We rotate around the downtown area. Check our social media for daily updates." },
{ id: "q2", title: "Do you offer vegan options?", content: "Yes! Our falafel wraps and several sides are 100% vegan." },
{ id: "q3", title: "Can I pre-order for an event?", content: "Absolutely. Reach out via the contact form and let us know your requirements." }
]}
title="Common Questions"
description="Answers to the most frequent things people ask us."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Stay Updated"
title="Join Our Mailing List"
description="Get location updates and secret menu drops delivered straight to your inbox."
imageSrc="http://img.b2bpic.net/free-photo/tired-friends-sitting-catch-their-breath_23-2148281667.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Stay Updated"
title="Join Our Mailing List"
description="Get location updates and secret menu drops delivered straight to your inbox."
imageSrc="http://img.b2bpic.net/free-photo/tired-friends-sitting-catch-their-breath_23-2148281667.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Street Bite"
columns={[
{
title: "Menu",
items: [
{
label: "Full Menu",
href: "#products",
},
{
label: "Specials",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Street Bite"
columns={[
{ title: "Menu", items: [{ label: "Full Menu", href: "#products" }, { label: "Specials", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}