Compare commits
13 Commits
version_4
...
version_11
| Author | SHA1 | Date | |
|---|---|---|---|
| e4ee55de26 | |||
| 9d09e9595e | |||
| bdd544dab8 | |||
| c5c7a25877 | |||
| 31d4011b15 | |||
| bc60a5ec07 | |||
| 7926a580db | |||
| 537bca95c1 | |||
| db5da97c9e | |||
| 2f5121c397 | |||
| e1c8282bbf | |||
| a6f56780d0 | |||
| 91dc5bc122 |
@@ -1,46 +1,22 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Manrope } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const manrope = Manrope({
|
||||
variable: "--font-manrope", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Personal Trainer Toronto | FitPro Certified Fitness Coaching", description: "Professional personal training in Toronto with 8+ years experience. Strength training, nutrition coaching, and online fitness programs for real results.", keywords: "personal trainer Toronto, fitness coaching, strength training, nutrition planning, certified personal trainer", metadataBase: new URL("https://fitpro-toronto.com"),
|
||||
alternates: {
|
||||
canonical: "https://fitpro-toronto.com"
|
||||
},
|
||||
openGraph: {
|
||||
title: "Personal Trainer Toronto | FitPro Certified Fitness Coaching", description: "Transform your fitness with expert personal training in Toronto. Customized programs for strength, cardio, and nutrition.", url: "https://fitpro-toronto.com", siteName: "FitPro Toronto", type: "website", images: [
|
||||
{
|
||||
url: "https://fitpro-toronto.com/og-image.jpg", alt: "FitPro Toronto Personal Training"
|
||||
}
|
||||
]
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Personal Trainer Toronto | FitPro Certified Fitness Coaching", description: "Professional fitness coaching and personalized training programs in Toronto.", images: ["https://fitpro-toronto.com/twitter-image.jpg"]
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true
|
||||
}
|
||||
};
|
||||
title: "FitPro Toronto - Personal Training", description: "Professional personal training in Toronto tailored to your unique goals."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={manrope.variable}>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={manrope.variable}>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1259,7 +1235,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
112
src/app/page.tsx
112
src/app/page.tsx
@@ -1,4 +1,4 @@
|
||||
"use client"
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -11,9 +11,63 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Award, Dumbbell, Phone, Trophy, Zap } from "lucide-react";
|
||||
import { Award, Dumbbell, Phone, Trophy, Zap, Clock } from "lucide-react";
|
||||
import { useEffect, useRef, useState } from "react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const brandListRef = useRef<HTMLDivElement>(null);
|
||||
const [timeLeft, setTimeLeft] = useState<string>("5:00");
|
||||
|
||||
useEffect(() => {
|
||||
if (!brandListRef.current) return;
|
||||
|
||||
const scrollContainer = brandListRef.current.querySelector('.brand-scroll-container') as HTMLElement;
|
||||
if (!scrollContainer) return;
|
||||
|
||||
const items = scrollContainer.querySelectorAll('.brand-item');
|
||||
const itemCount = items.length;
|
||||
if (itemCount === 0) return;
|
||||
|
||||
let scrollPosition = 0;
|
||||
const itemWidth = (items[0] as HTMLElement).offsetWidth + 32; // includes gap
|
||||
const containerWidth = scrollContainer.offsetWidth;
|
||||
const totalWidth = itemWidth * itemCount;
|
||||
|
||||
const animateScroll = () => {
|
||||
scrollPosition += 0.5;
|
||||
if (scrollPosition >= totalWidth / 2) {
|
||||
scrollPosition = 0;
|
||||
}
|
||||
scrollContainer.scrollLeft = scrollPosition;
|
||||
requestAnimationFrame(animateScroll);
|
||||
};
|
||||
|
||||
animateScroll();
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
const startTime = Date.now();
|
||||
const durationMs = 5 * 60 * 1000; // 5 minutes
|
||||
|
||||
const updateTimer = () => {
|
||||
const elapsed = Date.now() - startTime;
|
||||
const remaining = Math.max(0, durationMs - elapsed);
|
||||
const minutes = Math.floor(remaining / 60000);
|
||||
const seconds = Math.floor((remaining % 60000) / 1000);
|
||||
setTimeLeft(`${minutes}:${seconds.toString().padStart(2, '0')}`);
|
||||
|
||||
if (remaining > 0) {
|
||||
requestAnimationFrame(updateTimer);
|
||||
}
|
||||
};
|
||||
|
||||
updateTimer();
|
||||
}, []);
|
||||
|
||||
const brands = [
|
||||
"Gold's Gym Partners", "Fitness Canada Certified", "NASM Certified", "ACE Certified", "ISSA Certified", "IIFYM Certified", "PN Level 1 Certified", "TRX Certified", "CrossFit Level 1", "NCCPT Certified"
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -72,6 +126,28 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="logo-ribbon" data-section="logo-ribbon" className="py-8 px-4 bg-background" ref={brandListRef}>
|
||||
<div className="w-content-width mx-auto">
|
||||
<div className="flex flex-col items-center justify-center gap-8">
|
||||
<h3 className="text-center text-lg font-semibold text-foreground">Trusted by Leading Fitness Brands</h3>
|
||||
<div className="brand-scroll-container w-full overflow-x-hidden">
|
||||
<div className="flex gap-8 md:gap-12 whitespace-nowrap">
|
||||
{brands.map((brand, index) => (
|
||||
<div key={`${index}-1`} className="brand-item flex items-center justify-center h-12 min-w-max px-4 py-2 text-foreground/60 font-medium text-sm flex-shrink-0 rounded-theme border border-card bg-card/40 backdrop-blur-sm">
|
||||
{brand}
|
||||
</div>
|
||||
))}
|
||||
{brands.map((brand, index) => (
|
||||
<div key={`${index}-2`} className="brand-item flex items-center justify-center h-12 min-w-max px-4 py-2 text-foreground/60 font-medium text-sm flex-shrink-0 rounded-theme border border-card bg-card/40 backdrop-blur-sm">
|
||||
{brand}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about" className="py-8">
|
||||
<TestimonialAboutCard
|
||||
tag="Meet Your Coach"
|
||||
@@ -106,10 +182,6 @@ export default function LandingPage() {
|
||||
{
|
||||
id: 3,
|
||||
tag: "Nutrition", title: "Nutrition Planning", subtitle: "Fuel your body for optimal results", description: "Science-backed nutrition guidance and meal planning tailored to your fitness goals. Learn sustainable eating habits that complement your training program.", imageSrc: "https://img.b2bpic.net/free-photo/healthy-menu-recipe-food-diet_53876-122837.jpg", imageAlt: "Healthy nutrition meal planning consultation"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
tag: "Digital Coaching", title: "Online Training Programs", subtitle: "Train anywhere, anytime with expert guidance", description: "Flexible online coaching programs with customized workouts, progress tracking, and ongoing support. Perfect for busy Toronto professionals.", imageSrc: "https://img.b2bpic.net/free-photo/happy-athletic-woman-using-laptop-while-having-online-exercise-class-home_637285-5355.jpg", imageAlt: "Virtual fitness coaching session"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -174,6 +246,34 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<style jsx>{`
|
||||
@keyframes countdown-pulse {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.7; }
|
||||
}
|
||||
.limited-offer-tag {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
background: linear-gradient(135deg, #ff3d4a 0%, #e63946 100%);
|
||||
color: white;
|
||||
padding: 6px 12px;
|
||||
border-radius: 6px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
z-index: 10;
|
||||
animation: countdown-pulse 1s ease-in-out infinite;
|
||||
box-shadow: 0 4px 12px rgba(230, 57, 70, 0.4);
|
||||
}
|
||||
.timer-text {
|
||||
font-family: 'Courier New', monospace;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
`}</style>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Working with this trainer completely changed my life. I went from zero fitness experience to running a 5K and feeling stronger than ever. The personalized approach and constant encouragement made all the difference."
|
||||
|
||||
Reference in New Issue
Block a user