Merge version_1 into main #1
167
src/app/page.tsx
167
src/app/page.tsx
@@ -29,85 +29,41 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Midstream Padel"
|
||||
button={{ text: "Join Now" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevate Your Padel Game"
|
||||
description="Experience premium Padel courts in the heart of Midstream. Join our community, enjoy great coffee, and play with passion."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Court",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Court", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-people-sitting-outdoors-with-drinks_23-2149434175.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-tennis-court_23-2148250929.jpg",
|
||||
alt: "Happy couple on tennis court",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tennis-players-leaning-against-each-other_23-2147661800.jpg",
|
||||
alt: "Tennis players leaning against each other",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tennis-friends-leaning-fence_23-2147664422.jpg",
|
||||
alt: "Tennis friends leaning at fence",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-family-playing-badminton_23-2149907954.jpg",
|
||||
alt: "Side view family playing badminton",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-girl-is-chilling-near-tennis-net-tennis-court-with-racquet-hands_613910-14830.jpg",
|
||||
alt: "Happy smiling girl is chilling near tennis net",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-tennis-court_23-2148250929.jpg", alt: "Happy couple on tennis court" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tennis-players-leaning-against-each-other_23-2147661800.jpg", alt: "Tennis players leaning against each other" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tennis-friends-leaning-fence_23-2147664422.jpg", alt: "Tennis friends leaning at fence" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-family-playing-badminton_23-2149907954.jpg", alt: "Side view family playing badminton" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-smiling-girl-is-chilling-near-tennis-net-tennis-court-with-racquet-hands_613910-14830.jpg", alt: "Happy smiling girl is chilling near tennis net" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Facilities",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Coaching",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Social Atmosphere",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Great Coffee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Active Community",
|
||||
},
|
||||
{ type: "text", text: "Premium Facilities" },
|
||||
{ type: "text", text: "Professional Coaching" },
|
||||
{ type: "text", text: "Social Atmosphere" },
|
||||
{ type: "text", text: "Great Coffee" },
|
||||
{ type: "text", text: "Active Community" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,8 +74,7 @@ export default function LandingPage() {
|
||||
title="Your New Favorite Social Hub"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
},
|
||||
text: "Visit Us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,26 +86,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Courts",
|
||||
subtitle: "World-class Padel courts.",
|
||||
category: "Facilities",
|
||||
value: "High standard",
|
||||
},
|
||||
id: "f1", title: "Premium Courts", subtitle: "World-class Padel courts.", category: "Facilities", value: "High standard"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Great Coffee",
|
||||
subtitle: "Enjoy Plato coffee.",
|
||||
category: "Social",
|
||||
value: "Delicious",
|
||||
},
|
||||
id: "f2", title: "Great Coffee", subtitle: "Enjoy Plato coffee.", category: "Social", value: "Delicious"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Community Vibe",
|
||||
subtitle: "Music & social events.",
|
||||
category: "Lifestyle",
|
||||
value: "Energetic",
|
||||
},
|
||||
id: "f3", title: "Community Vibe", subtitle: "Music & social events.", category: "Lifestyle", value: "Energetic"},
|
||||
]}
|
||||
title="Why Choose Midstream"
|
||||
description="We offer more than just a game. Enjoy top-tier facilities and a vibrant social scene."
|
||||
@@ -164,40 +104,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Carol-Ann M",
|
||||
role: "Member",
|
||||
testimonial: "Whether you playing padel or just popping in for a coffee, nice spot to sit and catch-up with friends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-athlete-woman-with-smartphone_23-2148213192.jpg",
|
||||
},
|
||||
id: "t1", name: "Carol-Ann M", role: "Member", testimonial: "Whether you playing padel or just popping in for a coffee, nice spot to sit and catch-up with friends.", imageSrc: "http://img.b2bpic.net/free-photo/young-athlete-woman-with-smartphone_23-2148213192.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Amy Du Plessis",
|
||||
role: "Member",
|
||||
testimonial: "Love having Padel on our door step.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sportswear-beach_273609-5371.jpg",
|
||||
},
|
||||
id: "t2", name: "Amy Du Plessis", role: "Member", testimonial: "Love having Padel on our door step.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sportswear-beach_273609-5371.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Vishal Kuverjee",
|
||||
role: "Member",
|
||||
testimonial: "Great Padel courts, awesome vibe with the music and excellent coffee.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",
|
||||
},
|
||||
id: "t3", name: "Vishal Kuverjee", role: "Member", testimonial: "Great Padel courts, awesome vibe with the music and excellent coffee.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John Doe",
|
||||
role: "Member",
|
||||
testimonial: "Best courts in Centurion!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-indoors-climbing-arena_23-2150461843.jpg",
|
||||
},
|
||||
id: "t4", name: "John Doe", role: "Member", testimonial: "Best courts in Centurion!", imageSrc: "http://img.b2bpic.net/free-photo/man-posing-indoors-climbing-arena_23-2150461843.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane Smith",
|
||||
role: "Member",
|
||||
testimonial: "Friendly staff and clean environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg",
|
||||
},
|
||||
id: "t5", name: "Jane Smith", role: "Member", testimonial: "Friendly staff and clean environment.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg"},
|
||||
]}
|
||||
title="What Our Players Say"
|
||||
description="See why our members love the Midstream Padel experience."
|
||||
@@ -210,20 +125,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open daily, usually closing at 10pm.",
|
||||
},
|
||||
id: "q1", title: "What are your opening hours?", content: "We are open daily, usually closing at 10pm."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I book a court?",
|
||||
content: "You can call us directly on 076 109 9097.",
|
||||
},
|
||||
id: "q2", title: "How do I book a court?", content: "You can call us directly on 076 109 9097."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you serve food?",
|
||||
content: "We serve great coffee and have a social environment.",
|
||||
},
|
||||
id: "q3", title: "Do you serve food?", content: "We serve great coffee and have a social environment."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -235,16 +141,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to play?"
|
||||
description="Book your session now or come visit us for a coffee."
|
||||
buttons={[
|
||||
{
|
||||
text: "076 109 9097",
|
||||
href: "tel:0761099097",
|
||||
},
|
||||
text: "076 109 9097", href: "tel:0761099097"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -255,13 +158,9 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user