Merge version_1 into main #2
224
src/app/page.tsx
224
src/app/page.tsx
@@ -31,109 +31,70 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
name: "Experience", id: "about"},
|
||||
{
|
||||
name: "Craft",
|
||||
id: "products",
|
||||
},
|
||||
name: "Craft", id: "products"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "features",
|
||||
},
|
||||
name: "Events", id: "features"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Community", id: "testimonials"},
|
||||
]}
|
||||
brandName="Konstruct Brewing"
|
||||
button={{
|
||||
text: "Book Your Experience",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Your Experience", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Where Fort Collins Comes Together"
|
||||
description="Craft beer, elevated food, and live energy built by passion and designed for connection—a rare balance of casual sophistication."
|
||||
kpis={[
|
||||
{
|
||||
value: "12+",
|
||||
label: "Rotating Taps",
|
||||
},
|
||||
value: "12+", label: "Rotating Taps"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Capacity For Events",
|
||||
},
|
||||
value: "50+", label: "Capacity For Events"},
|
||||
{
|
||||
value: "Daily",
|
||||
label: "Live Performances",
|
||||
},
|
||||
value: "Daily", label: "Live Performances"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Experience",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Experience", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/an-ultra-premium-dark-themed-brewery-int-1775106471797-7e7f9c73.png"
|
||||
imageAlt="Konstruct Brewing luxury interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-confident-urban-profession-1775106475160-6461ed93.png",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-confident-urban-profession-1775106475160-6461ed93.png", alt: "Customer"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-fashionable-couple-enjoyin-1775106474079-2a705a98.png",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-fashionable-couple-enjoyin-1775106474079-2a705a98.png", alt: "Customer"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-professional-event-planner-1775106473373-9d627f21.png",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-professional-event-planner-1775106473373-9d627f21.png", alt: "Customer"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-regular-neighbor-enjoying--1775106473232-2e501b12.png",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-regular-neighbor-enjoying--1775106473232-2e501b12.png", alt: "Customer"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-confident-urban-profession-1775106475160-6461ed93.png",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-confident-urban-profession-1775106475160-6461ed93.png", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Join 5,000+ local connoisseurs"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Small Batch Craft",
|
||||
icon: Droplets,
|
||||
type: "text-icon", text: "Small Batch Craft", icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Sourced",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Locally Sourced", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Private Events",
|
||||
icon: Calendar,
|
||||
type: "text-icon", text: "Private Events", icon: Calendar,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Live Acoustics",
|
||||
icon: Music,
|
||||
type: "text-icon", text: "Live Acoustics", icon: Music,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Gourmet Pairings",
|
||||
icon: Utensils,
|
||||
type: "text-icon", text: "Gourmet Pairings", icon: Utensils,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -145,19 +106,13 @@ export default function LandingPage() {
|
||||
title="Redefining the Brewery Experience"
|
||||
metrics={[
|
||||
{
|
||||
value: "Craft",
|
||||
label: "Artisan Brewing Standards",
|
||||
icon: Shield,
|
||||
value: "Craft", label: "Artisan Brewing Standards", icon: Shield,
|
||||
},
|
||||
{
|
||||
value: "Social",
|
||||
label: "Community Designed Spaces",
|
||||
icon: Users,
|
||||
value: "Social", label: "Community Designed Spaces", icon: Users,
|
||||
},
|
||||
{
|
||||
value: "Elevated",
|
||||
label: "Gourmet Culinary Pairing",
|
||||
icon: Award,
|
||||
value: "Elevated", label: "Gourmet Culinary Pairing", icon: Award,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
@@ -171,34 +126,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Private Events",
|
||||
title: "Host Your Next Milestone",
|
||||
items: [
|
||||
"Flexible space for 50+",
|
||||
"Professional service",
|
||||
"Custom menus available",
|
||||
],
|
||||
id: "1", label: "Private Events", title: "Host Your Next Milestone", items: [
|
||||
"Flexible space for 50+", "Professional service", "Custom menus available"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Culinary",
|
||||
title: "Elevated Pairings",
|
||||
items: [
|
||||
"Locally sourced ingredients",
|
||||
"Seasonal menu rotations",
|
||||
"Beer-infused dishes",
|
||||
],
|
||||
id: "2", label: "Culinary", title: "Elevated Pairings", items: [
|
||||
"Locally sourced ingredients", "Seasonal menu rotations", "Beer-infused dishes"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Entertainment",
|
||||
title: "Live Energy",
|
||||
items: [
|
||||
"Curated local musicians",
|
||||
"Acoustic-first sound design",
|
||||
"Community-focused events",
|
||||
],
|
||||
id: "3", label: "Entertainment", title: "Live Energy", items: [
|
||||
"Curated local musicians", "Acoustic-first sound design", "Community-focused events"],
|
||||
},
|
||||
]}
|
||||
title="Beyond the Tap"
|
||||
@@ -214,26 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Apex Golden Ale",
|
||||
price: "Small Batch",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/professional-product-shot-of-a-luxury-cr-1775106471180-5047777f.png",
|
||||
imageAlt: "Golden Ale",
|
||||
},
|
||||
id: "p1", name: "Apex Golden Ale", price: "Small Batch", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/professional-product-shot-of-a-luxury-cr-1775106471180-5047777f.png", imageAlt: "Golden Ale"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Cheese Plate",
|
||||
price: "Gourmet",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/gourmet-charcuterie-board-pairing-with-c-1775106473416-f21e6e5a.png",
|
||||
imageAlt: "Charcuterie board",
|
||||
},
|
||||
id: "p2", name: "Artisan Cheese Plate", price: "Gourmet", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/gourmet-charcuterie-board-pairing-with-c-1775106473416-f21e6e5a.png", imageAlt: "Charcuterie board"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "House Botanical Soda",
|
||||
price: "Signature",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/high-end-cocktail-or-specialty-non-beer--1775106472723-e910bbc9.png",
|
||||
imageAlt: "Botanical beverage",
|
||||
},
|
||||
id: "p3", name: "House Botanical Soda", price: "Signature", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/high-end-cocktail-or-specialty-non-beer--1775106472723-e910bbc9.png", imageAlt: "Botanical beverage"},
|
||||
]}
|
||||
title="Signature Offerings"
|
||||
description="Explore our curated selection of house-made crafts and gourmet culinary creations."
|
||||
@@ -243,48 +165,24 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "The atmosphere is unmatched in Fort Collins. Perfect for our anniversary dinner.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-confident-urban-profession-1775106475160-6461ed93.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "The atmosphere is unmatched in Fort Collins. Perfect for our anniversary dinner.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-confident-urban-profession-1775106475160-6461ed93.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark & Elena",
|
||||
handle: "@coupletravel",
|
||||
testimonial: "Finally, a brewery that feels sophisticated. The food is incredible!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-fashionable-couple-enjoyin-1775106474079-2a705a98.png",
|
||||
},
|
||||
id: "2", name: "Mark & Elena", handle: "@coupletravel", testimonial: "Finally, a brewery that feels sophisticated. The food is incredible!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-fashionable-couple-enjoyin-1775106474079-2a705a98.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Thorne",
|
||||
handle: "@thorneevents",
|
||||
testimonial: "Hosting our corporate holiday party at Konstruct was seamless and impressive.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-professional-event-planner-1775106473373-9d627f21.png",
|
||||
},
|
||||
id: "3", name: "David Thorne", handle: "@thorneevents", testimonial: "Hosting our corporate holiday party at Konstruct was seamless and impressive.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-professional-event-planner-1775106473373-9d627f21.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe Miller",
|
||||
handle: "@cmiller",
|
||||
testimonial: "My neighborhood go-to. Always fresh, always friendly, always good vibes.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-regular-neighbor-enjoying--1775106473232-2e501b12.png",
|
||||
},
|
||||
id: "4", name: "Chloe Miller", handle: "@cmiller", testimonial: "My neighborhood go-to. Always fresh, always friendly, always good vibes.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-regular-neighbor-enjoying--1775106473232-2e501b12.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan Smith",
|
||||
handle: "@jsmith_co",
|
||||
testimonial: "The best craft selection in the city. A must-visit destination.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-confident-urban-profession-1775106475160-6461ed93.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Jordan Smith", handle: "@jsmith_co", testimonial: "The best craft selection in the city. A must-visit destination.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-confident-urban-profession-1775106475160-6461ed93.png"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Community Says"
|
||||
@@ -296,16 +194,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Ready to Experience Konstruct?"
|
||||
description="Reserve a table for your next outing, private event, or team gathering today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Experience",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Your Experience", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -314,38 +209,25 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Fort Collins, CO",
|
||||
href: "#",
|
||||
},
|
||||
label: "Fort Collins, CO", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Craft Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Craft Menu", href: "#products"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Events", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user