Merge version_1 into main #4
@@ -9,7 +9,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function BookingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -24,96 +24,68 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Book Now", id: "/booking"},
|
||||
]}
|
||||
brandName="Divya Jyot"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Book Now", id: "/booking" },
|
||||
]}
|
||||
brandName="Divya Jyot"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking-form" data-section="booking-form">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Slot"
|
||||
description="Select your sport, date, and time."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
{
|
||||
name: "date", type: "date", placeholder: "Select Date", required: true,
|
||||
},
|
||||
{
|
||||
name: "time", type: "time", placeholder: "Select Time Slot", required: true,
|
||||
},
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "sport", label: "Select Sport", options: [
|
||||
"Box Cricket", "Football", "Basketball", "Pickleball"],
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-diagonal-stripes-background_84443-82398.jpg"
|
||||
buttonText="Confirm Booking"
|
||||
/>
|
||||
</div>
|
||||
<div id="booking-form" data-section="booking-form">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Slot"
|
||||
description="Select your sport, date, and time."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Select Date", required: true },
|
||||
{ name: "time", type: "time", placeholder: "Select Time Slot", required: true },
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "sport", label: "Select Sport", options: ["Box Cricket", "Football", "Basketball", "Pickleball"]
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-diagonal-stripes-background_84443-82398.jpg"
|
||||
buttonText="Confirm Booking"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="page"
|
||||
title="Booking Privacy Policy"
|
||||
sections={[
|
||||
{
|
||||
heading: "Data Usage", content: {
|
||||
type: "paragraph", text: "Your personal details are used solely to facilitate your booking and communication with the academy management."},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="page"
|
||||
title="Booking Privacy Policy"
|
||||
sections={[
|
||||
{ heading: "Data Usage", content: { text: "Your personal details are used solely to facilitate your booking and communication with the academy management." } },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Player Feedback"
|
||||
title="Why Athletes Choose Us"
|
||||
description="Modern facilities, top-tier equipment, and community-driven sports environment."
|
||||
subdescription="Join the growing community of local athletes today."
|
||||
icon={Users}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-sporty-girl-player-with-tennis-racket-tennis-court_627829-6335.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Player Feedback"
|
||||
title="Why Athletes Choose Us"
|
||||
description="Modern facilities, top-tier equipment, and community-driven sports environment."
|
||||
subdescription="Join the growing community of local athletes today."
|
||||
icon={Users}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-sporty-girl-player-with-tennis-racket-tennis-court_627829-6335.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Academy", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Divya Jyot"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Academy", items: [{ label: "About Us", href: "#" }, { label: "Pricing", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "FAQ", href: "#" }] },
|
||||
]}
|
||||
logoText="Divya Jyot"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
178
src/app/page.tsx
178
src/app/page.tsx
@@ -26,119 +26,83 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Book Now", id: "/booking"},
|
||||
]}
|
||||
brandName="Divya Jyot"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Book Now", id: "/booking" },
|
||||
]}
|
||||
brandName="Divya Jyot"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Divya Jyot Sports Academy"
|
||||
description="Book Your Game. Play Your Passion."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "/booking"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-doing-sports-with-disabilities_23-2149067347.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Divya Jyot Sports Academy"
|
||||
description="Book Your Game. Play Your Passion."
|
||||
buttons={[{ text: "Book Now", href: "/booking" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-doing-sports-with-disabilities_23-2149067347.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="sports-selection" data-section="sports-selection">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Trophy,
|
||||
title: "Box Cricket", description: "High-intensity indoor cricket matches."},
|
||||
{
|
||||
icon: Activity,
|
||||
title: "Football", description: "Dynamic turf for football enthusiasts."},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Basketball", description: "Full-court play for competitive games."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Pickleball", description: "Popular court sport for all ages."},
|
||||
]}
|
||||
title="Our Sports"
|
||||
description="Choose your arena and play your favorite game."
|
||||
/>
|
||||
</div>
|
||||
<div id="sports-selection" data-section="sports-selection">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Trophy, title: "Box Cricket", description: "High-intensity indoor cricket matches." },
|
||||
{ icon: Activity, title: "Football", description: "Dynamic turf for football enthusiasts." },
|
||||
{ icon: Target, title: "Basketball", description: "Full-court play for competitive games." },
|
||||
{ icon: Award, title: "Pickleball", description: "Popular court sport for all ages." },
|
||||
]}
|
||||
title="Our Sports"
|
||||
description="Choose your arena and play your favorite game."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Play?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Slot", href: "/booking"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="cta" data-section="cta">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Play?"
|
||||
buttons={[{ text: "Book Your Slot", href: "/booking" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Player Testimonials"
|
||||
description="What our athletes have to say about the academy."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Great Experience", quote: "The turf quality is exceptional. Best in the city!", name: "Rahul S.", role: "Cricket Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/cricket-equipment-digital-art_23-2151761280.jpg", imageAlt: "box cricket icon minimal"},
|
||||
{
|
||||
id: "2", title: "Perfect Venue", quote: "Well-lit and maintained courts for basketball.", name: "Anjali M.", role: "Basketball Player", imageSrc: "http://img.b2bpic.net/free-photo/people-doing-sports-with-disabilities_23-2149067347.jpg", imageAlt: "box cricket icon minimal"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Player Testimonials"
|
||||
description="What our athletes have to say about the academy."
|
||||
testimonials={[
|
||||
{ id: "1", title: "Great Experience", quote: "The turf quality is exceptional. Best in the city!", name: "Rahul S.", role: "Cricket Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/cricket-equipment-digital-art_23-2151761280.jpg", imageAlt: "box cricket icon minimal" },
|
||||
{ id: "2", title: "Perfect Venue", quote: "Well-lit and maintained courts for basketball.", name: "Anjali M.", role: "Basketball Player", imageSrc: "http://img.b2bpic.net/free-photo/people-doing-sports-with-disabilities_23-2149067347.jpg", imageAlt: "box cricket icon minimal" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Terms & Conditions"
|
||||
sections={[
|
||||
{
|
||||
heading: "Booking Policy", content: {
|
||||
type: "paragraph", text: "All bookings must be made at least 2 hours in advance. Cancellations must be notified 24 hours prior to avoid penalties."},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Terms & Conditions"
|
||||
sections={[
|
||||
{ heading: "Booking Policy", content: { text: "All bookings must be made at least 2 hours in advance. Cancellations must be notified 24 hours prior to avoid penalties." } },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Academy", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Divya Jyot"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Academy", items: [{ label: "About Us", href: "#" }, { label: "Pricing", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "FAQ", href: "#" }] },
|
||||
]}
|
||||
logoText="Divya Jyot"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user