silver-fitness

bySai Sai

Act as a world-class 3D web designer and front-end motion expert. Build a high-performance, visually stunning fitness website for a premium gym brand. Brand Name: F44 FITNESS STUDIO Design Reference: Use this structure and layout inspiration: https://www.wix.com/website-template/view/html/wh-1019 But upgrade it to a futuristic, modern, high-energy experience with bold animations, 3D effects, and cinematic visuals. ---------------------------------- 🎯 CORE BRAND FEEL ---------------------------------- - Dark luxury + neon energy - Colors: Black (#0B0B0B), Neon Green (#39FF14), Electric Blue (#00E5FF), White - Typography: Bold sans-serif (like Bebas Neue / Inter / Poppins) - Tone: Aggressive, elite, high-performance Tagline: "Train Like a Machine. Perform Like an Athlete." ---------------------------------- 🧠 WEBSITE STRUCTURE ---------------------------------- 1. HERO SECTION (FULLSCREEN) - Background: Cinematic fitness video (slow-motion lifting, sweat, boxing) - Overlay gradient (dark + neon glow) - Big heading: "F44 FITNESS STUDIO" - Subtext: "Transform Your Body. Dominate Your Limits." - CTA buttons: [Join Now] [Book Free Trial] 🔥 Animation: - Text fades in with staggered motion - Background zoom + parallax - CTA glow pulse effect - Mouse movement = slight 3D tilt ---------------------------------- 2. ABOUT SECTION - Split layout (image + text) - Content: "At F44 Fitness Studio, we don’t train average bodies. We build elite performance machines." - Add trainer image or gym environment 🔥 Animation: - Scroll reveal (slide from left/right) - Image zoom on hover ---------------------------------- 3. PROGRAMS SECTION Show 4 cards: - Strength Training - Fat Loss - Functional Training - Personal Coaching Each card: - Icon or image - Short description 🔥 Animation: - Cards float in 3D - Hover → scale + glow + tilt - Smooth staggered entry ---------------------------------- 4. TRANSFORMATION (PROOF SECTION) IMPORTANT: This is your “trust builder” - Before/After images (placeholders) - Short testimonials Example: "Lost 12kg in 90 days – Rahul" 🔥 Animation: - Slider / carousel - Before/After swipe effect - Auto-play video testimonials (muted) ---------------------------------- 5. VIDEO SHOWCASE SECTION - Grid of 3–4 videos: - Workout clips - Client transformations - Trainer coaching 🔥 Animation: - Hover → video auto-play - Zoom + cinematic overlay ---------------------------------- 6. TRAINERS SECTION - Cards for coaches Details: - Name - Specialty - Experience 🔥 Animation: - Flip cards on hover - Neon border glow ---------------------------------- 7. PRICING SECTION 3 plans: - Basic - Pro - Elite Include: - Price - Features - CTA 🔥 Animation: - Highlight “Pro” plan - Hover → expand + glow ---------------------------------- 8. CTA SECTION (HIGH IMPACT) - Full-width neon gradient background - Text: "READY TO TRANSFORM?" Buttons: - Join Now - Contact Us 🔥 Animation: - Pulsing background - Button magnetic hover effect ---------------------------------- 9. FOOTER - Social icons - Contact info - Location - Copyright ---------------------------------- 🎥 MEDIA (PLACEHOLDERS) ---------------------------------- Use high-quality fitness media: Images: - Muscular athletes training - Gym interior - Transformation photos Videos: - Deadlifts - HIIT workouts - Boxing / cardio - Personal training sessions ---------------------------------- ⚡ ADVANCED ANIMATIONS (IMPORTANT) ---------------------------------- - Smooth scrolling (Lenis style) - Parallax scrolling layers - Cursor glow effect - Section transitions (fade + blur) - Micro-interactions on every hover - 3D tilt on cards - Scroll-triggered animations (GSAP style) ---------------------------------- 🚀 PERFORMANCE RULES ---------------------------------- - Fast loading - Lazy load images/videos - Optimize for mobile first - Responsive across all devices ---------------------------------- 🎯 FINAL OUTPUT ---------------------------------- Generate a complete modern website with: - Sections fully designed - Placeholder images/videos included - Animations applied - Clean layout - Premium feel (like Nike / Gymshark level) Make it visually addictive and conversion-focused.