Add src/app/training-programs/page.tsx

This commit is contained in:
2026-03-28 10:11:40 +00:00
parent c018066e31
commit 4e5916b3c1

View File

@@ -0,0 +1,79 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FooterBase from '@/components/sections/footer/FooterBase';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
export default function TrainingProgramsPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="mediumLargeSizeMediumTitles"
background="grid"
cardStyle="soft-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Training Programs", id: "#programs" },
{ name: "Exercises DB", id: "#exercises" },
]}
brandName="ElitePulse"
/>
</div>
<div id="programs" data-section="programs">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
title="Workout Programs"
description="Choose from our library of expert-designed training programs tailored to your specific goals and fitness levels."
features={[
{
id: 1,
title: "Strength & Conditioning", description: "Build foundational strength with progressive overload and periodized volume.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNNEzFDqEt4znb3TV8kx2fQXF/digital-visualization-of-workout-trainin-1774692654334-a6143c8e.png"
},
{
id: 2,
title: "Athletic Performance", description: "Enhance speed, agility, and explosiveness for competitive sports.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNNEzFDqEt4znb3TV8kx2fQXF/an-athlete-checking-a-progress-roadmap-o-1774692654511-eb37e293.png"
}
]}
/>
</div>
<div id="exercises" data-section="exercises">
<ProductCardTwo
animationType="blur-reveal"
gridVariant="three-columns-all-equal-width"
title="Exercises Database"
description="Browse our comprehensive library of movements, categorized by muscle group and equipment."
products={[
{ id: "e1", brand: "Upper Body", name: "Bench Press", price: "Level: Beginner", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNNEzFDqEt4znb3TV8kx2fQXF/professional-weight-lifting-equipment-ar-1774692653792-bb66fa47.png" },
{ id: "e2", brand: "Lower Body", name: "Squat", price: "Level: Intermediate", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNNEzFDqEt4znb3TV8kx2fQXF/muscular-man-focusing-on-workout-recover-1774692653927-f50cbf8b.png" },
{ id: "e3", brand: "Full Body", name: "Deadlift", price: "Level: Advanced", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNNEzFDqEt4znb3TV8kx2fQXF/a-high-energy-cinematic-fitness-scene-in-1774692653848-117369e5.png" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[{ title: "Product", items: [{ label: "Training", href: "#" }] }, { title: "Company", items: [{ label: "About", href: "#" }] }]}
logoText="ElitePulse"
copyrightText="© 2025 ElitePulse Fitness Inc."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}