bender/0c7d5b76-fe89-41cb-a562-862cabfcf8b0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-04 03:49:52 +00:00
parent 36e1078fc0
commit a702a205fb
1 changed files with 61 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

270
src/app/page.tsx
View File

@@ -32,29 +32,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Our Story",
id: "#our-story",
},
name: "Our Story", id: "#our-story"},
{
name: "Our Beers",
id: "#our-beers",
},
name: "Our Beers", id: "#our-beers"},
{
name: "Our Pizza",
id: "#our-pizza",
},
name: "Our Pizza", id: "#our-pizza"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/pizza-chalkboard-emblems-set_1284-6921.jpg"
logoAlt="Short Story Brewing logo"
@@ -67,20 +55,15 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Every Sip Tells a Story"
description="A neighborhood brewery where handcrafted IPAs meet award-worthy Detroit-style pizza. Laid back, unforgettable, and made right here in Charleston."
buttons={[
{
text: "SEE OUR BEERS",
href: "#our-beers",
},
text: "SEE OUR BEERS", href: "#our-beers"},
{
text: "VIEW THE MENU",
href: "#our-pizza",
},
text: "VIEW THE MENU", href: "#our-pizza"},
]}
imageSrc="http://img.b2bpic.net/free-photo/senior-people-having-fun-party_23-2149299023.jpg"
imageAlt="Craft beer and Detroit-style pizza at Short Story Brewing"
@@ -88,47 +71,27 @@ export default function LandingPage() {
fixedMediaHeight={true}
marqueeItems={[
{
type: "text",
text: "HANDCRAFTED IPAS",
},
type: "text", text: "HANDCRAFTED IPAS"},
{
type: "text",
text: "DETROIT-STYLE PIZZA",
},
type: "text", text: "DETROIT-STYLE PIZZA"},
{
type: "text",
text: "LIVE MUSIC",
},
type: "text", text: "LIVE MUSIC"},
{
type: "text",
text: "SPEAKEASY BAR",
},
type: "text", text: "SPEAKEASY BAR"},
{
type: "text",
text: "CHARLESTON, WV",
},
type: "text", text: "CHARLESTON, WV"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/peerson-drinking-craft-beer_52683-124518.jpg",
alt: "Customer enjoying a craft beer",
},
src: "http://img.b2bpic.net/free-photo/peerson-drinking-craft-beer_52683-124518.jpg", alt: "Customer enjoying a craft beer"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-working-beer-factory_23-2150573915.jpg",
alt: "Brewery staff working",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-working-beer-factory_23-2150573915.jpg", alt: "Brewery staff working"},
{
src: "http://img.b2bpic.net/free-photo/men-using-tablet-pub_23-2147896987.jpg",
alt: "Friends at the bar",
},
src: "http://img.b2bpic.net/free-photo/men-using-tablet-pub_23-2147896987.jpg", alt: "Friends at the bar"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-beer-factory_23-2150573907.jpg",
alt: "Happy customer at brewery",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-beer-factory_23-2150573907.jpg", alt: "Happy customer at brewery"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-delicious-pizza_23-2150280218.jpg",
alt: "Person enjoying pizza at the brewery",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-delicious-pizza_23-2150280218.jpg", alt: "Person enjoying pizza at the brewery"},
]}
avatarText="Join our growing community of happy customers!"
/>
@@ -139,9 +102,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="A Place That Resonates"
description={[
"From the moment you walk through the door, Short Story Brewing hits different. The smell of pizza dough, the clink of glasses, and a friendly face behind the bar — this is what a neighborhood brewery should feel like.",
"We're a place where laid-back meets world-class craft. Where you can pull out a board game in the speakeasy back room, share a flight with strangers, and catch live music on a Friday night.",
]}
"From the moment you walk through the door, Short Story Brewing hits different. The smell of pizza dough, the clink of glasses, and a friendly face behind the bar — this is what a neighborhood brewery should feel like.", "We're a place where laid-back meets world-class craft. Where you can pull out a board game in the speakeasy back room, share a flight with strangers, and catch live music on a Friday night."]}
/>
</div>
@@ -153,25 +114,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "4.8",
description: "GOOGLE RATING",
},
id: "m1", value: "4.8", description: "GOOGLE RATING"},
{
id: "m2",
value: "10+",
description: "ROTATING TAPS",
},
id: "m2", value: "10+", description: "ROTATING TAPS"},
{
id: "m3",
value: "2",
description: "STYLES: BEER & PIZZA",
},
id: "m3", value: "2", description: "STYLES: BEER & PIZZA"},
{
id: "m4",
value: "∞",
description: "GOOD VIBES",
},
id: "m4", value: "∞", description: "GOOD VIBES"},
]}
title="Our Story in Numbers"
description="We're proud of what we've built, and our numbers tell a part of the tale."
@@ -186,29 +135,19 @@ export default function LandingPage() {
features={[
{
icon: Award,
title: "IPA",
description: "Elevated State IPA: Our flagship. Bold, resinous, and unapologetically hoppy — the IPA that keeps people coming back.",
},
title: "IPA", description: "Elevated State IPA: Our flagship. Bold, resinous, and unapologetically hoppy — the IPA that keeps people coming back."},
{
icon: Cloud,
title: "HAZY IPA",
description: "Hazy New England: Soft, juicy, and pillowy — just tapped and already a crowd favorite. Tropical notes, smooth finish.",
},
title: "HAZY IPA", description: "Hazy New England: Soft, juicy, and pillowy — just tapped and already a crowd favorite. Tropical notes, smooth finish."},
{
icon: Wine,
title: "STOUT",
description: "Barrel-Aged Stout: \"Epic\" is the word customers use. Rich, complex, dark chocolate and vanilla from the barrel.",
},
title: "STOUT", description: "Barrel-Aged Stout: \"Epic\" is the word customers use. Rich, complex, dark chocolate and vanilla from the barrel."},
{
icon: Leaf,
title: "SEASONAL",
description: "Turn & Fall Oktoberfest: Clean malt backbone, crisp and satisfying. Our autumn seasonal — traditional Märzen style done right.",
},
title: "SEASONAL", description: "Turn & Fall Oktoberfest: Clean malt backbone, crisp and satisfying. Our autumn seasonal — traditional Märzen style done right."},
{
icon: Droplet,
title: "LAGER",
description: "Mexican Lager: Light, crushable, and endlessly drinkable. The perfect complement to a hot slice of Detroit-style pizza.",
},
title: "LAGER", description: "Mexican Lager: Light, crushable, and endlessly drinkable. The perfect complement to a hot slice of Detroit-style pizza."},
]}
title="Our Craft Beers"
description="Rotating taps with something for every palate. Flights available. Cans and growler fills to go."
@@ -223,47 +162,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Classic Red",
price: "$16",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-meat-pizza-pizzeria-delicious-food_78826-2841.jpg",
imageAlt: "Classic Red Detroit-style pizza",
},
id: "p1", name: "Classic Red", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-meat-pizza-pizzeria-delicious-food_78826-2841.jpg", imageAlt: "Classic Red Detroit-style pizza"},
{
id: "p2",
name: "Pepperoni Cup",
price: "$19",
imageSrc: "http://img.b2bpic.net/free-photo/puff-pastry-mini-pizzas-with-sausages_114579-53114.jpg",
imageAlt: "Pepperoni Cup Detroit-style pizza",
},
id: "p2", name: "Pepperoni Cup", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/puff-pastry-mini-pizzas-with-sausages_114579-53114.jpg", imageAlt: "Pepperoni Cup Detroit-style pizza"},
{
id: "p3",
name: "White & Herb",
price: "$18",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-hands-holding-raw-vegan-mushroom-pizza-served-wooden-board_181624-53528.jpg",
imageAlt: "White & Herb Detroit-style pizza",
},
id: "p3", name: "White & Herb", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-hands-holding-raw-vegan-mushroom-pizza-served-wooden-board_181624-53528.jpg", imageAlt: "White & Herb Detroit-style pizza"},
{
id: "p4",
name: "Weekly Special",
price: "Market",
imageSrc: "http://img.b2bpic.net/free-photo/mixed-ingredient-pizza-with-isolated-products-stone_114579-4276.jpg",
imageAlt: "Weekly Special Detroit-style pizza",
},
id: "p4", name: "Weekly Special", price: "Market", imageSrc: "http://img.b2bpic.net/free-photo/mixed-ingredient-pizza-with-isolated-products-stone_114579-4276.jpg", imageAlt: "Weekly Special Detroit-style pizza"},
{
id: "p5",
name: "Margherita",
price: "$17",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-concept-with-copy-space_23-2148643461.jpg",
imageAlt: "Margherita Detroit-style pizza",
},
id: "p5", name: "Margherita", price: "$17", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-concept-with-copy-space_23-2148643461.jpg", imageAlt: "Margherita Detroit-style pizza"},
{
id: "p6",
name: "Meat Lover's",
price: "$21",
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-cheesy-tomato-pizza-with-olives-sausages-inside-pan-brown-pizza-food-meal-fast-food-cheese-sausage_140725-32614.jpg",
imageAlt: "Meat Lover's Detroit-style pizza",
},
id: "p6", name: "Meat Lover's", price: "$21", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-cheesy-tomato-pizza-with-olives-sausages-inside-pan-brown-pizza-food-meal-fast-food-cheese-sausage_140725-32614.jpg", imageAlt: "Meat Lover's Detroit-style pizza"},
]}
title="Legendary Detroit-Style Pizza"
description="Thick, crispy-edged, sauced-to-the-edge Detroit-style perfection. Baked in well-oiled pans until the cheese is caramelized and the crust is impossible to resist."
@@ -275,61 +184,26 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
animationType="slide-up"
testimonials={[
{
id: "t1",
name: "Jason H.",
role: "Local Enthusiast",
company: "Google Review",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-tattooed-hipster-male-manufacturer-presenting-craft-beer-microbrewery_613910-13596.jpg",
imageAlt: "Jason H. profile picture",
},
id: "t1", name: "Jason H.", role: "Local Enthusiast", company: "Google Review", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-tattooed-hipster-male-manufacturer-presenting-craft-beer-microbrewery_613910-13596.jpg", imageAlt: "Jason H. profile picture"},
{
id: "t2",
name: "Baron H.",
role: "Satisfied Customer",
company: "Google Review",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-delicious-pizza_23-2150280233.jpg",
imageAlt: "Baron H. profile picture",
},
id: "t2", name: "Baron H.", role: "Satisfied Customer", company: "Google Review", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-delicious-pizza_23-2150280233.jpg", imageAlt: "Baron H. profile picture"},
{
id: "t3",
name: "Kathleen B.",
role: "Neighborhood Regular",
company: "Google Review",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-gesturing-while-drinking-alcohol-bar_23-2147861929.jpg",
imageAlt: "Kathleen B. profile picture",
},
id: "t3", name: "Kathleen B.", role: "Neighborhood Regular", company: "Google Review", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-gesturing-while-drinking-alcohol-bar_23-2147861929.jpg", imageAlt: "Kathleen B. profile picture"},
{
id: "t4",
name: "Rob B.",
role: "Craft Beer Lover",
company: "Google Review",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
imageAlt: "Rob B. profile picture",
},
id: "t4", name: "Rob B.", role: "Craft Beer Lover", company: "Google Review", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Rob B. profile picture"},
{
id: "t5",
name: "Sarah J.",
role: "Local Foodie",
company: "Yelp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
imageAlt: "Sarah J. profile picture",
},
id: "t5", name: "Sarah J.", role: "Local Foodie", company: "Yelp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg", imageAlt: "Sarah J. profile picture"},
{
id: "t6",
name: "Mark T.",
role: "Beer Connoisseur",
company: "Untappd",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-drinks_23-2147874417.jpg",
imageAlt: "Mark T. profile picture",
},
id: "t6", name: "Mark T.", role: "Beer Connoisseur", company: "Untappd", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-drinks_23-2147874417.jpg", imageAlt: "Mark T. profile picture"},
]}
title="What People Say"
description="Heard Around the Bar: real words from our amazing customers."
@@ -340,14 +214,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Come In, Stay A While. Discover the Short Story experience.\n\nHOURS:\nMon–Thu 3pm–10pm\nFri–Sat 12pm–11pm\nSun 12pm–9pm\n\nLOCATION:\nCharleston, West Virginia\nStreet parking available nearby\n\nLIVE MUSIC:\nRegular live performances — arrive early, it fills up fast."
buttons={[
{
text: "GET DIRECTIONS",
href: "https://www.google.com/maps/search/Short+Story+Brewing+Charleston+WV",
},
text: "GET DIRECTIONS", href: "https://www.google.com/maps/search/Short+Story+Brewing+Charleston+WV"},
]}
/>
</div>
@@ -356,50 +227,31 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Our Story",
href: "#our-story",
},
label: "Our Story", href: "#our-story"},
{
label: "Our Beers",
href: "#our-beers",
},
label: "Our Beers", href: "#our-beers"},
{
label: "Our Pizza",
href: "#our-pizza",
},
label: "Our Pizza", href: "#our-pizza"},
],
},
{
title: "Visit Us",
items: [
title: "Visit Us", items: [
{
label: "Hours & Location",
href: "#contact",
},
label: "Hours & Location", href: "#contact"},
{
label: "Live Music",
href: "#contact",
},
label: "Live Music", href: "#contact"},
{
label: "Reviews",
href: "#testimonials",
},
label: "Reviews", href: "#testimonials"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}