Compare commits
No commits in common. "ff2845a7e640707f3f7c0230b6b565a8aab02244" and "6abfd0e9f429f66307574ba55955b4119f859285" have entirely different histories.
ff2845a7e6
...
6abfd0e9f4
@ -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">
|
||||||
|
|||||||
@ -1,139 +1,136 @@
|
|||||||
|
"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) => ({
|
const service = areaOfInjuryData.find((item) => item.slug === params.slug);
|
||||||
slug: item.slug,
|
|
||||||
}));
|
if (!service) return notFound();
|
||||||
}
|
|
||||||
|
return (
|
||||||
export default function AreaOfInjuryDetails({ params }) {
|
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle={service.title} bannerImage={service.bannerImage}>
|
||||||
const service = areaOfInjuryData.find((item) => item.slug === params.slug);
|
<section className="service-details pt_120 pb_120">
|
||||||
|
<div className="auto-container">
|
||||||
if (!service) return notFound();
|
<div className="row clearfix">
|
||||||
|
{/* Sidebar */}
|
||||||
return (
|
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||||
<Layout
|
<div className="default-sidebar service-sidebar mr_15">
|
||||||
headerStyle={2}
|
|
||||||
footerStyle={1}
|
{/* Categories */}
|
||||||
breadcrumbTitle={service.title}
|
<div className="sidebar-widget category-widget">
|
||||||
bannerImage={service.bannerImage}
|
<div className="widget-title">
|
||||||
>
|
<h3>Categories</h3>
|
||||||
<section className="service-details pt_120 pb_120">
|
</div>
|
||||||
<div className="auto-container">
|
<div className="widget-content">
|
||||||
<div className="row clearfix">
|
<ul className="category-list clearfix">
|
||||||
{/* Sidebar */}
|
{areaOfInjuryData.map((cat) => (
|
||||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
<li key={cat.id}>
|
||||||
<div className="default-sidebar service-sidebar mr_15">
|
<Link
|
||||||
{/* Categories */}
|
href={`/area-of-injury/${cat.slug}`}
|
||||||
<div className="sidebar-widget category-widget">
|
className={cat.slug === service.slug ? "current" : ""}
|
||||||
<div className="widget-title">
|
>
|
||||||
<h3>Categories</h3>
|
{cat.title}
|
||||||
</div>
|
</Link>
|
||||||
<div className="widget-content">
|
</li>
|
||||||
<ul className="category-list clearfix">
|
))}
|
||||||
{areaOfInjuryData.map((cat) => (
|
</ul>
|
||||||
<li key={cat.id}>
|
</div>
|
||||||
<Link
|
</div>
|
||||||
href={`/area-of-injury/${cat.slug}`}
|
|
||||||
className={cat.slug === service.slug ? "current" : ""}
|
{/* Sidebar Service Card */}
|
||||||
>
|
<div className="service-block-one">
|
||||||
{cat.title}
|
<div className="inner-box">
|
||||||
</Link>
|
<div className="image-box">
|
||||||
</li>
|
<figure className="image">
|
||||||
))}
|
<img src={service.image} alt={service.title} />
|
||||||
</ul>
|
</figure>
|
||||||
</div>
|
<div className="icon-box">
|
||||||
</div>
|
<img
|
||||||
|
src={service.icon}
|
||||||
{/* Sidebar Service Card */}
|
alt={`${service.title} Icon`}
|
||||||
<div className="service-block-one">
|
/>
|
||||||
<div className="inner-box">
|
</div>
|
||||||
<div className="image-box">
|
</div>
|
||||||
<figure className="image">
|
<div className="lower-content">
|
||||||
<img src={service.image} alt={service.title} />
|
<h3>{service.title}</h3>
|
||||||
</figure>
|
<p>{service.shortDescription}</p>
|
||||||
<div className="icon-box">
|
</div>
|
||||||
<img src={service.icon} alt={`${service.title} Icon`} />
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
</div>
|
||||||
<h3>{service.title}</h3>
|
</div>
|
||||||
<p>{service.shortDescription}</p>
|
|
||||||
</div>
|
{/* Main Content */}
|
||||||
</div>
|
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||||
</div>
|
<div className="service-details-content">
|
||||||
</div>
|
<div className="content-one mb_60">
|
||||||
</div>
|
{/* Main Image */}
|
||||||
|
<figure className="image-box mb_40">
|
||||||
{/* Main Content */}
|
<img src={service.mainImage} alt={service.title} />
|
||||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
</figure>
|
||||||
<div className="service-details-content">
|
<div className="text-box">
|
||||||
<div className="content-one mb_60">
|
<h2>{service.title}</h2>
|
||||||
{/* Main Image */}
|
</div>
|
||||||
<figure className="image-box mb_40">
|
|
||||||
<img src={service.mainImage} alt={service.title} />
|
{/* Dynamic Content */}
|
||||||
</figure>
|
<div
|
||||||
<div className="text-box">
|
className="service-details-description"
|
||||||
<h2>{service.title}</h2>
|
dangerouslySetInnerHTML={{ __html: service.content }}
|
||||||
</div>
|
/>
|
||||||
|
</div>
|
||||||
{/* Dynamic Content */}
|
</div>
|
||||||
<div
|
</div>
|
||||||
className="service-details-description"
|
|
||||||
dangerouslySetInnerHTML={{ __html: service.content }}
|
</div>
|
||||||
/>
|
</div>
|
||||||
</div>
|
</section>
|
||||||
</div>
|
|
||||||
</div>
|
{/* Subscribe Section */}
|
||||||
</div>
|
<section className="subscribe-section">
|
||||||
</div>
|
<div className="auto-container">
|
||||||
</section>
|
<div className="inner-container">
|
||||||
|
<div className="row align-items-center">
|
||||||
{/* Subscribe Section */}
|
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||||
<section className="subscribe-section">
|
<div className="text-box">
|
||||||
<div className="auto-container">
|
<h2>
|
||||||
<div className="inner-container">
|
<span>Subscribe</span> for the exclusive updates!
|
||||||
<div className="row align-items-center">
|
</h2>
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
</div>
|
||||||
<div className="text-box">
|
</div>
|
||||||
<h2>
|
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||||
<span>Subscribe</span> for the exclusive updates!
|
<div className="form-inner">
|
||||||
</h2>
|
<form method="post" action="contact">
|
||||||
</div>
|
<div className="form-group">
|
||||||
</div>
|
<input
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
type="email"
|
||||||
<div className="form-inner">
|
name="email"
|
||||||
<form method="post" action="contact">
|
placeholder="Enter Your Email Address"
|
||||||
<div className="form-group">
|
required
|
||||||
<input
|
/>
|
||||||
type="email"
|
<button type="submit" className="theme-btn btn-one">
|
||||||
name="email"
|
<span>Subscribe Now</span>
|
||||||
placeholder="Enter Your Email Address"
|
</button>
|
||||||
required
|
</div>
|
||||||
/>
|
<div className="form-group">
|
||||||
<button type="submit" className="theme-btn btn-one">
|
<div className="check-box">
|
||||||
<span>Subscribe Now</span>
|
<input className="check" type="checkbox" id="checkbox1" />
|
||||||
</button>
|
<label htmlFor="checkbox1">
|
||||||
</div>
|
I agree to the <Link href="/">Privacy Policy.</Link>
|
||||||
<div className="form-group">
|
</label>
|
||||||
<div className="check-box">
|
</div>
|
||||||
<input className="check" type="checkbox" id="checkbox1" />
|
</div>
|
||||||
<label htmlFor="checkbox1">
|
</form>
|
||||||
I agree to the <Link href="/">Privacy Policy.</Link>
|
</div>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</div>
|
||||||
</div>
|
</section>
|
||||||
</div>
|
</Layout>
|
||||||
</div>
|
);
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</Layout>
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,132 +1,123 @@
|
|||||||
|
'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 }) => (
|
||||||
<div className="progress-box">
|
<div className="progress-box">
|
||||||
<p>{label}</p>
|
<p>{label}</p>
|
||||||
<div className="bar">
|
<div className="bar">
|
||||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||||
<div className="count-text">{`${percent}%`}</div>
|
<div className="count-text">{`${percent}%`}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</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 }) {
|
if (!member) {
|
||||||
const member = teamMembers.find((item) => item.slug === params.slug);
|
return (
|
||||||
|
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Not Found">
|
||||||
|
<div className="auto-container">
|
||||||
|
<h2>Team member not found!</h2>
|
||||||
|
<Link href="/" className="theme-btn btn-one">Go Back</Link>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
if (!member) {
|
|
||||||
return (
|
return (
|
||||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Not Found">
|
<>
|
||||||
<div className="auto-container">
|
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Team Details">
|
||||||
<h2>Team member not found!</h2>
|
<section className="team-details sec-pad-2">
|
||||||
<Link href="/" className="theme-btn btn-one">Go Back</Link>
|
<div className="auto-container">
|
||||||
</div>
|
<div className="team-details-content mb_50">
|
||||||
</Layout>
|
<div className="row clearfix">
|
||||||
);
|
<div className="col-lg-5 col-md-12 col-sm-12 image-column">
|
||||||
}
|
<figure className="image-box mr_15">
|
||||||
|
<img src={member.image} alt={member.name} />
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-7 col-md-12 col-sm-12 content-column">
|
||||||
|
<div className="content-box">
|
||||||
|
<h2>{member.name}</h2>
|
||||||
|
<span className="designation">{member.designation}</span>
|
||||||
|
<p>{member.description}</p>
|
||||||
|
<ul className="info-list mb_30 clearfix">
|
||||||
|
<li><strong>Experience: </strong>{member.experience}</li>
|
||||||
|
<li><strong>Email: </strong><Link href={`mailto:${member.email}`}>{member.email}</Link></li>
|
||||||
|
<li><strong>Phone: </strong><Link href={`tel:${member.phone}`}>{member.phone}</Link></li>
|
||||||
|
</ul>
|
||||||
|
<ul className="social-links clearfix">
|
||||||
|
{member.socials.map((social, idx) => (
|
||||||
|
<li key={idx}><Link href={social.link}><i className={social.icon}></i></Link></li>
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
return (
|
<div className="experience-details mb_50">
|
||||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Team Details">
|
<h2>Personal Experience</h2>
|
||||||
<section className="team-details sec-pad-2">
|
<p>{member.about1}</p>
|
||||||
<div className="auto-container">
|
<p>{member.about2}</p>
|
||||||
<div className="team-details-content mb_50">
|
</div>
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-5 col-md-12 col-sm-12 image-column">
|
|
||||||
<figure className="image-box mr_15">
|
|
||||||
<img src={member.image} alt={member.name} />
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-7 col-md-12 col-sm-12 content-column">
|
|
||||||
<div className="content-box">
|
|
||||||
<h2>{member.name}</h2>
|
|
||||||
<span className="designation">{member.designation}</span>
|
|
||||||
<p>{member.description}</p>
|
|
||||||
<ul className="info-list mb_30 clearfix">
|
|
||||||
<li><strong>Experience: </strong>{member.experience}</li>
|
|
||||||
<li><strong>Email: </strong><Link href={`mailto:${member.email}`}>{member.email}</Link></li>
|
|
||||||
<li><strong>Phone: </strong><Link href={`tel:${member.phone}`}>{member.phone}</Link></li>
|
|
||||||
</ul>
|
|
||||||
<ul className="social-links clearfix">
|
|
||||||
{member.socials.map((social, idx) => (
|
|
||||||
<li key={idx}>
|
|
||||||
<Link href={social.link}>
|
|
||||||
<i className={social.icon}></i>
|
|
||||||
</Link>
|
|
||||||
</li>
|
|
||||||
))}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="experience-details mb_50">
|
{/* Expertise & Skills */}
|
||||||
<h2>Personal Experience</h2>
|
<div className="two-column">
|
||||||
<p>{member.about1}</p>
|
<div className="row clearfix">
|
||||||
<p>{member.about2}</p>
|
<div className="col-lg-6 col-md-6 col-sm-12 skills-column">
|
||||||
</div>
|
<div className="skills-box">
|
||||||
|
<div className="text-box mb_30">
|
||||||
|
<h2>Expertise & Skills</h2>
|
||||||
|
<p>Professional expertise and top-level skills demonstrated below:</p>
|
||||||
|
</div>
|
||||||
|
<div className="progress-inner">
|
||||||
|
{member.skills.map((skill, index) => (
|
||||||
|
<ProgressBar key={index} label={skill.label} percent={skill.percent} />
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
{/* Expertise & Skills */}
|
{/* Appointment Form */}
|
||||||
<div className="two-column">
|
<div className="col-lg-6 col-md-6 col-sm-12 appointment-column">
|
||||||
<div className="row clearfix">
|
<div className="appointment-inner">
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 skills-column">
|
<h2>Book An Appointment</h2>
|
||||||
<div className="skills-box">
|
<form method="post" action="#" className="default-form">
|
||||||
<div className="text-box mb_30">
|
<div className="row clearfix">
|
||||||
<h2>Expertise & Skills</h2>
|
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||||
<p>Professional expertise and top-level skills demonstrated below:</p>
|
<input type="text" name="fname" placeholder="First Name" required />
|
||||||
</div>
|
</div>
|
||||||
<div className="progress-inner">
|
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||||
{member.skills.map((skill, index) => (
|
<input type="text" name="phone" placeholder="Phone Number" required />
|
||||||
<ProgressBar key={index} label={skill.label} percent={skill.percent} />
|
</div>
|
||||||
))}
|
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||||
</div>
|
<input type="email" name="email" placeholder="Email" required />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||||
|
<input type="text" name="subject" placeholder="Subject" required />
|
||||||
{/* Appointment Form */}
|
</div>
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 appointment-column">
|
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||||
<div className="appointment-inner">
|
<textarea name="message" placeholder="Message"></textarea>
|
||||||
<h2>Book An Appointment</h2>
|
</div>
|
||||||
<form method="post" action="#" className="default-form">
|
<div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
|
||||||
<div className="row clearfix">
|
<button type="submit" className="theme-btn btn-one"><span>Send Message</span></button>
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
</div>
|
||||||
<input type="text" name="fname" placeholder="First Name" required />
|
</div>
|
||||||
</div>
|
</form>
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
</div>
|
||||||
<input type="text" name="phone" placeholder="Phone Number" required />
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
</div>
|
||||||
<input type="email" name="email" placeholder="Email" required />
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
|
||||||
<input type="text" name="subject" placeholder="Subject" required />
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
|
||||||
<textarea name="message" placeholder="Message"></textarea>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
|
|
||||||
<button type="submit" className="theme-btn btn-one">
|
|
||||||
<span>Send Message</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</section>
|
||||||
</div>
|
</Layout>
|
||||||
</div>
|
</>
|
||||||
|
);
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</Layout>
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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">
|
||||||
@ -79,7 +69,7 @@ export default function RehabilitationDetailsPage({ params }) {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user