Files
d6361839-e586-4dfa-9781-c7f…/src/app/page.tsx
2026-04-17 01:47:27 +00:00

486 lines
14 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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="large"
background="aurora"
cardStyle="glass-depth"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Experience",
id: "#experience",
},
{
name: "VIP Events",
id: "#events",
},
{
name: "Pricing",
id: "#pricing",
},
]}
brandName="La Cancha Arena"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="La Cancha Arena: Bowling That Explodes"
description="Experience the pulse of Colombia in the heart of New York. Tejo, indoor soccer, and premium spirits await."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-couple-wearing-warm-clothes-standing-cafe-with-industrial-interior-backlit-signboard-background_613910-21750.jpg",
imageAlt: "Arena Atmosphere 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-playing-sport-with-balls_23-2149530294.jpg",
imageAlt: "Tejo Gameplay",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-soccer-field-illustration_23-2151539684.jpg",
imageAlt: "Soccer Arena",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-sits-bar-restaurant_8353-453.jpg",
imageAlt: "Bar Scene",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stressed-men-watching-match-concentration_329181-18338.jpg",
imageAlt: "Arena Atmosphere 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-dartboard-with-bullseye-arrow-points_23-2150407989.jpg",
imageAlt: "Tejo Gameplay 6",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-people-celebrating-pride-month_23-2149333002.jpg",
imageAlt: "Tejo Gameplay 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/group-female-friends-watching-sports-home-together_23-2150168037.jpg",
imageAlt: "Soccer Arena 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/waitress-writing-down-order_107420-84928.jpg",
imageAlt: "Bar Scene 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-spending-time-together-night_23-2149328366.jpg",
imageAlt: "Arena Atmosphere 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-using-smartphones-as-they-are-walking-outdoors_53876-145467.jpg",
imageAlt: "Tejo Gameplay 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/football-player-training_23-2147813183.jpg",
imageAlt: "Soccer Arena 6",
},
]}
buttons={[
{
text: "Book Experience",
href: "#pricing",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/lifestyle-couple-date-night_23-2149131786.jpg",
alt: "Happy guest 1",
},
{
src: "http://img.b2bpic.net/free-photo/girls-kidding-party_23-2147640500.jpg",
alt: "Happy guest 2",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-techno-party_23-2150639069.jpg",
alt: "Happy guest 3",
},
{
src: "http://img.b2bpic.net/free-photo/group-friends-staring-woman_1098-1714.jpg",
alt: "Happy guest 4",
},
{
src: "http://img.b2bpic.net/free-photo/friends-good-company_1098-1716.jpg",
alt: "Happy guest 5",
},
]}
avatarText="Join 5,000+ others"
marqueeItems={[
{
type: "text",
text: "100% Authentic Colombian Vibe",
},
{
type: "text",
text: "Explosive Tejo Gameplay",
},
{
type: "text",
text: "Premium Spirits & Bar",
},
{
type: "text",
text: "Indoor Soccer Arena",
},
{
type: "text",
text: "VIP Group Experiences",
},
]}
/>
</div>
<div id="experience" data-section="experience">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "tejo",
title: "Explosive Tejo",
tags: [
"Signature",
"Adrenaline",
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-group-friends-by-beach_23-2148140799.jpg",
},
{
id: "soccer",
title: "Indoor Soccer",
tags: [
"High Energy",
"Sport",
],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-football_23-2149085524.jpg",
},
{
id: "drinks",
title: "Authentic Colombian Bar",
tags: [
"Spirits",
"Vibe",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-toasting-whisky-glasses_23-2147861988.jpg",
},
]}
title="Beyond the Ordinary"
description="We reinvented the night out. From explosive tejo to high-intensity indoor soccer, this is where NYC comes to play."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Tatiana Reyes",
handle: "@tati_r",
testimonial: "Tatiana made the night special. 10/10 experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8831.jpg",
},
{
id: "2",
name: "Carlos Gomez",
handle: "@carlosg",
testimonial: "Felt like I was back in Colombia. Pure magic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-man-vaporwave-style_23-2148950757.jpg",
},
{
id: "3",
name: "Elena Martinez",
handle: "@elena_m",
testimonial: "Best birthday party weve ever had. Truly unforgettable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-using-phone-while-standing-night-time_410324-125.jpg",
},
{
id: "4",
name: "David Smith",
handle: "@dave_s",
testimonial: "Tejo was insanely fun. Never played anything like it.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/classic-old-fashioned-library-space-with-elegant-wooden-interiors_482257-125296.jpg",
},
{
id: "5",
name: "Sarah Jenkins",
handle: "@sarah_j",
testimonial: "The staff was amazing and super attentive all night.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-pop-star-singer-with-microphone-sitting-scene-club_158538-7879.jpg",
},
]}
showRating={true}
title="Join the Movement"
description="Real energy from the people who call La Cancha home."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "standard",
badge: "Popular",
price: "$150",
subtitle: "Experience Package",
buttons: [
{
text: "Book Now",
},
],
features: [
"Tejo access",
"Includes beer/aguardiente",
"Arena privileges",
],
},
{
id: "group",
badge: "VIP",
price: "$450",
subtitle: "Group Arena Night",
buttons: [
{
text: "Book Now",
},
],
features: [
"Private Tejo lane",
"Soccer access",
"Dedicated host",
"Party package",
],
},
{
id: "corporate",
badge: "Exclusive",
price: "Custom",
subtitle: "Corporate/Private",
buttons: [
{
text: "Inquire",
},
],
features: [
"Full facility buyout",
"Custom drink menu",
"Event management",
],
},
]}
title="VIP Arena Access"
description="Simple, transparent pricing for your next unforgettable night out."
/>
</div>
<div id="events" data-section="events">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Arena",
name: "Birthday Party",
price: "From $300",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-drinks-counter_107420-96320.jpg",
},
{
id: "p2",
brand: "Arena",
name: "Corporate Event",
price: "Custom",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/time-with-friends-bowling-alley_53876-21018.jpg",
},
{
id: "p3",
brand: "Arena",
name: "Bachelorette Night",
price: "From $500",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/high-view-women-playing-dancing-arcade_23-2148253101.jpg",
},
{
id: "p4",
brand: "Arena",
name: "Friends Night Out",
price: "From $150",
rating: 5,
reviewCount: "450",
imageSrc: "http://img.b2bpic.net/free-photo/bartender-lining-whisky-shot-glasses-bar-counter_107420-65476.jpg",
},
{
id: "p5",
brand: "Arena",
name: "Influencer Showcase",
price: "Custom",
rating: 5,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-standing-night-club-stairs_627829-5106.jpg",
},
{
id: "p6",
brand: "Arena",
name: "After Party",
price: "From $200",
rating: 5,
reviewCount: "500",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bartender-preparing-drink_23-2150494226.jpg",
},
]}
title="Arena Events"
description="From corporate team building to high-energy birthday bashes, we curate perfection."
/>
</div>
<div id="newsletter" data-section="newsletter">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Aguila Beer",
"Club Colombia",
"NYC Events",
"Tejo Federation",
"Local Soccer Pro",
"Bar Union",
"Arena Sports",
]}
title="Arena Partners"
description="Proudly backed by those who define Colombian culture in NYC."
/>
</div>
<div id="cta" data-section="cta">
<ContactSplitForm
useInvertedBackground={false}
title="Ready to Belong?"
description="Book your reservation today. Space is limited and weekends go fast."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "notes",
placeholder: "Event details or booking request",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215846.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Experience",
items: [
{
label: "Tejo",
href: "#experience",
},
{
label: "Soccer",
href: "#experience",
},
{
label: "Bar",
href: "#experience",
},
],
},
{
title: "VIP",
items: [
{
label: "Book Event",
href: "#cta",
},
{
label: "Pricing",
href: "#pricing",
},
{
label: "Corporate",
href: "#pricing",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="La Cancha Arena"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}