Update src/app/page.tsx
This commit is contained in:
359
src/app/page.tsx
359
src/app/page.tsx
@@ -27,265 +27,120 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Facilities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="TUG"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Facilities", id: "features" },
|
||||
{ name: "Membership", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="TUG"
|
||||
button={{ text: "Join Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="THE ULTIMATE GYM"
|
||||
description="Forged in Strength. Built for Champions. Elevate your performance at Gulberg's most exclusive training facility."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg",
|
||||
imageAlt: "Gym Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-illustration-man-doing-squats_183364-118304.jpg",
|
||||
imageAlt: "Dumbbell 3D",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-training-with-kettlebells_23-2149358157.jpg",
|
||||
imageAlt: "Athlete Intensity",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699508.jpg",
|
||||
imageAlt: "Modern Equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fit-girl-having-rest-after-intensive-cardio-workout-gym-sideways-portrait-tired-serious-young-female-boxer-black-running-shoes-sports-outfit-relaxing-bench_343059-389.jpg",
|
||||
imageAlt: "Abstract Training",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-dumbbells-gym_169016-59099.jpg",
|
||||
imageAlt: "Weight Plates",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="THE ULTIMATE GYM"
|
||||
description="Forged in Strength. Built for Champions. Elevate your performance at Gulberg's most exclusive training facility."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg", imageAlt: "Gym Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-illustration-man-doing-squats_183364-118304.jpg", imageAlt: "Dumbbell 3D" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-training-with-kettlebells_23-2149358157.jpg", imageAlt: "Athlete Intensity" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699508.jpg", imageAlt: "Modern Equipment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fit-girl-having-rest-after-intensive-cardio-workout-gym-sideways-portrait-tired-serious-young-female-boxer-black-running-shoes-sports-outfit-relaxing-bench_343059-389.jpg", imageAlt: "Abstract Training" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-dumbbells-gym_169016-59099.jpg", imageAlt: "Weight Plates" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Elite Machines",
|
||||
description: "State-of-the-art strength equipment.",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Serious Culture",
|
||||
description: "Non-stop training environment.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Pro",
|
||||
title: "Expert Coaches",
|
||||
description: "Certified trainers for every goal.",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Elite Standards"
|
||||
description="Our facility is designed for those who demand excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100+", title: "Elite Machines", description: "State-of-the-art strength equipment.", icon: Activity },
|
||||
{ id: "m2", value: "24/7", title: "Serious Culture", description: "Non-stop training environment.", icon: Clock },
|
||||
{ id: "m3", value: "Pro", title: "Expert Coaches", description: "Certified trainers for every goal.", icon: Award },
|
||||
]}
|
||||
title="Elite Standards"
|
||||
description="Our facility is designed for those who demand excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="The Training Arena"
|
||||
description="Engineered for maximum intensity and peak performance."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Strength Zone",
|
||||
content: "Equipped with world-class free weights and power racks for serious gains.",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Cardio Arena",
|
||||
content: "Modern, high-performance cardio machines to push your endurance limits.",
|
||||
},
|
||||
{
|
||||
id: "a3",
|
||||
title: "Personal Coaching",
|
||||
content: "Customized programming from our expert certified training staff.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fitness-equipment_53876-138086.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="The Training Arena"
|
||||
description="Engineered for maximum intensity and peak performance."
|
||||
accordionItems={[
|
||||
{ id: "a1", title: "Strength Zone", content: "Equipped with world-class free weights and power racks for serious gains." },
|
||||
{ id: "a2", title: "Cardio Arena", content: "Modern, high-performance cardio machines to push your endurance limits." },
|
||||
{ id: "a3", title: "Personal Coaching", content: "Customized programming from our expert certified training staff." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fitness-equipment_53876-138086.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Best in Lahore",
|
||||
quote: "The intensity at this gym is unmatched. Best equipment in Gulberg.",
|
||||
name: "Ali Raza",
|
||||
role: "Powerlifter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661001.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Serious Gains",
|
||||
quote: "Finally a gym that takes performance seriously. Elite atmosphere.",
|
||||
name: "Sarah Khan",
|
||||
role: "Fitness Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-ballerina-doing-ballet-move-dark-area_181624-5089.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "World Class",
|
||||
quote: "Professional environment, great staff, and top-tier machines.",
|
||||
name: "Omar Malik",
|
||||
role: "Bodybuilder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-16560.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Top Coaching",
|
||||
quote: "The coaching here has transformed my training methodology completely.",
|
||||
name: "Zaid Farooq",
|
||||
role: "Athlete",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114233.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Perfect Vibes",
|
||||
quote: "Love the dark, intense vibe of this place. Perfect for serious lifting.",
|
||||
name: "Fatima Noor",
|
||||
role: "Gym Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-iron-dumbbells_1301-2292.jpg",
|
||||
},
|
||||
]}
|
||||
title="Champions Speak"
|
||||
description="Join the elite community of athletes training at TUG."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Best in Lahore", quote: "The intensity at this gym is unmatched. Best equipment in Gulberg.", name: "Ali Raza", role: "Powerlifter", imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661001.jpg" },
|
||||
{ id: "2", title: "Serious Gains", quote: "Finally a gym that takes performance seriously. Elite atmosphere.", name: "Sarah Khan", role: "Fitness Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-ballerina-doing-ballet-move-dark-area_181624-5089.jpg" },
|
||||
{ id: "3", title: "World Class", quote: "Professional environment, great staff, and top-tier machines.", name: "Omar Malik", role: "Bodybuilder", imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-16560.jpg" },
|
||||
{ id: "4", title: "Top Coaching", quote: "The coaching here has transformed my training methodology completely.", name: "Zaid Farooq", role: "Athlete", imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114233.jpg" },
|
||||
{ id: "5", title: "Perfect Vibes", quote: "Love the dark, intense vibe of this place. Perfect for serious lifting.", name: "Fatima Noor", role: "Gym Member", imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-iron-dumbbells_1301-2292.jpg" },
|
||||
]}
|
||||
title="Champions Speak"
|
||||
description="Join the elite community of athletes training at TUG."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where are you located?",
|
||||
content: "We are located in Gulberg, near Ghalib Market, Lahore.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are the contact numbers?",
|
||||
content: "You can reach us at 03237042898 or 03229889702.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer training?",
|
||||
content: "Yes, we provide personalized professional coaching services.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Where are you located?", content: "We are located in Gulberg, near Ghalib Market, Lahore." },
|
||||
{ id: "f2", title: "What are the contact numbers?", content: "You can reach us at 03237042898 or 03229889702." },
|
||||
{ id: "f3", title: "Do you offer training?", content: "Yes, we provide personalized professional coaching services." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="GET IN TOUCH"
|
||||
title="Ready to Transform?"
|
||||
description="Visit us at Ghalib Market, Gulberg, or reach out to our team via phone or Instagram."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 03237042898",
|
||||
href: "tel:03237042898",
|
||||
},
|
||||
{
|
||||
text: "Follow on Instagram",
|
||||
href: "https://www.instagram.com/theultimategym_tug/?hl=en",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="GET IN TOUCH"
|
||||
title="Ready to Transform?"
|
||||
description="Visit us at Ghalib Market, Gulberg, or reach out to our team via phone or Instagram."
|
||||
buttons={[
|
||||
{ text: "Call 03237042898", href: "tel:03237042898" },
|
||||
{ text: "Follow on Instagram", href: "https://www.instagram.com/theultimategym_tug/?hl=en" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Gulberg, Lahore",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ghalib Market",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "03237042898",
|
||||
href: "tel:03237042898",
|
||||
},
|
||||
{
|
||||
label: "03229889702",
|
||||
href: "tel:03229889702",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/theultimategym_tug/?hl=en",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="TUG"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Gulberg, Lahore", href: "#" }, { label: "Ghalib Market", href: "#" }] },
|
||||
{ items: [{ label: "03237042898", href: "tel:03237042898" }, { label: "03229889702", href: "tel:03229889702" }] },
|
||||
{ items: [{ label: "Instagram", href: "https://www.instagram.com/theultimategym_tug/?hl=en" }] },
|
||||
]}
|
||||
logoText="TUG"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user