Merge version_1 into main #2
322
src/app/page.tsx
322
src/app/page.tsx
@@ -29,137 +29,47 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FlexManage"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Gym Management, Simplified."
|
||||
description="The ultimate SaaS platform for gym owners to manage members, track progress, and scale revenue with ease. Get your gym digital, today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@flexfit",
|
||||
testimonial: "This system transformed my gym business. The attendance tracking alone saved me hours!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-resting-training_23-2147789615.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@protrainer",
|
||||
testimonial: "My members love the workout planning features. It's so intuitive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-gym_1303-21177.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David M.",
|
||||
handle: "@citygym",
|
||||
testimonial: "Revenue tracking and analytics are spot on. Best gym SaaS I've used.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trans-man-working-out-gym_23-2149712788.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@fitstudio",
|
||||
testimonial: "The AI workout suggestions are a game changer for our members.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205557.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@ironbox",
|
||||
testimonial: "Seamless integration and beautiful UI. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-grey-fitness-clothes-holding-green-apple-isolated-white-background_1258-105073.jpg?_wi=1",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@flexfit", testimonial: "This system transformed my gym business. The attendance tracking alone saved me hours!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-resting-training_23-2147789615.jpg" },
|
||||
{ name: "Sarah K.", handle: "@protrainer", testimonial: "My members love the workout planning features. It's so intuitive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-gym_1303-21177.jpg" },
|
||||
{ name: "David M.", handle: "@citygym", testimonial: "Revenue tracking and analytics are spot on. Best gym SaaS I've used.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/trans-man-working-out-gym_23-2149712788.jpg" },
|
||||
{ name: "Elena V.", handle: "@fitstudio", testimonial: "The AI workout suggestions are a game changer for our members.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205557.jpg" },
|
||||
{ name: "John D.", handle: "@ironbox", testimonial: "Seamless integration and beautiful UI. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-grey-fitness-clothes-holding-green-apple-isolated-white-background_1258-105073.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-21385.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Free Trial", href: "#pricing" }, { text: "Learn More", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-21385.jpg"
|
||||
imageAlt="Gym Management Software Dashboard"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-resting-training_23-2147789615.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-exercising-gym_1303-21177.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/trans-man-working-out-gym_23-2149712788.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205557.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-grey-fitness-clothes-holding-green-apple-isolated-white-background_1258-105073.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-resting-training_23-2147789615.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-exercising-gym_1303-21177.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/trans-man-working-out-gym_23-2149712788.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205557.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-grey-fitness-clothes-holding-green-apple-isolated-white-background_1258-105073.jpg", alt: "User 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ Gyms"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Attendance Tracking",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Member CRM",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Revenue Growth",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "AI Coach",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Payments",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{ type: "text-icon", text: "Attendance Tracking", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "Member CRM", icon: Users },
|
||||
{ type: "text-icon", text: "Revenue Growth", icon: TrendingUp },
|
||||
{ type: "text-icon", text: "AI Coach", icon: Activity },
|
||||
{ type: "text-icon", text: "Secure Payments", icon: ShieldCheck }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,33 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Member Management",
|
||||
tags: [
|
||||
"CRM",
|
||||
"Database",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "QR Attendance System",
|
||||
tags: [
|
||||
"Security",
|
||||
"Fast",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-scanning-qr-code-cafeteria_23-2149321647.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Reports & Analytics",
|
||||
tags: [
|
||||
"Business",
|
||||
"Growth",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163336.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Member Management", tags: ["CRM", "Database"], imageSrc: "http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg" },
|
||||
{ id: "f2", title: "QR Attendance System", tags: ["Security", "Fast"], imageSrc: "http://img.b2bpic.net/free-photo/person-scanning-qr-code-cafeteria_23-2149321647.jpg" },
|
||||
{ id: "f3", title: "Reports & Analytics", tags: ["Business", "Growth"], imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163336.jpg" }
|
||||
]}
|
||||
title="Everything You Need to Run Your Gym"
|
||||
description="Powerful management tools designed for modern gym owners and their members."
|
||||
@@ -209,55 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
title: "Starter",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"100 Members",
|
||||
"Basic Analytics",
|
||||
"QR Attendance",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-21385.jpg?_wi=2",
|
||||
imageAlt: "gym dashboard software interface",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Pro",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Unlimited Members",
|
||||
"Advanced Reports",
|
||||
"AI Coach",
|
||||
"Priority Support",
|
||||
],
|
||||
button: {
|
||||
text: "Go Pro",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg?_wi=2",
|
||||
imageAlt: "member workout plan app UI",
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
title: "Enterprise",
|
||||
price: "$199",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Custom Branded App",
|
||||
"API Access",
|
||||
"Dedicated Manager",
|
||||
],
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-scanning-qr-code-cafeteria_23-2149321647.jpg?_wi=2",
|
||||
imageAlt: "qr code attendance scanner app UI",
|
||||
},
|
||||
{ id: "starter", title: "Starter", price: "$49", period: "/mo", features: ["100 Members", "Basic Analytics", "QR Attendance"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-21385.jpg", imageAlt: "gym dashboard software interface" },
|
||||
{ id: "pro", title: "Pro", price: "$99", period: "/mo", features: ["Unlimited Members", "Advanced Reports", "AI Coach", "Priority Support"], button: { text: "Go Pro" }, imageSrc: "http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg", imageAlt: "member workout plan app UI" },
|
||||
{ id: "enterprise", title: "Enterprise", price: "$199", period: "/mo", features: ["Custom Branded App", "API Access", "Dedicated Manager"], button: { text: "Contact Us" }, imageSrc: "http://img.b2bpic.net/free-photo/person-scanning-qr-code-cafeteria_23-2149321647.jpg", imageAlt: "qr code attendance scanner app UI" }
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Simple plans for gyms of all sizes."
|
||||
@@ -266,44 +106,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@flexfit",
|
||||
testimonial: "This system transformed my gym business. The attendance tracking alone saved me hours!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-resting-training_23-2147789615.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
handle: "@protrainer",
|
||||
testimonial: "My members love the workout planning features. It's so intuitive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-gym_1303-21177.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David M.",
|
||||
handle: "@citygym",
|
||||
testimonial: "Revenue tracking and analytics are spot on. Best gym SaaS I've used.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trans-man-working-out-gym_23-2149712788.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena V.",
|
||||
handle: "@fitstudio",
|
||||
testimonial: "The AI workout suggestions are a game changer for our members.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205557.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "John D.",
|
||||
handle: "@ironbox",
|
||||
testimonial: "Seamless integration and beautiful UI. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-grey-fitness-clothes-holding-green-apple-isolated-white-background_1258-105073.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", handle: "@flexfit", testimonial: "This system transformed my gym business. The attendance tracking alone saved me hours!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-resting-training_23-2147789615.jpg" },
|
||||
{ id: "t2", name: "Sarah K.", handle: "@protrainer", testimonial: "My members love the workout planning features. It's so intuitive.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-gym_1303-21177.jpg" },
|
||||
{ id: "t3", name: "David M.", handle: "@citygym", testimonial: "Revenue tracking and analytics are spot on. Best gym SaaS I've used.", imageSrc: "http://img.b2bpic.net/free-photo/trans-man-working-out-gym_23-2149712788.jpg" },
|
||||
{ id: "t4", name: "Elena V.", handle: "@fitstudio", testimonial: "The AI workout suggestions are a game changer for our members.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205557.jpg" },
|
||||
{ id: "t5", name: "John D.", handle: "@ironbox", testimonial: "Seamless integration and beautiful UI. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-grey-fitness-clothes-holding-green-apple-isolated-white-background_1258-105073.jpg" }
|
||||
]}
|
||||
title="Loved by Fitness Leaders"
|
||||
description="Hear from successful gym owners who scaled their business using our platform."
|
||||
@@ -316,25 +127,10 @@ export default function LandingPage() {
|
||||
title="Ready to Scale Your Gym?"
|
||||
description="Get in touch for a live demo or to learn more about our enterprise solutions."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Gym Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Gym Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your needs...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your needs...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg"
|
||||
imageAlt="Gym management platform demo"
|
||||
/>
|
||||
@@ -343,45 +139,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 FlexManage. All rights reserved."
|
||||
bottomRightText="Built for Fitness Professionals"
|
||||
|
||||
Reference in New Issue
Block a user