216 lines
10 KiB
TypeScript
216 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Flame, Heart, Star, Users, MessageCircle, Bell } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Blazin Bites"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Find Us", href: "#contact" }}
|
|
className="floating-nav"
|
|
buttonClassName="nav-cta"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Street Food Reimagined"
|
|
description="Blazin Bites brings authentic, mouth-watering street food to your neighborhood. Fresh ingredients, bold flavors, and the warmth of community in every bite."
|
|
tag="Local Favorite"
|
|
tagIcon={Flame}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working_23-2148896942.jpg"
|
|
imageAlt="Blazin Bites Food Truck"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "View Menu", href: "#menu" },
|
|
{ text: "Find Location", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Marcus J.", handle: "Local Regular", testimonial: "Best street food I've had in years. The flavors are incredible!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-504.jpg"
|
|
},
|
|
{
|
|
name: "Sarah L.", handle: "Food Enthusiast", testimonial: "Every meal is an experience. Blazin Bites nailed it.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12688.jpg"
|
|
},
|
|
{
|
|
name: "James R.", handle: "Downtown Worker", testimonial: "Lunch hasn't been the same since finding this truck!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"
|
|
},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Our Story"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
title="Crafted by locals, loved by the community. Blazin Bites was born from a passion for authentic street food and a mission to bring bold, unforgettable flavors to every corner of the neighborhood."
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Learn More", href: "#menu" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
title="Signature Menu"
|
|
description="Explore our carefully crafted menu featuring bold flavors and premium ingredients sourced locally."
|
|
tag="Fan Favorites"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "blazin-tacos", name: "Blazin Tacos", price: "$8", variant: "Seasoned Beef, 3 Styles", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-tamales-plate_23-2148942284.jpg", imageAlt: "Blazin Tacos"
|
|
},
|
|
{
|
|
id: "street-burger", name: "Street Burger", price: "$12", variant: "Loaded Toppings, Fresh Buns", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-vegan-burger_23-2149039334.jpg", imageAlt: "Street Burger"
|
|
},
|
|
{
|
|
id: "loaded-fries", name: "Loaded Fries", price: "$6", variant: "Crispy, Seasoned, Topped", imageSrc: "http://img.b2bpic.net/free-photo/green-bowl-crispy-dried-crusts-stone_114579-87979.jpg", imageAlt: "Loaded Fries"
|
|
},
|
|
]}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Food Lovers Everywhere"
|
|
description="Join hundreds of locals who have made Blazin Bites their go-to street food destination."
|
|
tag="Community Favorite"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
names={[
|
|
"Local Foodies", "Downtown District", "Street Food Network", "Community Events", "Urban Eats", "Neighborhood Hub", "Food Truck Alliance"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="What Locals Are Saying"
|
|
description="Real reviews from real customers who love Blazin Bites."
|
|
tag="Customer Love"
|
|
tagIcon={MessageCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marcus Johnson", role: "Local Regular", testimonial: "The best street food I have ever had. Fresh ingredients and incredible flavors make every visit special. Blazin Bites is a must-visit!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-504.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Chen", role: "Food Blogger", testimonial: "Authentic, delicious, and truly crafted with care. This food truck has set a new standard for street food in our community.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12688.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "James Rodriguez", role: "Downtown Professional", testimonial: "My lunch break highlight. The team is friendly, the food is phenomenal, and the vibe is electric. Can not get enough!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Emma Williams", role: "Community Member", testimonial: "Supporting local never tasted so good. Blazin Bites is more than food, it is a gathering place for our neighborhood.", imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg"
|
|
},
|
|
]}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Stay Connected"
|
|
tagIcon={Bell}
|
|
tagAnimation="slide-up"
|
|
title="Find Blazin Bites"
|
|
description="Follow our location updates and get notifications on new menu items, special events, and exclusive food truck stops around the neighborhood."
|
|
background={{ variant: "noise" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working_23-2148896942.jpg"
|
|
imageAlt="Blazin Bites Location"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="Join our community for exclusive updates and special offers delivered straight to your inbox."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Blazin Bites"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "TikTok", href: "https://tiktok.com" },
|
|
{ label: "Email", href: "mailto:hello@blazinbites.com" },
|
|
],
|
|
},
|
|
{
|
|
title: "Info", items: [
|
|
{ label: "Location Schedule", href: "#contact" },
|
|
{ label: "Order Online", href: "#menu" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Catering", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Blazin Bites. Serving the community with passion and flavor."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|