Merge version_1 into main #2
297
src/app/page.tsx
297
src/app/page.tsx
@@ -31,115 +31,48 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Story",
|
||||
id: "#story",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#location",
|
||||
},
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Story", id: "#story" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Location", id: "#location" },
|
||||
]}
|
||||
brandName="Big Boys Bar-B-Que"
|
||||
button={{
|
||||
text: "Get Directions",
|
||||
href: "#location",
|
||||
}}
|
||||
button={{ text: "Get Directions", href: "#location" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Best BBQ of Your Life. Locals Know. Now You Do."
|
||||
description="Texas Monthly Top 50 · Award-Winning · Sweetwater, TX"
|
||||
kpis={[
|
||||
{
|
||||
value: "Top 50",
|
||||
label: "Texas Monthly",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Direct Heat",
|
||||
},
|
||||
{
|
||||
value: "Legend",
|
||||
label: "Award Winning",
|
||||
},
|
||||
{ value: "Top 50", label: "Texas Monthly" },
|
||||
{ value: "100%", label: "Direct Heat" },
|
||||
{ value: "Legend", label: "Award Winning" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "See Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#location",
|
||||
},
|
||||
{ text: "See Our Menu", href: "#menu" },
|
||||
{ text: "Get Directions", href: "#location" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-grilled-beef-meat-served-with-mushrooms-grilled-vegetables-sauce-wooden-board_141793-3032.jpg"
|
||||
imageAlt="Moody Texas BBQ cinematic shot"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pleased-blonde-male-barber-uniform-puts-hands-chest-isolated-green-space-with-copy-space_141793-60196.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-sitting-outdoors_23-2150168078.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222275.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-pleased-blonde-male-barber-uniform-puts-hands-chest-isolated-green-space-with-copy-space_141793-60196.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-sitting-outdoors_23-2150168078.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222275.jpg", alt: "Happy customer" },
|
||||
]}
|
||||
avatarText="Join 10,000+ happy BBQ fans"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Wood Smoked",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Texas Legend",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Direct Heat",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Owned",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Open Daily",
|
||||
icon: Clock,
|
||||
},
|
||||
{ type: "text-icon", text: "Wood Smoked", icon: Flame },
|
||||
{ type: "text-icon", text: "Texas Legend", icon: Award },
|
||||
{ type: "text-icon", text: "Direct Heat", icon: Flame },
|
||||
{ type: "text-icon", text: "Family Owned", icon: Users },
|
||||
{ type: "text-icon", text: "Open Daily", icon: Clock },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -149,14 +82,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Texas Monthly Top 50 BBQ",
|
||||
"Most delicious BBQ of my entire lifetime",
|
||||
"Truck parking available",
|
||||
"Award-winning brisket & ribs",
|
||||
"Sweetwater institution",
|
||||
"Road-trip essential",
|
||||
"Authentic Texas BBQ",
|
||||
]}
|
||||
"Texas Monthly Top 50 BBQ", "Most delicious BBQ of my entire lifetime", "Truck parking available", "Award-winning brisket & ribs", "Sweetwater institution", "Road-trip essential", "Authentic Texas BBQ"]}
|
||||
title="Why They Keep Coming Back"
|
||||
description="Featured in major publications and loved by travelers across the nation."
|
||||
/>
|
||||
@@ -167,21 +93,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Not Your Average Pit Stop."
|
||||
metrics={[
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Cooking Method",
|
||||
value: "Direct Heat",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Status",
|
||||
value: "Top 50",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Community",
|
||||
value: "Trucker Loved",
|
||||
},
|
||||
{ icon: Flame, label: "Cooking Method", value: "Direct Heat" },
|
||||
{ icon: Award, label: "Status", value: "Top 50" },
|
||||
{ icon: Truck, label: "Community", value: "Trucker Loved" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -194,106 +108,41 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Prime Brisket",
|
||||
price: "Market",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-focus-grilled-meat-thin-sliced-wooden-board_346278-727.jpg?_wi=1",
|
||||
imageAlt: "Prime Brisket",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pork Ribs",
|
||||
price: "Market",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23832.jpg?_wi=1",
|
||||
imageAlt: "Pork Ribs",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "BBQ Sandwich",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-sandwich-with-breaded-pork-chop-cabbage-tonkatsu-sauce_2829-18640.jpg?_wi=1",
|
||||
imageAlt: "BBQ Sandwich",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Smoked Sausage",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-focus-grilled-meat-thin-sliced-wooden-board_346278-727.jpg?_wi=2",
|
||||
imageAlt: "Smoked Sausage",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Burnt Ends",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23832.jpg?_wi=2",
|
||||
imageAlt: "Burnt Ends",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pulled Pork",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-sandwich-with-breaded-pork-chop-cabbage-tonkatsu-sauce_2829-18640.jpg?_wi=2",
|
||||
imageAlt: "Pulled Pork",
|
||||
},
|
||||
{ id: "p1", name: "Prime Brisket", price: "Market", imageSrc: "http://img.b2bpic.net/free-photo/close-up-focus-grilled-meat-thin-sliced-wooden-board_346278-727.jpg", imageAlt: "Prime Brisket" },
|
||||
{ id: "p2", name: "Pork Ribs", price: "Market", imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23832.jpg", imageAlt: "Pork Ribs" },
|
||||
{ id: "p3", name: "BBQ Sandwich", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/japanese-sandwich-with-breaded-pork-chop-cabbage-tonkatsu-sauce_2829-18640.jpg", imageAlt: "BBQ Sandwich" },
|
||||
{ id: "p4", name: "Smoked Sausage", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-focus-grilled-meat-thin-sliced-wooden-board_346278-727.jpg", imageAlt: "Smoked Sausage" },
|
||||
{ id: "p5", name: "Burnt Ends", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23832.jpg", imageAlt: "Burnt Ends" },
|
||||
{ id: "p6", name: "Pulled Pork", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/japanese-sandwich-with-breaded-pork-chop-cabbage-tonkatsu-sauce_2829-18640.jpg", imageAlt: "Pulled Pork" },
|
||||
]}
|
||||
title="Signature Items"
|
||||
description="Mesquite-kissed, never overpowering. Serious flavor."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Full Menu", href: "/menu" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jesse S.",
|
||||
role: "Local Guide",
|
||||
company: "Reviewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pleased-blonde-male-barber-uniform-puts-hands-chest-isolated-green-space-with-copy-space_141793-60196.jpg",
|
||||
},
|
||||
id: "t1", name: "Jesse S.", role: "Local Guide", company: "Reviewer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pleased-blonde-male-barber-uniform-puts-hands-chest-isolated-green-space-with-copy-space_141793-60196.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jason D.",
|
||||
role: "Road Warrior",
|
||||
company: "Traveler",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg",
|
||||
},
|
||||
id: "t2", name: "Jason D.", role: "Road Warrior", company: "Traveler", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Daniel B.",
|
||||
role: "Trucker",
|
||||
company: "Driver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-sitting-outdoors_23-2150168078.jpg",
|
||||
},
|
||||
id: "t3", name: "Daniel B.", role: "Trucker", company: "Driver", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-sitting-outdoors_23-2150168078.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "GMcG",
|
||||
role: "Traveler",
|
||||
company: "Tourist",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
id: "t4", name: "GMcG", role: "Traveler", company: "Tourist", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah P.",
|
||||
role: "Diner",
|
||||
company: "Foodie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222275.jpg",
|
||||
},
|
||||
id: "t5", name: "Sarah P.", role: "Diner", company: "Foodie", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222275.jpg"},
|
||||
]}
|
||||
title="Voices from the Pit"
|
||||
description="What our hungry travelers are saying."
|
||||
@@ -305,21 +154,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Address",
|
||||
content: "123 BBQ Lane, Sweetwater, TX 79556",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Hours",
|
||||
content: "Tuesday-Sunday: 11AM - 8PM | Monday: Closed",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Phone",
|
||||
content: "(325) 555-0199",
|
||||
},
|
||||
{ id: "f1", title: "Address", content: "123 BBQ Lane, Sweetwater, TX 79556" },
|
||||
{ id: "f2", title: "Hours", content: "Tuesday-Sunday: 11AM - 8PM | Monday: Closed" },
|
||||
{ id: "f3", title: "Phone", content: "(325) 555-0199" },
|
||||
]}
|
||||
title="Location & Hours"
|
||||
description="Come find us in Sweetwater."
|
||||
@@ -330,16 +167,9 @@ export default function LandingPage() {
|
||||
<div id="truckers" data-section="truckers">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Truckers, Road Warriors & Hungry Travelers — Welcome Home. Easy off the interstate, truck parking across the street, fuel station nearby. Come fuel your belly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#location",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#location" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -348,33 +178,16 @@ export default function LandingPage() {
|
||||
logoText="Big Boys Bar-B-Que"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Story",
|
||||
href: "#story",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
title: "Navigate", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Story", href: "#story" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(325) 555-0199",
|
||||
href: "tel:3255550199",
|
||||
},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#location",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "(325) 555-0199", href: "tel:3255550199" },
|
||||
{ label: "Directions", href: "#location" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user