Skip to content

Chanudi code #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
csheha wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Chanudi code #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7f6b34c
professional support page 1 added
CShehani May 28, 2024
428fd17
Professional Support Page
CShehani Jun 6, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions src/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,9 @@ import Hero from "./pages/Hero";
import Background from "./components/background/Background";
import MusicTherapy from "./pages/MusicTherapy";
import ScrollToTop from "./components/ScrollToTop";
import ProfessionalSupportPage1 from "./pages/ProfessionalSupportPage1";
import ProfessionalSupportPage2 from "./pages/ProfessionalSupportPage2";


function App() {
return (
Expand All @@ -16,6 +19,8 @@ function App() {
<Routes>
<Route path="/" element={<Hero />} />
<Route path="/musictherapy" element={<MusicTherapy />} />
<Route path="/professionalsupport" element={<ProfessionalSupportPage1/>} />
<Route path="/viewprofessionalprofile" element={<ProfessionalSupportPage2/>}/>
</Routes>
</Router>
</Background>
Expand Down
Binary file added src/assets/ProfessionalSupport/Doctor01.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/ProfessionalSupport/Doctor1img.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/ProfessionalSupport/Doctor2img.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/ProfessionalSupport/Doctor3img.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/ProfessionalSupport/Doctor4img.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/ProfessionalSupport/ProffSupimg.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 3 additions & 1 deletion src/pages/Hero.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,10 +57,12 @@ const Hero = () => {
Pay for the services you need to prioritize your mental
well-being.
</p>
<button className="bg-[#adbbda] text-black px-[30px] p-[5px] mb-3 text-s rounded-[30px] cursor-pointer outline-none inline-flex items-center font-serif">
<Link to="/ProfessionalSupport">
<button className="bg-[#adbbda] text-black px-[30px] p-[5px] mb-3 text-s rounded-[30px] cursor-pointer outline-none inline-flex items-center font-serif">
Click More
<img src={arrow} alt="" className="object-scale-down h-5 w-7" />
</button>
</Link>
</div>
<div
className="flex flex-col
Expand Down
119 changes: 119 additions & 0 deletions src/pages/ProfessionalSupportPage1.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
import React from "react";

import NavBar from "../components/navbar/NavBar.js";
import Footer from "../components/footer/Footer.js";
import Background from "../components/background/Background.js";
import { Link } from "react-router-dom";

import ProffSupimg from "../assets/ProfessionalSupport/ProffSupimg.jpg";
import Doctor1img from "../assets/ProfessionalSupport/Doctor1img.jpg";
import Doctor2img from "../assets/ProfessionalSupport/Doctor2img.jpg";
import Doctor3img from "../assets/ProfessionalSupport/Doctor3img.jpg";
import arrow from "../assets/arrow-right 1.png";


function ProfessionalSupportPage1() {
return (
<div>
<NavBar/>
<Background/>
<div className="flex pt-[120px] justify-center">
<div className="relative">
<img className=" transition-transform w-[1200px] -mt-10 rounded-lg max-h-[400px] " src={ProffSupimg} alt="professional support img" />
<h1 className="absolute inset-0 flex items-center justify-center font-bold text-8xl text-transparent bg-gradient-to-r from-[rgb(7,11,48)] to-[rgba(33,33,151,0.51)] bg-clip-text rounded-lg hover:animate-pulse">Professional Support</h1>
</div>
</div>
<div>
<p className="text-white bg-gradient-to-b from-[rgba(39,39,42,0.7)] to-[rgba(39,39,42,0.1)] text-center flex justify-center items-center font-sans border-solid border border-gray-400 px-[100px] py-[20px] mx-[200px] rounded-lg mb-20 ">
On our mental healthcare platform, we prioritize your well-being by offering seamless
and confidential professional referrals. Our platform streamlines the process, connecting
you with trusted therapists or counselors who specialize in addressing your specific concerns.
Whether you're seeking support for anxiety, depression, or any other mental health challenge,
our website provides a safe and supportive space to find the right expert for you. Take the
first step towards a happier, healthier you by exploring our referral services today.
</p>
</div>


<div className="flex flex-col space-y-4">

<div className="text-white shadow-xl shadow-stone-700 bg-gradient-to-b from-[rgba(29,109,163,0.92)] to-[rgba(107,107,110,0.1)] relative w-auto h-auto border-solid border-2 border-sky-500 mx-56 font-sans ">
<h4 className="m-4 text-xl text-slate-100 text-pretty hover:underline decoration-slate-800 "><b>Dr Mohamed Niyas Lukmanul Hakeem </b></h4>
<br></br>
<img className="flex flex-col -mt-6 -ml-16 border-2 rounded-full border-slate-900 h-44 w-44 " src={Doctor1img} alt=""/>

<div className="text-white bg-gradient-to-b from-[rgba(206,207,211,0.7)] to-[rgba(39,39,42,0.1)] rounded-3xl ml-48 -mt-14 ">

<div className="p-3 text-sm -mt-44">
<h5>Position - Mental health Doctor</h5>
<h5>WorkEnvironment - Medihelp Hospital (Colombo) </h5>
</div>

<p className="pb-4 m-3 ml-4 text-sm text-pretty">More than 12 years of experience working with individuals, families and couples. Speclized in mental health and Abnormal Psychology, emotional intelligence, family counseling, sexual health, NLP, CBT, IPSRT, ART PSYCHOTHERAPY, COACHING, Career Counseling, Relationship Counseling, Psychometric testing and so on ...</p>
<Link to="/viewprofessionalprofile">
<button className="absolute bottom-0 right-0 bg-[#adbbda] text-sm text-black px-[30px] p-[5px] mb-3 text-s rounded-[30px] cursor-pointer outline-none inline-flex items-center font-serif hover:bg-[#87a4e0d0]">
View Profile
<img src={arrow} alt="" className="object-scale-down h-5 w-7" />
</button>
</Link>
</div>
</div>

<div className="text-white shadow-xl shadow-stone-700 bg-gradient-to-b from-[rgba(29,109,163,0.92)] to-[rgba(107,107,110,0.1)] relative w-auto h-auto border-solid border-2 border-sky-500 mx-56 font-sans ">
<h4 className="m-4 text-xl text-slate-100 text-pretty hover:underline decoration-slate-800"><b>Dr Shanez Fernando</b></h4>
<br></br>
<img className="flex flex-col -mt-6 -ml-16 border-2 rounded-full border-slate-900 h-44 w-44 " src={Doctor2img} alt=""/>

<div className="text-white bg-gradient-to-b from-[rgba(206,207,211,0.7)] to-[rgba(39,39,42,0.1)] rounded-3xl ml-48 -mt-14 ">

<div className="p-3 text-sm -mt-44">
<h5>Position - psychologists</h5>
<h5>WorkEnvironment - MDK Hospital (Horana) </h5>
</div>

<p className="pb-4 m-3 ml-4 text-sm text-pretty">More than 12 years of experience working with individuals, families and couples. Speclized in mental health and Abnormal Psychology, emotional intelligence, family counseling, sexual health, NLP, CBT, IPSRT, ART PSYCHOTHERAPY, COACHING, Career Counseling, Relationship Counseling, Psychometric testing and so on ...</p>
<Link to="/viewprofessionalprofile">
<button className="absolute bottom-0 right-0 bg-[#adbbda] text-sm text-black px-[30px] p-[5px] mb-3 text-s rounded-[30px] cursor-pointer outline-none inline-flex items-center font-serif hover:bg-[#87a4e0d0]">
View Profile
<img src={arrow} alt="" className="object-scale-down h-5 w-7" />
</button>
</Link>
</div>
</div>

<div className="text-white shadow-xl shadow-stone-700 bg-gradient-to-b from-[rgba(29,109,163,0.92)] to-[rgba(107,107,110,0.1)] relative w-auto h-auto border-solid border-2 border-sky-500 mx-56 font-sans ">
<h4 className="m-4 text-xl text-slate-100 text-pretty hover:underline decoration-slate-800"><b>Dr Mohamed Niyas Lukmanul Hakeem</b></h4>
<br></br>
<img className="flex flex-col -mt-6 -ml-16 border-2 rounded-full border-slate-900 h-44 w-44 " src={Doctor3img} alt=""/>

<div className="text-white bg-gradient-to-b from-[rgba(206,207,211,0.7)] to-[rgba(39,39,42,0.1)] rounded-3xl ml-48 -mt-14 ">

<div className="p-3 text-sm -mt-44">
<h5>Position - psychiatrist</h5>
<h5>WorkEnvironment - Lanka Hospital (Colombo) </h5>
</div>

<p className="pb-4 m-3 ml-4 text-sm text-pretty">More than 12 years of experience working with individuals, families and couples. Speclized in mental health and Abnormal Psychology, emotional intelligence, family counseling, sexual health, NLP, CBT, IPSRT, ART PSYCHOTHERAPY, COACHING, Career Counseling, Relationship Counseling, Psychometric testing and so on ...</p>
<Link to="/viewprofessionalprofile">
<button className="absolute bottom-0 right-0 bg-[#adbbda] text-sm text-black px-[30px] p-[5px] mb-3 text-s rounded-[30px] cursor-pointer outline-none inline-flex items-center font-serif hover:bg-[#87a4e0d0]">
View Profile
<img src={arrow} alt="" className="object-scale-down h-5 w-7" />
</button>
</Link>
</div>
</div>



</div>


<br></br>
<br></br>

<Footer/>
</div>
)

}
export default ProfessionalSupportPage1;
164 changes: 164 additions & 0 deletions src/pages/ProfessionalSupportPage2.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,164 @@
import React from "react";

import NavBar from "../components/navbar/NavBar.js";
import Footer from "../components/footer/Footer.js";
import Background from "../components/background/Background.js";
import { Link } from "react-router-dom";


import Doctor1img from "../assets/ProfessionalSupport/Doctor1img.jpg";
import Doctor2img from "../assets/ProfessionalSupport/Doctor2img.jpg";
import Doctor3img from "../assets/ProfessionalSupport/Doctor3img.jpg";
import arrow from "../assets/arrow-right 1.png";

function ProfessionalSupportPage2() {
return (
<div>
<NavBar/>
<Background/>


<div className="flex mt-20 bg-[#A9BDF0]">
<div className="text-white shadow-xl shadow-stone-700 bg-gradient-to-b from-[rgba(29,109,163,0.92)] to-[rgba(107,107,110,0.1)] relative w-auto h-auto border-solid border-2 border-sky-500 mx-56 font-sans ">

<h4 className="flex flex-col m-4 text-xl text-slate-100 text-pretty hover:underline decoration-slate-800"><b>Dr Mohamed Niyas Lukmanul Hakeem </b></h4>
<br></br>
<img className="flex -mt-6 -ml-16 border-2 rounded-full border-slate-900 h-44 w-44 " src={Doctor1img} alt=""/>

<div className="text-white bg-gradient-to-b from-[rgba(206,207,211,0.7)] to-[rgba(39,39,42,0.1)] rounded-3xl ml-48 -mt-14 ">

<div className="p-3 text-sm -mt-44">
<h5>Position - Mental health Doctor</h5>
<h5>WorkEnvironment - Medihelp Hospital (Colombo) </h5>
</div>

<p className="pb-4 m-3 ml-4 text-sm text-pretty">More than 12 years of experience working with individuals, families and couples. Speclized in mental health and Abnormal Psychology, emotional intelligence, family counseling, sexual health, NLP, CBT, IPSRT, ART PSYCHOTHERAPY, COACHING, Career Counseling, Relationship Counseling, Psychometric testing and so on ...</p>

</div>
</div>
</div>

<div className=" bg-gradient-to-b from-[rgba(187,209,224,0.92)] to-[rgba(107,107,110,0.1)] m-10 ">
<h1 className="p-10 text-2xl text-[#0A2351] font-bold ">Services Details</h1>
<br></br>
<br></br>

<div className="grid grid-cols-3 gap-3 p-10 -mt-20">

<div>
<h1 className="text-lg text-[#0A2351] font-semibold">FEES:</h1>
<ul className="pl-10 list-disc text-">
<li>Cash practice</li>
</ul>
</div>

<div>
<h1 className="text-lg text-[#0A2351] font-semibold">CONSULTATION:</h1>
<ul className="pl-10 list-disc text-">
<li>Online consultations offered</li>
</ul>
</div>

<div>
<h1 className="text-lg text-[#0A2351] font-semibold">LANGUAGE PROFICIENCY:</h1>
<ul className="pl-10 list-disc text-">
<li>English</li>
<li>Sinhala</li>
<li>Tamil</li>
</ul>
</div>

<div>
<h1 className="text-lg text-[#0A2351] font-semibold">CLIENT DEMOGRAPHICS:</h1>
<ul className="pl-10 list-disc text-">
<li>Adolescents</li>
<li>Adults</li>
<li>Couples</li>
<li>Families</li>
<li>Individuals</li>
<li>Parents</li>
</ul>
</div>

<div>
<h1 className="text-lg text-[#0A2351] font-semibold">CORE SERVICES: </h1>
<ul className="pl-10 list-disc text-">
<li>Assessment (Intellectual)</li>
<li>Assessment (Psychometric)</li>
<li>Coaching</li>
<li>Consultation</li>
<li>Counselling (Divorce)</li>
<li>Counselling (Marriage)</li>
<li>Emotional Intelligence</li>
<li>Individual and Couple Therapy</li>
<li>Relationship Counselling</li>
<li>Counselling (Divorce)</li>
<li>Counselling (Marriage)</li>
</ul>
</div>

<div>
<h1 className="text-lg text-[#0A2351] font-semibold">SCOPE OF PRACTICE: </h1>
<ul className="pl-10 list-disc text-">
<li>Behavioural and Emotional Problems</li>
<li>Depression</li>
<li>Family Problems</li>
<li>Personal Growth</li>
<li>Relationship Problems </li>
<li>Relationship Problems (Marriage)</li>
<li>Stress Management</li>
</ul>
</div>


</div>
</div>

<div className="flex flex-col mb-10 mx-36">
<div className="flex flex-col p-5 text-white bg-blue-950">Book with Dr.Mohamed Niyas Lukmanul Hakeem
</div>
<div className="flex flex-col pt-5 pb-10 pl-10 text-lg bg-[#7091E6] text-blue-950 font-semibold">Fill the Patient Information Here,

<div className="p-3 space-y-3 font-light">
<h1>Full Name :</h1>
<div className="flex p-3 text-black bg-white cursor-text"></div>

<h1>Age :</h1>
<div className="flex p-3 text-black bg-white cursor-text"></div>

<h1>Gender :</h1>
<div className="flex p-3 text-black bg-white cursor-text"></div>

<h1>Mobile Number :</h1>
<div className="flex p-3 text-black bg-white cursor-text"></div>

<h1>Email :</h1>
<div className="flex p-5 text-black bg-white cursor-text"></div>

<h1>Address :</h1>
<div className="flex p-5 text-black bg-white cursor-text"></div>

<h1>Purpose of the appointment :</h1>
<div className="flex p-5 text-black bg-white cursor-text"></div>

</div>

{<>
<button className="bg-[#adbbda] text-black drop-shadow-xl ml-[700px] hover:bg-white mt-6 mr-[50px] px-[30px] py-[5px] mb-3 text-sm rounded-[30px] cursor-pointer border-0 outline-none inline-flex items-center font-serif">
Submit Application
</button>
</>
}


</div>
</div>



<Footer/>
</div>
)

}
export default ProfessionalSupportPage2;
Empty file added tailwind.config.js
View file
Open in desktop
Empty file.