Merge version_1 into main #1
210
src/app/page.tsx
210
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "#how-it-works",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How it Works", id: "how-it-works" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sports Padel"
|
||||
/>
|
||||
@@ -56,34 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Play Padel. Elevate Your Game."
|
||||
description="Book courts, join matches, and experience the fastest-growing sport in the world — all in one place."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Court",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Join a Match",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Book a Court", href: "#" },
|
||||
{ text: "Join a Match", href: "#" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-padel_657883-316.jpg",
|
||||
imageAlt: "Padel Match Action",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paddle-tennis-court-with-balls-low-angle_23-2149434233.jpg",
|
||||
imageAlt: "Modern Court",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-sport-collage_23-2149402965.jpg",
|
||||
imageAlt: "Racket Impact",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-playing-padel_657883-316.jpg", imageAlt: "Padel Match Action" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/paddle-tennis-court-with-balls-low-angle_23-2149434233.jpg", imageAlt: "Modern Court" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-sport-collage_23-2149402965.jpg", imageAlt: "Racket Impact" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -94,11 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
tag="About Us"
|
||||
title="What is Sports Padel?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -109,21 +73,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Easy Court Booking",
|
||||
description: "Reserve courts in seconds with real-time availability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/neon-icon-lottery-ticket_1262-15649.jpg",
|
||||
},
|
||||
{
|
||||
title: "Find Players",
|
||||
description: "Connect with other padel enthusiasts nearby.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749337.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tournaments & Events",
|
||||
description: "Join competitive matches and community events.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colombian-national-soccer-team-concept-still-life_23-2150257158.jpg",
|
||||
},
|
||||
{ title: "Easy Court Booking", description: "Reserve courts in seconds with real-time availability.", imageSrc: "http://img.b2bpic.net/free-vector/neon-icon-lottery-ticket_1262-15649.jpg" },
|
||||
{ title: "Find Players", description: "Connect with other padel enthusiasts nearby.", imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749337.jpg" },
|
||||
{ title: "Tournaments & Events", description: "Join competitive matches and community events.", imageSrc: "http://img.b2bpic.net/free-photo/colombian-national-soccer-team-concept-still-life_23-2150257158.jpg" },
|
||||
]}
|
||||
title="Everything You Need to Play"
|
||||
description="Comprehensive tools to manage your padel journey effectively."
|
||||
@@ -136,27 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Premium",
|
||||
title: "Court Locations",
|
||||
description: "Top-tier facilities globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/taxi-service-onboarding-app-screens_23-2148403505.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Fast",
|
||||
title: "Booking System",
|
||||
description: "Seamless user-friendly interface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/user-profile-icon-right-side_187299-47597.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Active",
|
||||
title: "Community",
|
||||
description: "Thousands of local players.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204947.jpg",
|
||||
},
|
||||
{ id: "1", value: "Premium", title: "Court Locations", description: "Top-tier facilities globally.", imageSrc: "http://img.b2bpic.net/free-vector/taxi-service-onboarding-app-screens_23-2148403505.jpg" },
|
||||
{ id: "2", value: "Fast", title: "Booking System", description: "Seamless user-friendly interface.", imageSrc: "http://img.b2bpic.net/free-photo/user-profile-icon-right-side_187299-47597.jpg" },
|
||||
{ id: "3", value: "Active", title: "Community", description: "Thousands of local players.", imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204947.jpg" },
|
||||
]}
|
||||
title="Why Sports Padel?"
|
||||
description="Industry-leading features built for the perfect padel experience."
|
||||
@@ -170,21 +104,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sign Up",
|
||||
description: "Create your profile in seconds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/xmas-symbols-set-neon-style_74855-11508.jpg",
|
||||
},
|
||||
{
|
||||
title: "Book & Match",
|
||||
description: "Reserve or join instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side_187299-47522.jpg",
|
||||
},
|
||||
{
|
||||
title: "Compete",
|
||||
description: "Play, win, and have fun.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colombian-national-soccer-team-concept-still-life_23-2150257157.jpg",
|
||||
},
|
||||
{ title: "Sign Up", description: "Create your profile in seconds.", imageSrc: "http://img.b2bpic.net/free-vector/xmas-symbols-set-neon-style_74855-11508.jpg" },
|
||||
{ title: "Book & Match", description: "Reserve or join instantly.", imageSrc: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side_187299-47522.jpg" },
|
||||
{ title: "Compete", description: "Play, win, and have fun.", imageSrc: "http://img.b2bpic.net/free-photo/colombian-national-soccer-team-concept-still-life_23-2150257157.jpg" },
|
||||
]}
|
||||
title="Start Playing in 3 Steps"
|
||||
description="Getting started with your padel journey is easier than ever."
|
||||
@@ -197,64 +119,24 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Sports Padel made it so easy to find games and improve my skills.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/player-leaning-basketball-full-shot_23-2148393837.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "@mchen",
|
||||
testimonial: "Great community and seamless booking experience. Love it!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-happy-redhead-sportswoman-winking-camera-standing-workout-clothing-doing-exercises-white-background_176420-48939.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@erodriguez",
|
||||
testimonial: "Everything I need for my matches is right here. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-person-doing-sport_23-2151027752.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Fantastic interface and responsive support. Best padel app.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fit-young-woman-sportswear-posing_23-2148759027.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa M.",
|
||||
handle: "@lisam",
|
||||
testimonial: "Finally, a platform that understands what players really need.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-male-athlete-looking-camera_23-2148162169.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Sports Padel made it so easy to find games and improve my skills.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/player-leaning-basketball-full-shot_23-2148393837.jpg" },
|
||||
{ id: "2", name: "Michael C.", handle: "@mchen", testimonial: "Great community and seamless booking experience. Love it!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/healthy-happy-redhead-sportswoman-winking-camera-standing-workout-clothing-doing-exercises-white-background_176420-48939.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@erodriguez", testimonial: "Everything I need for my matches is right here. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-person-doing-sport_23-2151027752.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "Fantastic interface and responsive support. Best padel app.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fit-young-woman-sportswear-posing_23-2148759027.jpg" },
|
||||
{ id: "5", name: "Lisa M.", handle: "@lisam", testimonial: "Finally, a platform that understands what players really need.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-male-athlete-looking-camera_23-2148162169.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Players Say"
|
||||
description="Hear from our community of padel enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to Play? Join Sports Padel today and be part of the fastest-growing sports community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Now",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started Now" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -263,38 +145,18 @@ export default function LandingPage() {
|
||||
logoText="Sports Padel"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user