Files
ef4abd92-2003-49fc-91c2-422…/src/app/page.tsx
2026-04-12 14:26:16 +00:00

150 lines
7.5 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Users, Bowling, Target, PartyPopper, GlassWater } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="compact"
sizing="largeSmall"
background="aurora"
cardStyle="glass-depth"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Start", id: "hero" },
{ name: "Über uns", id: "about" },
{ name: "Angebote", id: "features" },
{ name: "Stimmen", id: "testimonials" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Cherry Bowl Sihlbrugg"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "gradient-bars" }}
title="Bowlen, Lachen, Erleben im Cherry Bowl Sihlbrugg"
description="Willkommen in deinem Bowling-, Billard- und Dartcenter im Kanton Zug. Moderne Bahnen, gute Stimmung und jede Menge Spass warten auf dich ideal für Freunde, Familien und Events."
buttons={[{ text: "Jetzt buchen", href: "#contact" }]}
carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/bowling-alley-with-neon-lights_23-2151697024.jpg", imageAlt: "Bowling Spaß" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/bowling-alley-with-neon-lights_23-2151697094.jpg", imageAlt: "Moderne Bahnen" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-throwing-bowling-ball-alley_23-2148344457.jpg", imageAlt: "Gruppen-Spaß" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/bowling-alley-with-neon-lights_23-2151697099.jpg", imageAlt: "Lounge Bereich" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-enjoying-bowling_329181-16128.jpg", imageAlt: "Dart Center" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-woman-playing-bowling_107420-84941.jpg", imageAlt: "Event Location" },
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Über uns"
title="Dein Treffpunkt für gute Laune"
description="Erlebe Bowling, Billard und Dart in einer modernen, sauberen und herzlichen Atmosphäre. Gökhan und unser Team sorgen dafür, dass sich jeder Gast egal ob Familie, Gruppe oder Firma vom ersten Moment an wohlfühlt."
subdescription="Wir leben Gastfreundschaft und freuen uns darauf, deinen Aufenthalt unvergesslich zu machen."
icon={Users}
imageSrc="http://img.b2bpic.net/free-photo/cheerful-asian-executive-leading-people_1262-4716.jpg"
imageAlt="Unser Team"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Bowling", description: "Moderne Bahnen für sportliche Duelle oder gemütliche Abende.", buttonIcon: Bowling,
buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/retro-summer-activities-with-80-s-inspired-aesthetic_23-2151425808.jpg", imageAlt: "Bowling"},
{
title: "Billard & Dart", description: "Präzision und Spass an unseren gepflegten Tischen und Scheiben.", buttonIcon: Target,
buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/bowling-alley-with-neon-lights_23-2151697024.jpg", imageAlt: "Billard & Dart"},
{
title: "Kindergeburtstage", description: "Spannung und Freude garantiert wir planen deinen besonderen Tag.", buttonIcon: PartyPopper,
buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/bowling-alley-with-neon-lights_23-2151697094.jpg", imageAlt: "Geburtstage"},
{
title: "Events & Lounge", description: "Perfekt für Firmenevents oder entspannte Drinks in unserer Bar.", buttonIcon: GlassWater,
buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-throwing-bowling-ball-alley_23-2148344457.jpg", imageAlt: "Events"},
]}
title="Alles für dein Event"
description="Von Bowling-Action über Billard-Duelle bis hin zum Dartspiel wir haben das perfekte Angebot für dich."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg" },
{ id: "2", name: "Marc K.", imageSrc: "http://img.b2bpic.net/free-photo/bowling-with-friends-is-best-idea-entertainment_329181-1918.jpg" },
{ id: "3", name: "Julia S.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-women-bowling-club_23-2148344477.jpg" },
{ id: "4", name: "Thomas H.", imageSrc: "http://img.b2bpic.net/free-photo/excited-smiling-blond-girl-happily-keeping-thumbs-up-near-with-copy-space-text-promotional-content-isolated-yellow-background-like-expression_574295-2945.jpg" },
{ id: "5", name: "Lena R.", imageSrc: "http://img.b2bpic.net/free-photo/young-men-woman-standing-bowling-club_23-2148344499.jpg" },
]}
cardTitle="Was Gäste sagen"
cardTag="Bewertungen"
cardAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
tag="Kontakt"
title="Bist du bereit zu spielen?"
description="Besuche uns in Sihlbrugg. Wir freuen uns auf dich! Reservierungen sind jederzeit möglich."
background={{ variant: "plain" }}
buttons={[
{ text: "Jetzt anrufen", href: "tel:+41417101010" },
{ text: "E-Mail senden", href: "mailto:info@cherrybowl.ch" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Cherry Bowl"
columns={[
{
title: "Center", items: [
{ label: "Über uns", href: "#about" },
{ label: "Angebote", href: "#features" },
{ label: "Kontakt", href: "#contact" },
],
},
{
title: "Rechtliches", items: [
{ label: "Datenschutz", href: "#" },
{ label: "Impressum", href: "#" },
],
},
]}
copyrightText="© 2025 Cherry Bowl Sihlbrugg"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}