import React, { useState, useEffect } from 'react';
import { motion, AnimatePresence } from 'framer-motion';
const PersonalTrainingPage = () => {
const [activeAccordion, setActiveAccordion] = useState(null);
const [windowSize, setWindowSize] = useState({
width: typeof window !== 'undefined' ? window.innerWidth : 1200,
height: typeof window !== 'undefined' ? window.innerHeight : 800
});
// Handle responsive layout
useEffect(() => {
const handleResize = () => {
setWindowSize({
width: window.innerWidth,
height: window.innerHeight
});
};
window.addEventListener('resize', handleResize);
return () => window.removeEventListener('resize', handleResize);
}, []);
// Toggle accordion
const toggleAccordion = (index) => {
if (activeAccordion === index) {
setActiveAccordion(null);
} else {
setActiveAccordion(index);
}
};
// Define card background images with direct URLs (simplified)
const cardBackgrounds = [
"https://images.squarespace-cdn.com/content/62759ccf14ecdd5052f6281c/0379d871-34c4-4768-ad12-f308c99dce6c/73025772-2705-4f80-8019-f6bfbf821b0c.jpeg",
"https://images.squarespace-cdn.com/content/62759ccf14ecdd5052f6281c/fac2d975-28e9-48e8-8676-4ee50cbf0363/38c3305f-90ac-4501-af27-10fac06b3871.jpeg",
"https://images.squarespace-cdn.com/content/62759ccf14ecdd5052f6281c/843a002a-6f55-4e9c-b7ca-15b18718d002/Sans+titre-191.jpg",
"https://images.squarespace-cdn.com/content/62759ccf14ecdd5052f6281c/0379d871-34c4-4768-ad12-f308c99dce6c/73025772-2705-4f80-8019-f6bfbf821b0c.jpeg"
];
// Single session option
const dropInOption = {
name: "DROP IN",
description: "One-time training session",
price: "80",
period: "/session",
billing: "Single session",
features: [
"Unique session",
"Ultra-personalized session",
"1 InBody Test"
]
};
// Package content
const packageOptions = [
{
name: "PACKAGE 10",
description: "Best for consistent training",
price: "750",
period: "total",
pricePerSession: "75",
billing: "10 sessions",
features: [
"75€ per session",
"Setting and Achieving Long-Term Goals",
"Valid 3 months",
"Constant Program Adaptation",
"Ultra-personalized program",
"3 InBody Tests"
]
},
{
name: "PACKAGE 20",
description: "Most popular choice",
price: "1400",
period: "total",
pricePerSession: "70",
billing: "20 sessions",
popular: true,
features: [
"70€ per session",
"Setting and Achieving Long-Term Goals",
"Valid 12 months",
"Constant Program Adaptation",
"50€ Gift Card for Group Classes",
"Ultra-personalized program",
"Unlimited Support and Communication",
"6 InBody Tests"
]
},
{
name: "PACKAGE 50",
description: "Best value",
price: "3000",
period: "total",
pricePerSession: "60",
billing: "50 sessions",
features: [
"60€ per session",
"Setting and Achieving Long-Term Goals",
"Valid 24 months",
"Constant Program Adaptation",
"50€ Gift Card for Group Classes",
"Ultra-personalized program",
"Unlimited Support and Communication",
"12 InBody Tests"
]
}
];
// Combine drop-in and package options
const allOptions = [dropInOption, ...packageOptions];
return (
);
};
export default PersonalTrainingPage;
{/* Header */}
{/* Pricing Cards */}
{allOptions.map((plan, index) => (
{/* Background image with overlay - removed for solid black */}
{/* Dark overlay for better text readability */}
{plan.popular && (
€
{plan.price}
{plan.period}
window.open('https://app.iclosed.io/e/tfc/15minpremiumcoaching', '_blank')}
>
Book a Free Call
{activeAccordion === index && (
)}
))}
{/* Consultation CTA */}
window.open('https://app.iclosed.io/e/tfc/15minpremiumcoaching', '_blank')}
>
Book Your Free 15-Minute Call
{/* Footer Note */}
Ultra-Personalized Training
Expert coaching tailored to your fitness goals and needs
MOST POPULAR
)}
{/* Content container with relative position to appear above the background */}
{plan.name}
{plan.description}
{plan.billing}
OFFER
{/* Accordion for feature details */} toggleAccordion(index)}
style={{
padding: '10px 0',
marginBottom: '15px',
cursor: 'pointer',
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
borderTop: '1px solid #333',
borderBottom: '1px solid #333'
}}
>
Content Description
{activeAccordion === index ? '▲' : '▼'}Our {plan.name} gives you access to our expert personal trainers who will create a customized fitness program tailored to your specific goals. Each 60-minute session is designed to maximize your results through personalized attention and guidance.
-
{plan.features.map((feature, idx) => (
FOR ALL ULTRA-PERSONALIZED PACKAGE, SELECT A SLOT
Book a 15-Minute Call - Premium Coaching
Looking for a personalized approach to fitness? In this quick call, we'll discuss how our premium personal training services can help you achieve faster, long-lasting results.
All personal training packages include customized plans, expert coaching, and regular progress assessments. Subject to our terms and conditions.