first commit
This commit is contained in:
Executable
+87
@@ -0,0 +1,87 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
import dynamic from 'next/dynamic';
|
||||
const ModalVideo = dynamic(() => import('react-modal-video'), {
|
||||
ssr: false
|
||||
});
|
||||
|
||||
const AboutOurHospital = () => {
|
||||
// Popup Video
|
||||
const [isOpen, setIsOpen] = React.useState(true);
|
||||
const openModal = () => {
|
||||
setIsOpen(!isOpen);
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<div className="hospital-area pb-70">
|
||||
<div className="container-fluid p-0">
|
||||
<div className="hospital-shape">
|
||||
<img src="/images/home-three/home-three-hart.png" alt="Shape" />
|
||||
</div>
|
||||
|
||||
<div className="row m-0 align-items-center">
|
||||
<div className="col-lg-6 p-0">
|
||||
<div className="hospital-item">
|
||||
<div
|
||||
onClick={e => {e.preventDefault(); openModal()}}
|
||||
className="hospital-play-btn popup-youtube"
|
||||
>
|
||||
<i className="icofont-ui-play"></i>
|
||||
</div>
|
||||
|
||||
<div className="row m-0">
|
||||
<div className="col-lg-6 p-0">
|
||||
<div className="hospital-left-one">
|
||||
<img src="/images/home-three/home3-about1.jpg" alt="About" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 p-0">
|
||||
<div className="hospital-left-two">
|
||||
<img src="/images/home-three/home3-about2.jpg" alt="About" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="hospital-item hospital-right">
|
||||
<h2>About Our Hospital</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<i className="icofont-check-circled"></i>
|
||||
Browse our Website
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-check-circled"></i>
|
||||
Choose Service
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-check-circled"></i>
|
||||
Choose Service
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<Link href="/about">
|
||||
<a className="hospital-btn">Know More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* If you want to change the video need to update videoID */}
|
||||
<ModalVideo
|
||||
channel='youtube'
|
||||
isOpen={!isOpen}
|
||||
videoId='bk7McNUjWgw'
|
||||
onClose={() => setIsOpen(!isOpen)}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default AboutOurHospital;
|
||||
Executable
+51
@@ -0,0 +1,51 @@
|
||||
import React from 'react';
|
||||
|
||||
const AboutUs = () => {
|
||||
return (
|
||||
<div className="welcome-area pb-100">
|
||||
<div className="container-fluid p-0">
|
||||
<div className="row m-0">
|
||||
<div className="col-lg-6 pl-0">
|
||||
<div className="welcome-item welcome-left welcome-left-two">
|
||||
<img src="/images/about3.jpg" alt="Welcome" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="welcome-item welcome-right">
|
||||
<div className="section-title-two">
|
||||
<span>About Us</span>
|
||||
<h2>Why you choose our hospital</h2>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<i className="icofont-doctor-alt"></i>
|
||||
<div className="welcome-inner">
|
||||
<h3>Certified Doctors</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-stretcher"></i>
|
||||
<div className="welcome-inner">
|
||||
<h3>Emergency 24 hours</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-network"></i>
|
||||
<div className="welcome-inner">
|
||||
<h3>Modern Technologey</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default AboutUs;
|
||||
Executable
+69
@@ -0,0 +1,69 @@
|
||||
import React from 'react';
|
||||
import dynamic from 'next/dynamic';
|
||||
const OwlCarousel = dynamic(import('react-owl-carousel3'));
|
||||
|
||||
const options = {
|
||||
items:1,
|
||||
loop:true,
|
||||
margin:0,
|
||||
nav: true,
|
||||
dots: false,
|
||||
autoplay:false,
|
||||
autoplayHoverPause:true,
|
||||
navText: [
|
||||
"<i class='icofont-simple-left'></i>",
|
||||
"<i class='icofont-simple-right'></i>"
|
||||
],
|
||||
};
|
||||
|
||||
const FeedbackSlider = () => {
|
||||
const [display, setDisplay] = React.useState(false);
|
||||
|
||||
React.useEffect(() => {
|
||||
setDisplay(true);
|
||||
}, [])
|
||||
return (
|
||||
<div className="review-area ptb-100">
|
||||
<div className="container">
|
||||
{display ? <OwlCarousel
|
||||
className="feedback-slider owl-carousel owl-theme"
|
||||
{...options}
|
||||
>
|
||||
<div className="feedback-item">
|
||||
<div className="client-img">
|
||||
<img src="/images/clients/client1.png" alt="Feedback" />
|
||||
<h3>Adision Smith</h3>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra</p>
|
||||
</div>
|
||||
|
||||
<div className="feedback-item">
|
||||
<div className="client-img">
|
||||
<img src="/images/clients/client2.png" alt="Feedback" />
|
||||
<h3>John Cena</h3>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra</p>
|
||||
</div>
|
||||
|
||||
<div className="feedback-item">
|
||||
<div className="client-img">
|
||||
<img src="/images/clients/client3.png" alt="Feedback" />
|
||||
<h3>Mac Smith</h3>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra</p>
|
||||
</div>
|
||||
|
||||
<div className="feedback-item">
|
||||
<div className="client-img">
|
||||
<img src="/images/clients/client4.png" alt="Feedback" />
|
||||
<h3>Shane Watson</h3>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra</p>
|
||||
</div>
|
||||
</OwlCarousel> : ''}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default FeedbackSlider;
|
||||
Executable
+41
@@ -0,0 +1,41 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const MainBanner = () => {
|
||||
return (
|
||||
<div className="banner-area">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="banner-item">
|
||||
<h1>Your Healthy Life is Our First Priority</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. </p>
|
||||
|
||||
<div className="common-btn-two">
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
<Link href="/about">
|
||||
<a className="cmn-btn-right-two">Learn More</a>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div className="banner-right">
|
||||
<img src="/images/home-three/home-three-banner1.png" alt="Banner" />
|
||||
<img src="/images/home-three/home-three-banner-shape2.png" alt="Banner" />
|
||||
<img src="/images/home-three/home-three-banner-shape2.png" alt="Banner" />
|
||||
<img src="/images/about-shape1.png" alt="Banner" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="heart-shape">
|
||||
<img src="/images/heart-graph.png" alt="Banner" />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default MainBanner;
|
||||
Executable
+69
@@ -0,0 +1,69 @@
|
||||
import React from 'react';
|
||||
|
||||
const OurExpertise = () => {
|
||||
return (
|
||||
<div className="speciality-area pb-100">
|
||||
<div className="container-fluid p-0">
|
||||
<div className="row m-0">
|
||||
<div className="col-lg-7">
|
||||
<div className="speciality-left">
|
||||
<div className="section-title-two">
|
||||
<span>Speciality</span>
|
||||
<h2>Our Expertise</h2>
|
||||
</div>
|
||||
|
||||
<div className="speciality-item">
|
||||
<div className="row m-0">
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="speciality-inner">
|
||||
<i className="icofont-check-circled"></i>
|
||||
<h3>Child Care</h3>
|
||||
<p>Lorem ipsum dolor sit amet, is consectetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="speciality-inner">
|
||||
<i className="icofont-check-circled"></i>
|
||||
<h3>More Stuff</h3>
|
||||
<p>Lorem ipsum dolor sit amet, is consectetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="speciality-inner">
|
||||
<i className="icofont-check-circled"></i>
|
||||
<h3>Enough Lab</h3>
|
||||
<p>Lorem ipsum dolor sit amet, is consectetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="speciality-inner">
|
||||
<i className="icofont-check-circled"></i>
|
||||
<h3>24 Hour Doctor</h3>
|
||||
<p>Lorem ipsum dolor sit amet, is consectetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-5 pr-0">
|
||||
<div className="speciality-item speciality-right">
|
||||
<img src="/images/about4.jpg" alt="Speciality" />
|
||||
|
||||
<div className="speciality-emergency">
|
||||
<div className="speciality-icon">
|
||||
<i className="icofont-ui-call"></i>
|
||||
</div>
|
||||
<h3>Emergency Call</h3>
|
||||
<p>+07 554 332 322</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default OurExpertise;
|
||||
Executable
+204
@@ -0,0 +1,204 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const Services = () => {
|
||||
return (
|
||||
<>
|
||||
<div className="services-area pb-70">
|
||||
<div className="container">
|
||||
<div className="section-title-two">
|
||||
<span>Services</span>
|
||||
<h2>Our Hospital Services</h2>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="service-front">
|
||||
<i className="icofont-doctor"></i>
|
||||
<h3>Expert Doctor</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
<div className="service-end">
|
||||
<i className="icofont-doctor"></i>
|
||||
<h3>Expert Doctor</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="service-front">
|
||||
<i className="icofont-prescription"></i>
|
||||
<h3>Diagnosis</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
<div className="service-end">
|
||||
<i className="icofont-prescription"></i>
|
||||
<h3>Diagnosis</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="service-front">
|
||||
<i className="icofont-patient-file"></i>
|
||||
<h3>Pathology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
<div className="service-end">
|
||||
<i className="icofont-patient-file"></i>
|
||||
<h3>Pathology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="service-front">
|
||||
<i className="icofont-tooth"></i>
|
||||
<h3>Dental Care</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
<div className="service-end">
|
||||
<i className="icofont-tooth"></i>
|
||||
<h3>Dental Care</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="service-front">
|
||||
<i className="icofont-heart-beat-alt"></i>
|
||||
<h3>Cardiology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
<div className="service-end">
|
||||
<i className="icofont-heart-beat-alt"></i>
|
||||
<h3>Cardiology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="service-front">
|
||||
<i className="icofont-drug"></i>
|
||||
<h3>Medicine</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
<div className="service-end">
|
||||
<i className="icofont-drug"></i>
|
||||
<h3>Medicine</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="service-front">
|
||||
<i className="icofont-dna-alt-1"></i>
|
||||
<h3>Neurology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
<div className="service-end">
|
||||
<i className="icofont-dna-alt-1"></i>
|
||||
<h3>Neurology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="service-front">
|
||||
<i className="icofont-ambulance-cross"></i>
|
||||
<h3>Ambulance</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
<div className="service-end">
|
||||
<i className="icofont-ambulance-cross"></i>
|
||||
<h3>Ambulance</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Services;
|
||||
Executable
+42
@@ -0,0 +1,42 @@
|
||||
import React from 'react';
|
||||
|
||||
const Stats = () => {
|
||||
return (
|
||||
<div className="counter-area counter-area-three">
|
||||
<div className="container">
|
||||
<div className="row counter-bg">
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="counter-item">
|
||||
<i className="icofont-patient-bed"></i>
|
||||
<h3 className="counter">850</h3>
|
||||
<p>Patients Beds</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="counter-item">
|
||||
<i className="icofont-people"></i>
|
||||
<h3><span className="counter">25000</span>+</h3>
|
||||
<p>Happy Patients</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="counter-item">
|
||||
<i className="icofont-doctor-alt"></i>
|
||||
<h3 className="counter">750</h3>
|
||||
<p>Doctors & Nurse</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="counter-item">
|
||||
<i className="icofont-badge"></i>
|
||||
<h3 className="counter">18</h3>
|
||||
<p>Year Experience</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Stats;
|
||||
Reference in New Issue
Block a user