Merge version_1 into main #2
486
src/app/page.tsx
486
src/app/page.tsx
@@ -28,367 +28,147 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Turf",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Rates",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Soccerz"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Turf", id: "about" },
|
||||
{ name: "Rates", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Soccerz"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Kick Off Your Game at Vadakkevila's Premier Sports Arena"
|
||||
description="Experience pro-grade artificial turf under magnificent floodlights."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rahul K.",
|
||||
handle: "@rahulk",
|
||||
testimonial: "Best turf in Kollam! The grass is top-notch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-afro-american-sportsman-basketball-player-sportswear-with-ball-dark-background_613910-6460.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sreejith M.",
|
||||
handle: "@sreejithm",
|
||||
testimonial: "Great facilities and amazing LED lights.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-soccer-player_23-2151871481.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anita V.",
|
||||
handle: "@anitav",
|
||||
testimonial: "Perfect for our weekend matches.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-holding-soccer-ball-her-hands-girl-soccer-player-soccer-training-soccer_169016-68343.jpg",
|
||||
},
|
||||
{
|
||||
name: "Arjun R.",
|
||||
handle: "@arjunr",
|
||||
testimonial: "Very spacious and well-maintained.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg",
|
||||
},
|
||||
{
|
||||
name: "Vikram N.",
|
||||
handle: "@vikramn",
|
||||
testimonial: "Professional grade turf, highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-goalkeeper-soccer-man-isolated-academy-soccer-team_1150-14676.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Slot via WhatsApp",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/athletes-starting-line-stadium_23-2149399625.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/basketball-court-with-people-fan-sport-arena-render-3d-illustration_654080-1453.jpg",
|
||||
alt: "Player portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-tennis-player-green-court-grass_72229-125.jpg",
|
||||
alt: "Player portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-soccer-stadium-with-dreamy-fantasy-view-sky_23-2151563135.jpg",
|
||||
alt: "Player portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-soccer-field-illustration_23-2151539684.jpg",
|
||||
alt: "Player portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bleacher-soccer-field_1339-3224.jpg",
|
||||
alt: "Player portrait",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Pro-Grade Turf",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Floodlit Matches",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "5-a-side Arena",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Weekend Fun",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Book Online",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Kick Off Your Game at Vadakkevila's Premier Sports Arena"
|
||||
description="Experience pro-grade artificial turf under magnificent floodlights."
|
||||
testimonials={[
|
||||
{ name: "Rahul K.", handle: "@rahulk", testimonial: "Best turf in Kollam! The grass is top-notch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-afro-american-sportsman-basketball-player-sportswear-with-ball-dark-background_613910-6460.jpg" },
|
||||
{ name: "Sreejith M.", handle: "@sreejithm", testimonial: "Great facilities and amazing LED lights.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-soccer-player_23-2151871481.jpg" },
|
||||
{ name: "Anita V.", handle: "@anitav", testimonial: "Perfect for our weekend matches.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-holding-soccer-ball-her-hands-girl-soccer-player-soccer-training-soccer_169016-68343.jpg" },
|
||||
{ name: "Arjun R.", handle: "@arjunr", testimonial: "Very spacious and well-maintained.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg" },
|
||||
{ name: "Vikram N.", handle: "@vikramn", testimonial: "Professional grade turf, highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-goalkeeper-soccer-man-isolated-academy-soccer-team_1150-14676.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Book Your Slot via WhatsApp", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/athletes-starting-line-stadium_23-2149399625.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/basketball-court-with-people-fan-sport-arena-render-3d-illustration_654080-1453.jpg", alt: "Player portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-tennis-player-green-court-grass_72229-125.jpg", alt: "Player portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-soccer-stadium-with-dreamy-fantasy-view-sky_23-2151563135.jpg", alt: "Player portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/futuristic-soccer-field-illustration_23-2151539684.jpg", alt: "Player portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bleacher-soccer-field_1339-3224.jpg", alt: "Player portrait" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Pro-Grade Turf" },
|
||||
{ type: "text", text: "Floodlit Matches" },
|
||||
{ type: "text", text: "5-a-side Arena" },
|
||||
{ type: "text", text: "Weekend Fun" },
|
||||
{ type: "text", text: "Book Online" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Unmatched Quality Turf"
|
||||
description="Soccerz offers premium facilities designed for peak performance and player safety in the heart of Kollam."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Dual-Pitch Layout",
|
||||
description: "Optimized for 5-a-side, 7-a-side matches, and box cricket.",
|
||||
},
|
||||
{
|
||||
title: "FIFA-Grade Grass",
|
||||
description: "Shock-absorbent artificial grass for maximum traction and safety.",
|
||||
},
|
||||
{
|
||||
title: "Player Amenities",
|
||||
description: "Dugouts, locker rooms, and parking.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/football-field-with-colourful-flag_1137-74.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Unmatched Quality Turf"
|
||||
description="Soccerz offers premium facilities designed for peak performance and player safety in the heart of Kollam."
|
||||
bulletPoints={[
|
||||
{ title: "Dual-Pitch Layout", description: "Optimized for 5-a-side, 7-a-side matches, and box cricket." },
|
||||
{ title: "FIFA-Grade Grass", description: "Shock-absorbent artificial grass for maximum traction and safety." },
|
||||
{ title: "Player Amenities", description: "Dugouts, locker rooms, and parking." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/football-field-with-colourful-flag_1137-74.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "FIFA-Grade Grass",
|
||||
description: "High-density turf with true bounce.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-lush-green-grass-field_23-2151982447.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletes-starting-line-stadium_23-2149399625.jpg?_wi=2",
|
||||
imageAlt: "artificial grass texture",
|
||||
},
|
||||
{
|
||||
title: "Pro LED Lighting",
|
||||
description: "Tournament-grade, shadowless night visibility.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-circular-neon-lights-background_23-2147815492.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-field-with-colourful-flag_1137-74.jpg?_wi=2",
|
||||
imageAlt: "artificial grass texture",
|
||||
},
|
||||
{
|
||||
title: "Player Amenities",
|
||||
description: "Comfortable dugouts and locker rooms.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volunteers-checking-list-donations_23-2149230492.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-afro-american-sportsman-basketball-player-sportswear-with-ball-dark-background_613910-6460.jpg?_wi=2",
|
||||
imageAlt: "artificial grass texture",
|
||||
},
|
||||
]}
|
||||
title="Facility Features"
|
||||
description="Engineered for the ultimate sports experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "FIFA-Grade Grass", description: "High-density turf with true bounce.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-lush-green-grass-field_23-2151982447.jpg" }, items: [], reverse: false },
|
||||
{ title: "Pro LED Lighting", description: "Tournament-grade, shadowless night visibility.", media: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-circular-neon-lights-background_23-2147815492.jpg" }, items: [], reverse: true },
|
||||
{ title: "Player Amenities", description: "Comfortable dugouts and locker rooms.", media: { imageSrc: "http://img.b2bpic.net/free-photo/volunteers-checking-list-donations_23-2149230492.jpg" }, items: [], reverse: false }
|
||||
]}
|
||||
title="Facility Features"
|
||||
description="Engineered for the ultimate sports experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "day",
|
||||
badge: "Economy",
|
||||
price: "₹800 / Hour",
|
||||
subtitle: "Day Slots (06:00 AM - 04:00 PM)",
|
||||
features: [
|
||||
"Natural daylight play",
|
||||
"Ideal for students",
|
||||
"Practice sessions",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "peak",
|
||||
badge: "Premium",
|
||||
price: "₹1,300 / Hour",
|
||||
subtitle: "Peak Night Slots (04:00 PM - 10:00 PM)",
|
||||
features: [
|
||||
"Premium floodlights active",
|
||||
"Cool evening weather",
|
||||
"High-intensity matches",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Rates & Operating Hours"
|
||||
description="Open Daily from 09:45 AM to 10:00 PM"
|
||||
buttons={[
|
||||
{
|
||||
text: "Check Availability",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "day", badge: "Economy", price: "₹800 / Hour", subtitle: "Day Slots (06:00 AM - 04:00 PM)", features: ["Natural daylight play", "Ideal for students", "Practice sessions"] },
|
||||
{ id: "peak", badge: "Premium", price: "₹1,300 / Hour", subtitle: "Peak Night Slots (04:00 PM - 10:00 PM)", features: ["Premium floodlights active", "Cool evening weather", "High-intensity matches"] }
|
||||
]}
|
||||
title="Rates & Operating Hours"
|
||||
description="Open Daily from 09:45 AM to 10:00 PM"
|
||||
buttons={[{ text: "Check Availability", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rahul K.",
|
||||
role: "Player",
|
||||
testimonial: "Best turf in Kollam! The grass is top-notch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-sporty-man-headband-holding-soccer-ball-pointing-up-with-finger-having-new-idea-standing-green-wall_141793-51027.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sreejith M.",
|
||||
role: "Player",
|
||||
testimonial: "Great facilities and amazing LED lights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-active-lifestyle-sport-concept-cheerful-male-teenager-with-afro-hairstyle_273609-8622.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anita V.",
|
||||
role: "Player",
|
||||
testimonial: "Perfect for our weekend matches.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-football-player-kicking-ball_23-2148850744.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Arjun R.",
|
||||
role: "Player",
|
||||
testimonial: "Very spacious and well-maintained.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101468.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vikram N.",
|
||||
role: "Player",
|
||||
testimonial: "Professional grade turf, highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-playing-football-with-feet_23-2148867368.jpg",
|
||||
},
|
||||
]}
|
||||
title="Player Feedback"
|
||||
description="Hear what our community says about their experience at Soccerz."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Rahul K.", role: "Player", testimonial: "Best turf in Kollam! The grass is top-notch.", imageSrc: "http://img.b2bpic.net/free-photo/mature-sporty-man-headband-holding-soccer-ball-pointing-up-with-finger-having-new-idea-standing-green-wall_141793-51027.jpg" },
|
||||
{ id: "2", name: "Sreejith M.", role: "Player", testimonial: "Great facilities and amazing LED lights.", imageSrc: "http://img.b2bpic.net/free-photo/people-active-lifestyle-sport-concept-cheerful-male-teenager-with-afro-hairstyle_273609-8622.jpg" },
|
||||
{ id: "3", name: "Anita V.", role: "Player", testimonial: "Perfect for our weekend matches.", imageSrc: "http://img.b2bpic.net/free-photo/female-football-player-kicking-ball_23-2148850744.jpg" },
|
||||
{ id: "4", name: "Arjun R.", role: "Player", testimonial: "Very spacious and well-maintained.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101468.jpg" },
|
||||
{ id: "5", name: "Vikram N.", role: "Player", testimonial: "Professional grade turf, highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-playing-football-with-feet_23-2148867368.jpg" }
|
||||
]}
|
||||
title="Player Feedback"
|
||||
description="Hear what our community says about their experience at Soccerz."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2",
|
||||
title: "Pitches",
|
||||
description: "Professional multi-sport zones.",
|
||||
icon: Layout,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "16",
|
||||
title: "Hours Open",
|
||||
description: "Available from 6 AM to 10 PM.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Matches",
|
||||
description: "Satisfied playing sessions.",
|
||||
icon: Trophy,
|
||||
},
|
||||
]}
|
||||
title="Our Arena Stats"
|
||||
description="High-performance facility metrics."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "2", title: "Pitches", description: "Professional multi-sport zones.", icon: Layout },
|
||||
{ id: "m2", value: "16", title: "Hours Open", description: "Available from 6 AM to 10 PM.", icon: Clock },
|
||||
{ id: "m3", value: "500+", title: "Matches", description: "Satisfied playing sessions.", icon: Trophy }
|
||||
]}
|
||||
title="Our Arena Stats"
|
||||
description="High-performance facility metrics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Book your slot via WhatsApp at +91 98765 43210. Visit us in Vadakkevila, Pallimukku, Kollam today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us Now",
|
||||
href: "https://wa.me/919876543210",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Book your slot via WhatsApp at +91 98765 43210. Visit us in Vadakkevila, Pallimukku, Kollam today!"
|
||||
buttons={[{ text: "WhatsApp Us Now", href: "https://wa.me/919876543210" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Vadakkevila, Pallimukku",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Kollam, Kerala 691010",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact: +91 98765 43210",
|
||||
href: "tel:+919876543210",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp Booking",
|
||||
href: "https://wa.me/919876543210",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Soccerz - Football Turf"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Vadakkevila, Pallimukku", href: "#" }, { label: "Kollam, Kerala 691010", href: "#" }] },
|
||||
{ items: [{ label: "Contact: +91 98765 43210", href: "tel:+919876543210" }, { label: "WhatsApp Booking", href: "https://wa.me/919876543210" }] }
|
||||
]}
|
||||
logoText="Soccerz - Football Turf"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user