Modified a few content

This commit is contained in:
Chukwumdiebube
2023-03-30 22:20:38 +01:00
parent bd89707e20
commit 4ce3c4a20e
3 changed files with 180 additions and 110 deletions
+66 -13
View File
@@ -1,13 +1,12 @@
import React from 'react';
const OurExpertise = () => {
let expertise = "Lorem ipsum dolor sit amet, is consectetur adipiscing"
return (
<div className="speciality-area pb-100">
<div className="container p-0">
<div className="section-title-two">
<span>Speciality</span>
<h2>Our Expertise</h2>
{/* <span>Speciality</span> */}
<h2>{expertise.title}</h2>
</div>
<div className="row m-0 item-center">
<div className="col-lg-7">
@@ -22,29 +21,43 @@ const OurExpertise = () => {
<div className="col-sm-6 col-lg-6">
<div className="speciality-inner">
<i className="icofont-check-circled"></i>
<h3>Home Care <br/> Consult</h3>
<p>{expertise}</p>
<h3>{expertise.employers.title}</h3>
<p>{expertise.employers.text}</p>
</div>
</div>
<div className="col-sm-6 col-lg-6">
<div className="speciality-inner">
<i className="icofont-check-circled"></i>
<h3>Lactation <br/> Consultancy</h3>
<p>{expertise}</p>
<h3>{expertise.healthcareProviders.title.first} <br /> {expertise.healthcareProviders.title.second}</h3>
<p>{expertise.healthcareProviders.text}</p>
</div>
</div>
<div className="col-sm-6 col-lg-6">
<div className="speciality-inner">
<i className="icofont-check-circled"></i>
<h3>Follow Up care <br/> & Support</h3>
<p>{expertise}</p>
<h3>{expertise.healthPlan.title.first}<br /> {expertise.healthPlan.title.second}</h3>
<p>{expertise.healthPlan.text}</p>
</div>
</div>
<div className="col-sm-6 col-lg-6">
<div className="speciality-inner">
<i className="icofont-check-circled"></i>
<h3>Telehealth <br/> Conference</h3>
<p>{expertise}</p>
<h3>{expertise.brandPartner.title.first}<br /> {expertise.brandPartner.title.second}</h3>
<p>{expertise.brandPartner.text}</p>
</div>
</div>
<div className="col-sm-6 col-lg-6">
<div className="speciality-inner">
<i className="icofont-check-circled"></i>
<h3>{expertise.parents.title}<br/>{' '}</h3>
<p>{expertise.parents.text}</p>
</div>
</div>
<div className="col-sm-6 col-lg-6">
<div className="speciality-inner">
<i className="icofont-check-circled"></i>
<h3>{expertise.careers.title.first}<br /> {expertise.careers.title.second}</h3>
<p>{expertise.careers.text}</p>
</div>
</div>
</div>
@@ -56,13 +69,13 @@ const OurExpertise = () => {
<div className="speciality-item speciality-right">
<img src="/images/about5.jpg" alt="Speciality" />
<div className="speciality-emergency">
{/* <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>
@@ -72,3 +85,43 @@ const OurExpertise = () => {
}
export default OurExpertise;
let expertise = {
title: "LET'S GET YOU ON THE SCHEDULE. ",
employers: {
title: 'Employers',
text: 'Care for your company and employees'
},
healthcareProviders: {
title: {
first: 'Healthcare',
second: 'Providers'
},
text: 'Refer your patients'
},
healthPlan: {
title: {
first: 'Health',
second: 'Plans'
},
text: 'Care for your members'
},
brandPartner: {
title: {
first: 'Brand',
second: 'Partnerships'
},
text: 'Join Kintcare as a brand partner'
},
parents: {
title: 'Parents ',
text: 'Care for you and your family'
},
careers: {
title: {
first: 'Careers',
second: 'at KintCare'
},
text: 'Join us on our mission '
}
}
+112 -97
View File
@@ -1,112 +1,127 @@
import React from 'react';
import TopHeader from '../components/_App/TopHeader';
import Navbar from '../components/_App/Navbar';
import PageBanner from '../components/Common/PageBanner';
import Footer from '../components/_App/Footer';
import OurExpertise from '../components/HomeThree/OurExpertise';
import Services from '../components/HomeOne/Services';
import TestimonialSlider from '../components/Common/TestimonialSlider';
import LatestBlogPost from '../components/Common/LatestBlogPost';
import React from "react";
import TopHeader from "../components/_App/TopHeader";
import Navbar from "../components/_App/Navbar";
import PageBanner from "../components/Common/PageBanner";
import Footer from "../components/_App/Footer";
import OurExpertise from "../components/HomeThree/OurExpertise";
import Services from "../components/HomeOne/Services";
import TestimonialSlider from "../components/Common/TestimonialSlider";
import LatestBlogPost from "../components/Common/LatestBlogPost";
const About = () => {
let aboutHosp = {
title: "About Our Hospital",
desc: "At KintCare, we are dedicated to helping nursing families meet their breastfeeding goals anywhere in their journey. Our mission is to promote, protect, and support breastfeeding by providing lactation services, care, support, and education. We strive to treat our patients like family.",
list1: "Collaborating to advance the field of lactation support by equipping aspiring lactation professionals of color with the right tools at the right time to make a difference.",
list2: "Kintcare provides a free virtual information hub for aspiring IBCLCs ",
list3: "Not sure where to begin your lactation career journey? Start with our Pathways 101 Video!",
};
return (
<>
<TopHeader />
let aboutHosp = "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."
return (
<>
<TopHeader />
<Navbar />
<Navbar />
<PageBanner
pageTitle="About"
homePageUrl="/"
homePageText="Home"
activePageText="About"
bgImage="page-title-one"
/>
<PageBanner
pageTitle="About"
homePageUrl="/"
homePageText="Home"
activePageText="About"
bgImage="page-title-one"
/>
<div className="about-area pt-100 pb-70">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="about-item">
<div className="about-left">
<img src="/images/about-1.jpg" alt="About" />
</div>
</div>
</div>
<div className="col-lg-6">
<div className="about-item about-right">
<img src="/images/about-shape1.png" alt="About" />
<h2>About Our Hospital</h2>
<p>{aboutHosp}</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>
Send Messege
</li>
</ul>
</div>
</div>
</div>
<div className="about-area pt-100 pb-70">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="about-item">
<div className="about-left">
<img src="/images/about-1.jpg" alt="About" />
</div>
</div>
</div>
<div className="counter-area counter-bg counter-area-four">
<div className="container">
<div className="row">
<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 className="col-lg-6">
<div className="about-item about-right">
<img src="/images/about-shape1.png" alt="About" />
<h2>{aboutHosp.title}</h2>
<p>{aboutHosp.desc}</p>
{/* <ul>
<li>
<div className="list-item">
<i className="icofont-check-circled"></i>
<p>{aboutHosp.list1}</p>
</div>
</li>
<li>
<div className="list-item">
<i className="icofont-check-circled"></i>
<p>{aboutHosp.list2}</p>
</div>
</li>
<li>
<div className="list-item">
<i className="icofont-check-circled"></i>
<p>{aboutHosp.list3}</p>
</div>
</li>
</ul> */}
</div>
</div>
</div>
</div>
</div>
<OurExpertise />
<div className="counter-area counter-bg counter-area-four">
<div className="container">
<div className="row">
<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>
<Services />
<OurExpertise />
<TestimonialSlider />
<Services />
<LatestBlogPost />
<Footer />
</>
)
}
<TestimonialSlider />
export default About;
<LatestBlogPost />
<Footer />
</>
);
};
export default About;
+2
View File
@@ -661,6 +661,8 @@ button:focus {
margin-bottom: 30px;
}
.about-item .list-item{display: inline-flex;}
.about-item h2 {
font-size: 38px;
font-weight: 700;