Merge version_1 into main #1
317
src/app/page.tsx
317
src/app/page.tsx
@@ -26,233 +26,110 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "community",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Valencia Erasmus Football"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Valencia Erasmus Football"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Valencia Erasmus Football ⚽️🌍"
|
||||
description="Join the biggest international football community in Valencia. Play, meet, and compete in our weekly beach and street football sessions."
|
||||
buttons={[
|
||||
{
|
||||
text: "JOIN THE GAME NOW ⚡️",
|
||||
href: "https://chat.whatsapp.com/L7vYf1U5PRPHNBqo7GI2Il?mode=gi_t",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rear-view-preteen-boy-throwing-ball-beach_74855-20092.jpg"
|
||||
imageAlt="beach football match summer spain"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Valencia Erasmus Football ⚽️🌍"
|
||||
description="Join the biggest international football community in Valencia. Play, meet, and compete in our weekly beach and street football sessions."
|
||||
buttons={[{ text: "JOIN THE GAME NOW ⚡️", href: "https://chat.whatsapp.com/L7vYf1U5PRPHNBqo7GI2Il?mode=gi_t" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rear-view-preteen-boy-throwing-ball-beach_74855-20092.jpg"
|
||||
imageAlt="beach football match summer spain"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Valencia Erasmus Football"
|
||||
description={[
|
||||
"We bring together international students, Erasmus, travelers, and locals who love football and good vibes.",
|
||||
"Every week, we organize games in the best spots in Valencia, from beach football under the sun to street football under the lights.",
|
||||
"It's not just about football; it's about meeting people, having fun, and living the Erasmus experience to the fullest.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Valencia Erasmus Football"
|
||||
description={[
|
||||
"We bring together international students, Erasmus, travelers, and locals who love football and good vibes.", "Every week, we organize games in the best spots in Valencia, from beach football under the sun to street football under the lights.", "It's not just about football; it's about meeting people, having fun, and living the Erasmus experience to the fullest."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Weekly Games",
|
||||
descriptions: [
|
||||
"Regular matches every Thursday and weekends.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/calendars-check-cross-red-blue_78370-9029.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "International Community",
|
||||
descriptions: [
|
||||
"Meet people from all over the world.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-city_23-2149128377.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fun & Competition",
|
||||
descriptions: [
|
||||
"Serious games with respect and good vibes.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-touching-hair-friend_23-2147680981.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Social Vibes",
|
||||
descriptions: [
|
||||
"Chill, drink, and enjoy after the game.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-workout-routine-schedule-template_23-2149641748.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Full Organization",
|
||||
descriptions: [
|
||||
"We handle all logistics; you just play.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-with-graphic-eye-makeup_23-2150693687.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Join Us?"
|
||||
description="We take care of the organization so you can focus on playing."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Weekly Games", descriptions: ["Regular matches every Thursday and weekends."], imageSrc: "http://img.b2bpic.net/free-vector/calendars-check-cross-red-blue_78370-9029.jpg" },
|
||||
{ id: "f2", title: "International Community", descriptions: ["Meet people from all over the world."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-city_23-2149128377.jpg" },
|
||||
{ id: "f3", title: "Fun & Competition", descriptions: ["Serious games with respect and good vibes."], imageSrc: "http://img.b2bpic.net/free-photo/woman-touching-hair-friend_23-2147680981.jpg" },
|
||||
{ id: "f4", title: "Social Vibes", descriptions: ["Chill, drink, and enjoy after the game."], imageSrc: "http://img.b2bpic.net/free-vector/flat-design-workout-routine-schedule-template_23-2149641748.jpg" },
|
||||
{ id: "f5", title: "Full Organization", descriptions: ["We handle all logistics; you just play."], imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-with-graphic-eye-makeup_23-2150693687.jpg" }
|
||||
]}
|
||||
title="Why Join Us?"
|
||||
description="We take care of the organization so you can focus on playing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Weekly",
|
||||
price: "Small Fee",
|
||||
period: "/ match",
|
||||
description: "Includes water, pitch rental, and equipment.",
|
||||
button: {
|
||||
text: "JOIN NOW",
|
||||
href: "https://chat.whatsapp.com/L7vYf1U5PRPHNBqo7GI2Il?mode=gi_t",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Fresh Water",
|
||||
"Quality Balls",
|
||||
"Bibs/Equipment",
|
||||
"Full Org",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Affordable Playing"
|
||||
description="A small contribution per match helps us keep the games organized."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", tag: "Weekly", price: "Small Fee", period: "/ match", description: "Includes water, pitch rental, and equipment.", button: { text: "JOIN NOW", href: "https://chat.whatsapp.com/L7vYf1U5PRPHNBqo7GI2Il?mode=gi_t" }, featuresTitle: "Included:", features: ["Fresh Water", "Quality Balls", "Bibs/Equipment", "Full Org"] }
|
||||
]}
|
||||
title="Affordable Playing"
|
||||
description="A small contribution per match helps us keep the games organized."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
role: "Student",
|
||||
company: "Erasmus",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-fashionable-dark-skinned-man-with-afro-hairstyle-wearing-trendy-glasses-headphones-neck-leaning-table-park-drinking-coffee_176420-19822.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marco",
|
||||
role: "Traveler",
|
||||
company: "Valencia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-girl-wireless-earphones-thoughtfully-looking-camera-while-spending-time-running-track-stadium_574295-1409.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena",
|
||||
role: "Local",
|
||||
company: "Valencia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-man-outdoor-sitting_23-2148883612.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lucas",
|
||||
role: "Student",
|
||||
company: "Exchange",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1671.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia",
|
||||
role: "Expats",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-cute-woman-hinting-go-play-snowballs-with-her-winking-joyfully-as-inviting-us-smiling-br_1258-143076.jpg",
|
||||
},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="See what our players say about the Erasmus football community."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah", role: "Student", company: "Erasmus", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-fashionable-dark-skinned-man-with-afro-hairstyle-wearing-trendy-glasses-headphones-neck-leaning-table-park-drinking-coffee_176420-19822.jpg" },
|
||||
{ id: "t2", name: "Marco", role: "Traveler", company: "Valencia", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-girl-wireless-earphones-thoughtfully-looking-camera-while-spending-time-running-track-stadium_574295-1409.jpg" },
|
||||
{ id: "t3", name: "Elena", role: "Local", company: "Valencia", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-man-outdoor-sitting_23-2148883612.jpg" },
|
||||
{ id: "t4", name: "Lucas", role: "Student", company: "Exchange", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1671.jpg" },
|
||||
{ id: "t5", name: "Sofia", role: "Expats", company: "Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-cute-woman-hinting-go-play-snowballs-with-her-winking-joyfully-as-inviting-us-smiling-br_1258-143076.jpg" }
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="See what our players say about the Erasmus football community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Play?"
|
||||
description="Join our WhatsApp group and never miss a game."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
buttonText="JOIN WHATSAPP GROUP"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/five-friends-taking-selfie-outdoor-party_23-2149366191.jpg"
|
||||
imageAlt="Five friends taking a selfie during outdoor party"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Play?"
|
||||
description="Join our WhatsApp group and never miss a game."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
buttonText="JOIN WHATSAPP GROUP"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/five-friends-taking-selfie-outdoor-party_23-2149366191.jpg"
|
||||
imageAlt="Five friends taking a selfie during outdoor party"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Valencia Erasmus Football ⚽️"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp Group",
|
||||
href: "https://chat.whatsapp.com/L7vYf1U5PRPHNBqo7GI2Il?mode=gi_t",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Valencia Erasmus Football ⚽️"
|
||||
columns={[{ title: "Links", items: [{ label: "WhatsApp Group", href: "https://chat.whatsapp.com/L7vYf1U5PRPHNBqo7GI2Il?mode=gi_t" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user