Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
277
src/app/page.tsx
277
src/app/page.tsx
@@ -26,201 +26,100 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="BJ's Lounge"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "Reservations", id: "contact" },
|
||||
]}
|
||||
brandName="BJ's Lounge"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="BJ's Lounge"
|
||||
description="Your local spot for great drinks, fun games, and unforgettable birthday celebrations. Book your lane or lounge space today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Party",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg"
|
||||
imageAlt="BJ's Lounge atmosphere"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="BJ's Lounge"
|
||||
description="Your local spot for great drinks, fun games, and unforgettable birthday celebrations. Book your lane or lounge space today!"
|
||||
buttons={[{ text: "Book a Party", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg"
|
||||
imageAlt="BJ's Lounge atmosphere"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Ultimate Social Spot"
|
||||
description="BJ's Lounge combines the best of a relaxed pub environment with active entertainment. Whether you're here for a drink after work, a game of pool, or a birthday bash, we've got you covered."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Events Hosted",
|
||||
},
|
||||
{
|
||||
value: "4",
|
||||
title: "Bowling Lanes",
|
||||
},
|
||||
{
|
||||
value: "Daily",
|
||||
title: "Happy Hours",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-party-billiard-club_329181-1920.jpg"
|
||||
imageAlt="Social lounge atmosphere"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Ultimate Social Spot"
|
||||
description="BJ's Lounge combines the best of a relaxed pub environment with active entertainment. Whether you're here for a drink after work, a game of pool, or a birthday bash, we've got you covered."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Events Hosted" },
|
||||
{ value: "4", title: "Bowling Lanes" },
|
||||
{ value: "Daily", title: "Happy Hours" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-party-billiard-club_329181-1920.jpg"
|
||||
imageAlt="Social lounge atmosphere"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Circle,
|
||||
title: "Bowling Alley",
|
||||
description: "Challenge your friends to a game on our well-maintained lanes.",
|
||||
},
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
title: "Pool Tables",
|
||||
description: "High-quality billiards tables for friendly competition.",
|
||||
},
|
||||
{
|
||||
icon: Gift,
|
||||
title: "Birthday Parties",
|
||||
description: "Customizable packages for your special day.",
|
||||
},
|
||||
]}
|
||||
title="More Than Just A Bar"
|
||||
description="Everything you need for an entertaining night out in one place."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Circle, title: "Bowling Alley", description: "Challenge your friends to a game on our well-maintained lanes." },
|
||||
{ icon: LayoutDashboard, title: "Pool Tables", description: "High-quality billiards tables for friendly competition." },
|
||||
{ icon: Gift, title: "Birthday Parties", description: "Customizable packages for your special day." },
|
||||
]}
|
||||
title="More Than Just A Bar"
|
||||
description="Everything you need for an entertaining night out in one place."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Local Guest",
|
||||
company: "Birthday Celebration",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-tender-parisian-girl-stylish-outfit-sends-air-kiss-portrait-young-woman-with-expressive-look_197531-12004.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan P.",
|
||||
role: "Regular",
|
||||
company: "Weekend Bowling",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-friends-indoors_23-2148965330.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Casey L.",
|
||||
role: "Planner",
|
||||
company: "Corporate Event",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166153.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam M.",
|
||||
role: "Local",
|
||||
company: "Friday Night",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-heart-eyes-emoticon-star-icons_53876-71034.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Taylor B.",
|
||||
role: "Visitor",
|
||||
company: "Birthday Party",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair_114579-80182.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved By Locals"
|
||||
description="See why everyone makes BJ's Lounge their favorite weekend destination."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", role: "Local Guest", company: "Birthday Celebration", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-tender-parisian-girl-stylish-outfit-sends-air-kiss-portrait-young-woman-with-expressive-look_197531-12004.jpg" },
|
||||
{ id: "2", name: "Jordan P.", role: "Regular", company: "Weekend Bowling", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-friends-indoors_23-2148965330.jpg" },
|
||||
{ id: "3", name: "Casey L.", role: "Planner", company: "Corporate Event", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166153.jpg" },
|
||||
{ id: "4", name: "Sam M.", role: "Local", company: "Friday Night", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-heart-eyes-emoticon-star-icons_53876-71034.jpg" },
|
||||
{ id: "5", name: "Taylor B.", role: "Visitor", company: "Birthday Party", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair_114579-80182.jpg" },
|
||||
]}
|
||||
title="Loved By Locals"
|
||||
description="See why everyone makes BJ's Lounge their favorite weekend destination."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Book Now"
|
||||
title="Ready to Celebrate?"
|
||||
description="Secure your birthday reservation or private lane booking today. Our team is here to make your event perfect."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@bjslounge.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Book Now"
|
||||
title="Ready to Celebrate?"
|
||||
description="Secure your birthday reservation or private lane booking today. Our team is here to make your event perfect."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@bjslounge.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Amenities",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Book Event",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="BJ's Lounge"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Amenities", href: "#features" }] },
|
||||
{ items: [{ label: "Book Event", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="BJ's Lounge"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user