Merge version_3 into main #4
@@ -33,6 +33,7 @@ export default function LandingPage() {
|
||||
{ name: "Programs", id: "programs" },
|
||||
{ name: "Results", id: "results" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Sign In", id: "https://app.ironpulse.com/login" },
|
||||
]}
|
||||
@@ -251,7 +252,7 @@ export default function LandingPage() {
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Success Stories", href: "#results" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Services", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
148
src/app/services/page.tsx
Normal file
148
src/app/services/page.tsx
Normal file
@@ -0,0 +1,148 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Zap, CheckCircle, MessageSquare, Gift } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Iron Pulse"
|
||||
navItems={[
|
||||
{ name: "Programs", id: "/" },
|
||||
{ name: "Results", id: "/" },
|
||||
{ name: "Pricing", id: "/" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Sign In", id: "https://app.ironpulse.com/login" },
|
||||
]}
|
||||
bottomLeftText="Transform Your Life"
|
||||
bottomRightText="hello@ironpulse.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Professional Fitness & Nutrition Services"
|
||||
description="From personalized coaching to nutrition planning, we offer comprehensive services designed to accelerate your transformation and help you achieve sustainable results."
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
tag="Our Services"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg"
|
||||
imageAlt="Services"
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#services" },
|
||||
{ text: "Learn More", href: "#details" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
ariaLabel="Services hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
title="Services We Offer"
|
||||
description="Each service is designed with scientific principles and proven methodologies to deliver maximum results."
|
||||
tag="Services"
|
||||
tagIcon={CheckCircle}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Personalized Coaching", description: "One-on-one video coaching with customized workout protocols, form corrections, and real-time adjustments to maximize your progress.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg", imageAlt: "Personalized Coaching", buttons: [{ text: "Learn More", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "2", title: "Nutrition Planning", description: "Science-based meal plans tailored to your goals, lifestyle, and preferences. Includes macro calculations and weekly adjustments.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-kitchen-with-fruits_23-2148173255.jpg", imageAlt: "Nutrition Planning", buttons: [{ text: "Learn More", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "3", title: "Body Composition Analysis", description: "Detailed assessments tracking muscle mass, body fat, and overall progress. Includes personalized recommendations for optimization.", tag: "Diagnostic", imageSrc: "http://img.b2bpic.net/free-photo/shirtless-man-working-out-with-weights-gym_1098-15142.jpg", imageAlt: "Body Composition", buttons: [{ text: "Learn More", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "4", title: "Accountability & Support", description: "Daily check-ins, progress tracking, and motivational support to keep you accountable and on track throughout your journey.", tag: "Support", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Accountability Support", buttons: [{ text: "Learn More", href: "#" }],
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore All Services", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Services section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCenter
|
||||
tag="Ready to Start?"
|
||||
tagIcon={Gift}
|
||||
tagAnimation="slide-up"
|
||||
title="Schedule Your Free Consultation"
|
||||
description="Let's discuss your fitness goals and create a customized plan that works for you. Schedule a 30-minute strategy call with our team at no cost."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Book Your Consultation"
|
||||
termsText="We'll get back to you within 24 hours to confirm your consultation time."
|
||||
ariaLabel="Services CTA section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Iron Pulse Fitness"
|
||||
columns={[
|
||||
{
|
||||
title: "Programs", items: [
|
||||
{ label: "Weight Loss", href: "/" },
|
||||
{ label: "Muscle Gain", href: "/" },
|
||||
{ label: "Personal Training", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Pricing", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/15551234567" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Iron Pulse Fitness. All rights reserved. | Built for Transformation"
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user