Merge version_2 into main #2
182
src/app/page.tsx
182
src/app/page.tsx
@@ -10,7 +10,7 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
|
||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import { Zap, BowlingBall, Utensils, Star, Phone, MapPin, CalendarDays, Users } from "lucide-react";
|
||||
import { Zap, Circle, Utensils, Star, Phone, MapPin, CalendarDays, Users } from "lucide-react";
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [
|
||||
@@ -46,88 +46,104 @@ export default function Page() {
|
||||
return (
|
||||
<ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" headingFontWeight="medium">
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="PinBowl Alley"
|
||||
button={{ text: "Call Now", href: "tel:+15550000000" }}
|
||||
/>
|
||||
<HeroCentered
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
avatars={avatars}
|
||||
avatarText="4.8 rating from 78+ customers"
|
||||
title="Limon’s Favorite Bowling, Pinball & Dining Experience"
|
||||
description="Discover the ultimate local hangout! Packed with high-energy pinball, nostalgic bowling lanes, and delicious bites, our spot is designed for spontaneous, convenient, and non-stop fun right in your neighborhood."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+15550000000" },
|
||||
{ text: "Book a Lane", href: "#parties" },
|
||||
]}
|
||||
/>
|
||||
<FeatureBento
|
||||
features={features}
|
||||
animationType="none"
|
||||
tag="What We Offer"
|
||||
title="More Than Just Bowling"
|
||||
description="A full experience for families, groups, and casual hangouts."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FeatureBorderGlow
|
||||
tag="Why Choose Us"
|
||||
tagIcon={Users}
|
||||
title="The PinBowl Promise"
|
||||
description="We are a family-owned destination committed to local fun and quality time."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Users, title: "Family-Owned", description: "Experience the warmth of a family-operated business." },
|
||||
{ icon: Star, title: "Unique Retro Vibe", description: "Authentic lanes and games you won't find anywhere else." },
|
||||
{ icon: Utensils, title: "Made-to-Order Food", description: "High-quality burgers, pizza, and weekly specials." },
|
||||
{ icon: Phone, title: "Friendly Staff", description: "We are here to make your visit unforgettable." },
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Best burgers I've had in a long time! A total hidden gem in Limon for families."
|
||||
rating={5}
|
||||
author="Local Resident"
|
||||
avatars={avatars.slice(0, 1)}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<PricingCardEight
|
||||
tag="Plan Your Visit"
|
||||
tagIcon={CalendarDays}
|
||||
title="Ready for some fun?"
|
||||
description="Check our current availability and book your group today."
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "call", badge: "Quick Info", price: "Call Us", subtitle: "Immediate booking", buttons: [{ text: "Call Now", href: "tel:+15550000000" }], features: ["Check lane availability", "Book a party", "Large group rates"] },
|
||||
{ id: "map", badge: "Location", price: "Visit Us", subtitle: "Find our location", buttons: [{ text: "Get Directions", href: "https://maps.google.com" }], features: ["Open daily", "Ample parking", "Centrally located"] },
|
||||
]}
|
||||
/>
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
tagIcon={Phone}
|
||||
title="Plan Your Visit Today"
|
||||
description="Get in touch for event bookings, questions, or just to say hi!"
|
||||
background={{ variant: "animated-grid" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Updates"
|
||||
/>
|
||||
<FooterBaseReveal
|
||||
logoText="PinBowl"
|
||||
columns={[
|
||||
{ title: "Visit", items: [{ label: "Bowling", href: "#" }, { label: "Arcade", href: "#" }, { label: "Restaurant", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Reviews", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Bookings", items: [{ label: "Parties", href: "#" }, { label: "Events", href: "#" }, { label: "Group Rates", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 PinBowl Alley. All rights reserved."
|
||||
/>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="PinBowl Alley"
|
||||
button={{ text: "Call Now", href: "tel:+15550000000" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
avatars={avatars}
|
||||
avatarText="4.8 rating from 78+ customers"
|
||||
title="Limon’s Favorite Bowling, Pinball & Dining Experience"
|
||||
description="Discover the ultimate local hangout! Packed with high-energy pinball, nostalgic bowling lanes, and delicious bites, our spot is designed for spontaneous, convenient, and non-stop fun right in your neighborhood."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+15550000000" },
|
||||
{ text: "Book a Lane", href: "#parties" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="activities" data-section="activities">
|
||||
<FeatureBento
|
||||
features={features}
|
||||
animationType="none"
|
||||
tag="What We Offer"
|
||||
title="More Than Just Bowling"
|
||||
description="A full experience for families, groups, and casual hangouts."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureBorderGlow
|
||||
tag="Why Choose Us"
|
||||
tagIcon={Users}
|
||||
title="The PinBowl Promise"
|
||||
description="We are a family-owned destination committed to local fun and quality time."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Users, title: "Family-Owned", description: "Experience the warmth of a family-operated business." },
|
||||
{ icon: Star, title: "Unique Retro Vibe", description: "Authentic lanes and games you won't find anywhere else." },
|
||||
{ icon: Utensils, title: "Made-to-Order Food", description: "High-quality burgers, pizza, and weekly specials." },
|
||||
{ icon: Phone, title: "Friendly Staff", description: "We are here to make your visit unforgettable." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Best burgers I've had in a long time! A total hidden gem in Limon for families."
|
||||
rating={5}
|
||||
author="Local Resident"
|
||||
avatars={avatars.slice(0, 1)}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<PricingCardEight
|
||||
tag="Plan Your Visit"
|
||||
tagIcon={CalendarDays}
|
||||
title="Ready for some fun?"
|
||||
description="Check our current availability and book your group today."
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "call", badge: "Quick Info", price: "Call Us", subtitle: "Immediate booking", buttons: [{ text: "Call Now", href: "tel:+15550000000" }], features: ["Check lane availability", "Book a party", "Large group rates"] },
|
||||
{ id: "map", badge: "Location", price: "Visit Us", subtitle: "Find our location", buttons: [{ text: "Get Directions", href: "https://maps.google.com" }], features: ["Open daily", "Ample parking", "Centrally located"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
tagIcon={Phone}
|
||||
title="Plan Your Visit Today"
|
||||
description="Get in touch for event bookings, questions, or just to say hi!"
|
||||
background={{ variant: "animated-grid" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Updates"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="PinBowl"
|
||||
columns={[
|
||||
{ title: "Visit", items: [{ label: "Bowling", href: "#" }, { label: "Arcade", href: "#" }, { label: "Restaurant", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Reviews", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Bookings", items: [{ label: "Parties", href: "#" }, { label: "Events", href: "#" }, { label: "Group Rates", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 PinBowl Alley. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user