Merge version_1 into main #1
261
src/app/page.tsx
261
src/app/page.tsx
@@ -32,22 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Hero", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Highball"
|
||||
/>
|
||||
@@ -55,48 +44,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Kitchen & Cocktails Done Right"
|
||||
description="An upscale escape in the heart of downtown Columbia. Experience refined plates and craft cocktails in a sophisticated setting."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nonalcoholic-cocktails-are-table-beautiful-photo-drink-from-restaurant_132075-14708.jpg",
|
||||
imageAlt: "Moody Bar",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-drinks-cappuccino-from-glass-cup_169016-40734.jpg",
|
||||
imageAlt: "Craft Cocktail",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-home-made-cheesburgers-black-plate-background-fries-fast-food-unhealthy-snack_482257-28911.jpg",
|
||||
imageAlt: "Duck Fat Smash Burger",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-candlelight-dinner-elegant-decor-comfort-generated-by-ai_188544-16342.jpg",
|
||||
imageAlt: "Bistro Interior",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-front-bar-desk-making-drink-yellow-wall-alcohol-night-youth-drink-club_140725-121464.jpg",
|
||||
imageAlt: "Mixology",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",
|
||||
imageAlt: "Patio",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/nonalcoholic-cocktails-are-table-beautiful-photo-drink-from-restaurant_132075-14708.jpg", imageAlt: "Moody Bar" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-drinks-cappuccino-from-glass-cup_169016-40734.jpg", imageAlt: "Craft Cocktail" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/classic-home-made-cheesburgers-black-plate-background-fries-fast-food-unhealthy-snack_482257-28911.jpg", imageAlt: "Duck Fat Smash Burger" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/romantic-candlelight-dinner-elegant-decor-comfort-generated-by-ai_188544-16342.jpg", imageAlt: "Bistro Interior" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-front-bar-desk-making-drink-yellow-wall-alcohol-night-youth-drink-club_140725-121464.jpg", imageAlt: "Mixology" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg", imageAlt: "Patio" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,12 +63,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Where the Light Hits the Bar Just Right"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#menu" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -121,48 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Duck Fat Smash Burger",
|
||||
price: "$18",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-veggies-meat_23-2148868243.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bistro Filet",
|
||||
price: "$32",
|
||||
variant: "Steakhouse",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steak-served-with-grilled-garlic-slices-tomato-rosemary-sprig-sauce_140725-8811.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Duck Fat Fries",
|
||||
price: "$9",
|
||||
variant: "Side",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-chicken-nuggets-with-french-fries-human-hand-fly_176474-2613.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bread Flight",
|
||||
price: "$12",
|
||||
variant: "Appetizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-cake-with-berries-chocolate-waffles-bowls-colorful-sweets_140725-71279.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hummus & Pita",
|
||||
price: "$11",
|
||||
variant: "Appetizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chickpea-hummus-wooden-bowl-garnished-with-parsley-paprika-olive-oil-isolated-white-background-close-up_123827-23068.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Specialty Martini",
|
||||
price: "$14",
|
||||
variant: "Cocktail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/olives-soft-drink_23-2148667955.jpg",
|
||||
},
|
||||
{ id: "1", name: "Duck Fat Smash Burger", price: "$18", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-veggies-meat_23-2148868243.jpg" },
|
||||
{ id: "2", name: "Bistro Filet", price: "$32", variant: "Steakhouse", imageSrc: "http://img.b2bpic.net/free-photo/steak-served-with-grilled-garlic-slices-tomato-rosemary-sprig-sauce_140725-8811.jpg" },
|
||||
{ id: "3", name: "Duck Fat Fries", price: "$9", variant: "Side", imageSrc: "http://img.b2bpic.net/free-photo/from-chicken-nuggets-with-french-fries-human-hand-fly_176474-2613.jpg" },
|
||||
{ id: "4", name: "Bread Flight", price: "$12", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-cake-with-berries-chocolate-waffles-bowls-colorful-sweets_140725-71279.jpg" },
|
||||
{ id: "5", name: "Hummus & Pita", price: "$11", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/chickpea-hummus-wooden-bowl-garnished-with-parsley-paprika-olive-oil-isolated-white-background-close-up_123827-23068.jpg" },
|
||||
{ id: "6", name: "Specialty Martini", price: "$14", variant: "Cocktail", imageSrc: "http://img.b2bpic.net/free-photo/olives-soft-drink_23-2148667955.jpg" }
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Chef-driven bistro plates and expertly poured craft cocktails."
|
||||
@@ -174,21 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Atmosphere",
|
||||
description: "Dark-themed interior with a speakeasy vibe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vamp-lady-with-red-lips-posing-with-glass-cocktail-restaurant-elegant-rich-lady-black-dress-posing-with-her-hand-hip-wealth-concept_549566-520.jpg",
|
||||
},
|
||||
{
|
||||
title: "Prime Location",
|
||||
description: "132 S 9th St, right in the heart of Columbia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dinner-arrangement-night_23-2149190922.jpg",
|
||||
},
|
||||
{
|
||||
title: "Entertainment",
|
||||
description: "Classic dart boards for group outings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-sitting-together_23-2149241597.jpg",
|
||||
},
|
||||
{ title: "Atmosphere", description: "Dark-themed interior with a speakeasy vibe.", imageSrc: "http://img.b2bpic.net/free-photo/vamp-lady-with-red-lips-posing-with-glass-cocktail-restaurant-elegant-rich-lady-black-dress-posing-with-her-hand-hip-wealth-concept_549566-520.jpg" },
|
||||
{ title: "Prime Location", description: "132 S 9th St, right in the heart of Columbia.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dinner-arrangement-night_23-2149190922.jpg" },
|
||||
{ title: "Entertainment", description: "Classic dart boards for group outings.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-sitting-together_23-2149241597.jpg" }
|
||||
]}
|
||||
title="Sophistication in Downtown CoMo"
|
||||
description="Whether it's a date night or a group celebration, Highball provides the perfect backdrop."
|
||||
@@ -201,41 +106,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@localfoodie",
|
||||
testimonial: "Best burger I've had in Columbia by far.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie L.",
|
||||
handle: "@como_nightlife",
|
||||
testimonial: "Exactly what CoMo was looking for. Perfect drinks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-134034.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam P.",
|
||||
handle: "@downtownco",
|
||||
testimonial: "The atmosphere is unmatched in downtown.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-lady-showing-thumb-up_1262-2980.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jordan K.",
|
||||
handle: "@steakenthusiast",
|
||||
testimonial: "Filet was cooked perfectly every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Riley B.",
|
||||
handle: "@mixologyfan",
|
||||
testimonial: "Craft cocktails are elite here.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-cocktail_23-2150166166.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", handle: "@localfoodie", testimonial: "Best burger I've had in Columbia by far.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg" },
|
||||
{ id: "2", name: "Jamie L.", handle: "@como_nightlife", testimonial: "Exactly what CoMo was looking for. Perfect drinks.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-134034.jpg" },
|
||||
{ id: "3", name: "Sam P.", handle: "@downtownco", testimonial: "The atmosphere is unmatched in downtown.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-lady-showing-thumb-up_1262-2980.jpg" },
|
||||
{ id: "4", name: "Jordan K.", handle: "@steakenthusiast", testimonial: "Filet was cooked perfectly every time.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg" },
|
||||
{ id: "5", name: "Riley B.", handle: "@mixologyfan", testimonial: "Craft cocktails are elite here.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-cocktail_23-2150166166.jpg" }
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="See why Highball is Columbia's favorite new spot."
|
||||
@@ -249,27 +124,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.8",
|
||||
title: "Rating",
|
||||
description: "Star average rating from locals.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40+",
|
||||
title: "Guest Reviews",
|
||||
description: "Highly satisfied dining guests.",
|
||||
icon: MessageSquare,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "9th St",
|
||||
title: "Location",
|
||||
description: "Heart of downtown Columbia.",
|
||||
icon: MapPin,
|
||||
},
|
||||
{ id: "m1", value: "4.8", title: "Rating", description: "Star average rating from locals.", icon: Star },
|
||||
{ id: "m2", value: "40+", title: "Guest Reviews", description: "Highly satisfied dining guests.", icon: MessageSquare },
|
||||
{ id: "m3", value: "9th St", title: "Location", description: "Heart of downtown Columbia.", icon: MapPin }
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Highball in brief."
|
||||
@@ -280,32 +137,18 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"@HighballCoMo",
|
||||
"Columbia Culinary Scene",
|
||||
"Downtown CoMo",
|
||||
"Craft Cocktail Lovers",
|
||||
"Best Burgers CoMo",
|
||||
"Patio Openings",
|
||||
"Bistro Dining",
|
||||
]}
|
||||
names={["@HighballCoMo", "Columbia Culinary Scene", "Downtown CoMo", "Craft Cocktail Lovers", "Best Burgers CoMo"]}
|
||||
title="Follow Our Journey"
|
||||
description="Connect with us on social media for exclusive updates and daily specials."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Visit us at 132 S 9th St, Columbia, MO 65201. Reservations recommended."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "https://highballcomo.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reserve a Table", href: "https://highballcomo.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -313,37 +156,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Highball Kitchen & Cocktails"
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "132 S 9th St, Columbia, MO",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Location", items: [{ label: "132 S 9th St, Columbia, MO", href: "#contact" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user