|
|
|
@@ -33,7 +33,7 @@ export default function LandingPage() {
|
|
|
|
const totalWidth = itemWidth * itemCount;
|
|
|
|
const totalWidth = itemWidth * itemCount;
|
|
|
|
|
|
|
|
|
|
|
|
const animateScroll = () => {
|
|
|
|
const animateScroll = () => {
|
|
|
|
scrollPosition += 1;
|
|
|
|
scrollPosition += 0.5;
|
|
|
|
if (scrollPosition >= totalWidth / 2) {
|
|
|
|
if (scrollPosition >= totalWidth / 2) {
|
|
|
|
scrollPosition = 0;
|
|
|
|
scrollPosition = 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@@ -113,12 +113,12 @@ export default function LandingPage() {
|
|
|
|
<div className="brand-scroll-container w-full overflow-x-hidden">
|
|
|
|
<div className="brand-scroll-container w-full overflow-x-hidden">
|
|
|
|
<div className="flex gap-8 md:gap-12 whitespace-nowrap">
|
|
|
|
<div className="flex gap-8 md:gap-12 whitespace-nowrap">
|
|
|
|
{brands.map((brand, index) => (
|
|
|
|
{brands.map((brand, index) => (
|
|
|
|
<div key={`${index}-1`} className="brand-item flex items-center justify-center h-12 min-w-max px-4 text-foreground/60 font-medium text-sm flex-shrink-0">
|
|
|
|
<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}
|
|
|
|
{brand}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
))}
|
|
|
|
))}
|
|
|
|
{brands.map((brand, index) => (
|
|
|
|
{brands.map((brand, index) => (
|
|
|
|
<div key={`${index}-2`} className="brand-item flex items-center justify-center h-12 min-w-max px-4 text-foreground/60 font-medium text-sm flex-shrink-0">
|
|
|
|
<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}
|
|
|
|
{brand}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
))}
|
|
|
|
))}
|
|
|
|
@@ -162,10 +162,6 @@ export default function LandingPage() {
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 3,
|
|
|
|
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"
|
|
|
|
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"
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|