486 lines
14 KiB
TypeScript
486 lines
14 KiB
TypeScript
"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 we’ve 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>
|
||
);
|
||
}
|