bender/e00ffa3f-2efd-49af-8308-04b0192f4ea1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/booking/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-08 18:33:37 +00:00
parent f9e03f1159
commit dc6e221db3
1 changed files with 48 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

152
src/app/booking/page.tsx
View File

@@ -8,7 +8,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { User } from "lucide-react";
export default function LandingPage() {
export default function BookingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -23,112 +23,56 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Classes",
id: "/classes",
},
{
name: "Booking",
id: "/booking",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="PIVOT FITNESS"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Classes", id: "/classes" },
{ name: "Booking", id: "/booking" },
{ name: "Contact", id: "/contact" },
]}
brandName="PIVOT FITNESS"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Easy Booking"
description="Secure your spot."
features={[
{
title: "Personal Training",
description: "Work with a pro.",
media: {
imageSrc: "asset://book-pt",
},
items: [
{
icon: User,
text: "Expert Coaching",
},
],
reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo7br4&_wi=3",
imageAlt: "luxury gym interior dark aesthetic",
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Easy Booking"
description="Secure your spot."
features={[
{
title: "Personal Training", description: "Work with a pro.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo7br4" },
items: [{ icon: User, text: "Expert Coaching" }],
reverse: false
},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
title="Booking FAQs"
description="Questions about reserving."
faqsAnimation="opacity"
faqs={[
{
id: "f1",
title: "Can I reschedule?",
content: "Up to 24 hours in advance.",
},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
title="Booking FAQs"
description="Questions about reserving."
faqsAnimation="opacity"
faqs={[{ id: "f1", title: "Can I reschedule?", content: "Up to 24 hours in advance." }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services",
items: [
{
label: "Personal Training",
href: "/services",
},
{
label: "Yoga",
href: "/services",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
logoText="PIVOT FITNESS"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Services", items: [{ label: "Personal Training", href: "/services" }, { label: "Yoga", href: "/services" }] },
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
]}
logoText="PIVOT FITNESS"
/>
</div>
</ReactLenis>
</ThemeProvider>
);