Covid-19 updation page completed
This commit is contained in:
akash
parent
5f1df6b4c9
commit
fa568ed022
151
app/covid-19-updates/page.js
Normal file
151
app/covid-19-updates/page.js
Normal file
@ -0,0 +1,151 @@
|
||||
'use client'
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
import { motion } from "framer-motion"
|
||||
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="COVID-19 UPDATES">
|
||||
<section className="chooseus-style-two bg-color-1 pt_120 pb_120">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="content-box">
|
||||
{/* Top Intro */}
|
||||
<div className="sec-title mb_50 text-center">
|
||||
<span className="sub-title">COVID 19 UPDATES</span>
|
||||
<p>
|
||||
The COVID 19 pandemic has created increased stress and anxiety levels for many people.
|
||||
We would like to take this opportunity to remind you that virtual therapy and at-home
|
||||
or mobile therapy are effective alternatives to in-clinic therapy for many of our clients.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Virtual Therapy (Right aligned on desktop, center on mobile) */}
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0" style={{ maxWidth: "900px" }}>
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/what-we-expect/icon.webp" alt="Virtual Therapy" />
|
||||
</div>
|
||||
<h3>VIRTUAL THERAPY</h3>
|
||||
<p>
|
||||
As an alternative to receiving direct in-clinic therapy, we continue to offer all
|
||||
clients the option to receive tele-rehabilitation or virtual therapy services to
|
||||
address your current therapy needs.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
{/* Home Therapy (Left aligned on desktop, center on mobile) */}
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0" style={{ maxWidth: "900px" }}>
|
||||
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/what-we-expect/icon.webp" alt="Home Therapy" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3>HOME THERAPY</h3>
|
||||
<p>
|
||||
The convenience of having a physiotherapist come to your home eliminates barriers
|
||||
faced by those who can’t drive. This improved access to therapy makes it easier for
|
||||
clients to be an active participant in their recovery.
|
||||
</p>
|
||||
<p className="mt-3">
|
||||
Being able to interact with clients in their home setting enables a therapist to see
|
||||
how the client moves and completes tasks in their everyday life.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Subscribe Section */}
|
||||
<section className="subscribe-section pt-0 bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box text-center text-lg-left">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">
|
||||
I agree to the <Link href="index">Privacy Policy.</Link>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
43
package-lock.json
generated
43
package-lock.json
generated
@ -10,6 +10,7 @@
|
||||
"dependencies": {
|
||||
"axios": "^1.11.0",
|
||||
"bootstrap-touchspin": "^4.7.3",
|
||||
"framer-motion": "^12.23.12",
|
||||
"isotope-layout": "^3.0.6",
|
||||
"lightgallery": "^2.7.2",
|
||||
"next": "^14.0.4-canary.36",
|
||||
@ -798,6 +799,33 @@
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/framer-motion": {
|
||||
"version": "12.23.12",
|
||||
"resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.23.12.tgz",
|
||||
"integrity": "sha512-6e78rdVtnBvlEVgu6eFEAgG9v3wLnYEboM8I5O5EXvfKC8gxGQB8wXJdhkMy10iVcn05jl6CNw7/HTsTCfwcWg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"motion-dom": "^12.23.12",
|
||||
"motion-utils": "^12.23.6",
|
||||
"tslib": "^2.4.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@emotion/is-prop-valid": "*",
|
||||
"react": "^18.0.0 || ^19.0.0",
|
||||
"react-dom": "^18.0.0 || ^19.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@emotion/is-prop-valid": {
|
||||
"optional": true
|
||||
},
|
||||
"react": {
|
||||
"optional": true
|
||||
},
|
||||
"react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/function-bind": {
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
|
||||
@ -1049,6 +1077,21 @@
|
||||
"node": ">= 0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/motion-dom": {
|
||||
"version": "12.23.12",
|
||||
"resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.23.12.tgz",
|
||||
"integrity": "sha512-RcR4fvMCTESQBD/uKQe49D5RUeDOokkGRmz4ceaJKDBgHYtZtntC/s2vLvY38gqGaytinij/yi3hMcWVcEF5Kw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"motion-utils": "^12.23.6"
|
||||
}
|
||||
},
|
||||
"node_modules/motion-utils": {
|
||||
"version": "12.23.6",
|
||||
"resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.23.6.tgz",
|
||||
"integrity": "sha512-eAWoPgr4eFEOFfg2WjIsMoqJTW6Z8MTUCgn/GZ3VRpClWBdnbjryiA3ZSNLyxCTmCQx4RmYX6jX1iWHbenUPNQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/nanoid": {
|
||||
"version": "3.3.11",
|
||||
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
|
||||
|
||||
@ -12,6 +12,7 @@
|
||||
"dependencies": {
|
||||
"axios": "^1.11.0",
|
||||
"bootstrap-touchspin": "^4.7.3",
|
||||
"framer-motion": "^12.23.12",
|
||||
"isotope-layout": "^3.0.6",
|
||||
"lightgallery": "^2.7.2",
|
||||
"next": "^14.0.4-canary.36",
|
||||
|
||||
@ -70,10 +70,10 @@
|
||||
|
||||
/** chooseus-style-two **/
|
||||
|
||||
.chooseus-style-two{
|
||||
/* .chooseus-style-two{
|
||||
position: relative;
|
||||
padding: 114px 0px 50px 0px;
|
||||
}
|
||||
} */
|
||||
|
||||
.chooseus-style-two .bg-layer{
|
||||
position: absolute;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user