Merge version_1 into main #1
490
src/app/page.tsx
490
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Activity, Award, Clock, Zap } from "lucide-react";
|
||||
import { Activity, Award, Clock, Zap, TrendingUp, Users, Clipboard } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,362 +29,156 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="LiftRate"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LiftRate"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Rate. Track. Conquer Your Workouts."
|
||||
description="Unlock your potential with precision workout logging, exercise rating, and performance analytics. See how your effort pays off."
|
||||
tag="Revolutionize Your Fitness Journey"
|
||||
buttons={[
|
||||
{
|
||||
text: "Track Your First Workout",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165171.jpg",
|
||||
imageAlt: "Workout Tracking Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-using-phone-while-walking_1262-4856.jpg",
|
||||
imageAlt: "Athlete Tracking Progress",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891754.jpg",
|
||||
imageAlt: "Person being scanned by digital health app",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165165.jpg",
|
||||
imageAlt: "Data and stats around person doing physical activity",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165179.jpg",
|
||||
imageAlt: "Data and stats around person doing physical activity",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 10,000+ fitness enthusiasts"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Rate. Track. Conquer Your Workouts."
|
||||
description="Unlock your potential with precision workout logging, exercise rating, and performance analytics. See how your effort pays off."
|
||||
tag="Revolutionize Your Fitness Journey"
|
||||
buttons={[{ text: "Track Your First Workout", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165171.jpg", imageAlt: "Workout Tracking Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-using-phone-while-walking_1262-4856.jpg", imageAlt: "Athlete Tracking Progress" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 10,000+ fitness enthusiasts"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Built for Results"
|
||||
title="Stop Guessing, Start Improving"
|
||||
description="We built LiftRate to bridge the gap between effort and result. Easily log every set, rate the intensity of your sessions, and watch your progression over time."
|
||||
subdescription="Whether you are a powerlifter, marathon runner, or fitness beginner, our intuitive tracking tools help you optimize your training efficiency."
|
||||
icon={Zap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg"
|
||||
imageAlt="Tracking Progress on Multiple Devices"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Built for Results"
|
||||
title="Stop Guessing, Start Improving"
|
||||
description="We built LiftRate to bridge the gap between effort and result. Easily log every set, rate the intensity of your sessions, and watch your progression over time."
|
||||
subdescription="Whether you are a powerlifter, marathon runner, or fitness beginner, our intuitive tracking tools help you optimize your training efficiency."
|
||||
icon={Zap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg"
|
||||
imageAlt="Tracking Progress on Multiple Devices"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precise Exercise Rating",
|
||||
description: "Rate every single exercise based on RPE and intensity, helping you manage fatigue and recovery effectively.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gym-outfit-dumbbells_23-2149872134.jpg",
|
||||
buttonIcon: "Activity",
|
||||
},
|
||||
{
|
||||
title: "Visual Progress Tracking",
|
||||
description: "Beautiful charts that illustrate your strength progression, volume increase, and endurance improvements over weeks or months.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-notepad-with-weights-pen_23-2148523282.jpg",
|
||||
buttonIcon: "TrendingUp",
|
||||
},
|
||||
{
|
||||
title: "Community Sharing",
|
||||
description: "Connect with friends, share your best workout sessions, and motivate each other to reach new PRs every week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gym-icon_1394-1539.jpg",
|
||||
buttonIcon: "Users",
|
||||
},
|
||||
{
|
||||
title: "Personalized Routine Builder",
|
||||
description: "Create, save, and modify your workout routines on the fly with our dynamic, easy-to-use exercise library.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/code-icon-front-side_187299-39421.jpg",
|
||||
buttonIcon: "Clipboard",
|
||||
},
|
||||
]}
|
||||
title="Everything You Need to Track Your Gains"
|
||||
description="Powerful features designed to make workout tracking fast, accurate, and incredibly rewarding."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Precise Exercise Rating", description: "Rate every single exercise based on RPE and intensity, helping you manage fatigue and recovery effectively.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gym-outfit-dumbbells_23-2149872134.jpg", buttonIcon: Activity },
|
||||
{ title: "Visual Progress Tracking", description: "Beautiful charts that illustrate your strength progression, volume increase, and endurance improvements over weeks or months.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-notepad-with-weights-pen_23-2148523282.jpg", buttonIcon: TrendingUp },
|
||||
{ title: "Community Sharing", description: "Connect with friends, share your best workout sessions, and motivate each other to reach new PRs every week.", imageSrc: "http://img.b2bpic.net/free-vector/gym-icon_1394-1539.jpg", buttonIcon: Users },
|
||||
{ title: "Personalized Routine Builder", description: "Create, save, and modify your workout routines on the fly with our dynamic, easy-to-use exercise library.", imageSrc: "http://img.b2bpic.net/free-photo/code-icon-front-side_187299-39421.jpg", buttonIcon: Clipboard }
|
||||
]}
|
||||
title="Everything You Need to Track Your Gains"
|
||||
description="Powerful features designed to make workout tracking fast, accurate, and incredibly rewarding."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
title: "Workouts Logged",
|
||||
description: "Successful training sessions completed by our community.",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "85%",
|
||||
title: "Progression Rate",
|
||||
description: "Average improvement in strength observed among active users.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
description: "Always here to help you refine your routines or solve tech issues.",
|
||||
icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Real Performance Impact"
|
||||
description="Quantifiable data that drives real results. Our metrics provide insights that translate directly to strength gains."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "1.2M", title: "Workouts Logged", description: "Successful training sessions completed by our community.", icon: Activity },
|
||||
{ id: "m2", value: "85%", title: "Progression Rate", description: "Average improvement in strength observed among active users.", icon: Award },
|
||||
{ id: "m3", value: "24/7", title: "Support Availability", description: "Always here to help you refine your routines or solve tech issues.", icon: Clock }
|
||||
]}
|
||||
title="Real Performance Impact"
|
||||
description="Quantifiable data that drives real results. Our metrics provide insights that translate directly to strength gains."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Basic",
|
||||
price: "$0",
|
||||
subtitle: "Perfect for beginners",
|
||||
features: [
|
||||
"Unlimited exercise logs",
|
||||
"Basic progression charts",
|
||||
"Community access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Elite",
|
||||
price: "$9.99",
|
||||
subtitle: "For serious athletes",
|
||||
features: [
|
||||
"All Free features",
|
||||
"Advanced analytics",
|
||||
"Custom workout library",
|
||||
"Priority support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "annual",
|
||||
badge: "Pro Annual",
|
||||
price: "$89",
|
||||
subtitle: "Best value for pros",
|
||||
features: [
|
||||
"All Pro features",
|
||||
"2 months free",
|
||||
"Exclusive content access",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Training Partner"
|
||||
description="Select the plan that aligns with your fitness goals and budget."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "free", badge: "Basic", price: "$0", subtitle: "Perfect for beginners", features: ["Unlimited exercise logs", "Basic progression charts", "Community access"] },
|
||||
{ id: "pro", badge: "Elite", price: "$9.99", subtitle: "For serious athletes", features: ["All Free features", "Advanced analytics", "Custom workout library", "Priority support"] },
|
||||
{ id: "annual", badge: "Pro Annual", price: "$89", subtitle: "Best value for pros", features: ["All Pro features", "2 months free", "Exclusive content access"] }
|
||||
]}
|
||||
title="Choose Your Training Partner"
|
||||
description="Select the plan that aligns with your fitness goals and budget."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Powerlifter",
|
||||
company: "LiftLife",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-training-gym_23-2149517278.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Coach",
|
||||
company: "FitLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-fit-woman-gym-medium-shot_23-2149445951.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Marathoner",
|
||||
company: "RunFast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nice-musculature-man-portrait-fitness-athlete-handsome-man-posing-outdoor_343629-27.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Weightlifter",
|
||||
company: "GymMasters",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura M.",
|
||||
role: "Active Parent",
|
||||
company: "BusyFit",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-camera-training_23-2147755496.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10K+",
|
||||
label: "Active Users",
|
||||
},
|
||||
{
|
||||
value: "5M+",
|
||||
label: "Workouts",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
]}
|
||||
title="Proven Performance Results"
|
||||
description="Join thousands of satisfied users who have reached their strength goals by tracking and rating their training."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Powerlifter", company: "LiftLife", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-training-gym_23-2149517278.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Coach", company: "FitLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-fit-woman-gym-medium-shot_23-2149445951.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Marathoner", company: "RunFast", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/nice-musculature-man-portrait-fitness-athlete-handsome-man-posing-outdoor_343629-27.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Weightlifter", company: "GymMasters", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg" },
|
||||
{ id: "5", name: "Laura M.", role: "Active Parent", company: "BusyFit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-camera-training_23-2147755496.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "10K+", label: "Active Users" },
|
||||
{ value: "5M+", label: "Workouts" },
|
||||
{ value: "4.9/5", label: "Avg Rating" }
|
||||
]}
|
||||
title="Proven Performance Results"
|
||||
description="Join thousands of satisfied users who have reached their strength goals by tracking and rating their training."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Can I import my existing workouts?",
|
||||
content: "Yes, we support bulk imports via CSV.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Does it track heart rate?",
|
||||
content: "Absolutely, we integrate with Apple Health and Google Fit.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the mobile app available?",
|
||||
content: "Yes, download it on iOS or Android today.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Can I cancel at any time?",
|
||||
content: "Yes, our subscriptions are flexible with no long-term contracts.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about how LiftRate can help you reach your goals? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Can I import my existing workouts?", content: "Yes, we support bulk imports via CSV." },
|
||||
{ id: "f2", title: "Does it track heart rate?", content: "Absolutely, we integrate with Apple Health and Google Fit." },
|
||||
{ id: "f3", title: "Is the mobile app available?", content: "Yes, download it on iOS or Android today." },
|
||||
{ id: "f4", title: "Can I cancel at any time?", content: "Yes, our subscriptions are flexible with no long-term contracts." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about how LiftRate can help you reach your goals? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Ready to Rate Your Workouts?"
|
||||
description="Join the fitness revolution and start logging your progress with precision today. Sign up for free."
|
||||
buttonText="Sign Up Now"
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ready to Rate Your Workouts?"
|
||||
description="Join the fitness revolution and start logging your progress with precision today. Sign up for free."
|
||||
buttonText="Sign Up Now"
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cool-dummy-head-with-xanadu-leaves_53876-100141.jpg"
|
||||
logoText="LiftRate"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cool-dummy-head-with-xanadu-leaves_53876-100141.jpg"
|
||||
logoText="LiftRate"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Help Center", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user