190 lines
16 KiB
TypeScript
190 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Apple, Award, Dumbbell, Facebook, HeartPulse, Instagram, Linkedin, Sparkles, Star, Sword, Target, Twitter, Users, Youtube } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Iron Forge Fitness"
|
|
logoSrc="http://img.b2bpic.net/free-vector/set-fitness-labels-flat-style_23-2147804851.jpg"
|
|
logoAlt="Iron Forge Fitness logo"
|
|
navItems={[
|
|
{ name: "Home", id: "#hero" },
|
|
{ name: "Programs", id: "#features" },
|
|
{ name: "Trainers", id: "#trainers" },
|
|
{ name: "Memberships", id: "#memberships" },
|
|
{ name: "Transformations", id: "#transformations" },
|
|
{ name: "Contact", id: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Iron Forge Fitness"
|
|
description="Elite fitness training in Sialkot for people who demand more from themselves. Forge your strongest self with us."
|
|
buttons={[
|
|
{ text: "Join Now", href: "#memberships" },
|
|
{ text: "WhatsApp Us", href: "https://wa.me/+923001234567" }
|
|
]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/sportswoman-posing-sportswear-isolated-gray_7502-8035.jpg", imageAlt: "Luxury gym interior with cinematic lighting and weights" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-doing-weighlifting_23-2147675199.jpg", imageAlt: "Muscular athlete training with heavy weights in a cinematic gym" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/man-warming-up-legs_23-2147775441.jpg", imageAlt: "Boxing area in a modern dark gym with red accent lighting" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-black-swimsuit-relaxes-edge-pool_231208-6655.jpg", imageAlt: "Dynamic spinning class in a luxury fitness studio" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-man-chatting-gym-door_1262-700.jpg", imageAlt: "Functional training area with various equipment" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-vegetables-salad-table_23-2148132011.jpg", imageAlt: "Athlete using modern fitness technology in a high-end gym" }
|
|
]}
|
|
autoplayDelay={4500}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
title="Unleash Your Potential"
|
|
description="Discover the cutting-edge facilities and personalized services that set Iron Forge Fitness apart."
|
|
features={[
|
|
{ title: "Modern Equipment", description: "Train with the latest and most advanced fitness technology for optimal results.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-weights-floor_23-2148017342.jpg", imageAlt: "Modern gym equipment", buttonIcon: Dumbbell },
|
|
{ title: "Professional Trainers", description: "Guided by certified experts dedicated to your success and personalized fitness journey.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-near-her-friend-gym_23-2147949627.jpg", imageAlt: "Professional fitness trainer", buttonIcon: Users },
|
|
{ title: "Boxing Area", description: "Experience intense boxing workouts in our dedicated, fully equipped ring.", imageSrc: "http://img.b2bpic.net/free-photo/boxing-woman-posing-with-punching-bag-dark-room-strong-independent-woman-concept_1153-4473.jpg", imageAlt: "Boxing area in gym", buttonIcon: Sword },
|
|
{ title: "Cardio Zone", description: "Boost your endurance with state-of-the-art treadmills, ellipticals, and more.", imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114253.jpg", imageAlt: "Cardio machines in gym", buttonIcon: HeartPulse },
|
|
{ title: "Nutrition Guidance", description: "Achieve holistic wellness with tailored diet plans from our expert nutritionists.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-talking-about-fruits_23-2148302131.jpg", imageAlt: "Nutrition planning and guidance", buttonIcon: Apple },
|
|
{ title: "Personal Coaching", description: "Receive one-on-one attention and bespoke training programs designed just for you.", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-doing-outdoor-fitness_23-2149082005.jpg", imageAlt: "Personal coaching session", buttonIcon: Target }
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="memberships" data-section="memberships">
|
|
<PricingCardOne
|
|
title="Choose Your Elite Membership"
|
|
description="Unlock exclusive access to world-class facilities and tailored programs designed for your success."
|
|
plans={[
|
|
{ id: "basic", badge: "Standard", badgeIcon: Sparkles, price: "PKR 15,000/month", subtitle: "Essential access to our premium facilities.", features: ["Full Gym Access", "Basic Trainer Support", "General Class Access", "Locker Room Access"] },
|
|
{ id: "pro", badge: "Recommended", badgeIcon: Star, price: "PKR 25,000/month", subtitle: "Enhanced experience with dedicated support and resources.", features: ["Full Gym Access", "Dedicated Trainer Support (2 sessions)", "All Class Access (incl. premium)", "Personalized Nutrition Plan", "Towel Service"] },
|
|
{ id: "elite", badge: "Ultimate Luxury", badgeIcon: Award, price: "PKR 40,000/month", subtitle: "Unrestricted access to every amenity and personalized coaching.", features: ["Full Gym Access (24/7)", "Elite Personal Coaching (4 sessions)", "All Class Access (VIP priority)", "Advanced Nutrition Plan & Consulting", "Luxury Amenities & Spa Access", "Guest Passes (2/month)"] }
|
|
]}
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="trainers" data-section="trainers">
|
|
<TeamCardTwo
|
|
title="Meet Our Elite Trainers"
|
|
description="Our team of highly qualified and experienced professionals are dedicated to helping you achieve your fitness goals."
|
|
members={[
|
|
{ id: "trainer-1", name: "Ahmed Khan", role: "Head Coach, Strength & Conditioning", description: "With over a decade of experience, Ahmed specializes in maximizing athletic performance and strength.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-training-gym_23-2149517278.jpg", imageAlt: "Portrait of Ahmed Khan, Head Coach", socialLinks: [{ icon: Instagram, url: "https://instagram.com/ahmedkhanfitness" }, { icon: Linkedin, url: "https://linkedin.com/in/ahmedkhan" }] },
|
|
{ id: "trainer-2", name: "Zara Ali", role: "Nutrition & Wellness Specialist", description: "Zara combines expert nutritional guidance with dynamic training for holistic well-being and sustainable results.", imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32111.jpg", imageAlt: "Portrait of Zara Ali, Nutrition Specialist", socialLinks: [{ icon: Instagram, url: "https://instagram.com/zaraalifitness" }, { icon: Twitter, url: "https://twitter.com/zaraalifitness" }] },
|
|
{ id: "trainer-3", name: "Bilal Sheikh", role: "Boxing & HIIT Master", description: "Bilal brings intense, high-energy boxing and HIIT sessions that push limits and deliver incredible results.", imageSrc: "http://img.b2bpic.net/free-photo/couple-gym_1157-15669.jpg", imageAlt: "Portrait of Bilal Sheikh, Boxing & HIIT Master", socialLinks: [{ icon: Instagram, url: "https://instagram.com/bilalsheikhboxing" }] },
|
|
{ id: "trainer-4", name: "Sana Rizvi", role: "Cardio & Endurance Expert", description: "Sana is passionate about helping clients build stamina and improve cardiovascular health with engaging workouts.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-out_23-2150351932.jpg", imageAlt: "Portrait of Sana Rizvi, Cardio & Endurance Expert", socialLinks: [{ icon: Instagram, url: "https://instagram.com/sanarizvifit" }] }
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="transformations" data-section="transformations">
|
|
<ProductCardOne
|
|
title="Inspiring Transformations"
|
|
description="Witness the incredible journeys of our members who have achieved their fitness dreams at Iron Forge Fitness."
|
|
products={[
|
|
{ id: "trans-1", name: "Weight Loss Success", price: "Client: M. Umair", imageSrc: "http://img.b2bpic.net/free-photo/shadow-male-showing-muscles_23-2148019518.jpg", imageAlt: "Before and after image of a male weight loss transformation" },
|
|
{ id: "trans-2", name: "Body Toning & Strength", price: "Client: A. Fatima", imageSrc: "http://img.b2bpic.net/free-photo/woman-sport-clothing-studio_23-2149374693.jpg", imageAlt: "Before and after image of a female body toning transformation" },
|
|
{ id: "trans-3", name: "Athletic Performance", price: "Client: S. Farooq", imageSrc: "http://img.b2bpic.net/free-photo/professional-athlete-with-beautiful-muscular-body-trains-gymnastic-rings-abandoned-industrial-building_613910-21818.jpg", imageAlt: "Before and after image of an athletic performance transformation" },
|
|
{ id: "trans-4", name: "Lifestyle Change", price: "Client: H. Raza", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163413.jpg", imageAlt: "Before and after image of a client's healthy lifestyle change" },
|
|
{ id: "trans-5", name: "Muscle Definition", price: "Client: K. Anwar", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-shirtless-muscled-man-with-headphones_23-2148418178.jpg", imageAlt: "Before and after image of a male muscle definition transformation" },
|
|
{ id: "trans-6", name: "Endurance Boost", price: "Client: R. Hassan", imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-using-mobile_23-2148419885.jpg", imageAlt: "Before and after image of a female endurance improvement transformation" }
|
|
]}
|
|
gridVariant="bento-grid"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="classes" data-section="classes">
|
|
<MetricCardSeven
|
|
title="Dynamic Class Schedule"
|
|
description="Join our diverse range of classes led by expert instructors to keep your workouts engaging and effective."
|
|
metrics={[
|
|
{ id: "boxing", value: "Boxing", title: "Unleash Your Power", items: ["Monday: 6:00 PM - 7:00 PM", "Wednesday: 7:00 PM - 8:00 PM", "Friday: 5:30 PM - 6:30 PM"] },
|
|
{ id: "strength", value: "Strength Training", title: "Build Functional Muscle", items: ["Tuesday: 5:00 PM - 6:00 PM", "Thursday: 6:00 PM - 7:00 PM", "Saturday: 11:00 AM - 12:00 PM"] },
|
|
{ id: "hiit", value: "HIIT", title: "High-Intensity Interval", items: ["Monday: 7:00 PM - 8:00 PM", "Wednesday: 6:00 PM - 7:00 PM", "Saturday: 10:00 AM - 11:00 AM"] },
|
|
{ id: "cardio", value: "Cardio Blast", title: "Boost Your Endurance", items: ["Tuesday: 6:00 PM - 7:00 PM", "Thursday: 5:00 PM - 6:00 PM", "Sunday: 9:00 AM - 10:00 AM"] },
|
|
{ id: "yoga", value: "Yoga & Mobility", title: "Flexibility & Mindfulness", items: ["Monday: 8:00 PM - 9:00 PM", "Thursday: 7:00 PM - 8:00 PM"] },
|
|
{ id: "personaltraining", value: "Personal Training", title: "One-on-One Sessions", items: ["Available by appointment", "Customized programs", "Flexible scheduling"] }
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Iron Forge Fitness has completely transformed my approach to health. The trainers are phenomenal, the equipment is top-tier, and the atmosphere is incredibly motivating. I've never felt stronger or more confident!"
|
|
rating={5}
|
|
author="Fatima Zafar, Entrepreneur"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg", alt: "Fatima Zafar" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-happy-athletic-woman-doing-stretching-exercises-while-working-out-home_637285-5156.jpg", alt: "Adnan Malik" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg", alt: "Saima Noor" },
|
|
{ src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1403.jpg", alt: "Usman Tariq" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-crossed-arms-with-confident-smile-face-standing-orange-wall_141793-48757.jpg", alt: "Hina Khan" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience the pinnacle of fitness? Visit Iron Forge Fitness in Sialkot, Pakistan. Our team is here to help you start your journey. We are located at: Main DHA Road, Sialkot, Pakistan. Phone: +92 300 1234567. Email: info@ironforgefitness.pk. Opening Hours: Mon-Fri: 6 AM - 10 PM, Sat-Sun: 8 AM - 8 PM."
|
|
background={{ variant: "rotated-rays-animated-grid" }}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Get Directions", href: "https://www.google.com/maps/search/Iron+Forge+Fitness+Sialkot" },
|
|
{ text: "Send an Email", href: "mailto:info@ironforgefitness.pk" },
|
|
{ text: "WhatsApp Us", href: "https://wa.me/+923001234567" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Iron Forge Fitness"
|
|
copyrightText="© 2024 Iron Forge Fitness. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "https://instagram.com/ironforgefitnesspk", ariaLabel: "Instagram profile" },
|
|
{ icon: Facebook, href: "https://facebook.com/ironforgefitnesspk", ariaLabel: "Facebook page" },
|
|
{ icon: Twitter, href: "https://twitter.com/ironforgefitnesspk", ariaLabel: "Twitter profile" },
|
|
{ icon: Youtube, href: "https://youtube.com/ironforgefitnesspk", ariaLabel: "YouTube channel" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|