Merge version_2 into main #1
@@ -4,13 +4,13 @@
|
||||
/* Base units */
|
||||
/* --vw is set by ThemeProvider */
|
||||
|
||||
--background: #fafafa;;
|
||||
--card: #f4f4f5;;
|
||||
--foreground: #27272a;;
|
||||
--primary-cta: #3f3f46;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--accent: #facc15;;
|
||||
--background-accent: #eab308;;
|
||||
--background: #f8faff;
|
||||
--card: #ffffff;
|
||||
--foreground: #00101f;
|
||||
--primary-cta: #409fff;
|
||||
--secondary-cta: #ffffff;
|
||||
--accent: #c7e2fc;
|
||||
--background-accent: #9bcfff;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
@@ -495,7 +495,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-fraunces), sans-serif;
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -508,5 +508,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-fraunces), sans-serif;
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
}
|
||||
318
src/app/page.tsx
318
src/app/page.tsx
@@ -1,138 +1,170 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
|
||||
import FooterSocial from '@/components/sections/footer/FooterSocial';
|
||||
import { Zap, Sparkles, Instagram, Facebook, Twitter, Linkedin } from "lucide-react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Zap, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="animatedAurora"
|
||||
cardStyle="neon-glow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="outline"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Michael Garcia Coaching"
|
||||
bottomLeftText="Transform Your Fitness"
|
||||
bottomRightText="info@michaelgarcia.fitness"
|
||||
brandName="FitPro"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
title="Transform Your Body, Transform Your Life"
|
||||
description="One-on-one personal training with Michael Garcia. Personalized coaching for your fitness goals."
|
||||
tag="Premium Coaching"
|
||||
<HeroBillboardCarousel
|
||||
title="Premium Fitness Coaching Experience"
|
||||
description="Unlock your potential with personalized training programs designed by expert coaches. Transform your fitness journey today."
|
||||
tag="Elite Training"
|
||||
tagIcon={Zap}
|
||||
buttons={[
|
||||
{ text: "Start Training", href: "contact" },
|
||||
{ text: "Learn More", href: "about" }
|
||||
{ text: "Start Free Trial", href: "contact" },
|
||||
{ text: "View Programs", href: "pricing" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
|
||||
imageAlt: "woman, personal trainer, fitness, exercise, workout, strength training, coach, dumbbells, weight bench, weight training, healthy, caucasian, personal trainer, personal trainer, personal trainer, personal trainer, fitness, fitness, fitness, fitness, fitness, exercise, exercise, workout, workout, coach"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
|
||||
imageAlt: "woman, personal trainer, fitness, exercise, workout, strength training, coach, dumbbells, weight bench, weight training, healthy, caucasian, personal trainer, personal trainer, personal trainer, personal trainer, fitness, fitness, fitness, fitness, fitness, exercise, exercise, workout, workout, coach"
|
||||
imageAlt: "Professional fitness training session"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
|
||||
imageAlt: "fitness, training, gym, gray fitness, gray gym, gray training, gray workout, fitness, gym, gym, gym, gym, gym"
|
||||
imageAlt: "Modern gym facility"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
|
||||
imageAlt: "Strength training workout"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg",
|
||||
imageAlt: "Personal training session"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg",
|
||||
imageAlt: "Fitness achievement milestone"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaSplitAbout
|
||||
title="About Michael Garcia"
|
||||
description="With over 10 years of experience in fitness coaching, Michael specializes in personalized training programs tailored to individual goals. Whether you're looking to build strength, lose weight, or improve overall fitness, Michael creates customized workout plans that deliver results. His approach combines proven training methods with nutritional guidance and accountability to ensure your success."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg"
|
||||
imageAlt="Michael Garcia Personal Coach"
|
||||
buttons={[
|
||||
{ text: "Book a Session", href: "contact" }
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
title="How Our Training Works"
|
||||
description="A proven 4-step process to transform your fitness"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Assessment",
|
||||
description: "Complete fitness evaluation and personalized goal setting",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
|
||||
imageAlt: "Fitness assessment"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Program Design",
|
||||
description: "Custom workout and nutrition plan tailored to your needs",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
|
||||
imageAlt: "Program planning"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Coaching",
|
||||
description: "One-on-one guidance with expert form correction",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
|
||||
imageAlt: "Personal coaching"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Progress Tracking",
|
||||
description: "Regular check-ins and adjustments for optimal results",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg",
|
||||
imageAlt: "Progress tracking"
|
||||
}
|
||||
]}
|
||||
imagePosition="right"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
tag="Process"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "about" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Simple Pricing Plans"
|
||||
description="Choose the perfect coaching package for your fitness journey"
|
||||
<PricingCardOne
|
||||
title="Flexible Pricing Plans"
|
||||
description="Choose the perfect plan for your fitness goals"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
price: "$75",
|
||||
name: "Single Session",
|
||||
buttons: [
|
||||
{ text: "Get Started", href: "contact" }
|
||||
],
|
||||
badge: "Popular",
|
||||
price: "$99/mo",
|
||||
subtitle: "Starter Program",
|
||||
features: [
|
||||
"One-on-one training",
|
||||
"Personalized workout plan",
|
||||
"Form correction and coaching",
|
||||
"Fitness assessment"
|
||||
"2 sessions per week",
|
||||
"Workout plan",
|
||||
"Email support",
|
||||
"Progress tracking"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "monthly",
|
||||
id: "professional",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$299",
|
||||
name: "Monthly Plan",
|
||||
buttons: [
|
||||
{ text: "Get Started", href: "contact" }
|
||||
],
|
||||
price: "$199/mo",
|
||||
subtitle: "Professional Program",
|
||||
features: [
|
||||
"4 sessions per month",
|
||||
"Custom workout programs",
|
||||
"Progress tracking",
|
||||
"Nutrition guidance",
|
||||
"24/7 support"
|
||||
"4 sessions per week",
|
||||
"Custom meal plan",
|
||||
"24/7 support",
|
||||
"Video form reviews",
|
||||
"Weekly check-ins"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
price: "$799",
|
||||
name: "Elite Package",
|
||||
buttons: [
|
||||
{ text: "Get Started", href: "contact" }
|
||||
],
|
||||
badge: "Premium",
|
||||
price: "$399/mo",
|
||||
subtitle: "Elite Program",
|
||||
features: [
|
||||
"Unlimited sessions",
|
||||
"Advanced periodization",
|
||||
"Meal planning included",
|
||||
"Weekly check-ins",
|
||||
"Video form reviews",
|
||||
"Priority scheduling"
|
||||
"Priority scheduling",
|
||||
"Nutrition coaching",
|
||||
"Recovery planning",
|
||||
"VIP support"
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -140,128 +172,120 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="What Our Clients Say"
|
||||
description="Real transformations from real people who trained with Michael"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
<TestimonialCardFive
|
||||
title="Real Results from Real Clients"
|
||||
description="Hear from people who transformed their fitness with us"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Accountant",
|
||||
company: "NYC",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
|
||||
imageAlt: "fitness, training, gym, gray fitness, gray gym, gray training, gray workout, fitness, gym, gym, gym, gym, gym"
|
||||
name: "Sarah Johnson, Fitness Enthusiast",
|
||||
date: "Date: 15 January 2025",
|
||||
title: "Completely transformed my fitness",
|
||||
quote: "The personalized approach and expert coaching made all the difference. I've achieved results I never thought possible.",
|
||||
tag: "Professional",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Mitchell",
|
||||
role: "Marketing Manager",
|
||||
company: "Los Angeles",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
|
||||
imageAlt: "in person, trainer, fitness, coach"
|
||||
name: "James Mitchell, CEO",
|
||||
date: "Date: 20 December 2024",
|
||||
title: "Best investment in myself",
|
||||
quote: "As a busy executive, I needed efficient training. The structured programs saved me time and delivered exceptional results.",
|
||||
tag: "Elite",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Software Engineer",
|
||||
company: "San Francisco",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg",
|
||||
imageAlt: "personal trainer, fitness, brawny, exercise, personal trainer, personal trainer, personal trainer, personal trainer, personal trainer"
|
||||
name: "Emily Chen, Software Engineer",
|
||||
date: "Date: 10 December 2024",
|
||||
title: "Professional guidance at its finest",
|
||||
quote: "The attention to form and personalized adjustments kept me injury-free while building strength consistently.",
|
||||
tag: "Professional",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Rodriguez",
|
||||
role: "Executive",
|
||||
company: "Chicago",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg",
|
||||
imageAlt: "in person, trainer, fitness, coach"
|
||||
name: "David Rodriguez, Executive",
|
||||
date: "Date: 05 December 2024",
|
||||
title: "Exceeded all my expectations",
|
||||
quote: "From goal setting to achievement, every step was professionally managed. Highly recommend to anyone serious about fitness.",
|
||||
tag: "Elite",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Williams",
|
||||
role: "Teacher",
|
||||
company: "Boston",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908453454-htvqfleg.jpg",
|
||||
imageAlt: "personal, trainers, london, trainers, trainers, trainers, trainers, trainers"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Michael Torres",
|
||||
role: "Consultant",
|
||||
company: "Austin",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908454398-9i9871uu.jpg",
|
||||
imageAlt: "fitness, personal trainer, guy, black, exercise, fitness training, fitness man, man, male, fitness center, training, trainer, muscles, happy, healthy, sports, gym, gym, gym, gym, gym, gym"
|
||||
name: "Jessica Williams, Teacher",
|
||||
date: "Date: 28 November 2024",
|
||||
title: "Life-changing experience",
|
||||
quote: "The holistic approach to fitness, including nutrition and recovery, made this the most effective training I've done.",
|
||||
tag: "Professional",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908453454-htvqfleg.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908453454-htvqfleg.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenterForm
|
||||
title="Ready to Transform?"
|
||||
description="Get in touch with Michael Garcia to start your fitness journey. Fill out the form below and we'll schedule your first session."
|
||||
<ContactSplitForm
|
||||
title="Ready to Start Your Transformation?"
|
||||
description="Join hundreds of clients who have achieved their fitness goals. Get in touch today to schedule your free consultation."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
{ name: "goal", type: "text", placeholder: "What are your fitness goals?", required: true }
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "goal", type: "text", placeholder: "Your Fitness Goal", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your fitness background...",
|
||||
placeholder: "Tell us about your fitness experience...",
|
||||
rows: 5,
|
||||
required: false
|
||||
}}
|
||||
useInvertedBackground="noInvert"
|
||||
buttonText="Book Your Session"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg"
|
||||
mediaPosition="right"
|
||||
buttonText="Book Consultation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSocial
|
||||
logoText="Michael Garcia Coaching"
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg"
|
||||
imageAlt="Professional fitness facility"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
title: "Programs",
|
||||
items: [
|
||||
{ label: "Personal Training", href: "pricing" },
|
||||
{ label: "Nutrition Coaching", href: "about" },
|
||||
{ label: "Group Classes", href: "contact" }
|
||||
{ label: "Starter Program", href: "pricing" },
|
||||
{ label: "Professional Program", href: "pricing" },
|
||||
{ label: "Elite Program", href: "pricing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Michael", href: "about" },
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Testimonials", href: "testimonials" },
|
||||
{ label: "Contact", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
title: "Resources",
|
||||
items: [
|
||||
{ label: "Terms of Service", href: "#terms" },
|
||||
{ label: "Privacy Policy", href: "#privacy" }
|
||||
{ label: "Blog", href: "#blog" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Support", href: "contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
|
||||
]}
|
||||
copyrightText="© Michael Garcia Coaching 2025. All rights reserved."
|
||||
logoText="FitPro"
|
||||
copyrightText="© 2025 FitPro. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user