diff --git a/app/covid-19-updates/page.js b/app/covid-19-updates/page.js new file mode 100644 index 0000000..37a0ac1 --- /dev/null +++ b/app/covid-19-updates/page.js @@ -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 }) => ( +
+

{label}

+
+
+
{`${percent}%`}
+
+
+); + +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 ( + <> + +
+
+
+
+ {/* Top Intro */} +
+ COVID 19 UPDATES +

+ 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. +

+
+ + {/* Virtual Therapy (Right aligned on desktop, center on mobile) */} +
+
+ +
+
+ Virtual Therapy +
+

VIRTUAL THERAPY

+

+ 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. +

+
+
+
+ + {/* Home Therapy (Left aligned on desktop, center on mobile) */} +
+ +
+ +
+ Home Therapy +
+ +
+

HOME THERAPY

+

+ 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. +

+

+ 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. +

+
+
+
+
+
+
+
+
+
+ + {/* Subscribe Section */} +
+
+
+
+
+
+

Subscribe for the exclusive updates!

+
+
+
+
+
+
+ + +
+
+
+ + +
+
+
+
+
+
+
+
+
+
+ + ) +} diff --git a/package-lock.json b/package-lock.json index 7151e7e..a39e51f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -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", diff --git a/package.json b/package.json index ffe9c0e..de12aa1 100644 --- a/package.json +++ b/package.json @@ -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", diff --git a/public/assets/css/module-css/chooseus.css b/public/assets/css/module-css/chooseus.css index 28317a2..0a5e8a5 100644 --- a/public/assets/css/module-css/chooseus.css +++ b/public/assets/css/module-css/chooseus.css @@ -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;