Merge version_1 into main #1
263
src/app/page.tsx
263
src/app/page.tsx
@@ -31,27 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "Memberships",
|
||||
id: "#memberships",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#location",
|
||||
},
|
||||
{ name: "About", id: "#experience" },
|
||||
{ name: "Memberships", id: "#memberships" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Location", id: "#location" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Tour",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Tour", href: "#contact"}}
|
||||
brandName="Training Room"
|
||||
/>
|
||||
</div>
|
||||
@@ -59,65 +45,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Where Discipline Meets Environment."
|
||||
description="Private-feel 24/7 access training in Laredo. Clean. Serious equipment. Zero distractions."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-girl-sitting-window-sill-with-smartphone-hands_1153-4174.jpg",
|
||||
alt: "Carlos M.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/with-closed-eyes-loughing-young-handsome-male-barber-uniform-crossing-hands-isolated-pink-with-copy-space_141793-73650.jpg",
|
||||
alt: "Ana R.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-gym_23-2147789567.jpg",
|
||||
alt: "David L.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fitness-vlogger-recording-workout-video-camera-studio-using-dumbbells-explain-lifting-technique-sport-practice-muscular-woman-filming-online-training-lesson-toning-ball_482257-37363.jpg",
|
||||
alt: "Elena P.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-training-with-kettlebell_23-2149358175.jpg",
|
||||
alt: "Mark S.",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-girl-sitting-window-sill-with-smartphone-hands_1153-4174.jpg", alt: "Carlos M." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/with-closed-eyes-loughing-young-handsome-male-barber-uniform-crossing-hands-isolated-pink-with-copy-space_141793-73650.jpg", alt: "Ana R." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-gym_23-2147789567.jpg", alt: "David L." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fitness-vlogger-recording-workout-video-camera-studio-using-dumbbells-explain-lifting-technique-sport-practice-muscular-woman-filming-online-training-lesson-toning-ball_482257-37363.jpg", alt: "Elena P." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-training-with-kettlebell_23-2149358175.jpg", alt: "Mark S." },
|
||||
]}
|
||||
avatarText="Join our growing community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Tour",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Memberships",
|
||||
href: "#memberships",
|
||||
},
|
||||
{ text: "Book a Tour", href: "#contact" },
|
||||
{ text: "View Memberships", href: "#memberships" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 ACCESS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "NO CROWDS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM STEEL",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "LAREDO BASED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "STRICT STANDARDS",
|
||||
},
|
||||
{ type: "text", text: "24/7 ACCESS" },
|
||||
{ type: "text", text: "NO CROWDS" },
|
||||
{ type: "text", text: "PREMIUM STEEL" },
|
||||
{ type: "text", text: "LAREDO BASED" },
|
||||
{ type: "text", text: "STRICT STANDARDS" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,46 +78,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Access",
|
||||
description: "Progress on your terms with full-time entry.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-spring-time-change-concept_23-2149318300.jpg",
|
||||
imageAlt: "24/7 Access",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/processor-chip-with-app-icons-front-woman-using-cellphone_23-2147844512.jpg",
|
||||
imageAlt: "24/7 Access",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-treadmill_1098-15787.jpg",
|
||||
imageAlt: "minimalist clock icon white",
|
||||
title: "24/7 Access", description: "Progress on your terms with full-time entry.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-spring-time-change-concept_23-2149318300.jpg", imageAlt: "24/7 Access" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/processor-chip-with-app-icons-front-woman-using-cellphone_23-2147844512.jpg", imageAlt: "24/7 Access" }
|
||||
},
|
||||
{
|
||||
title: "Immaculate Facility",
|
||||
description: "Strict cleanliness standards for your focus.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-geometric-shape_23-2148209971.jpg",
|
||||
imageAlt: "Clean Facility",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/viricidal-bactericidal-cleaner-labels_23-2148530443.jpg",
|
||||
imageAlt: "Clean Facility",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shadow-male-showing-muscles_23-2148019518.jpg",
|
||||
imageAlt: "minimalist clock icon white",
|
||||
title: "Immaculate Facility", description: "Strict cleanliness standards for your focus.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-geometric-shape_23-2148209971.jpg", imageAlt: "Clean Facility" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/viricidal-bactericidal-cleaner-labels_23-2148530443.jpg", imageAlt: "Clean Facility" }
|
||||
},
|
||||
{
|
||||
title: "Pro Equipment",
|
||||
description: "Serious steel for serious training.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sitting-window-sill-with-smartphone-hands_1153-4174.jpg",
|
||||
imageAlt: "Pro Equipment",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661001.jpg",
|
||||
imageAlt: "Pro Equipment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/with-closed-eyes-loughing-young-handsome-male-barber-uniform-crossing-hands-isolated-pink-with-copy-space_141793-73650.jpg",
|
||||
imageAlt: "minimalist clock icon white",
|
||||
title: "Pro Equipment", description: "Serious steel for serious training.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sitting-window-sill-with-smartphone-hands_1153-4174.jpg", imageAlt: "Pro Equipment" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661001.jpg", imageAlt: "Pro Equipment" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -197,37 +116,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
name: "Flex Starter",
|
||||
price: "$69/mo",
|
||||
features: [
|
||||
"24/7 Access",
|
||||
"Full Gym Equipment",
|
||||
"No Hidden Fees",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "starter", name: "Flex Starter", price: "$69/mo", features: ["24/7 Access", "Full Gym Equipment", "No Hidden Fees"],
|
||||
buttons: [{ text: "Sign Up", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "annual",
|
||||
name: "Pro Annual",
|
||||
price: "$59/mo",
|
||||
badge: "Most Popular",
|
||||
features: [
|
||||
"Everything in Flex",
|
||||
"Priority Support",
|
||||
"Guest Passes",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "annual", name: "Pro Annual", price: "$59/mo", badge: "Most Popular", features: ["Everything in Flex", "Priority Support", "Guest Passes"],
|
||||
buttons: [{ text: "Sign Up", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="Premium Access"
|
||||
@@ -241,60 +135,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carlos M.",
|
||||
role: "Pro Athlete",
|
||||
company: "Training Room",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sports-man-resting-after-workout_171337-8260.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ana R.",
|
||||
role: "Powerlifter",
|
||||
company: "Training Room",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1586.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David L.",
|
||||
role: "Local Trainer",
|
||||
company: "Training Room",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-wearing-headphones-raising-dumbbells-isolated-olive-green_141793-73311.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena P.",
|
||||
role: "Fitness Coach",
|
||||
company: "Training Room",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-skating-ring-with-copy-space_23-2148721092.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark S.",
|
||||
role: "Endurance Athlete",
|
||||
company: "Training Room",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-training-with-kettlebell_23-2149358175.jpg",
|
||||
},
|
||||
{ id: "1", name: "Carlos M.", role: "Pro Athlete", company: "Training Room", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sports-man-resting-after-workout_171337-8260.jpg" },
|
||||
{ id: "2", name: "Ana R.", role: "Powerlifter", company: "Training Room", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1586.jpg" },
|
||||
{ id: "3", name: "David L.", role: "Local Trainer", company: "Training Room", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-wearing-headphones-raising-dumbbells-isolated-olive-green_141793-73311.jpg" },
|
||||
{ id: "4", name: "Elena P.", role: "Fitness Coach", company: "Training Room", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-skating-ring-with-copy-space_23-2148721092.jpg" },
|
||||
{ id: "5", name: "Mark S.", role: "Endurance Athlete", company: "Training Room", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-training-with-kettlebell_23-2149358175.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.7",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Access",
|
||||
},
|
||||
{
|
||||
value: "Clean",
|
||||
label: "Facility",
|
||||
},
|
||||
{ value: "4.7", label: "Avg Rating" },
|
||||
{ value: "24/7", label: "Access" },
|
||||
{ value: "Clean", label: "Facility" },
|
||||
]}
|
||||
title="Member Feedback"
|
||||
description="Rated 4.7/5 by serious trainers."
|
||||
@@ -307,21 +157,9 @@ export default function LandingPage() {
|
||||
title="Upgrade Your Training Environment."
|
||||
tag="Call to Action"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "24/7",
|
||||
description: "Uninterrupted access",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Clean",
|
||||
description: "Premium standards",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Pro",
|
||||
description: "Serious gear",
|
||||
},
|
||||
{ id: "1", value: "24/7", description: "Uninterrupted access" },
|
||||
{ id: "2", value: "Clean", description: "Premium standards" },
|
||||
{ id: "3", value: "Pro", description: "Serious gear" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -333,21 +171,10 @@ export default function LandingPage() {
|
||||
title="Visit the Training Room"
|
||||
description="3660 E Del Mar Blvd STE 8, Laredo, TX 78041"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us how we can help",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us how we can help" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/map-pin-location-direction-position-graphic_53876-120742.jpg"
|
||||
buttonText="Submit Tour Request"
|
||||
/>
|
||||
@@ -358,11 +185,7 @@ export default function LandingPage() {
|
||||
logoText="Training Room"
|
||||
copyrightText="© 2024 Training Room Del Mar."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user