Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 31d4011b15 | |||
| bc60a5ec07 | |||
| 7926a580db |
@@ -7,7 +7,8 @@ const manrope = Manrope({
|
|||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "FitPro Toronto - Personal Training", description: "Professional personal training in Toronto tailored to your unique goals."};
|
title: "FitPro Toronto - Personal Training", description: "Professional personal training in Toronto tailored to your unique goals."
|
||||||
|
};
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
|
|||||||
@@ -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>
|
||||||
))}
|
))}
|
||||||
|
|||||||
Reference in New Issue
Block a user