Update src/app/page.tsx
This commit is contained in:
174
src/app/page.tsx
174
src/app/page.tsx
@@ -3,10 +3,10 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -22,7 +22,7 @@ export default function LandingPage() {
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
@@ -31,16 +31,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="POWER FITNESS VN"
|
||||
/>
|
||||
@@ -48,65 +44,42 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Fitness Center in CA 91402"
|
||||
description="Get professional coaching and personal training in a clean, welcoming space. I help you stay motivated and hit my goals."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-doing-workout-exercises_23-2150470985.jpg?_wi=1", imageAlt: "Gym Training 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg?_wi=1", imageAlt: "Gym Training 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-printing-unhealthy-text-paper-with-food-blocks_23-2148193103.jpg?_wi=1", imageAlt: "Gym Training 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dumbbells-lying-floor_23-2147688535.jpg?_wi=1", imageAlt: "Gym Training 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-training-together-gym_23-2150289969.jpg?_wi=1", imageAlt: "Gym Training 5"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-doing-workout-exercises_23-2150470985.jpg?_wi=1", imageAlt: "Gym Training 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg?_wi=1", imageAlt: "Gym Training 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-printing-unhealthy-text-paper-with-food-blocks_23-2148193103.jpg?_wi=1", imageAlt: "Gym Training 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dumbbells-lying-floor_23-2147688535.jpg?_wi=1", imageAlt: "Gym Training 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-training-together-gym_23-2150289969.jpg?_wi=1", imageAlt: "Gym Training 5" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg", imageAlt: "Gym Training 6"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eat-clean-get-lean-healthy-wellness_53876-121408.jpg", imageAlt: "Gym Training 7"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/weights-fitness-equipments-wooden-floor_23-2147827955.jpg", imageAlt: "Gym Training 8"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blur-gym-fitness_74190-4429.jpg", imageAlt: "Gym Training 9"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-training-athletics_23-2151077707.jpg", imageAlt: "Gym Training 10"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg", imageAlt: "Gym Training 6" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/eat-clean-get-lean-healthy-wellness_53876-121408.jpg", imageAlt: "Gym Training 7" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/weights-fitness-equipments-wooden-floor_23-2147827955.jpg", imageAlt: "Gym Training 8" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blur-gym-fitness_74190-4429.jpg", imageAlt: "Gym Training 9" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-training-athletics_23-2151077707.jpg", imageAlt: "Gym Training 10" },
|
||||
]}
|
||||
tag="⭐⭐⭐⭐⭐ 20 Google Reviews"
|
||||
buttons={[
|
||||
{
|
||||
text: "Claim My Free Trial", href: "#contact"},
|
||||
{
|
||||
text: "Start My Transformation", href: "#contact"},
|
||||
{ text: "Claim My Free Trial", href: "#contact" },
|
||||
{ text: "Start My Transformation", href: "#contact" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sports-group-standing-gum_1157-32138.jpg", alt: "Gym Member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32111.jpg", alt: "Gym Member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-training-together_23-2149049759.jpg", alt: "Gym Member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32156.jpg", alt: "Gym Member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gymnastics-pommel-horse-close-up_23-2148752828.jpg", alt: "Gym Member 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/sports-group-standing-gum_1157-32138.jpg", alt: "Gym Member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32111.jpg", alt: "Gym Member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-people-training-together_23-2149049759.jpg", alt: "Gym Member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32156.jpg", alt: "Gym Member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/gymnastics-pommel-horse-close-up_23-2148752828.jpg", alt: "Gym Member 5" },
|
||||
]}
|
||||
avatarText="Join our growing community"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Personal Training"},
|
||||
{
|
||||
type: "text", text: "Nutritional Coaching"},
|
||||
{
|
||||
type: "text", text: "Strength & Conditioning"},
|
||||
{
|
||||
type: "text", text: "Weight Management"},
|
||||
{
|
||||
type: "text", text: "Lifestyle Support"},
|
||||
{ type: "text", text: "Personal Training" },
|
||||
{ type: "text", text: "Nutritional Coaching" },
|
||||
{ type: "text", text: "Strength & Conditioning" },
|
||||
{ type: "text", text: "Weight Management" },
|
||||
{ type: "text", text: "Lifestyle Support" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,12 +109,9 @@ export default function LandingPage() {
|
||||
title="What Members Say"
|
||||
description="See why locals trust Power Fitness VN."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Personal Training", quote: "If you’re looking for a gym where you truly feel supported and motivated, Power Fitness VN is a great choice.", name: "Yuridia Herrera", role: "Member", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-doing-workout-exercises_23-2150470985.jpg?_wi=2"},
|
||||
{
|
||||
id: "2", title: "Professional Coaching", quote: "The environment is clean, professional and very welcoming, the trainer truly focus on personalised attention.", name: "Marina Sanchez", role: "Member", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg?_wi=2"},
|
||||
{
|
||||
id: "3", title: "Results", quote: "Excellent service, personalized follow-up, professional coach, nutritional help.", name: "Gloria Molina", role: "Member", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-printing-unhealthy-text-paper-with-food-blocks_23-2148193103.jpg?_wi=2"},
|
||||
{ id: "1", title: "Personal Training", quote: "If you’re looking for a gym where you truly feel supported and motivated, Power Fitness VN is a great choice.", name: "Yuridia Herrera", role: "Member", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-doing-workout-exercises_23-2150470985.jpg?_wi=2" },
|
||||
{ id: "2", title: "Professional Coaching", quote: "The environment is clean, professional and very welcoming, the trainer truly focus on personalised attention.", name: "Marina Sanchez", role: "Member", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg?_wi=2" },
|
||||
{ id: "3", title: "Results", quote: "Excellent service, personalized follow-up, professional coach, nutritional help.", name: "Gloria Molina", role: "Member", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-printing-unhealthy-text-paper-with-food-blocks_23-2148193103.jpg?_wi=2" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,12 +123,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "01", description: "Meet My Coach: Schedule a time to visit our Titus St location and discuss my goals."},
|
||||
{
|
||||
id: "2", value: "02", description: "Get My Plan: Receive a custom workout and nutrition strategy tailored to my body."},
|
||||
{
|
||||
id: "3", value: "03", description: "Reach My Goals: Train with expert guidance and see measurable results every week."},
|
||||
{ id: "1", value: "01", description: "Meet My Coach: Schedule a time to visit our Titus St location and discuss my goals." },
|
||||
{ id: "2", value: "02", description: "Get My Plan: Receive a custom workout and nutrition strategy tailored to my body." },
|
||||
{ id: "3", value: "03", description: "Reach My Goals: Train with expert guidance and see measurable results every week." },
|
||||
]}
|
||||
title="My 3-Step Process"
|
||||
description="How I help you get started."
|
||||
@@ -170,66 +137,55 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="About Power Fitness VN"
|
||||
metrics={[
|
||||
{
|
||||
icon: Activity,
|
||||
label: "Personal Training", value: "100%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Professional Coaches", value: "NASM/ACE"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Clean Facility", value: "Certified"},
|
||||
{ icon: Activity, label: "Personal Training", value: "100%" },
|
||||
{ icon: Award, label: "Professional Coaches", value: "NASM/ACE" },
|
||||
{ icon: CheckCircle, label: "Clean Facility", value: "Certified" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "What do I get in my free trial?", content: "You will get a tour of our facility and a brief consultation with a professional coach."},
|
||||
{
|
||||
id: "f2", title: "Is the nutrition plan included?", content: "Yes, we provide personalized nutritional help as part of our coaching program."},
|
||||
{
|
||||
id: "f3", title: "What are your hours?", content: "Monday – Saturday: 6:00 AM – 11:00 AM. Sunday: Closed."},
|
||||
{ id: "f1", title: "What do I get in my free trial?", content: "You will get a tour of our facility and a brief consultation with a professional coach." },
|
||||
{ id: "f2", title: "Is the nutrition plan included?", content: "Yes, we provide personalized nutritional help as part of our coaching program." },
|
||||
{ id: "f3", title: "What are your hours?", content: "Monday – Saturday: 6:00 AM – 11:00 AM. Sunday: Closed." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Start My Results Today"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:+17472546155"},
|
||||
{
|
||||
text: "Claim My Free Trial", href: "#"},
|
||||
]}
|
||||
<ContactCTA
|
||||
tag="Contact"
|
||||
title="Start My Results Today"
|
||||
description="Reach out and let us help you transform your health and wellness journey."
|
||||
buttons={[{ text: "Call Now", href: "tel:+17472546155" }]}
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterBase
|
||||
logoText="POWER FITNESS VN"
|
||||
copyrightText="© 2025 POWER FITNESS VN. All rights reserved."
|
||||
socialLinks={[
|
||||
columns={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
title: "Info", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user