Skip to content

Commit

Permalink
small changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@MuhammadHassanRaza25
MuhammadHassanRaza25 committed Dec 3, 2024
1 parent cdfc2d2 commit 9243ff6
Show file tree
Hide file tree
Showing 5 changed files with 39 additions and 27 deletions.
9 changes: 7 additions & 2 deletions src/app/components/Footer.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,12 @@ import { IoMdCall } from "react-icons/io";
import { MdEmail } from "react-icons/md";
import { FaGlobe } from "react-icons/fa";
import { FaRegCopyright } from "react-icons/fa";
import { FaGithub } from "react-icons/fa";
import Link from "next/link";

export default function Footer(){
return(
<div className="bg-gray-50 border-t px-24 mt-20 pt-5 pb-5">
<div className="bg-white border-t px-24 mt-20 pt-5 pb-5">

<div className="flex flex-wrap justify-between items-baseline">

Expand Down Expand Up @@ -45,7 +47,10 @@ export default function Footer(){
</div>

<div className='mt-10 border-t-2'>
<h1 className='mt-5 flex justify-center items-center gap-1'>CopyRight <FaRegCopyright /> 2025 All rights reserved | This project is made by Muhammad Hassan Raza</h1>
<div className="mt-5 flex justify-between">
<h2 className='flex justify-center text-sm items-center gap-1'>CopyRight <FaRegCopyright /> 2025 All rights reserved | This project is made by Muhammad Hassan Raza</h2>
<Link href={"https://github.com/MuhammadHassanRaza25"} target="_blank"><FaGithub /></Link>
</div>
</div>

</div>
Expand Down
2 changes: 1 addition & 1 deletion src/app/components/Header.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ export default function Header() {
};

return (
<div className="header flex justify-between px-6 sm:px-24 p-3 border-b">
<div className="header flex justify-between px-6 sm:px-24 p-4 border-b">

<h1 className="logoTxt flex gap-2 items-center text-black font-bold">
<span className="logoImg w-10"><Image src={logo} /></span>
Expand Down
6 changes: 3 additions & 3 deletions src/app/components/HeroSection.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import DoctorImage from "../images/doctor.jpg"
export default function HeroSection(){
return(
<>
<div className="heroSection mt-28 flex px-24 justify-between items-center bg-white">
<div className="heroSection pt-28 pb-36 flex px-24 justify-between items-center">

<div className="heroDetail flex flex-col gap-9">
<h1 className="heroHeading font-bold">Welcome to QuickHealth</h1>
Expand All @@ -19,8 +19,8 @@ export default function HeroSection(){

<div className="heroImgDiv">
<Image
className="heroImg object-cover object-center rounded-xl h-[50vh]"
width={490}
className="heroImg object-cover object-center rounded-xl h-[51vh]"
width={500}
src={DoctorImage}
alt="Doctor Image"/>
</div>
Expand Down
28 changes: 15 additions & 13 deletions src/app/components/OurServices.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,66 +4,68 @@ import { RiStethoscopeLine } from "react-icons/ri";
import { BiBone } from "react-icons/bi";
import { LiaBrainSolid } from "react-icons/lia";
import { BsVirus } from "react-icons/bs";
import Image from 'next/image';
import logo from '../images/logo.png';

export default function OurServices(){
return(
<div className="serviceParentDiv mt-36">

<div>
<h1 className="servicesSmallHeading text-center text-green-600 mb-1 text-lg">QuickHealth</h1>
<h1 className="servicesSmallHeading flex justify-center items-center gap-1 mb-1 text-lg"><span className="logoImg w-[20px]"><Image src={logo} /></span>QuickHealth</h1>
<h1 className="servicesHeading text-4xl text-center font-bold">Our Medical Services</h1>
</div>

<div className="seviceDiv1 flex flex-wrap justify-between px-24 mt-10">
<div className="serviceBox flex flex-col gap-4 justify-center items-center border rounded-xl w-44 h-36">
<p className="bg-green-50 text-green-500 text-4xl p-3 rounded-lg"><RiStethoscopeLine /></p>
<p className="bg-blue-50 text-blue-500 text-4xl p-3 rounded-lg"><RiStethoscopeLine /></p>
<p className="font-bold">Dentistry</p>
</div>
<div className="serviceBox flex flex-col gap-4 justify-center items-center border rounded-xl w-44 h-36">
<p className="bg-green-50 text-green-500 text-4xl p-3 rounded-lg"><BiHeart /> </p>
<p className="bg-blue-50 text-blue-500 text-4xl p-3 rounded-lg"><BiHeart /> </p>
<p className="font-bold">Cardiology</p>
</div>
<div className="serviceBox flex flex-col gap-4 justify-center items-center border rounded-xl w-44 h-36">
<p className="bg-green-50 text-green-500 font-bold text-4xl p-3 rounded-lg"><LuEar /></p>
<p className="bg-blue-50 text-blue-500 font-bold text-4xl p-3 rounded-lg"><LuEar /></p>
<p className="font-bold">ENT Specialists</p>
</div>
<div className="serviceBox flex flex-col gap-4 justify-center items-center border rounded-xl w-44 h-36">
<p className="bg-green-50 text-green-500 font-bold text-4xl p-3 rounded-lg"><BiBone /></p>
<p className="bg-blue-50 text-blue-500 font-bold text-4xl p-3 rounded-lg"><BiBone /></p>
<p className="font-bold">Astrology</p>
</div>
<div className="serviceBox flex flex-col gap-4 justify-center items-center border rounded-xl w-44 h-36">
<p className="bg-green-50 text-green-500 font-bold text-4xl p-3 rounded-lg"><LiaBrainSolid /></p>
<p className="bg-blue-50 text-blue-500 font-bold text-4xl p-3 rounded-lg"><LiaBrainSolid /></p>
<p className="font-bold">Neuroanatomy</p>
</div>
<div className="serviceBox flex flex-col gap-4 justify-center items-center border rounded-xl w-44 h-36">
<p className="bg-green-50 text-green-500 font-bold text-4xl p-3 rounded-lg"><BsVirus /></p>
<p className="bg-blue-50 text-blue-500 font-bold text-4xl p-3 rounded-lg"><BsVirus /></p>
<p className="font-bold">Blood Screening</p>
</div>
</div>

<div className="seviceDiv2 flex flex-wrap justify-between px-24 mt-6">
<div className="serviceBox flex flex-col gap-4 justify-center items-center border rounded-xl w-44 h-36">
<p className="bg-green-50 text-green-500 text-4xl p-3 rounded-lg"><RiStethoscopeLine /></p>
<p className="bg-blue-50 text-blue-500 text-4xl p-3 rounded-lg"><RiStethoscopeLine /></p>
<p className="font-bold">Dentistry</p>
</div>
<div className="serviceBox flex flex-col gap-4 justify-center items-center border rounded-xl w-44 h-36">
<p className="bg-green-50 text-green-500 text-4xl p-3 rounded-lg"><BiHeart /> </p>
<p className="bg-blue-50 text-blue-500 text-4xl p-3 rounded-lg"><BiHeart /> </p>
<p className="font-bold">Cardiology</p>
</div>
<div className="serviceBox flex flex-col gap-4 justify-center items-center border rounded-xl w-44 h-36">
<p className="bg-green-50 text-green-500 font-bold text-4xl p-3 rounded-lg"><LuEar /></p>
<p className="bg-blue-50 text-blue-500 font-bold text-4xl p-3 rounded-lg"><LuEar /></p>
<p className="font-bold">ENT Specialists</p>
</div>
<div className="serviceBox flex flex-col gap-4 justify-center items-center border rounded-xl w-44 h-36">
<p className="bg-green-50 text-green-500 font-bold text-4xl p-3 rounded-lg"><BiBone /></p>
<p className="bg-blue-50 text-blue-500 font-bold text-4xl p-3 rounded-lg"><BiBone /></p>
<p className="font-bold">Astrology</p>
</div>
<div className="serviceBox flex flex-col gap-4 justify-center items-center border rounded-xl w-44 h-36">
<p className="bg-green-50 text-green-500 font-bold text-4xl p-3 rounded-lg"><LiaBrainSolid /></p>
<p className="bg-blue-50 text-blue-500 font-bold text-4xl p-3 rounded-lg"><LiaBrainSolid /></p>
<p className="font-bold">Neuroanatomy</p>
</div>
<div className="serviceBox flex flex-col gap-4 justify-center items-center border rounded-xl w-44 h-36">
<p className="bg-green-50 text-green-500 font-bold text-4xl p-3 rounded-lg"><BsVirus /></p>
<p className="bg-blue-50 text-blue-500 font-bold text-4xl p-3 rounded-lg"><BsVirus /></p>
<p className="font-bold">Blood Screening</p>
</div>
</div>
Expand Down
21 changes: 13 additions & 8 deletions src/app/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,9 @@ body {
}
/* Header End */
/* Hero Section Start */
/* .heroSection{
background-color: rgb(248, 248, 248);
} */
.heroImgDiv{
padding-top: 1%;
}
Expand Down Expand Up @@ -68,9 +71,9 @@ body {
/* Responsiveness Start */

@media(max-width:1280px){
.heroSection{
/* .heroSection{
margin-top: 8%;
}
} */
.heroHeading{
font-size: 36px;
}
Expand Down Expand Up @@ -104,7 +107,7 @@ body {
width: 30px;
}
.heroSection{
margin-top: 5%;
/* margin-top: 5%; */
display: flex;
flex-wrap: wrap;
}
Expand All @@ -127,9 +130,9 @@ body {
}
}
@media(max-width:1100px){
.heroSection{
/* .heroSection{
margin-top: 8%;
}
} */
.heroDesc{
font-size: 15px;
}
Expand Down Expand Up @@ -157,9 +160,9 @@ body {
align-items: start;
gap: 20px;
}
.heroSection{
/* .heroSection{
margin-top: 8%;
}
} */
.heroHeading{
font-size: 33px;
}
Expand All @@ -184,7 +187,7 @@ body {
}
@media(max-width:640px){
.heroSection{
margin-top: 15%;
/* margin-top: 15%; */
padding-right: 6%;
padding-left: 6%;
}
Expand Down Expand Up @@ -214,6 +217,8 @@ body {
align-items: center;
padding-right: 6%;
padding-left: 6%;
padding-top: 15%;
padding-bottom: 15%;
}
.heroDetail{
gap: 25px;
Expand Down

0 comments on commit 9243ff6

Please sign in to comment.