Merge version_1 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { TrendingUp, Award, Zap, Target, Flame } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Tracker",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Calendar",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Overview", id: "#hero" },
|
||||
{ name: "Tracker", id: "#features" },
|
||||
{ name: "Calendar", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="IRONTRACK"
|
||||
/>
|
||||
@@ -56,37 +45,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="IRONTRACK"
|
||||
description="Master your gains. Track every set, monitor your progress, and optimize your routine with the most aesthetic workout platform."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#features" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-man-gym_23-2148024303.jpg?_wi=1",
|
||||
imageAlt: "gym background dark",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-doing-fitness-through-virtual-reality_23-2151469282.jpg",
|
||||
imageAlt: "gym background dark",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745334.jpg",
|
||||
imageAlt: "gym background dark",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-empty-stage-with-spotlight-smoke-effect_84443-83987.jpg",
|
||||
imageAlt: "gym background dark",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080491.jpg",
|
||||
imageAlt: "gym background dark",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bodybuilding-concept-with-barbell-gym_23-2147675160.jpg",
|
||||
imageAlt: "gym background dark",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/silhouette-man-gym_23-2148024303.jpg", imageAlt: "gym background dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/adult-doing-fitness-through-virtual-reality_23-2151469282.jpg", imageAlt: "gym background dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745334.jpg", imageAlt: "gym background dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-empty-stage-with-spotlight-smoke-effect_84443-83987.jpg", imageAlt: "gym background dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080491.jpg", imageAlt: "gym background dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bodybuilding-concept-with-barbell-gym_23-2147675160.jpg", imageAlt: "gym background dark" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,11 +61,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Serious Athletes"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -110,46 +72,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Weight Logging",
|
||||
description: "Quickly input weight and reps for every set.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-beginner-gym_23-2149561882.jpg?_wi=1",
|
||||
imageAlt: "mobile app ui gym",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-athlete-using-mobile-phone-stadium_23-2148162126.jpg",
|
||||
imageAlt: "mobile app ui gym",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-man-gym_23-2148024303.jpg?_wi=2",
|
||||
imageAlt: "mobile app ui gym",
|
||||
title: "Weight Logging", description: "Quickly input weight and reps for every set.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-beginner-gym_23-2149561882.jpg", imageAlt: "mobile app ui gym" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-athlete-using-mobile-phone-stadium_23-2148162126.jpg", imageAlt: "mobile app ui gym" },
|
||||
},
|
||||
{
|
||||
title: "Progress Metrics",
|
||||
description: "Visualise your strength trends over months.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-woman-doing-yoga-with-mobile-app_23-2148952553.jpg",
|
||||
imageAlt: "mobile app ui gym",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-smartphone-gym_23-2147688130.jpg",
|
||||
imageAlt: "mobile app ui gym",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fit-woman-holding-device_23-2149168693.jpg?_wi=1",
|
||||
imageAlt: "mobile app ui gym",
|
||||
title: "Progress Metrics", description: "Visualise your strength trends over months.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/fitness-woman-doing-yoga-with-mobile-app_23-2148952553.jpg", imageAlt: "mobile app ui gym" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-smartphone-gym_23-2147688130.jpg", imageAlt: "mobile app ui gym" },
|
||||
},
|
||||
{
|
||||
title: "Muscle Mapping",
|
||||
description: "Keep tabs on volume per muscle group.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-with-smartphone-template_23-2148111597.jpg",
|
||||
imageAlt: "mobile app ui gym",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
|
||||
imageAlt: "mobile app ui gym",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-bodybuilder-holding-barbell-looking-away-dark-background_613910-20566.jpg?_wi=1",
|
||||
imageAlt: "mobile app ui gym",
|
||||
title: "Muscle Mapping", description: "Keep tabs on volume per muscle group.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-with-smartphone-template_23-2148111597.jpg", imageAlt: "mobile app ui gym" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg", imageAlt: "mobile app ui gym" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -165,53 +97,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Push Day",
|
||||
price: "Mon/Thu",
|
||||
period: "Focus",
|
||||
features: [
|
||||
"Chest",
|
||||
"Shoulders",
|
||||
"Triceps",
|
||||
],
|
||||
button: {
|
||||
text: "View Routine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fit-woman-holding-device_23-2149168693.jpg?_wi=2",
|
||||
imageAlt: "workout calendar app",
|
||||
},
|
||||
id: "p1", title: "Push Day", price: "Mon/Thu", period: "Focus", features: ["Chest", "Shoulders", "Triceps"],
|
||||
button: { text: "View Routine" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fit-woman-holding-device_23-2149168693.jpg", imageAlt: "workout calendar app"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Pull Day",
|
||||
price: "Tue/Fri",
|
||||
period: "Focus",
|
||||
features: [
|
||||
"Back",
|
||||
"Biceps",
|
||||
"Rear Delts",
|
||||
],
|
||||
button: {
|
||||
text: "View Routine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-man-gym_23-2148024303.jpg?_wi=3",
|
||||
imageAlt: "workout calendar app",
|
||||
},
|
||||
id: "p2", title: "Pull Day", price: "Tue/Fri", period: "Focus", features: ["Back", "Biceps", "Rear Delts"],
|
||||
button: { text: "View Routine" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-man-gym_23-2148024303.jpg", imageAlt: "workout calendar app"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Leg Day",
|
||||
price: "Wed/Sat",
|
||||
period: "Focus",
|
||||
features: [
|
||||
"Quads",
|
||||
"Hamstrings",
|
||||
"Calves",
|
||||
],
|
||||
button: {
|
||||
text: "View Routine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-beginner-gym_23-2149561882.jpg?_wi=2",
|
||||
imageAlt: "workout calendar app",
|
||||
},
|
||||
id: "p3", title: "Leg Day", price: "Wed/Sat", period: "Focus", features: ["Quads", "Hamstrings", "Calves"],
|
||||
button: { text: "View Routine" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-beginner-gym_23-2149561882.jpg", imageAlt: "workout calendar app"},
|
||||
]}
|
||||
title="Training Calendar"
|
||||
description="Organize your split. A perfect visual guide for PPL, Upper/Lower, or Full Body splits."
|
||||
@@ -224,21 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Total Volume",
|
||||
value: "150,000kg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Workout Streak",
|
||||
value: "24 Days",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "PRs Smashed",
|
||||
value: "12",
|
||||
},
|
||||
{ id: "m1", title: "Total Volume", value: "150,000kg", icon: TrendingUp },
|
||||
{ id: "m2", title: "Workout Streak", value: "24 Days", icon: Flame },
|
||||
{ id: "m3", title: "PRs Smashed", value: "12", icon: Award },
|
||||
]}
|
||||
title="Your Progress"
|
||||
description="Total volume and strength improvements."
|
||||
@@ -250,46 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Life Changer",
|
||||
quote: "I finally broke through my bench plateau.",
|
||||
name: "Alex R.",
|
||||
role: "Powerlifter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-bodybuilder-holding-barbell-looking-away-dark-background_613910-20566.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "So Aesthetic",
|
||||
quote: "The tracker is as beautiful as it is useful.",
|
||||
name: "Sarah J.",
|
||||
role: "Bodybuilder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bodybuilder-training-back-exercise-machine_651396-1601.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Simplified",
|
||||
quote: "My splits are perfectly organised now.",
|
||||
name: "Mike T.",
|
||||
role: "Crossfitter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-crossfit-athlete-doing-exercise-with-barbell-crossfit-sport-healthy-lifestyle-concept_58466-12020.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Best App",
|
||||
quote: "A must-have for every serious gym goer.",
|
||||
name: "Jessica L.",
|
||||
role: "Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tired-young-brunette-woman-sportswear-gym-is-engaged-bike_169016-40071.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Total Gamechanger",
|
||||
quote: "I feel so much more accountable since starting.",
|
||||
name: "David W.",
|
||||
role: "Personal Trainer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-athletic-male-blue-sportswear-holds-dumbbell-dark-vignette-background_613910-1364.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Life Changer", quote: "I finally broke through my bench plateau.", name: "Alex R.", role: "Powerlifter", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-bodybuilder-holding-barbell-looking-away-dark-background_613910-20566.jpg" },
|
||||
{ id: "t2", title: "So Aesthetic", quote: "The tracker is as beautiful as it is useful.", name: "Sarah J.", role: "Bodybuilder", imageSrc: "http://img.b2bpic.net/free-photo/bodybuilder-training-back-exercise-machine_651396-1601.jpg" },
|
||||
{ id: "t3", title: "Simplified", quote: "My splits are perfectly organised now.", name: "Mike T.", role: "Crossfitter", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-crossfit-athlete-doing-exercise-with-barbell-crossfit-sport-healthy-lifestyle-concept_58466-12020.jpg" },
|
||||
{ id: "t4", title: "Best App", quote: "A must-have for every serious gym goer.", name: "Jessica L.", role: "Coach", imageSrc: "http://img.b2bpic.net/free-photo/tired-young-brunette-woman-sportswear-gym-is-engaged-bike_169016-40071.jpg" },
|
||||
{ id: "t5", title: "Total Gamechanger", quote: "I feel so much more accountable since starting.", name: "David W.", role: "Personal Trainer", imageSrc: "http://img.b2bpic.net/free-photo/handsome-athletic-male-blue-sportswear-holds-dumbbell-dark-vignette-background_613910-1364.jpg" },
|
||||
]}
|
||||
title="Community Wins"
|
||||
description="Hear from the athletes who have transformed their training."
|
||||
@@ -300,21 +149,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does sync work?",
|
||||
content: "Syncs automatically with cloud backups.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I customise splits?",
|
||||
content: "Fully customisable routine builder.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Any support?",
|
||||
content: "Our support is available 24/7.",
|
||||
},
|
||||
{ id: "f1", title: "How does sync work?", content: "Syncs automatically with cloud backups." },
|
||||
{ id: "f2", title: "Can I customise splits?", content: "Fully customisable routine builder." },
|
||||
{ id: "f3", title: "Any support?", content: "Our support is available 24/7." },
|
||||
]}
|
||||
sideTitle="Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -327,16 +164,8 @@ export default function LandingPage() {
|
||||
title="Get In Touch"
|
||||
description="Have feature suggestions? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/afro-american-sports-man-resting-after-workout_171337-8260.jpg"
|
||||
/>
|
||||
@@ -345,30 +174,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Support", href: "#" }] },
|
||||
]}
|
||||
logoText="IRONTRACK"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user