322 lines
17 KiB
TypeScript
322 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Dumbbell, UtensilsCrossed, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Features", id: "#features"},
|
|
{
|
|
name: "Programs", id: "#products"},
|
|
{
|
|
name: "Impact", id: "#metrics"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
]}
|
|
brandName="Aminoclub"
|
|
button={{
|
|
text: "Join Aminoclub Today", href: "#pricing"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroOverlay
|
|
title="Unlock Your Full Potential"
|
|
description="Aminoclub provides premium resources, expert coaching, and a supportive community to help you achieve your fitness and wellness goals."
|
|
buttons={[
|
|
{
|
|
text: "Join Aminoclub Today", href: "#pricing"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/sportsman-working-out-gym_23-2148110594.jpg"
|
|
imageAlt="Man intensely working out in a modern gym"
|
|
showDimOverlay={false}
|
|
showBlur={false}
|
|
textPosition="top"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-sporty-handsome-african-man-blue-sportswear-shirt-exercising-training-looking-camera-with-muscular-arms-standing-isolated-orange-wall-with-copy-space_176420-53215.jpg", alt: "African man in sportswear"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/fitness-sport-workout-gym-lifestyle-concept_176420-13781.jpg", alt: "Woman working out in gym"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/full-shot-woman-exercising-outdoors_23-2149590740.jpg", alt: "Woman exercising outdoors"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/strong-beautiful-woman-working-out_23-2148110642.jpg", alt: "Strong woman working out"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-dumbbells-city_23-2148404285.jpg", alt: "Woman with dumbbells in city"},
|
|
]}
|
|
avatarText="Join 100,000+ members transforming their lives"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Transform Your Body, Mind, & Lifestyle"
|
|
description="Aminoclub is more than just a fitness platform; it's a holistic approach to well-being. We combine cutting-edge science with personalized guidance to help you achieve sustainable results and a healthier, happier life."
|
|
metrics={[
|
|
{
|
|
value: "100k+", title: "Active Members"},
|
|
{
|
|
value: "15+", title: "Expert Coaches"},
|
|
{
|
|
value: "95%+", title: "Success Rate"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-with-dumbbells-gym_23-2147775550.jpg"
|
|
imageAlt="Woman performing bicep curls with dumbbells"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Personalized Training Plans", description: "Custom workout routines tailored to your fitness level, goals, and available equipment, updated regularly for optimal progress.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-smartwatch-checking-heart-rate_23-2149301931.jpg", imageAlt: "Smartwatch displaying heart rate"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-man-listening-music-with-headphones-exercising-jogging-sports-track-park_23-2148011270.jpg", imageAlt: "Man jogging with headphones"}
|
|
},
|
|
{
|
|
title: "Nutrition & Meal Guides", description: "Scientifically backed meal plans and recipes to fuel your body, optimize recovery, and support your training goals.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-diet-food-salad-meal_23-2148689539.jpg", imageAlt: "Healthy meal prep with fresh ingredients"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/balanced-diet-food-table_23-2148110629.jpg", imageAlt: "Table with various healthy food items"}
|
|
},
|
|
{
|
|
title: "Community Support & Coaching", description: "Connect with a vibrant community, get direct support from certified coaches, and participate in challenges to stay motivated.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-sportswoman-jumping-with-confetti_23-2147743126.jpg", imageAlt: "Group of happy people celebrating fitness achievement"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-holding-hands-together_23-2149312152.jpg", imageAlt: "People holding hands in a circle, symbolizing support"}
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Achieve Your Goals with Aminoclub"
|
|
description="Our comprehensive features are designed to guide you every step of the way, making fitness accessible and enjoyable."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Aminoclub", name: "Beginner's Fitness Journey", price: "$19/month", rating: 5,
|
|
reviewCount: "1.2k+", imageSrc: "http://img.b2bpic.net/free-photo/woman-tying-shoelaces-standing-treadmill-running-shoes-closeup-indoors_176420-74528.jpg", imageAlt: "Woman tying shoelaces on a treadmill"},
|
|
{
|
|
id: "p2", brand: "Aminoclub", name: "Advanced Performance Boost", price: "$29/month", rating: 4,
|
|
reviewCount: "800+", imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-gym_23-2148110619.jpg", imageAlt: "Assortment of gym sports equipment"},
|
|
{
|
|
id: "p3", brand: "Aminoclub", name: "Nutrition & Wellness Coaching", price: "$49/month", rating: 5,
|
|
reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-food-diet_23-2148110651.jpg", imageAlt: "Woman holding a fresh green smoothie"},
|
|
{
|
|
id: "p4", brand: "Aminoclub", name: "Strength & Conditioning", price: "$24/month", rating: 4,
|
|
reviewCount: "900+", imageSrc: "http://img.b2bpic.net/free-photo/athletic-woman-tying-shoelace-before-running-training-fitness-workout-active-lifestyle-concept_176420-13783.jpg", imageAlt: "Athletic woman tying shoelace"},
|
|
{
|
|
id: "p5", brand: "Aminoclub", name: "Mindfulness & Recovery", price: "$34/month", rating: 5,
|
|
reviewCount: "700+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sporty-person-relaxing-mat_23-2148110645.jpg", imageAlt: "Person meditating on a yoga mat"},
|
|
{
|
|
id: "p6", brand: "Aminoclub", name: "Personal Coaching Deluxe", price: "Custom Quote", rating: 4,
|
|
reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-sportswoman-holding-dumbbell-grey-wall-background_176420-13780.jpg", imageAlt: "Personal trainer helping client in gym"},
|
|
]}
|
|
title="Our Transformative Programs"
|
|
description="Discover the perfect program to kickstart your fitness journey, achieve your goals, and sustain a healthy lifestyle."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "95%+", description: "Members Achieve Their Primary Fitness Goals"},
|
|
{
|
|
id: "m2", value: "20% Avg.", description: "Increase in Strength & Endurance"},
|
|
{
|
|
id: "m3", value: "10k+", description: "Positive Transformations Documented"},
|
|
{
|
|
id: "m4", value: "4.9/5", description: "Average Rating Across All Programs"},
|
|
]}
|
|
title="Our Impact on Your Health Journey"
|
|
description="We're proud of the tangible results our community achieves. Our success is measured by your progress."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"FitLife Magazine", "Health & Wellness Institute", "Pro Athlete's Choice", "Global Fitness Alliance", "Mind-Body Collective", "Peak Performance Labs", "Active Living Journal"]}
|
|
title="Trusted by Leading Health & Fitness Experts"
|
|
description="Aminoclub is recognized by top publications, athletes, and wellness organizations for its effective and science-backed approach."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="Aminoclub changed my life! The personalized plans and incredible community support helped me finally reach my fitness goals. I've never felt stronger or more motivated."
|
|
rating={5}
|
|
author="Sarah M., Aminoclub Member since 2022"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-attractive-woman-sportswear-doing-exercise-stadium_23-2147820121.jpg", alt: "Happy attractive woman sportswear"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/muscular-man-doing-push-ups-gym_23-2148110597.jpg", alt: "Muscular man doing push-ups"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/fit-woman-training-crossfit-gym_23-2147775556.jpg", alt: "Fit woman training crossfit gym"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-against-grey-wall_23-2149590747.jpg", alt: "Woman posing against grey wall"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-young-male-runner-ready-running-city_23-2148404265.jpg", alt: "Happy young male runner"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "plan-1", tag: "Basic", tagIcon: Dumbbell,
|
|
price: "$19", period: "/month", description: "Start your fitness journey with essential tools and community access.", button: {
|
|
text: "Choose Basic"},
|
|
featuresTitle: "Key Features:", features: [
|
|
"Access to Workout Library", "Basic Nutrition Guides", "Community Forums", "Progress Tracking"],
|
|
},
|
|
{
|
|
id: "plan-2", tag: "Premium", tagIcon: UtensilsCrossed,
|
|
price: "$29", period: "/month", description: "Elevate your training with personalized plans and expert support.", button: {
|
|
text: "Go Premium"},
|
|
featuresTitle: "Key Features:", features: [
|
|
"All Basic Features", "Personalized Training Plans", "Advanced Meal Guides", "Direct Coach Support (limited)", "Exclusive Challenges"],
|
|
},
|
|
{
|
|
id: "plan-3", tag: "VIP Elite", tagIcon: Users,
|
|
price: "$49", period: "/month", description: "Experience the ultimate in fitness coaching and dedicated support.", button: {
|
|
text: "Join VIP Elite"},
|
|
featuresTitle: "Key Features:", features: [
|
|
"All Premium Features", "1-on-1 Weekly Coaching", "Custom Macro Meal Plans", "Priority Support", "Early Access to New Programs"],
|
|
},
|
|
]}
|
|
title="Flexible Membership Plans"
|
|
description="Choose the plan that fits your fitness journey and unlock a world of exclusive benefits designed to help you succeed."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "What is Aminoclub?", content: "Aminoclub is a comprehensive fitness and wellness platform offering personalized training, nutrition guidance, and a supportive community to help you achieve your health goals."},
|
|
{
|
|
id: "faq2", title: "How do the personalized training plans work?", content: "Our AI-powered system creates custom workout routines based on your fitness level, goals, and available equipment. Plans are dynamically adjusted based on your progress and feedback."},n {
|
|
id: "faq3", title: "Can I cancel my membership anytime?", content: "Yes, you can cancel your Aminoclub membership at any time through your account settings. There are no long-term contracts, and you can rejoin whenever you're ready."},n {
|
|
id: "faq4", title: "Is there a free trial available?", content: "We occasionally offer promotional free trials for new members. Please check our website or social media channels for current offers."},n ]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-sports-equipment-concept_23-2148110625.jpg"
|
|
imageAlt="Various sports equipment, symbolizing fitness journey"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
title="Your Questions, Answered"
|
|
description="Get answers to the most common questions about Aminoclub memberships, programs, and features."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Aminoclub"
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Blog", href: "#"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Programs", items: [
|
|
{
|
|
label: "Training Plans", href: "#products"},
|
|
{
|
|
label: "Nutrition Guides", href: "#products"},
|
|
{
|
|
label: "Coaching", href: "#pricing"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "FAQs", href: "#faq"},
|
|
{
|
|
label: "Contact Us", href: "#"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Aminoclub. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|