208 lines
13 KiB
TypeScript
208 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import Link from "next/link";
|
|
import { Sparkles, Beer, Star, Calendar } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Beers", id: "/beers" },
|
|
{ name: "Order Online", id: "/order" },
|
|
{ name: "Events", id: "/events" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="Ninepenny"
|
|
bottomLeftText="75 Conception Bay Hwy, CBS"
|
|
bottomRightText="hello@ninepenny.com"
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="NINEPENNY"
|
|
description="Award-Winning Craft Beer in Conception Bay South. Locally brewed. Community driven. Always fresh."
|
|
buttons={[
|
|
{ text: "View Our Beers", href: "/beers" },
|
|
{ text: "Order Online", href: "/order" },
|
|
{ text: "Get Directions", href: "#visit" },
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-pouring-beer_171337-13762.jpg?_wi=1", imageAlt: "craft brewery taproom beer pour pub interior"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/three-bearded-interracial-friends-drink-craft-beer-talk-brewery-two-hipster-workers-aprons-drink-beer-with-their-friend-brewery-factory-old-friends-gathered-drink-beer-chat_613910-20526.jpg?_wi=1", imageAlt: "brewery interior bar seating craft beer taps"},
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* About Section */}
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Story"
|
|
tagIcon={Sparkles}
|
|
title="Crafting Community, One Beer at a Time"
|
|
description="Ninepenny Brewery was founded on a simple mission: to create exceptional craft beers that celebrate local Newfoundland ingredients and bring our community together. Every batch reflects our commitment to quality, sustainability, and the bold flavors that make craft beer worth savoring. We're more than a brewery—we're a gathering place for beer lovers, families, and friends."
|
|
metrics={[
|
|
{ value: "4.8★", title: "Customer Rating" },
|
|
{ value: "100+", title: "5-Star Reviews" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/black-bearded-tattooed-hipster-male-manufacturer-presenting-craft-beer-microbrewery_613910-13529.jpg?_wi=1"
|
|
imageAlt="brewery facility brewing equipment industrial interior"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Featured Beers Section */}
|
|
<div id="featured-beers" data-section="featured-beers">
|
|
<ProductCardFour
|
|
title="Featured Beers"
|
|
description="Our core lineup features bold, innovative flavors crafted with the finest local ingredients."
|
|
tag="Available Now"
|
|
tagIcon={Beer}
|
|
products={[
|
|
{
|
|
id: "1", name: "Conception Bay IPA", price: "7% ABV", variant: "India Pale Ale • Hoppy & Citrus", imageSrc: "http://img.b2bpic.net/free-photo/black-beer-wood_1150-12242.jpg?_wi=1", imageAlt: "IPA beer craft beer bottle beer glass pour"},
|
|
{
|
|
id: "2", name: "Tidal Lager", price: "5.2% ABV", variant: "Golden Lager • Crisp & Clean", imageSrc: "http://img.b2bpic.net/free-vector/realistic-beer-background_23-2147738579.jpg?_wi=1", imageAlt: "lager beer golden beer beer packaging"},
|
|
{
|
|
id: "3", name: "Dark Harbor Stout", price: "6.5% ABV", variant: "Imperial Stout • Rich & Roasted", imageSrc: "http://img.b2bpic.net/free-photo/frothy-beer-pouring-into-glass-refreshing-refreshment-generated-by-ai_188544-34315.jpg?_wi=1", imageAlt: "stout beer dark beer beer glass foam"},
|
|
{
|
|
id: "4", name: "Seasonal Release", price: "Varies", variant: "Limited Edition • Rotating Selection", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beers-chilling-ice_53876-31310.jpg?_wi=1", imageAlt: "seasonal beer limited edition craft release"},
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[{ text: "View Full Tap List", href: "/beers" }]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Visit Section */}
|
|
<div id="visit" data-section="visit">
|
|
<ContactSplitForm
|
|
title="Visit Us at Ninepenny"
|
|
description="Stop by our taproom at 75 Conception Bay Hwy, Conception Bay South. Open daily with live music, food trucks, and community vibes. Secure parking available."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Email Address", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Questions? Event inquiries? We'd love to hear from you.", rows: 4,
|
|
required: false,
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-vector/isometric-wine-production-flowchart-composition-with-isolated-images-people-serving-appliances-wine-glass-grapes_98292-7604.jpg?_wi=1"
|
|
imageAlt="location map brewery location directions"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
buttonText="Get in Touch"
|
|
/>
|
|
</div>
|
|
|
|
{/* Social Proof Section */}
|
|
<div id="social-proof" data-section="social-proof">
|
|
<TestimonialCardSixteen
|
|
title="Loved by Our Community"
|
|
description="Real reviews from real customers who make Ninepenny part of their story."
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Local Food Blogger", company: "Conception Bay South", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=1", imageAlt: "smiling customer happy person customer portrait"},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Restaurant Owner", company: "Harbor Bistro", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1", imageAlt: "satisfied customer person portrait happy expression"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Event Coordinator", company: "Newfoundland Events Co", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg?_wi=1", imageAlt: "customer smiling person image portrait photo"},
|
|
{
|
|
id: "4", name: "David Kim", role: "Craft Beer Enthusiast", company: "Local Community", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg?_wi=2", imageAlt: "happy customer portrait customer image"},
|
|
{
|
|
id: "5", name: "Jessica Wright", role: "Tourism Director", company: "CBS Tourism Board", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2", imageAlt: "satisfied person customer portrait happy face"},
|
|
{
|
|
id: "6", name: "Thomas MacLeod", role: "Music Promoter", company: "Atlantic Live Music", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic_482257-4045.jpg", imageAlt: "customer photo person image portrait"},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "180+", label: "5-Star Reviews" },
|
|
{ value: "4.8★", label: "Average Rating" },
|
|
{ value: "1000+", label: "Community Members" },
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Events Section */}
|
|
<div id="events" data-section="events">
|
|
<BlogCardThree
|
|
title="Upcoming Events"
|
|
description="Join us for live music, food truck nights, seasonal releases, and brewery tours. Our calendar is always buzzing with community events."
|
|
tag="Community"
|
|
tagIcon={Calendar}
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Food Truck Night", title: "Thursday Night Food Trucks", excerpt: "Every Thursday evening, local food trucks park outside Ninepenny. Pair your favorite beer with amazing food.", imageSrc: "http://img.b2bpic.net/free-photo/food-truck-xa-with-hot-dogs-burgers-brutal-bearded-chef_1321-488.jpg?_wi=1", imageAlt: "food truck outdoor event night market", authorName: "Ninepenny Team", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", date: "Every Thursday"},
|
|
{
|
|
id: "2", category: "Live Music", title: "Weekend Live Music Sessions", excerpt: "Local musicians perform every Friday and Saturday night. Great acoustics, cold beers, and vibrant community atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-young-lady-crowd-concert_181624-27673.jpg?_wi=1", imageAlt: "live music concert band performance", authorName: "Ninepenny Team", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", date: "Fri & Sat Nights"},
|
|
{
|
|
id: "3", category: "Seasonal Release", title: "Seasonal Beer Releases", excerpt: "Experience our limited-edition seasonal brews. Only available for a limited time. Mark your calendar for exclusive tastings.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beers-chilling-ice_53876-31310.jpg?_wi=2", imageAlt: "seasonal beer limited edition craft release", authorName: "Ninepenny Team", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", date: "Seasonal"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "View Full Calendar", href: "/events" }]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Ninepenny"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|