Merge version_1 into main #1
222
src/app/page.tsx
222
src/app/page.tsx
@@ -32,44 +32,31 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="VIP Gym"
|
||||
button={{
|
||||
text: "Join VIP",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Join VIP", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Train Like VIP. Build Like a Beast 💎💪"
|
||||
description="A premium fitness experience in Doha. Exclusive muscle-building, elite coaching, and world-class recovery."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gym-equipment-with-christmas-theme-decorations_23-2149564401.jpg"
|
||||
imageAlt="luxury gym interior dark style"
|
||||
buttons={[
|
||||
{
|
||||
text: "Join The Factory",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join The Factory", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -79,9 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Where Luxury Meets Performance"
|
||||
description={[
|
||||
"VIP Gym The Muscle Factory offers a complete fitness lifestyle.",
|
||||
"From muscle building to group classes and nutrition, everything is designed to give you a premium experience.",
|
||||
]}
|
||||
"VIP Gym The Muscle Factory offers a complete fitness lifestyle.", "From muscle building to group classes and nutrition, everything is designed to give you a premium experience."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -92,23 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Environment",
|
||||
description: "High-end facilities designed for comfort and elite training.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-doing-pilates_23-2150678648.jpg",
|
||||
imageAlt: "personal training session luxury gym",
|
||||
},
|
||||
title: "Premium Environment", description: "High-end facilities designed for comfort and elite training.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-doing-pilates_23-2150678648.jpg", imageAlt: "personal training session luxury gym"},
|
||||
{
|
||||
title: "Sauna & Recovery",
|
||||
description: "State-of-the-art recovery spa to rejuvenate your body.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858031.jpg",
|
||||
imageAlt: "group fitness class premium studio",
|
||||
},
|
||||
title: "Sauna & Recovery", description: "State-of-the-art recovery spa to rejuvenate your body.", imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858031.jpg", imageAlt: "group fitness class premium studio"},
|
||||
{
|
||||
title: "Expert Trainers",
|
||||
description: "Elite coaches dedicated to your success and transformation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wavy-sauna-ceiling-tiered-benches-parametric-interior_169016-68904.jpg",
|
||||
imageAlt: "luxury gym sauna recovery area",
|
||||
},
|
||||
title: "Expert Trainers", description: "Elite coaches dedicated to your success and transformation.", imageSrc: "http://img.b2bpic.net/free-photo/wavy-sauna-ceiling-tiered-benches-parametric-interior_169016-68904.jpg", imageAlt: "luxury gym sauna recovery area"},
|
||||
]}
|
||||
title="Why VIP Gym"
|
||||
description="Experience unparalleled fitness standards."
|
||||
@@ -117,70 +90,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "VIP",
|
||||
name: "Personal Training",
|
||||
price: "Expert Led",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-conversing-with-woman-gym-while-wearing-medical-mask_23-2148766015.jpg",
|
||||
imageAlt: "personal training session luxury gym",
|
||||
},
|
||||
id: "p1", brand: "VIP", name: "Personal Training", price: "Expert Led", rating: 5,
|
||||
reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/man-conversing-with-woman-gym-while-wearing-medical-mask_23-2148766015.jpg", imageAlt: "personal training session luxury gym"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "VIP",
|
||||
name: "Functional Fitness",
|
||||
price: "Strength Focused",
|
||||
rating: 5,
|
||||
reviewCount: "40+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-females-fitness-class_23-2148387799.jpg",
|
||||
imageAlt: "group fitness class premium studio",
|
||||
},
|
||||
id: "p2", brand: "VIP", name: "Functional Fitness", price: "Strength Focused", rating: 5,
|
||||
reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-females-fitness-class_23-2148387799.jpg", imageAlt: "group fitness class premium studio"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "VIP",
|
||||
name: "Nutrition Consulting",
|
||||
price: "Customized",
|
||||
rating: 5,
|
||||
reviewCount: "30+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg",
|
||||
imageAlt: "luxury gym sauna recovery area",
|
||||
},
|
||||
id: "p3", brand: "VIP", name: "Nutrition Consulting", price: "Customized", rating: 5,
|
||||
reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg", imageAlt: "luxury gym sauna recovery area"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "VIP",
|
||||
name: "Group Classes",
|
||||
price: "Dynamic",
|
||||
rating: 4,
|
||||
reviewCount: "20+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-gym-concept-with-kettlebells-high-angle_23-2149307766.jpg",
|
||||
imageAlt: "luxury gym equipment gold black",
|
||||
},
|
||||
id: "p4", brand: "VIP", name: "Group Classes", price: "Dynamic", rating: 4,
|
||||
reviewCount: "20+", imageSrc: "http://img.b2bpic.net/free-photo/training-gym-concept-with-kettlebells-high-angle_23-2149307766.jpg", imageAlt: "luxury gym equipment gold black"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "VIP",
|
||||
name: "Recovery Spa",
|
||||
price: "Essential",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-relaxed-hands-placed-steel-rail-gym_1150-16536.jpg",
|
||||
imageAlt: "luxury gym equipment gold black",
|
||||
},
|
||||
id: "p5", brand: "VIP", name: "Recovery Spa", price: "Essential", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-relaxed-hands-placed-steel-rail-gym_1150-16536.jpg", imageAlt: "luxury gym equipment gold black"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "VIP",
|
||||
name: "Youth Training",
|
||||
price: "Specialized",
|
||||
rating: 4,
|
||||
reviewCount: "15+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-with-towel-her-shoulders-open-water-bottle-gym_1153-4182.jpg",
|
||||
imageAlt: "luxury gym equipment gold black",
|
||||
},
|
||||
id: "p6", brand: "VIP", name: "Youth Training", price: "Specialized", rating: 4,
|
||||
reviewCount: "15+", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-with-towel-her-shoulders-open-water-bottle-gym_1153-4182.jpg", imageAlt: "luxury gym equipment gold black"},
|
||||
]}
|
||||
title="Full VIP Fitness Experience"
|
||||
description="Comprehensive programs tailored to every fitness journey."
|
||||
@@ -192,14 +124,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Doha Premier",
|
||||
"Muscle Tech",
|
||||
"Elite Form",
|
||||
"Pro Performance",
|
||||
"Lux Strength",
|
||||
"Aura Fitness",
|
||||
"Vigor Peak",
|
||||
]}
|
||||
"Doha Premier", "Muscle Tech", "Elite Form", "Pro Performance", "Lux Strength", "Aura Fitness", "Vigor Peak"]}
|
||||
title="Experience VIP Fitness"
|
||||
description="Visualizing your transformation in a luxury setting."
|
||||
/>
|
||||
@@ -213,50 +138,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Member",
|
||||
company: "Doha",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg",
|
||||
imageAlt: "fitness gym member testimonial portrait",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", role: "Member", company: "Doha", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg", imageAlt: "fitness gym member testimonial portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Pro Athlete",
|
||||
company: "Qatar",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-athletic-male-sportswear-sits-white-box-holds-barbell_613910-485.jpg",
|
||||
imageAlt: "fit athlete testimonial luxury gym",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "Pro Athlete", company: "Qatar", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-athletic-male-sportswear-sits-white-box-holds-barbell_613910-485.jpg", imageAlt: "fit athlete testimonial luxury gym"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing",
|
||||
company: "Doha",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-muscular-man-talking-cellphone-gym_23-2147949649.jpg",
|
||||
imageAlt: "happy customer gym membership portrait",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Marketing", company: "Doha", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-muscular-man-talking-cellphone-gym_23-2147949649.jpg", imageAlt: "happy customer gym membership portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Manager",
|
||||
company: "Doha",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-strong-arms_1098-2745.jpg",
|
||||
imageAlt: "lifestyle fitness client portrait",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Manager", company: "Doha", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-strong-arms_1098-2745.jpg", imageAlt: "lifestyle fitness client portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Smith",
|
||||
role: "Coach",
|
||||
company: "Doha",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anticipation-harmony-spa-woman-near-sauna-door_169016-69262.jpg",
|
||||
imageAlt: "strong athlete gym portrait",
|
||||
},
|
||||
id: "t5", name: "Alex Smith", role: "Coach", company: "Doha", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anticipation-harmony-spa-woman-near-sauna-door_169016-69262.jpg", imageAlt: "strong athlete gym portrait"},
|
||||
]}
|
||||
title="VIP Member Feedback"
|
||||
description="Known for complete and premium services with 80+ reviews."
|
||||
@@ -269,30 +164,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are the hours?",
|
||||
content: "Daily until 2 AM.",
|
||||
},
|
||||
id: "f1", title: "What are the hours?", content: "Daily until 2 AM."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where is the gym?",
|
||||
content: "Square Mall, 2nd Floor, Doha.",
|
||||
},
|
||||
id: "f2", title: "Where is the gym?", content: "Square Mall, 2nd Floor, Doha."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer sauna?",
|
||||
content: "Yes, sauna access is included in VIP.",
|
||||
},
|
||||
id: "f3", title: "Do you offer sauna?", content: "Yes, sauna access is included in VIP."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Are there personal trainers?",
|
||||
content: "Yes, our elite coaches provide personalized programs.",
|
||||
},
|
||||
id: "f4", title: "Are there personal trainers?", content: "Yes, our elite coaches provide personalized programs."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "How do I sign up?",
|
||||
content: "Book your initial consultation through our website form.",
|
||||
},
|
||||
id: "f5", title: "How do I sign up?", content: "Book your initial consultation through our website form."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dumbbell_74190-3786.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -305,10 +185,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Upgrade to VIP Fitness 💎"
|
||||
description="Train better. Live better. Book your consultation today."
|
||||
buttonText="Get Directions"
|
||||
@@ -320,25 +200,17 @@ export default function LandingPage() {
|
||||
logoText="VIP Gym"
|
||||
columns={[
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Square Mall, Doha",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Square Mall, Doha", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Call Now",
|
||||
href: "tel:+97451119176",
|
||||
},
|
||||
label: "Call Now", href: "tel:+97451119176"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@vipgym.qa",
|
||||
},
|
||||
label: "Email", href: "mailto:info@vipgym.qa"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user