Merge version_1 into main #2
255
src/app/page.tsx
255
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Membership", id: "pricing"},
|
||||
{
|
||||
name: "Facilities",
|
||||
id: "features",
|
||||
},
|
||||
name: "Facilities", id: "features"},
|
||||
{
|
||||
name: "Trainers",
|
||||
id: "team",
|
||||
},
|
||||
name: "Trainers", id: "team"},
|
||||
]}
|
||||
brandName="APEX"
|
||||
/>
|
||||
@@ -54,132 +46,72 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Transform Your Body. Elevate Your Life."
|
||||
description="Step into the future of fitness at APEX. Our premium gym features world-class equipment, elite training, and a community dedicated to your peak performance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Join Now", href: "#pricing"},
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Free Trial", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg"
|
||||
imageAlt="Futuristic gym interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-young-pretty-sporty-girl-wearing-headband-wristbands-showing-thumbs-up-isolated-orange-wall_141793-112481.jpg",
|
||||
alt: "Member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-young-pretty-sporty-girl-wearing-headband-wristbands-showing-thumbs-up-isolated-orange-wall_141793-112481.jpg", alt: "Member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg",
|
||||
alt: "Member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg", alt: "Member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-women-standing-writing-down-something-into-notebook_1153-9545.jpg",
|
||||
alt: "Member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-women-standing-writing-down-something-into-notebook_1153-9545.jpg", alt: "Member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sportswear-standing-coast-with-her-arms-up_23-2148698954.jpg",
|
||||
alt: "Member 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sportswear-standing-coast-with-her-arms-up_23-2148698954.jpg", alt: "Member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sporty-girl-doing-fitness-exercises_1163-2256.jpg",
|
||||
alt: "Member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sporty-girl-doing-fitness-exercises_1163-2256.jpg", alt: "Member 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Access",
|
||||
type: "text", text: "24/7 Access"},
|
||||
{
|
||||
type: "text-icon", text: "Premium Equipment", icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Equipment",
|
||||
icon: Activity,
|
||||
type: "text", text: "Expert Coaching"},
|
||||
{
|
||||
type: "text-icon", text: "Recovery Suites", icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Coaching",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Recovery Suites",
|
||||
icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Community",
|
||||
},
|
||||
type: "text", text: "Elite Community"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="depth-3d"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "silver",
|
||||
title: "Silver",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Gym Access",
|
||||
"Basic Classes",
|
||||
"Locker Room",
|
||||
],
|
||||
id: "silver", title: "Silver", price: "$99", period: "/mo", features: [
|
||||
"Gym Access", "Basic Classes", "Locker Room"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-smartphone-with-weights_23-2148523281.jpg",
|
||||
imageAlt: "Silver Membership",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-smartphone-with-weights_23-2148523281.jpg", imageAlt: "Silver Membership"},
|
||||
{
|
||||
id: "gold",
|
||||
title: "Gold",
|
||||
price: "$149",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Unlimited Access",
|
||||
"All Classes",
|
||||
"Personal Locker",
|
||||
"Sauna",
|
||||
],
|
||||
id: "gold", title: "Gold", price: "$149", period: "/mo", features: [
|
||||
"Unlimited Access", "All Classes", "Personal Locker", "Sauna"],
|
||||
button: {
|
||||
text: "Join Elite",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-golden-corporate-card_23-2147642029.jpg",
|
||||
imageAlt: "Gold Membership",
|
||||
},
|
||||
text: "Join Elite", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-golden-corporate-card_23-2147642029.jpg", imageAlt: "Gold Membership"},
|
||||
{
|
||||
id: "platinum",
|
||||
title: "Platinum",
|
||||
price: "$299",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"All Amenities",
|
||||
"Personal Training",
|
||||
"Guest Access",
|
||||
"Nutritional Plan",
|
||||
],
|
||||
id: "platinum", title: "Platinum", price: "$299", period: "/mo", features: [
|
||||
"All Amenities", "Personal Training", "Guest Access", "Nutritional Plan"],
|
||||
button: {
|
||||
text: "Get Platinum",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-phone-with-camera-dark-background_187299-46682.jpg",
|
||||
imageAlt: "Platinum Membership",
|
||||
},
|
||||
text: "Get Platinum", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-phone-with-camera-dark-background_187299-46682.jpg", imageAlt: "Platinum Membership"},
|
||||
]}
|
||||
title="Elite Membership Plans"
|
||||
description="Unlock exclusive access to our world-class facilities and expert training programs."
|
||||
@@ -188,31 +120,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="depth-3d"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "HIIT Zone",
|
||||
description: "High-intensity area for maximum results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg?_wi=2",
|
||||
},
|
||||
title: "HIIT Zone", description: "High-intensity area for maximum results.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg"},
|
||||
{
|
||||
title: "Yoga Sanctuary",
|
||||
description: "Zen space for recovery and flexibility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg?_wi=3",
|
||||
},
|
||||
title: "Yoga Sanctuary", description: "Zen space for recovery and flexibility.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg"},
|
||||
{
|
||||
title: "Cycling Arena",
|
||||
description: "Advanced tech cycles for intense cardio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg?_wi=4",
|
||||
},
|
||||
title: "Cycling Arena", description: "Advanced tech cycles for intense cardio.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg"},
|
||||
{
|
||||
title: "Recovery Lounge",
|
||||
description: "Cold plunges and sauna amenities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg?_wi=5",
|
||||
},
|
||||
title: "Recovery Lounge", description: "Cold plunges and sauna amenities.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg"},
|
||||
]}
|
||||
title="World-Class Amenities"
|
||||
description="Experience premium facilities designed to optimize your performance and recovery."
|
||||
@@ -221,29 +141,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="depth-3d"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus Thorne",
|
||||
role: "Head Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-athlete-black-t-shirt-posing-dumbbell-studio-isolated-gray-background_613910-6608.jpg",
|
||||
},
|
||||
id: "t1", name: "Marcus Thorne", role: "Head Coach", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-athlete-black-t-shirt-posing-dumbbell-studio-isolated-gray-background_613910-6608.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Voss",
|
||||
role: "Yoga Master",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-american-sports-man-with-arms-folded-looking-camera_171337-8263.jpg",
|
||||
},
|
||||
id: "t2", name: "Elena Voss", role: "Yoga Master", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-american-sports-man-with-arms-folded-looking-camera_171337-8263.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jaxon Lee",
|
||||
role: "HIIT Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shirtless-muscular-guy-with-weights-his-hands-isolated-grey-background_613910-15386.jpg",
|
||||
},
|
||||
id: "t3", name: "Jaxon Lee", role: "HIIT Specialist", imageSrc: "http://img.b2bpic.net/free-photo/shirtless-muscular-guy-with-weights-his-hands-isolated-grey-background_613910-15386.jpg"},
|
||||
]}
|
||||
title="Elite Training Team"
|
||||
description="Our certified coaches are dedicated to your transformation journey."
|
||||
@@ -252,45 +160,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Executive",
|
||||
testimonial: "The best gym experience I've had. Pure luxury and intense results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-pretty-sporty-girl-wearing-headband-wristbands-showing-thumbs-up-isolated-orange-wall_141793-112481.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Executive", testimonial: "The best gym experience I've had. Pure luxury and intense results.", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-pretty-sporty-girl-wearing-headband-wristbands-showing-thumbs-up-isolated-orange-wall_141793-112481.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
role: "Athlete",
|
||||
testimonial: "Top-tier equipment and coaches. APEX delivers greatness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg",
|
||||
},
|
||||
id: "2", name: "Mike D.", role: "Athlete", testimonial: "Top-tier equipment and coaches. APEX delivers greatness.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Creative",
|
||||
testimonial: "I love the vibe here. It keeps me coming back every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-standing-writing-down-something-into-notebook_1153-9545.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Creative", testimonial: "I love the vibe here. It keeps me coming back every day.", imageSrc: "http://img.b2bpic.net/free-photo/young-women-standing-writing-down-something-into-notebook_1153-9545.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Student",
|
||||
testimonial: "Transformed my life within 3 months. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sportswear-standing-coast-with-her-arms-up_23-2148698954.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Student", testimonial: "Transformed my life within 3 months. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sportswear-standing-coast-with-her-arms-up_23-2148698954.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa B.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "The community atmosphere is exactly what I needed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sporty-girl-doing-fitness-exercises_1163-2256.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa B.", role: "Entrepreneur", testimonial: "The community atmosphere is exactly what I needed.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sporty-girl-doing-fitness-exercises_1163-2256.jpg"},
|
||||
]}
|
||||
title="Member Transformations"
|
||||
description="Join thousands who have changed their lives with APEX."
|
||||
@@ -301,63 +184,45 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Start Free Trial"
|
||||
title="Start Your 3-Day Journey Today"
|
||||
description="Experience APEX for yourself with a complimentary 3-day access pass. Limited spots available."
|
||||
buttons={[
|
||||
{
|
||||
text: "Claim Free Pass",
|
||||
href: "#",
|
||||
},
|
||||
text: "Claim Free Pass", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg?_wi=6"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg"
|
||||
logoSrc="http://img.b2bpic.net/free-photo/ballerina-training-perform-eleegance-icon_53876-13812.jpg"
|
||||
logoText="APEX"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user