diff --git a/app/accident/[slug]/page.js b/app/accident/[slug]/page.js index 9b81321..d081055 100644 --- a/app/accident/[slug]/page.js +++ b/app/accident/[slug]/page.js @@ -1,24 +1,36 @@ -'use client'; import Layout from "@/components/layout/Layout"; import Link from "next/link"; -import { useParams, notFound } from "next/navigation"; +import { notFound } from "next/navigation"; import Accident from "@/utils/Accident.utils"; -export default function AccidentDetailsPage() { - const params = useParams(); +// ✅ Generate static paths for export +export async function generateStaticParams() { + return Accident.map((item) => ({ + slug: item.slug, + })); +} + +export default function AccidentDetailsPage({ params }) { const service = Accident.find((item) => item.slug === params.slug); if (!service) return notFound(); return ( - +
+ {/* Sidebar */}
+ {/* Categories */}

Categories

@@ -37,6 +49,7 @@ export default function AccidentDetailsPage() {
+ {/* Service Card */}
@@ -44,10 +57,7 @@ export default function AccidentDetailsPage() { {service.title}
- {`${service.title} + {`${service.title}
diff --git a/app/area-of-injury/[slug]/page.js b/app/area-of-injury/[slug]/page.js index 34a0479..dabffdc 100644 --- a/app/area-of-injury/[slug]/page.js +++ b/app/area-of-injury/[slug]/page.js @@ -1,136 +1,139 @@ -"use client"; - import Layout from "@/components/layout/Layout"; import Link from "next/link"; -import { useParams, notFound } from "next/navigation"; +import { notFound } from "next/navigation"; import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"; -export default function AreaOfInjuryDetails() { - const params = useParams(); - const service = areaOfInjuryData.find((item) => item.slug === params.slug); - - if (!service) return notFound(); - - return ( - -
-
-
- {/* Sidebar */} -
-
- - {/* Categories */} -
-
-

Categories

-
-
-
    - {areaOfInjuryData.map((cat) => ( -
  • - - {cat.title} - -
    • - ))} -
-
-
- - {/* Sidebar Service Card */} -
-
-
-
- {service.title} -
-
- {`${service.title} -
-
-
-

{service.title}

-

{service.shortDescription}

-
-
-
- -
-
- - {/* Main Content */} -
-
-
- {/* Main Image */} -
- {service.title} -
-
-

{service.title}

-
- - {/* Dynamic Content */} -
-
-
-
- -
-
-
- - {/* Subscribe Section */} -
-
-
-
-
-
-

- Subscribe for the exclusive updates! -

-
-
-
-
-
-
- - -
-
-
- - -
-
-
-
-
-
-
-
-
- - ); +// ✅ Static params for export +export async function generateStaticParams() { + return areaOfInjuryData.map((item) => ({ + slug: item.slug, + })); +} + +export default function AreaOfInjuryDetails({ params }) { + const service = areaOfInjuryData.find((item) => item.slug === params.slug); + + if (!service) return notFound(); + + return ( + +
+
+
+ {/* Sidebar */} +
+
+ {/* Categories */} +
+
+

Categories

+
+
+
    + {areaOfInjuryData.map((cat) => ( +
  • + + {cat.title} + +
    • + ))} +
+
+
+ + {/* Sidebar Service Card */} +
+
+
+
+ {service.title} +
+
+ {`${service.title} +
+
+
+

{service.title}

+

{service.shortDescription}

+
+
+
+
+
+ + {/* Main Content */} +
+
+
+ {/* Main Image */} +
+ {service.title} +
+
+

{service.title}

+
+ + {/* Dynamic Content */} +
+
+
+
+
+
+
+ + {/* Subscribe Section */} +
+
+
+
+
+
+

+ Subscribe for the exclusive updates! +

+
+
+
+
+
+
+ + +
+
+
+ + +
+
+
+
+
+
+
+
+
+ + ); } diff --git a/app/our-team-physiotherapy-etobicoke/[slug]/page.js b/app/our-team-physiotherapy-etobicoke/[slug]/page.js index 5d36852..14cdb20 100644 --- a/app/our-team-physiotherapy-etobicoke/[slug]/page.js +++ b/app/our-team-physiotherapy-etobicoke/[slug]/page.js @@ -1,123 +1,132 @@ -'use client' -import React from "react"; -import { useParams } from "next/navigation"; import Layout from "@/components/layout/Layout"; import Link from "next/link"; +import { notFound } from "next/navigation"; import { teamMembers } from "@/utils/constant.utils"; const ProgressBar = ({ label, percent }) => ( -
-

{label}

-
-
-
{`${percent}%`}
-
+
+

{label}

+
+
+
{`${percent}%`}
+
); -export default function TeamDetails() { - const { slug } = useParams(); - const member = teamMembers.find((item) => item.slug === slug); - - if (!member) { - return ( - -
-

Team member not found!

- Go Back -
- - ); - } - - return ( - <> - -
-
-
-
-
-
- {member.name} -
-
-
-
-

{member.name}

- {member.designation} -

{member.description}

-
    -
  • Experience: {member.experience}
    • -
  • Email: {member.email}
    • -
  • Phone: {member.phone}
    • -
-
    - {member.socials.map((social, idx) => ( -
    • - ))} -
-
-
-
-
- -
-

Personal Experience

-

{member.about1}

-

{member.about2}

-
- - {/* Expertise & Skills */} -
-
-
-
-
-

Expertise & Skills

-

Professional expertise and top-level skills demonstrated below:

-
-
- {member.skills.map((skill, index) => ( - - ))} -
-
-
- - {/* Appointment Form */} -
-
-

Book An Appointment

-
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
-
-
-
-
-
-
- - - ); +// ✅ Generate static params for team members +export async function generateStaticParams() { + return teamMembers.map((member) => ({ + slug: member.slug, + })); +} + +export default function TeamDetails({ params }) { + const member = teamMembers.find((item) => item.slug === params.slug); + + if (!member) { + return ( + +
+

Team member not found!

+ Go Back +
+ + ); + } + + return ( + +
+
+
+
+
+
+ {member.name} +
+
+
+
+

{member.name}

+ {member.designation} +

{member.description}

+
    +
  • Experience: {member.experience}
    • +
  • Email: {member.email}
    • +
  • Phone: {member.phone}
    • +
+
    + {member.socials.map((social, idx) => ( +
  • + + + +
    • + ))} +
+
+
+
+
+ +
+

Personal Experience

+

{member.about1}

+

{member.about2}

+
+ + {/* Expertise & Skills */} +
+
+
+
+
+

Expertise & Skills

+

Professional expertise and top-level skills demonstrated below:

+
+
+ {member.skills.map((skill, index) => ( + + ))} +
+
+
+ + {/* Appointment Form */} +
+
+

Book An Appointment

+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ +
+
+
+
+ + ); } diff --git a/app/rehabilitation/[slug]/page.js b/app/rehabilitation/[slug]/page.js index 6afc02a..4ddb53f 100644 --- a/app/rehabilitation/[slug]/page.js +++ b/app/rehabilitation/[slug]/page.js @@ -1,24 +1,36 @@ -'use client'; import Layout from "@/components/layout/Layout"; import Link from "next/link"; -import { useParams, notFound } from "next/navigation"; +import { notFound } from "next/navigation"; import Rehabilitation from "@/utils/Rehabilitation.utils"; -export default function RehabilitationDetailsPage() { - const params = useParams(); +// ✅ Generate static paths for export +export async function generateStaticParams() { + return Rehabilitation.map((item) => ({ + slug: item.slug, + })); +} + +export default function RehabilitationDetailsPage({ params }) { const service = Rehabilitation.find((item) => item.slug === params.slug); if (!service) return notFound(); return ( - +
+ {/* Sidebar */}
+ {/* Categories */}

Categories

@@ -37,6 +49,7 @@ export default function RehabilitationDetailsPage() {
+ {/* Service Card */}
@@ -44,10 +57,7 @@ export default function RehabilitationDetailsPage() { {service.title}
- {`${service.title} + {`${service.title}
@@ -69,7 +79,7 @@ export default function RehabilitationDetailsPage() { />
- +