414 lines
16 KiB
TypeScript
414 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Sparkles, Utensils, Users, Beer, Music, Heart, Trophy, Fish, Clock, MapPin } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Blue Collar"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Events", id: "events" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
]}
|
|
button={{
|
|
text: "Get Directions",
|
|
href: "contact",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Manchester's Go-To Spot for Great Food, Cold Beer, and Game-Day Energy"
|
|
description="From burgers and wraps to campfire pulled pork pizza, Blue Collar Sports Bar is the local favorite for good food, friendly service, live entertainment, and a laid-back atmosphere that keeps people coming back."
|
|
tag="Your Hometown Bar, Elevated"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "noiseDiagonalGradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cocktail-with-mixed-layer-fire_140725-43742.jpg"
|
|
imageAlt="Blue Collar Sports Bar interior with warm lighting and TVs"
|
|
buttons={[
|
|
{ text: "View Menu", href: "menu" },
|
|
{ text: "Watch the Game With Us", href: "events" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Why Locals Love Blue Collar"
|
|
metrics={[
|
|
{ icon: Utensils, label: "Fan-Favorite Food", value: "Menu-Tested" },
|
|
{ icon: Users, label: "Friendly Service", value: "Always" },
|
|
{ icon: Beer, label: "Cold Craft Beer", value: "On Tap" },
|
|
{ icon: Music, label: "Live Entertainment", value: "Weekly" },
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
title="Food People Talk About"
|
|
description="From burgers and wraps to pizza, fish fry, craft beer, and crowd-favorite drinks, Blue Collar is known for comfort food done right. The menu hits that perfect sports bar balance: satisfying, affordable, and way better than people expect."
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "pizza",
|
|
label: "Campfire Pulled Pork Pizza",
|
|
title: "The Menu Standout",
|
|
items: [
|
|
"Slow-smoked pulled pork",
|
|
"Artisan dough & cheese",
|
|
"Caramelized onions & sauce",
|
|
"Fresh from our kitchen",
|
|
],
|
|
},
|
|
{
|
|
id: "burger",
|
|
label: "Burger Baskets",
|
|
title: "Fan-Favorite Classic",
|
|
items: [
|
|
"Fresh ground beef",
|
|
"Crispy fries",
|
|
"Loaded toppings",
|
|
"Priced right",
|
|
],
|
|
},
|
|
{
|
|
id: "fish",
|
|
label: "Friday Fish Fry",
|
|
title: "Weekly Tradition",
|
|
items: [
|
|
"Fresh caught fish",
|
|
"Golden crispy coating",
|
|
"Homemade tartar sauce",
|
|
"Cold beer pairing",
|
|
],
|
|
},
|
|
{
|
|
id: "wrap",
|
|
label: "Chicken Bacon Ranch",
|
|
title: "Quick & Satisfying",
|
|
items: [
|
|
"Grilled chicken breast",
|
|
"Crispy bacon",
|
|
"Fresh ranch sauce",
|
|
"Perfectly balanced",
|
|
],
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Bar Favorites That Keep People Coming Back"
|
|
description="Cold drinks, great food, and the kind of atmosphere that makes every visit feel right."
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Blue Collar",
|
|
name: "Campfire Pulled Pork Pizza",
|
|
price: "Starting at $18",
|
|
rating: 5,
|
|
reviewCount: "150+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-meat-pizza-pizzeria-delicious-food_78826-2844.jpg",
|
|
imageAlt: "Campfire pulled pork pizza",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Blue Collar",
|
|
name: "Burger Basket",
|
|
price: "Starting at $14",
|
|
rating: 5,
|
|
reviewCount: "200+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-bacon_1150-12680.jpg",
|
|
imageAlt: "Premium burger basket with fries",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Blue Collar",
|
|
name: "Friday Fish Fry",
|
|
price: "Starting at $16",
|
|
rating: 5,
|
|
reviewCount: "180+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-with-vegetables_23-2148169168.jpg?_wi=1",
|
|
imageAlt: "Fresh crispy fish fry platter",
|
|
},
|
|
{
|
|
id: "4",
|
|
brand: "Blue Collar",
|
|
name: "Bloody Mary Special",
|
|
price: "$8",
|
|
rating: 5,
|
|
reviewCount: "220+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-cocktail-shaker_23-2149132199.jpg?_wi=1",
|
|
imageAlt: "Craft bloody mary cocktail",
|
|
},
|
|
{
|
|
id: "5",
|
|
brand: "Blue Collar",
|
|
name: "Craft Beer Selection",
|
|
price: "$5-$8",
|
|
rating: 5,
|
|
reviewCount: "300+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-male-friends-standing-bar-counter-enjoying_23-2147861996.jpg?_wi=1",
|
|
imageAlt: "Craft beer on tap",
|
|
},
|
|
{
|
|
id: "6",
|
|
brand: "Blue Collar",
|
|
name: "Chicken Bacon Ranch Wrap",
|
|
price: "$13",
|
|
rating: 5,
|
|
reviewCount: "160+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-snacks-healthy-unhealthy_23-2149134055.jpg",
|
|
imageAlt: "Chicken bacon ranch wrap",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="sports-experience" data-section="sports-experience">
|
|
<ProductCardTwo
|
|
title="Watch Every Big Moment Here"
|
|
description="When the game's on, Blue Collar is where you want to be. Plenty of TVs, cold drinks, and the kind of atmosphere that makes football Sundays, rivalry games, and playoff nights feel bigger."
|
|
animationType="scale-rotate"
|
|
gridVariant="three-columns-all-equal-width"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Game Day",
|
|
name: "Iowa Football Sundays",
|
|
price: "Perfect Atmosphere",
|
|
rating: 5,
|
|
reviewCount: "400+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173623.jpg?_wi=1",
|
|
imageAlt: "Sports bar crowd watching game",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Entertainment",
|
|
name: "Pool & Darts Night",
|
|
price: "Friendly Competition",
|
|
rating: 5,
|
|
reviewCount: "350+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-poker-together_23-2149276038.jpg",
|
|
imageAlt: "Pool table and darts entertainment",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Music & Vibes",
|
|
name: "Live Music Nights",
|
|
price: "Weekly Event",
|
|
rating: 5,
|
|
reviewCount: "320+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/magic-look-handsome-young-man-black-clothes-sitting-chair-near-dark-room-with-light_146671-19721.jpg?_wi=1",
|
|
imageAlt: "Live band performing at bar",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTitle="A Local Favorite for a Reason"
|
|
cardTag="Trusted by Manchester Regulars"
|
|
cardTagIcon={Heart}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-hanging-with-her-friends-bar_23-2147859513.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Chen",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Rodriguez",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-friends-enjoying-restaurant_23-2147861992.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fan-feel-good-about-winning_329181-18320.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jennifer Wilson",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wine-bottle-inside-ice-bucket-table_23-2147891138.jpg",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Robert Martinez",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-spending-time-together-outdoors-having-beer_23-2149073999.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="events" data-section="events">
|
|
<MetricCardThree
|
|
title="More Than a Bar Night"
|
|
description="From live music nights to game-day crowds, Blue Collar brings energy to Manchester without losing its local feel. Whether you're meeting friends, catching a game, or staying longer than planned, there's always a reason to pull up a chair."
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{ id: "1", icon: Music, title: "Live Music Nights", value: "Weekly" },
|
|
{ id: "2", icon: Trophy, title: "Game-Day Specials", value: "Sundays" },
|
|
{ id: "3", icon: Fish, title: "Friday Fish Fry", value: "6-10pm" },
|
|
{ id: "4", icon: Clock, title: "Late Night Hangouts", value: "Open Late" },
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="What People Are Saying"
|
|
description="Real reviews from real locals who keep coming back for the food, drinks, and atmosphere."
|
|
tag="Reviews"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Great food, great people... darts and pool... fantastic prices",
|
|
"Best food in Manchester. The campfire pulled pork pizza is the best",
|
|
"Great place to watch football with the best atmosphere",
|
|
"Friendly staff. Cold beer. Better than expected experience",
|
|
"This local bar has changed for the better with craft beers and fresh fries",
|
|
"It doesn't get more Iowan than this place",
|
|
"Killer burgers and wraps, cold drinks, hometown vibes",
|
|
"The kind of place you're glad you found",
|
|
]}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="conversion" data-section="conversion">
|
|
<ContactFaq
|
|
ctaTitle="Looking for Your New Go-To Spot?"
|
|
ctaDescription="Come in for the food, stay for the atmosphere, and see why Blue Collar Sports Bar keeps earning loyal regulars."
|
|
ctaIcon={MapPin}
|
|
ctaButton={{ text: "Get Directions", href: "https://maps.google.com" }}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What are your hours?",
|
|
content:
|
|
"We're open 11am-2am daily, with happy hour 4-6pm weekdays. Perfect for lunch, dinner, games, or late night.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you have live music?",
|
|
content:
|
|
"Yes! We feature live music most weekends. Check our events page for this week's lineup.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "What's your specialty?",
|
|
content:
|
|
"Our campfire pulled pork pizza and Friday fish fry are must-tries. Plus killer burgers, craft beer, and bloody marys.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Can we book a private event?",
|
|
content:
|
|
"Absolutely. We love hosting groups for game-day parties, celebrations, and team gatherings. Call us to book!",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Do you have pool and darts?",
|
|
content: "Yes, both! Great for friendly competition and downtime between games.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "What's your vibe?",
|
|
content:
|
|
"Hometown pride, friendly service, great food, cold drinks, and real local atmosphere. No corporate feel, just authentic.",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Blue Collar Sports Bar"
|
|
copyrightText="© 2025 Blue Collar Sports Bar. Good Food. Cold Beer. Hometown Grit."
|
|
columns={[
|
|
{
|
|
title: "Navigation",
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Menu", href: "/menu" },
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Events", href: "/events" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "Contact Us", href: "/contact" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "Book a Group", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Accessibility", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |