Merge version_1 into main #2
411
src/app/page.tsx
411
src/app/page.tsx
@@ -27,310 +27,129 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Trainers",
|
||||
id: "trainers",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="TIGER FITNESS"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Trainers", id: "trainers" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="TIGER FITNESS"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="TIGER FITNESS"
|
||||
description="Elite training. Premium equipment. Real results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Transformation",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Book a Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/women-doing-sit-ups-exercise-balls-gym_23-2147827913.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="TIGER FITNESS"
|
||||
description="Elite training. Premium equipment. Real results."
|
||||
buttons={[
|
||||
{ text: "Start Your Transformation", href: "#contact" },
|
||||
{ text: "Book a Free Trial", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/women-doing-sit-ups-exercise-balls-gym_23-2147827913.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Those Who Refuse Average"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Those Who Refuse Average"
|
||||
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Personal Training",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sideways-portrait-woman-with-braid-hairstyle_23-2148322424.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Strength & Conditioning",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-athlete-looking-camera_23-2148162222.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fat Loss Programs",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-senior-man-keeping-fit-by-practicing-gymnastics_23-2150918057.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Group Training",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-studio-lights-background_158538-9525.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mobility Training",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13199.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Athletic Performance",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-wrist-builders_23-2147775995.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Performance Offerings"
|
||||
description="High-impact programs designed for real transformation."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Personal Training", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sideways-portrait-woman-with-braid-hairstyle_23-2148322424.jpg" },
|
||||
{ id: "2", name: "Strength & Conditioning", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-athlete-looking-camera_23-2148162222.jpg" },
|
||||
{ id: "3", name: "Fat Loss Programs", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/athletic-senior-man-keeping-fit-by-practicing-gymnastics_23-2150918057.jpg" },
|
||||
{ id: "4", name: "Group Training", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-studio-lights-background_158538-9525.jpg" },
|
||||
{ id: "5", name: "Mobility Training", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13199.jpg" },
|
||||
{ id: "6", name: "Athletic Performance", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-wrist-builders_23-2147775995.jpg" },
|
||||
]}
|
||||
title="Our Performance Offerings"
|
||||
description="High-impact programs designed for real transformation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trainers" data-section="trainers">
|
||||
<TeamCardTwo
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Marcus Thorne",
|
||||
role: "Head Coach",
|
||||
description: "15+ years experience in athletic performance and form optimization.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sports-man-resting-after-workout_171337-8260.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Elena Velez",
|
||||
role: "Strength Expert",
|
||||
description: "Expert in powerlifting and functional strength conditioning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-sports-fitness-active-healthy-lifestyle-concept-attractive-fit-young-mixed-race-male-with-muscular-shoulders-posing-studio-keeping-arms-folded-his-look-expressing-confidence_343059-339.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Jackson Reed",
|
||||
role: "Transformation Specialist",
|
||||
description: "Dedicated to sustainable fat loss and metabolic conditioning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-young-handsome-man-bar_158595-5126.jpg",
|
||||
},
|
||||
]}
|
||||
title="Train With Experts Who Care"
|
||||
description="Certified professionals focused on technique and results."
|
||||
/>
|
||||
</div>
|
||||
<div id="trainers" data-section="trainers">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "m1", name: "Marcus Thorne", role: "Head Coach", description: "15+ years experience.", imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sports-man-resting-after-workout_171337-8260.jpg" },
|
||||
{ id: "m2", name: "Elena Velez", role: "Strength Expert", description: "Powerlifting expert.", imageSrc: "http://img.b2bpic.net/free-photo/people-sports-fitness-active-healthy-lifestyle-concept-attractive-fit-young-mixed-race-male-with-muscular-shoulders-posing-studio-keeping-arms-folded-his-look-expressing-confidence_343059-339.jpg" },
|
||||
{ id: "m3", name: "Jackson Reed", role: "Transformation Specialist", description: "Fat loss specialist.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-young-handsome-man-bar_158595-5126.jpg" },
|
||||
]}
|
||||
title="Train With Experts Who Care"
|
||||
description="Certified professionals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Equipment",
|
||||
description: "Well-maintained world-class machinery.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-getting-ready-doing-sport-night_23-2149288016.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-689.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-doing-sit-ups-exercise-balls-gym_23-2147827913.jpg?_wi=2",
|
||||
imageAlt: "fitness enthusiast portrait modern dark aesthetic",
|
||||
},
|
||||
{
|
||||
title: "Motivating Atmosphere",
|
||||
description: "Energy that pushes you harder.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-holding-dumbbells_23-2149517267.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19218.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sideways-portrait-woman-with-braid-hairstyle_23-2148322424.jpg?_wi=2",
|
||||
imageAlt: "fitness enthusiast portrait modern dark aesthetic",
|
||||
},
|
||||
{
|
||||
title: "Expert Coaching",
|
||||
description: "Personalized results-driven training.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-man-practicing-rock-climbing-bouldering-wall_23-2151724730.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-athlete-competing-olympic-games-championship_23-2151500594.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-athlete-looking-camera_23-2148162222.jpg?_wi=2",
|
||||
imageAlt: "fitness enthusiast portrait modern dark aesthetic",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Why Choose Us"
|
||||
description="The elite standard in fitness."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
showStepNumbers={false}
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Premium Equipment", description: "World-class machinery.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-person-getting-ready-doing-sport-night_23-2149288016.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-689.jpg" } },
|
||||
{ title: "Motivating Atmosphere", description: "Push harder.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-holding-dumbbells_23-2149517267.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19218.jpg" } },
|
||||
{ title: "Expert Coaching", description: "Personalized.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-man-practicing-rock-climbing-bouldering-wall_23-2151724730.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-athlete-competing-olympic-games-championship_23-2151500594.jpg" } },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="The elite standard."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Member",
|
||||
company: "Tech Professional",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-basketball-player_23-2151098126.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
role: "Member",
|
||||
company: "Creative Director",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-jumping-rope_23-2147789633.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike D.",
|
||||
role: "Member",
|
||||
company: "Entrepreneur",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-african-american-man-runner-resting-after-intensive-outdoor-training-workout_273609-1178.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily K.",
|
||||
role: "Member",
|
||||
company: "Lawyer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-gym_23-2148024321.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W.",
|
||||
role: "Member",
|
||||
company: "Finance Exec",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-young-man-working-out_329181-16560.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Members Love Tiger Fitness"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Why Members Love Tiger Fitness"
|
||||
description="Our success stories."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex R.", role: "Member", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-basketball-player_23-2151098126.jpg" },
|
||||
{ id: "t2", name: "Sarah J.", role: "Member", company: "Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-jumping-rope_23-2147789633.jpg" },
|
||||
{ id: "t3", name: "Mike D.", role: "Member", company: "Entrepreneur", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/headshot-african-american-man-runner-resting-after-intensive-outdoor-training-workout_273609-1178.jpg" },
|
||||
{ id: "t4", name: "Emily K.", role: "Member", company: "Lawyer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-gym_23-2148024321.jpg" },
|
||||
{ id: "t5", name: "David W.", role: "Member", company: "Finance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-young-man-working-out_329181-16560.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Your Transformation Starts Today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Schedule a Visit",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Your Transformation Starts Today."
|
||||
buttons={[{ text: "Join Now", href: "#" }, { text: "Schedule a Visit", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="TIGER FITNESS"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="TIGER FITNESS"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "Home", href: "#home" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user