150 lines
7.5 KiB
TypeScript
150 lines
7.5 KiB
TypeScript
"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>
|
||
);
|
||
} |