Merge version_1 into main #2
189
src/app/page.tsx
189
src/app/page.tsx
@@ -30,93 +30,63 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Vibe",
|
||||
id: "about",
|
||||
},
|
||||
name: "Vibe", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CROKE PARK"
|
||||
button={{
|
||||
text: "Visit", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="The Real Boston Dive Bar Experience"
|
||||
description="No frills. No reservations. Just cold Guinness and good people at the heart of South Boston."
|
||||
tag="CASH ONLY • ATM INSIDE"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Directions", href: "#contact"},
|
||||
{
|
||||
text: "See The Vibe",
|
||||
href: "#about",
|
||||
},
|
||||
text: "See The Vibe", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-beer-taps-brewery_23-2150322415.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-beer-taps-brewery_23-2150322415.jpg"
|
||||
imageAlt="The authentic Boston dive bar atmosphere"
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-beer-taps-brewery_23-2150322415.jpg",
|
||||
alt: "Patron 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-beer-taps-brewery_23-2150322415.jpg", alt: "Patron 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg",
|
||||
alt: "Patron 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg", alt: "Patron 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",
|
||||
alt: "Patron 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg", alt: "Patron 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-beer-taps-brewery_23-2150322415.jpg",
|
||||
alt: "Patron 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-beer-taps-brewery_23-2150322415.jpg", alt: "Patron 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg",
|
||||
alt: "Patron 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg", alt: "Patron 5"},
|
||||
]}
|
||||
avatarText="Join the crowd at Whitey's"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "CASH ONLY",
|
||||
type: "text", text: "CASH ONLY"},
|
||||
{
|
||||
type: "text-icon", text: "COLD GUINNESS", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "COLD GUINNESS",
|
||||
icon: Star,
|
||||
type: "text", text: "SOUTHIE TRADITION"},
|
||||
{
|
||||
type: "text-icon", text: "NO NONSENSE", icon: AlertTriangle,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SOUTHIE TRADITION",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "NO NONSENSE",
|
||||
icon: AlertTriangle,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "EST. 1954",
|
||||
},
|
||||
type: "text", text: "EST. 1954"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,19 +98,13 @@ export default function LandingPage() {
|
||||
description="Croke Park, better known as Whitey's, is the gold standard of authentic Boston dive bars. We've been serving cold beer, good conversation, and absolutely no attitude since day one."
|
||||
metrics={[
|
||||
{
|
||||
value: "7+",
|
||||
title: "Days A Week",
|
||||
},
|
||||
value: "7+", title: "Days A Week"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Authentic",
|
||||
},
|
||||
value: "100%", title: "Authentic"},
|
||||
{
|
||||
value: "2AM",
|
||||
title: "Close Time",
|
||||
},
|
||||
value: "2AM", title: "Close Time"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg"
|
||||
imageAlt="Authentic pub interior"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -155,23 +119,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Cold Pints",
|
||||
description: "Guinness poured exactly how it should be, every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beer-taps-brewery_23-2150322415.jpg?_wi=2",
|
||||
imageAlt: "Cold pint glass",
|
||||
},
|
||||
title: "Cold Pints", description: "Guinness poured exactly how it should be, every single time.", imageSrc: "http://img.b2bpic.net/free-photo/view-beer-taps-brewery_23-2150322415.jpg", imageAlt: "Cold pint glass"},
|
||||
{
|
||||
title: "Local Vibe",
|
||||
description: "Meet the real people of South Boston in an environment that feels like home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg?_wi=2",
|
||||
imageAlt: "People socializing at bar",
|
||||
},
|
||||
title: "Local Vibe", description: "Meet the real people of South Boston in an environment that feels like home.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg", imageAlt: "People socializing at bar"},
|
||||
{
|
||||
title: "No Nonsense",
|
||||
description: "We keep it simple, honest, and classic. The way a dive bar should be.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg?_wi=1",
|
||||
imageAlt: "Interior mood",
|
||||
},
|
||||
title: "No Nonsense", description: "We keep it simple, honest, and classic. The way a dive bar should be.", imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg", imageAlt: "Interior mood"},
|
||||
]}
|
||||
title="Why We're The Best"
|
||||
description="Everything you need, nothing you don't."
|
||||
@@ -188,40 +140,15 @@ export default function LandingPage() {
|
||||
description="The folks who keep the taps flowing and the stories rolling."
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Jimmy 'The Tap'",
|
||||
role: "Head Bartender",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beer-taps-brewery_23-2150322415.jpg?_wi=3",
|
||||
imageAlt: "Bartender",
|
||||
},
|
||||
id: "m1", name: "Jimmy 'The Tap'", role: "Head Bartender", imageSrc: "http://img.b2bpic.net/free-photo/view-beer-taps-brewery_23-2150322415.jpg", imageAlt: "Bartender"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Sarah",
|
||||
role: "Server",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg?_wi=3",
|
||||
imageAlt: "Server",
|
||||
},
|
||||
id: "m2", name: "Sarah", role: "Server", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg", imageAlt: "Server"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Mikey",
|
||||
role: "Doorman",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg?_wi=2",
|
||||
imageAlt: "Doorman",
|
||||
},
|
||||
id: "m3", name: "Mikey", role: "Doorman", imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg", imageAlt: "Doorman"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Pat",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beer-taps-brewery_23-2150322415.jpg?_wi=4",
|
||||
imageAlt: "Manager",
|
||||
},
|
||||
id: "m4", name: "Pat", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/view-beer-taps-brewery_23-2150322415.jpg", imageAlt: "Manager"},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Brendan",
|
||||
role: "Barback",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg?_wi=4",
|
||||
imageAlt: "Barback",
|
||||
},
|
||||
id: "m5", name: "Brendan", role: "Barback", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg", imageAlt: "Barback"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -233,22 +160,14 @@ export default function LandingPage() {
|
||||
description="We're located in the heart of South Boston. Come on by, grab a stool, and make yourself at home."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Any questions? Drop us a note.",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Any questions? Drop us a note.", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg"
|
||||
imageAlt="Bar exterior"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonText="Send Message"
|
||||
@@ -259,37 +178,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Croke Park",
|
||||
items: [
|
||||
title: "Croke Park", items: [
|
||||
{
|
||||
label: "About Whitey's",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Whitey's", href: "#about"},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Menu", href: "#"},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Directions", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user