Merge version_1 into main #1
270
src/app/page.tsx
270
src/app/page.tsx
@@ -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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user