Compare commits

..

No commits in common. "ff2845a7e640707f3f7c0230b6b565a8aab02244" and "6abfd0e9f429f66307574ba55955b4119f859285" have entirely different histories.

4 changed files with 257 additions and 289 deletions

View File

@ -1,36 +1,24 @@
'use client';
import Layout from "@/components/layout/Layout"; import Layout from "@/components/layout/Layout";
import Link from "next/link"; import Link from "next/link";
import { notFound } from "next/navigation"; import { useParams, notFound } from "next/navigation";
import Accident from "@/utils/Accident.utils"; import Accident from "@/utils/Accident.utils";
// ✅ Generate static paths for export export default function AccidentDetailsPage() {
export async function generateStaticParams() { const params = useParams();
return Accident.map((item) => ({
slug: item.slug,
}));
}
export default function AccidentDetailsPage({ params }) {
const service = Accident.find((item) => item.slug === params.slug); const service = Accident.find((item) => item.slug === params.slug);
if (!service) return notFound(); if (!service) return notFound();
return ( return (
<Layout <Layout headerStyle={2} footerStyle={1} breadcrumbTitle={`${service.title}`} bannerImage={service.bannerImage}>
headerStyle={2}
footerStyle={1}
breadcrumbTitle={`${service.title}`}
bannerImage={service.bannerImage}
>
<section className="service-details pt_120 pb_120"> <section className="service-details pt_120 pb_120">
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
{/* Sidebar */}
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side"> <div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
<div className="default-sidebar service-sidebar mr_15"> <div className="default-sidebar service-sidebar mr_15">
{/* Categories */}
<div className="sidebar-widget category-widget"> <div className="sidebar-widget category-widget">
<div className="widget-title"><h3>Categories</h3></div> <div className="widget-title"><h3>Categories</h3></div>
<div className="widget-content"> <div className="widget-content">
@ -49,7 +37,6 @@ export default function AccidentDetailsPage({ params }) {
</div> </div>
</div> </div>
{/* Service Card */}
<div className="service-block-one"> <div className="service-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="image-box"> <div className="image-box">
@ -57,7 +44,10 @@ export default function AccidentDetailsPage({ params }) {
<img src={service.mainImage} alt={service.title} /> <img src={service.mainImage} alt={service.title} />
</figure> </figure>
<div className="icon-box"> <div className="icon-box">
<img src={service.icon} alt={`${service.title} Icon`} /> <img
src={service.icon}
alt={`${service.title} Icon`}
/>
</div> </div>
</div> </div>
<div className="lower-content"> <div className="lower-content">

View File

@ -1,33 +1,25 @@
"use client";
import Layout from "@/components/layout/Layout"; import Layout from "@/components/layout/Layout";
import Link from "next/link"; import Link from "next/link";
import { notFound } from "next/navigation"; import { useParams, notFound } from "next/navigation";
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"; import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils";
// ✅ Static params for export export default function AreaOfInjuryDetails() {
export async function generateStaticParams() { const params = useParams();
return areaOfInjuryData.map((item) => ({
slug: item.slug,
}));
}
export default function AreaOfInjuryDetails({ params }) {
const service = areaOfInjuryData.find((item) => item.slug === params.slug); const service = areaOfInjuryData.find((item) => item.slug === params.slug);
if (!service) return notFound(); if (!service) return notFound();
return ( return (
<Layout <Layout headerStyle={2} footerStyle={1} breadcrumbTitle={service.title} bannerImage={service.bannerImage}>
headerStyle={2}
footerStyle={1}
breadcrumbTitle={service.title}
bannerImage={service.bannerImage}
>
<section className="service-details pt_120 pb_120"> <section className="service-details pt_120 pb_120">
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
{/* Sidebar */} {/* Sidebar */}
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side"> <div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
<div className="default-sidebar service-sidebar mr_15"> <div className="default-sidebar service-sidebar mr_15">
{/* Categories */} {/* Categories */}
<div className="sidebar-widget category-widget"> <div className="sidebar-widget category-widget">
<div className="widget-title"> <div className="widget-title">
@ -57,7 +49,10 @@ export default function AreaOfInjuryDetails({ params }) {
<img src={service.image} alt={service.title} /> <img src={service.image} alt={service.title} />
</figure> </figure>
<div className="icon-box"> <div className="icon-box">
<img src={service.icon} alt={`${service.title} Icon`} /> <img
src={service.icon}
alt={`${service.title} Icon`}
/>
</div> </div>
</div> </div>
<div className="lower-content"> <div className="lower-content">
@ -66,6 +61,7 @@ export default function AreaOfInjuryDetails({ params }) {
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -89,6 +85,7 @@ export default function AreaOfInjuryDetails({ params }) {
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>

View File

@ -1,6 +1,8 @@
'use client'
import React from "react";
import { useParams } from "next/navigation";
import Layout from "@/components/layout/Layout"; import Layout from "@/components/layout/Layout";
import Link from "next/link"; import Link from "next/link";
import { notFound } from "next/navigation";
import { teamMembers } from "@/utils/constant.utils"; import { teamMembers } from "@/utils/constant.utils";
const ProgressBar = ({ label, percent }) => ( const ProgressBar = ({ label, percent }) => (
@ -13,15 +15,9 @@ const ProgressBar = ({ label, percent }) => (
</div> </div>
); );
// ✅ Generate static params for team members export default function TeamDetails() {
export async function generateStaticParams() { const { slug } = useParams();
return teamMembers.map((member) => ({ const member = teamMembers.find((item) => item.slug === slug);
slug: member.slug,
}));
}
export default function TeamDetails({ params }) {
const member = teamMembers.find((item) => item.slug === params.slug);
if (!member) { if (!member) {
return ( return (
@ -35,6 +31,7 @@ export default function TeamDetails({ params }) {
} }
return ( return (
<>
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Team Details"> <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Team Details">
<section className="team-details sec-pad-2"> <section className="team-details sec-pad-2">
<div className="auto-container"> <div className="auto-container">
@ -57,11 +54,7 @@ export default function TeamDetails({ params }) {
</ul> </ul>
<ul className="social-links clearfix"> <ul className="social-links clearfix">
{member.socials.map((social, idx) => ( {member.socials.map((social, idx) => (
<li key={idx}> <li key={idx}><Link href={social.link}><i className={social.icon}></i></Link></li>
<Link href={social.link}>
<i className={social.icon}></i>
</Link>
</li>
))} ))}
</ul> </ul>
</div> </div>
@ -114,19 +107,17 @@ export default function TeamDetails({ params }) {
<textarea name="message" placeholder="Message"></textarea> <textarea name="message" placeholder="Message"></textarea>
</div> </div>
<div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn"> <div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
<button type="submit" className="theme-btn btn-one"> <button type="submit" className="theme-btn btn-one"><span>Send Message</span></button>
<span>Send Message</span>
</button>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
</Layout> </Layout>
</>
); );
} }

View File

@ -1,36 +1,24 @@
'use client';
import Layout from "@/components/layout/Layout"; import Layout from "@/components/layout/Layout";
import Link from "next/link"; import Link from "next/link";
import { notFound } from "next/navigation"; import { useParams, notFound } from "next/navigation";
import Rehabilitation from "@/utils/Rehabilitation.utils"; import Rehabilitation from "@/utils/Rehabilitation.utils";
// ✅ Generate static paths for export export default function RehabilitationDetailsPage() {
export async function generateStaticParams() { const params = useParams();
return Rehabilitation.map((item) => ({
slug: item.slug,
}));
}
export default function RehabilitationDetailsPage({ params }) {
const service = Rehabilitation.find((item) => item.slug === params.slug); const service = Rehabilitation.find((item) => item.slug === params.slug);
if (!service) return notFound(); if (!service) return notFound();
return ( return (
<Layout <Layout headerStyle={2} footerStyle={1} breadcrumbTitle={`${service.title}`} bannerImage={service.bannerImage}>
headerStyle={2}
footerStyle={1}
breadcrumbTitle={`${service.title}`}
bannerImage={service.bannerImage}
>
<section className="service-details pt_120 pb_120"> <section className="service-details pt_120 pb_120">
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
{/* Sidebar */}
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side"> <div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
<div className="default-sidebar service-sidebar mr_15"> <div className="default-sidebar service-sidebar mr_15">
{/* Categories */}
<div className="sidebar-widget category-widget"> <div className="sidebar-widget category-widget">
<div className="widget-title"><h3>Categories</h3></div> <div className="widget-title"><h3>Categories</h3></div>
<div className="widget-content"> <div className="widget-content">
@ -49,7 +37,6 @@ export default function RehabilitationDetailsPage({ params }) {
</div> </div>
</div> </div>
{/* Service Card */}
<div className="service-block-one"> <div className="service-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="image-box"> <div className="image-box">
@ -57,7 +44,10 @@ export default function RehabilitationDetailsPage({ params }) {
<img src={service.mainImage} alt={service.title} /> <img src={service.mainImage} alt={service.title} />
</figure> </figure>
<div className="icon-box"> <div className="icon-box">
<img src={service.icon} alt={`${service.title} Icon`} /> <img
src={service.icon}
alt={`${service.title} Icon`}
/>
</div> </div>
</div> </div>
<div className="lower-content"> <div className="lower-content">