perfomance improvement to removed unwanted js files and component
This commit is contained in:
Alaguraj0361
parent
3ef71fde00
commit
31b3aaa88c
@ -1,199 +0,0 @@
|
|||||||
|
|
||||||
'use client'
|
|
||||||
import Isotope from "isotope-layout"
|
|
||||||
import Link from "next/link"
|
|
||||||
import { useCallback, useEffect, useRef, useState } from "react"
|
|
||||||
|
|
||||||
export default function PortfolioFilter3() {
|
|
||||||
// Isotope
|
|
||||||
const isotope = useRef()
|
|
||||||
const [filterKey, setFilterKey] = useState("*")
|
|
||||||
useEffect(() => {
|
|
||||||
setTimeout(() => {
|
|
||||||
isotope.current = new Isotope(".items-container", {
|
|
||||||
itemSelector: ".masonry-item",
|
|
||||||
// layoutMode: "fitRows",
|
|
||||||
percentPosition: true,
|
|
||||||
masonry: {
|
|
||||||
columnWidth: ".masonry-item",
|
|
||||||
},
|
|
||||||
animationOptions: {
|
|
||||||
duration: 750,
|
|
||||||
easing: "linear",
|
|
||||||
queue: false,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
}, 1000)
|
|
||||||
}, [])
|
|
||||||
useEffect(() => {
|
|
||||||
if (isotope.current) {
|
|
||||||
filterKey === "*"
|
|
||||||
? isotope.current.arrange({ filter: `*` })
|
|
||||||
: isotope.current.arrange({ filter: `.${filterKey}` })
|
|
||||||
}
|
|
||||||
}, [filterKey])
|
|
||||||
const handleFilterKeyChange = useCallback((key) => () => {
|
|
||||||
setFilterKey(key)
|
|
||||||
},
|
|
||||||
[]
|
|
||||||
)
|
|
||||||
|
|
||||||
const activeBtn = (value) => (value === filterKey ? "filter active" : "filter")
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
|
|
||||||
<div className="filters clearfix">
|
|
||||||
<ul className="filter-tabs filter-btns clearfix">
|
|
||||||
<li className={activeBtn("*")} onClick={handleFilterKeyChange("*")}>All Topics <span className="count">0</span></li>
|
|
||||||
<li className={activeBtn("cat-1")} onClick={handleFilterKeyChange("cat-1")}>Business <span className="count">0</span></li>
|
|
||||||
<li className={activeBtn("cat-2")} onClick={handleFilterKeyChange("cat-2")}>Coaching <span className="count">0</span></li>
|
|
||||||
<li className={activeBtn("cat-3")} onClick={handleFilterKeyChange("cat-3")}>Financial <span className="count">0</span></li>
|
|
||||||
<li className={activeBtn("cat-4")} onClick={handleFilterKeyChange("cat-4")}>Marketing <span className="count">0</span></li>
|
|
||||||
<li className={activeBtn("cat-5")} onClick={handleFilterKeyChange("cat-5")}>Technical <span className="count">0</span></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="items-container row clearfix">
|
|
||||||
{/* Project Block */}
|
|
||||||
<div className="project-block-five masonry-item all cat-1 col-lg-4 col-md-6 col-sm-12">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image">
|
|
||||||
<img src="/assets/images/gallery/gallery-1.jpg" alt="" />
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
<div className="content">
|
|
||||||
<h5>Marketing</h5>
|
|
||||||
<h4>Business Leadership</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* Project Block */}
|
|
||||||
<div className="project-block-five masonry-item all cat-2 col-lg-4 col-md-6 col-sm-12">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image">
|
|
||||||
<img src="/assets/images/gallery/gallery-2.jpg" alt="" />
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
<div className="content">
|
|
||||||
<h5>Technical</h5>
|
|
||||||
<h4>Market Expansion</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* Project Block */}
|
|
||||||
<div className="project-block-five masonry-item all cat-1 cat-2 cat-4 col-lg-4 col-md-6 col-sm-12">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image">
|
|
||||||
<img src="/assets/images/gallery/gallery-3.jpg" alt="" />
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
<div className="content">
|
|
||||||
<h5>Coaching</h5>
|
|
||||||
<h4>Money Savings</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* Project Block */}
|
|
||||||
<div className="project-block-five masonry-item all cat-5 cat-2 col-lg-4 col-md-6 col-sm-12">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image">
|
|
||||||
<img src="/assets/images/gallery/gallery-4.jpg" alt="" />
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
<div className="content">
|
|
||||||
<h5>Business</h5>
|
|
||||||
<h4>Helthy Solutions</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* Project Block */}
|
|
||||||
<div className="project-block-five masonry-item all cat-2 cat-1 col-lg-4 col-md-6 col-sm-12">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image">
|
|
||||||
<img src="/assets/images/gallery/gallery-5.jpg" alt="" />
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
<div className="content">
|
|
||||||
<h5>Marketing</h5>
|
|
||||||
<h4>Startup Business</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* Project Block */}
|
|
||||||
<div className="project-block-five masonry-item all cat-3 cat-5 col-lg-4 col-md-6 col-sm-12">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image">
|
|
||||||
<img src="/assets/images/gallery/gallery-4-1.jpg" alt="" />
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
<div className="content">
|
|
||||||
<h5>Technical</h5>
|
|
||||||
<h4>Market Expansion</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* Project Block */}
|
|
||||||
<div className="project-block-five masonry-item all cat-1 cat-3 col-lg-4 col-md-6 col-sm-12">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image">
|
|
||||||
<img src="/assets/images/gallery/gallery-4-2.jpg" alt="" />
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
<div className="content">
|
|
||||||
<h5>Marketing</h5>
|
|
||||||
<h4>Business Leadership</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* Project Block */}
|
|
||||||
<div className="project-block-five masonry-item all cat-1 col-lg-4 col-md-6 col-sm-12">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image">
|
|
||||||
<img src="/assets/images/gallery/gallery-4-3.jpg" alt="" />
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
<div className="content">
|
|
||||||
<h5>Financial</h5>
|
|
||||||
<h4>Capital Management</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* Project Block */}
|
|
||||||
<div className="project-block-five masonry-item all cat-4 cat-5 col-lg-4 col-md-6 col-sm-12">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image">
|
|
||||||
<img src="/assets/images/gallery/gallery-4-4.jpg" alt="" />
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
<div className="content">
|
|
||||||
<h5>Financial</h5>
|
|
||||||
<h4>Capital Management</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,173 +0,0 @@
|
|||||||
|
|
||||||
'use client'
|
|
||||||
import Isotope from "isotope-layout"
|
|
||||||
import Link from "next/link"
|
|
||||||
import { useCallback, useEffect, useRef, useState } from "react"
|
|
||||||
|
|
||||||
export default function PortfolioFilter4() {
|
|
||||||
// Isotope
|
|
||||||
const isotope = useRef()
|
|
||||||
const [filterKey, setFilterKey] = useState("*")
|
|
||||||
useEffect(() => {
|
|
||||||
setTimeout(() => {
|
|
||||||
isotope.current = new Isotope(".isotope-block", {
|
|
||||||
itemSelector: ".project-block-six",
|
|
||||||
// layoutMode: "fitRows",
|
|
||||||
percentPosition: true,
|
|
||||||
masonry: {
|
|
||||||
columnWidth: ".project-block-six",
|
|
||||||
},
|
|
||||||
animationOptions: {
|
|
||||||
duration: 750,
|
|
||||||
easing: "linear",
|
|
||||||
queue: false,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
}, 1000)
|
|
||||||
}, [])
|
|
||||||
useEffect(() => {
|
|
||||||
if (isotope.current) {
|
|
||||||
filterKey === "*"
|
|
||||||
? isotope.current.arrange({ filter: `*` })
|
|
||||||
: isotope.current.arrange({ filter: `.${filterKey}` })
|
|
||||||
}
|
|
||||||
}, [filterKey])
|
|
||||||
const handleFilterKeyChange = useCallback((key) => () => {
|
|
||||||
setFilterKey(key)
|
|
||||||
},
|
|
||||||
[]
|
|
||||||
)
|
|
||||||
|
|
||||||
const activeBtn = (value) => (value === filterKey ? "filter active" : "filter")
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
|
|
||||||
<div className="row isotope-block">
|
|
||||||
<div className="col-lg-3 col-md-6 project-block-six">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-6-1.jpg" alt="" /></div>
|
|
||||||
<div className="content-box">
|
|
||||||
<h5>Marketing</h5>
|
|
||||||
<h4>Leadership</h4>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 project-block-six">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-6-2.jpg" alt="" /></div>
|
|
||||||
<div className="content-box">
|
|
||||||
<h5>Financial</h5>
|
|
||||||
<h4>Responsibility</h4>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 project-block-six">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-6-3.jpg" alt="" /></div>
|
|
||||||
<div className="content-box">
|
|
||||||
<h5>Technical</h5>
|
|
||||||
<h4>Engineering</h4>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 project-block-six">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-6-4.jpg" alt="" /></div>
|
|
||||||
<div className="content-box">
|
|
||||||
<h5>Coaching</h5>
|
|
||||||
<h4>Manufacturer</h4>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 project-block-six">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-6-5.jpg" alt="" /></div>
|
|
||||||
<div className="content-box">
|
|
||||||
<h5>Business</h5>
|
|
||||||
<h4>Management</h4>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 project-block-six">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-6-6.jpg" alt="" /></div>
|
|
||||||
<div className="content-box">
|
|
||||||
<h5>Marketing</h5>
|
|
||||||
<h4>Data Analytics</h4>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 project-block-six">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-6-7.jpg" alt="" /></div>
|
|
||||||
<div className="content-box">
|
|
||||||
<h5>Technical</h5>
|
|
||||||
<h4>Reservations</h4>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 project-block-six">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-6-8.jpg" alt="" /></div>
|
|
||||||
<div className="content-box">
|
|
||||||
<h5>Marketing</h5>
|
|
||||||
<h4>Inventory</h4>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 project-block-six">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-6-9.jpg" alt="" /></div>
|
|
||||||
<div className="content-box">
|
|
||||||
<h5>Financial</h5>
|
|
||||||
<h4>Innovative</h4>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 project-block-six">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-6-10.jpg" alt="" /></div>
|
|
||||||
<div className="content-box">
|
|
||||||
<h5>Technical</h5>
|
|
||||||
<h4>Supply Chain</h4>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 project-block-six">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-6-11.jpg" alt="" /></div>
|
|
||||||
<div className="content-box">
|
|
||||||
<h5>Marketing</h5>
|
|
||||||
<h4>Expansion</h4>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 project-block-six">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-6-12.jpg" alt="" /></div>
|
|
||||||
<div className="content-box">
|
|
||||||
<h5>Financial</h5>
|
|
||||||
<h4>Remote Support</h4>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,120 +0,0 @@
|
|||||||
|
|
||||||
'use client'
|
|
||||||
import Isotope from "isotope-layout"
|
|
||||||
import Link from "next/link"
|
|
||||||
import { useCallback, useEffect, useRef, useState } from "react"
|
|
||||||
|
|
||||||
export default function PortfolioFilter5() {
|
|
||||||
// Isotope
|
|
||||||
const isotope = useRef()
|
|
||||||
const [filterKey, setFilterKey] = useState("*")
|
|
||||||
useEffect(() => {
|
|
||||||
setTimeout(() => {
|
|
||||||
isotope.current = new Isotope(".isotope-block", {
|
|
||||||
itemSelector: ".project-block-three",
|
|
||||||
// layoutMode: "fitRows",
|
|
||||||
percentPosition: true,
|
|
||||||
masonry: {
|
|
||||||
columnWidth: ".project-block-three",
|
|
||||||
},
|
|
||||||
animationOptions: {
|
|
||||||
duration: 750,
|
|
||||||
easing: "linear",
|
|
||||||
queue: false,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
}, 1000)
|
|
||||||
}, [])
|
|
||||||
useEffect(() => {
|
|
||||||
if (isotope.current) {
|
|
||||||
filterKey === "*"
|
|
||||||
? isotope.current.arrange({ filter: `*` })
|
|
||||||
: isotope.current.arrange({ filter: `.${filterKey}` })
|
|
||||||
}
|
|
||||||
}, [filterKey])
|
|
||||||
const handleFilterKeyChange = useCallback((key) => () => {
|
|
||||||
setFilterKey(key)
|
|
||||||
},
|
|
||||||
[]
|
|
||||||
)
|
|
||||||
|
|
||||||
const activeBtn = (value) => (value === filterKey ? "filter active" : "filter")
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
|
|
||||||
<div className="row isotope-block">
|
|
||||||
<div className="project-block-three col-lg-3 col-md-6">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-3-1.jpg" alt="" /></div>
|
|
||||||
<div className="overlay-content">
|
|
||||||
<div className="content">
|
|
||||||
<div className="category">Technical</div>
|
|
||||||
<div className="text">Market Expansion</div>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#" className="theme-btn"><span className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="project-block-three col-lg-3 col-md-6">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-3-2.jpg" alt="" /></div>
|
|
||||||
<div className="overlay-content">
|
|
||||||
<div className="content">
|
|
||||||
<div className="category">Technical</div>
|
|
||||||
<div className="text">Market Expansion</div>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#" className="theme-btn"><span className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="project-block-three col-lg-3 col-md-6">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-3-3.jpg" alt="" /></div>
|
|
||||||
<div className="overlay-content">
|
|
||||||
<div className="content">
|
|
||||||
<div className="category">Technical</div>
|
|
||||||
<div className="text">Market Expansion</div>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#" className="theme-btn"><span className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="project-block-three col-lg-3 col-md-6">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-3-4.jpg" alt="" /></div>
|
|
||||||
<div className="overlay-content">
|
|
||||||
<div className="content">
|
|
||||||
<div className="category">Technical</div>
|
|
||||||
<div className="text">Market Expansion</div>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#" className="theme-btn"><span className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="project-block-three col-lg-3 col-md-6">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image"><img src="/assets/images/gallery/gallery-3-5.jpg" alt="" /></div>
|
|
||||||
<div className="overlay-content">
|
|
||||||
<div className="content">
|
|
||||||
<div className="category">Technical</div>
|
|
||||||
<div className="text">Market Expansion</div>
|
|
||||||
</div>
|
|
||||||
<div className="link-btn"><Link href="#" className="theme-btn"><span className="flaticon-right-arrow" /></Link></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="project-block-seven project-block-three col-lg-3 col-md-6">
|
|
||||||
<div className="inner-box">
|
|
||||||
<h2>1.6k </h2>
|
|
||||||
<h4>projects Completed</h4>
|
|
||||||
<Link href="#" className="read-more-link">View All Projects <i className="fa fa-caret-right" /></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
import { useState } from 'react'
|
|
||||||
export default function QuantityInput() {
|
|
||||||
const [value, setValue] = useState(1)
|
|
||||||
|
|
||||||
const handleUpClick = () => {
|
|
||||||
setValue(value + 1)
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleDownClick = () => {
|
|
||||||
setValue(value - 1)
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<div className="quantity">
|
|
||||||
<div className="input-group bootstrap-touchspin">
|
|
||||||
<span className="input-group-addon bootstrap-touchspin-prefix" />
|
|
||||||
<input className="quantity-spinner form-control" type="text" value={value} onChange={(e) => setValue(e.target.value)} />
|
|
||||||
<span className="input-group-addon bootstrap-touchspin-postfix" />
|
|
||||||
<span className="input-group-btn-vertical">
|
|
||||||
<button className="btn btn-default bootstrap-touchspin-up" type="button" onClick={handleUpClick}>
|
|
||||||
<i className="glyphicon glyphicon-chevron-up" /></button>
|
|
||||||
<button className="btn btn-default bootstrap-touchspin-down" type="button" onClick={handleDownClick}>
|
|
||||||
<i className="glyphicon glyphicon-chevron-down" />
|
|
||||||
</button>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
import { useEffect, useState } from "react"
|
|
||||||
|
|
||||||
export default function ThemeSwitch() {
|
|
||||||
const [togglETHeme, setTogglETHeme] = useState(
|
|
||||||
() => JSON.parse(localStorage.getItem("togglETHeme")) || "light-theme"
|
|
||||||
)
|
|
||||||
useEffect(() => {
|
|
||||||
localStorage.setItem("togglETHeme", JSON.stringify(togglETHeme))
|
|
||||||
document.body.classList.add(togglETHeme)
|
|
||||||
return () => {
|
|
||||||
document.body.classList.remove(togglETHeme)
|
|
||||||
}
|
|
||||||
}, [togglETHeme])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<nav className="switcher__tab"
|
|
||||||
onClick={() => togglETHeme === "light-theme" ? setTogglETHeme("dark-theme") : setTogglETHeme("light-theme")
|
|
||||||
}
|
|
||||||
>
|
|
||||||
<span className="switcher__btn light-mode"><i className="flaticon-sun" /></span>
|
|
||||||
<span className="switcher__mode" />
|
|
||||||
<span className="switcher__btn dark-mode"><i className="flaticon-moon" /></span>
|
|
||||||
</nav>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,58 +0,0 @@
|
|||||||
import Link from 'next/link';
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function about() {
|
|
||||||
return (
|
|
||||||
<section className="about-section pt_90 pb_90 bg-color-1">
|
|
||||||
<div className="pattern-layer">
|
|
||||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
|
|
||||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
|
|
||||||
<div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.webp)' }}></div>
|
|
||||||
<div className="pattern-4" style={{ backgroundImage: 'url(assets/images/shape/shape-10.png)' }}></div>
|
|
||||||
<div className="pattern-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
|
|
||||||
</div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
|
||||||
<div className="image_block_one">
|
|
||||||
<div className="image-box">
|
|
||||||
<div className="shape float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
|
|
||||||
<figure className="image"><img src="assets/images/resource/about-1.jpg" alt="" /></figure>
|
|
||||||
<div className="icon-one"><i className="icon-13"></i></div>
|
|
||||||
<div className="icon-two"><i className="icon-14"></i></div>
|
|
||||||
<div className="text-box">
|
|
||||||
<h3>Wade Warren</h3>
|
|
||||||
<span>Medical Assistant</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
|
||||||
<div className="content_block_one">
|
|
||||||
<div className="content-box ml_30">
|
|
||||||
<div className="sec-title mb_15">
|
|
||||||
<span className="sub-title">About Us</span>
|
|
||||||
<h2>Medical services & diagnostics</h2>
|
|
||||||
</div>
|
|
||||||
<div className="text-box mb_40">
|
|
||||||
<h6>Committed To Delivering High Quality Medical & Diagnostics Services!</h6>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.</p>
|
|
||||||
<ul className="list-style-one clearfix">
|
|
||||||
<li>Ambulance Services</li>
|
|
||||||
<li>Oxizen on Wheel</li>
|
|
||||||
<li>Pharmacy on Clinic</li>
|
|
||||||
<li>On duty Doctors</li>
|
|
||||||
<li>24/7 Medical Emergency</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="btn-box">
|
|
||||||
<Link href="/#" className="theme-btn btn-one"><span>Discover More</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from "next/link"
|
|
||||||
export default function Banner() {
|
|
||||||
return (
|
|
||||||
<section className="banner-section p_relative">
|
|
||||||
<div className="pattern-layer wow slideInDown animated" data-wow-delay="00ms" data-wow-duration="1500ms" style={{ backgroundImage: 'url(assets/images/shape/shape-1.png)' }}></div>
|
|
||||||
<div className="shape">
|
|
||||||
<div className="shape-1" style={{ backgroundImage: 'url(assets/images/shape/shape-2.png)' }}></div>
|
|
||||||
<div className="shape-2 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-3.png)' }}></div>
|
|
||||||
<div className="shape-3" style={{ backgroundImage: 'url(assets/images/shape/shape-4.png)' }}></div>
|
|
||||||
<div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-5.png)' }}></div>
|
|
||||||
</div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row align-items-center">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
|
||||||
<div className="content-box">
|
|
||||||
<span className="upper-text">Highest level of service you can find</span>
|
|
||||||
<h2>Take <span>Care of Your</span> Health Now.</h2>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.</p>
|
|
||||||
<div className="btn-box">
|
|
||||||
<Link href="/#" className="theme-btn btn-two"><span>Explore Our Service</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image float-bob-y"><img src="assets/images/banner/banner-img-1.png" alt="" /></figure>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,50 +0,0 @@
|
|||||||
import Link from 'next/link';
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function feature() {
|
|
||||||
return (
|
|
||||||
<section className="feature-section pt_90 pb_90">
|
|
||||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-6.png)' }}></div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
|
||||||
<div className="feature-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-9"></i></div>
|
|
||||||
<h3><Link href="/">Qualified Doctor</Link></h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
|
||||||
<div className="feature-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-10"></i></div>
|
|
||||||
<h3><Link href="/">Emergency Help</Link></h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
|
||||||
<div className="feature-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-11"></i></div>
|
|
||||||
<h3><Link href="/">Modern Equipment</Link></h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
|
||||||
<div className="feature-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-12"></i></div>
|
|
||||||
<h3><Link href="/">Family Medicine</Link></h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,61 +0,0 @@
|
|||||||
import CounterUp from "@/components/elements/CounterUp"
|
|
||||||
|
|
||||||
|
|
||||||
export default function Funfacts() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="funfact-section centred">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="inner-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
|
||||||
<div className="funfact-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
|
|
||||||
<div className="count-outer count-box">
|
|
||||||
<CounterUp end={75} /><span>+</span>
|
|
||||||
</div>
|
|
||||||
<span className="text">Expert Doctors</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
|
||||||
<div className="funfact-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
|
|
||||||
<div className="count-outer count-box">
|
|
||||||
<CounterUp end={7} /><span>k</span>
|
|
||||||
</div>
|
|
||||||
<span className="text">Happy Patients</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
|
||||||
<div className="funfact-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
|
|
||||||
<div className="count-outer count-box">
|
|
||||||
<CounterUp end={850} />
|
|
||||||
</div>
|
|
||||||
<span className="text">Modern Rooms</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
|
||||||
<div className="funfact-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
|
|
||||||
<div className="count-outer count-box">
|
|
||||||
<CounterUp end={15} />
|
|
||||||
</div>
|
|
||||||
<span className="text">Awards Win</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,92 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from "next/link"
|
|
||||||
export default function Pricing() {
|
|
||||||
return (
|
|
||||||
<section className="pricing-section sec-pad">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50 centred">
|
|
||||||
<span className="sub-title">Our Pricing</span>
|
|
||||||
<h2>Affordable care options for <br />all patients</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
|
||||||
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="pricing-table">
|
|
||||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
|
|
||||||
<div className="table-header">
|
|
||||||
<h5>Standard Consultation</h5>
|
|
||||||
<h2>$49.99</h2>
|
|
||||||
<span>Monthly</span>
|
|
||||||
</div>
|
|
||||||
<div className="table-content">
|
|
||||||
<ul className="feature-list clearfix">
|
|
||||||
<li>Virtual visit</li>
|
|
||||||
<li>Up to 30 minutes</li>
|
|
||||||
<li>Securely conducted online</li>
|
|
||||||
<li>Discuss and receive guidance</li>
|
|
||||||
<li>Rate varies on specific needs</li>
|
|
||||||
<li>Healthcare provider Consult</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="table-footer">
|
|
||||||
<Link href="/#" className="theme-btn btn-three"><span>Choose Plan <i className="icon-25"></i></span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
|
||||||
<div className="pricing-block-one active-block wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
|
||||||
<div className="pricing-table">
|
|
||||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
|
|
||||||
<div className="table-header">
|
|
||||||
<h5>Annual Physical</h5>
|
|
||||||
<h2>$149.99</h2>
|
|
||||||
<span>Monthly</span>
|
|
||||||
</div>
|
|
||||||
<div className="table-content">
|
|
||||||
<ul className="feature-list clearfix">
|
|
||||||
<li>In-person examination</li>
|
|
||||||
<li>Up to 60 minutes</li>
|
|
||||||
<li>Various tests and assessments</li>
|
|
||||||
<li>In-person service</li>
|
|
||||||
<li>Rate varies on specific needs</li>
|
|
||||||
<li>Healthcare provider Consult</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="table-footer">
|
|
||||||
<Link href="/#" className="theme-btn btn-three"><span>Choose Plan <i className="icon-25"></i></span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
|
||||||
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
|
||||||
<div className="pricing-table">
|
|
||||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
|
|
||||||
<div className="table-header">
|
|
||||||
<h5>Extended Consultation</h5>
|
|
||||||
<h2>$99.99</h2>
|
|
||||||
<span>Monthly</span>
|
|
||||||
</div>
|
|
||||||
<div className="table-content">
|
|
||||||
<ul className="feature-list clearfix">
|
|
||||||
<li>Virtual visit</li>
|
|
||||||
<li>Up to 60 minutes</li>
|
|
||||||
<li>Discuss more details</li>
|
|
||||||
<li>Receive in-depth guidance</li>
|
|
||||||
<li>Rate varies on specific needs</li>
|
|
||||||
<li>Healthcare provider Consult</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="table-footer">
|
|
||||||
<Link href="/#" className="theme-btn btn-three"><span>Choose Plan <i className="icon-25"></i></span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,54 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function Process() {
|
|
||||||
return (
|
|
||||||
<section className="process-section sec-pad">
|
|
||||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div>
|
|
||||||
<div className="shape">
|
|
||||||
<div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-20.png)' }}></div>
|
|
||||||
<div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
|
||||||
<div className="shape-3"></div>
|
|
||||||
</div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50 centred">
|
|
||||||
<span className="sub-title">Process</span>
|
|
||||||
<h2>How it Helps You to <br />Keep Healthy</h2>
|
|
||||||
</div>
|
|
||||||
<div className="inner-container">
|
|
||||||
<div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.webp)' }}></div>
|
|
||||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<span className="count-text">01</span>
|
|
||||||
<figure className="image-box"><img src="assets/images/resource/process-1.jpg" alt="" /></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3>Get Appointment</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<span className="count-text">02</span>
|
|
||||||
<figure className="image-box"><img src="assets/images/resource/process-2.jpg" alt="" /></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3>Start Check-Up</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<span className="count-text">03</span>
|
|
||||||
<figure className="image-box"><img src="assets/images/resource/process-3.jpg" alt="" /></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3>Enjoy Healthy Life</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,59 +0,0 @@
|
|||||||
import Link from 'next/link';
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function service() {
|
|
||||||
return (
|
|
||||||
<section className="service-section sec-pad">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50 centred">
|
|
||||||
<span className="sub-title">Our Services</span>
|
|
||||||
<h2>We Offer For You Medical & <br />Saving Lives</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
|
||||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><Link href="service-details-3"><img src="assets/images/service/service-1.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="icon-box"><i className="icon-15"></i></div>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="service-details-3">Neurosurgery</Link></h3>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
|
||||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><Link href="service-details-6"><img src="assets/images/service/service-2.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="icon-box"><i className="icon-16"></i></div>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="service-details-6">Modern Laboratory</Link></h3>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
|
||||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><Link href="service-details"><img src="assets/images/service/service-3.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="icon-box"><i className="icon-17"></i></div>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="service-details">Experienced Doctors</Link></h3>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from "next/link"
|
|
||||||
export default function subscribe() {
|
|
||||||
return (
|
|
||||||
<section className="subscribe-section bg-color-1">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="inner-container">
|
|
||||||
<div className="row align-items-center">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
|
||||||
<div className="text-box">
|
|
||||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
|
||||||
<div className="form-inner">
|
|
||||||
<form method="post" action="contact">
|
|
||||||
<div className="form-group">
|
|
||||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
|
||||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
|
||||||
</div>
|
|
||||||
<div className="form-group">
|
|
||||||
<div className="check-box">
|
|
||||||
<input className="check" type="checkbox" id="checkbox1" />
|
|
||||||
<label htmlFor="checkbox1">I agree to the <Link href="/#">Privacy Policy.</Link></label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,54 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from "next/link"
|
|
||||||
export default function Team() {
|
|
||||||
const teamMembers = [
|
|
||||||
{ name: 'Black Marvin', role: 'Medical Assistant', image: 'assets/images/team/team-1.jpg' },
|
|
||||||
{ name: 'Eleanor Pena', role: 'Doctor', image: 'assets/images/team/team-2.jpg' },
|
|
||||||
{ name: 'Arlene Maccy', role: 'Nursing Assistant', image: 'assets/images/team/team-3.jpg' },
|
|
||||||
{ name: 'Jenny Wilson', role: 'Senior Doctor', image: 'assets/images/team/team-4.jpg' },
|
|
||||||
];
|
|
||||||
|
|
||||||
return (
|
|
||||||
<section className="team-section sec-pad centred">
|
|
||||||
<div className="pattern-layer">
|
|
||||||
<div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-13.webp)' }}></div>
|
|
||||||
<div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></div>
|
|
||||||
</div>
|
|
||||||
<div className="shape">
|
|
||||||
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
|
||||||
<div className="shape-2"></div>
|
|
||||||
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
|
|
||||||
</div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50">
|
|
||||||
<span className="sub-title">Our Team</span>
|
|
||||||
<h2>Meet our experienced doctors <br />for the best treatment</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
{teamMembers.map((member, index) => (
|
|
||||||
<div key={index} className="col-lg-3 col-md-6 col-sm-12 team-block">
|
|
||||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay={`${index * 200}ms`} data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><img src={member.image} alt={`${member.name}'s photo`} /></figure>
|
|
||||||
<ul className="social-links clearfix">
|
|
||||||
<li><Link href="/#"><i className="icon-4"></i></Link></li>
|
|
||||||
<li><Link href="/#"><i className="icon-5"></i></Link></li>
|
|
||||||
<li><Link href="/#"><i className="icon-6"></i></Link></li>
|
|
||||||
<li><Link href="/#"><i className="icon-7"></i></Link></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="team-details">{member.name}</Link></h3>
|
|
||||||
<span className="designation">{member.role}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,61 +0,0 @@
|
|||||||
import Link from 'next/link';
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function chooseus() {
|
|
||||||
return (
|
|
||||||
<section className="chooseus-section">
|
|
||||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/chooseus-bg.jpg)' }}></div>
|
|
||||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.webp)' }}></div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-8 col-md-12 col-sm-12 content-column">
|
|
||||||
<div className="content-box">
|
|
||||||
<div className="sec-title light mb_50">
|
|
||||||
<span className="sub-title">Why Choose Us</span>
|
|
||||||
<h2>Choose The Best For Your <br />Health</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
|
||||||
<div className="chooseus-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-18"></i></div>
|
|
||||||
<h3>Professional Staff</h3>
|
|
||||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
|
||||||
<div className="chooseus-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-21"></i></div>
|
|
||||||
<h3>Emergency Case</h3>
|
|
||||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
|
||||||
<div className="chooseus-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-19"></i></div>
|
|
||||||
<h3>Online Appointment</h3>
|
|
||||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
|
||||||
<div className="chooseus-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-20"></i></div>
|
|
||||||
<h3>24/7 Services</h3>
|
|
||||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,60 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function About() {
|
|
||||||
return (
|
|
||||||
<section className="about-style-two pt_90 pb_90">
|
|
||||||
<div className="pattern-layer">
|
|
||||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
|
|
||||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.webp)' }}></div>
|
|
||||||
<div className="pattern-3" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
|
|
||||||
</div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
|
||||||
<div className="image_block_one">
|
|
||||||
<div className="image-box">
|
|
||||||
<div className="shape float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
|
|
||||||
<div className="image-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-26.webp)' }}></div>
|
|
||||||
<figure className="image-2"><img src="assets/images/resource/about-1.png" alt="" /></figure>
|
|
||||||
<div className="icon-one"><i className="icon-13"></i></div>
|
|
||||||
<div className="icon-two"><i className="icon-14"></i></div>
|
|
||||||
<div className="text-box">
|
|
||||||
<h3>Wade Warren</h3>
|
|
||||||
<span>Medical Assistant</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
|
||||||
<div className="content_block_one">
|
|
||||||
<div className="content-box ml_30">
|
|
||||||
<div className="sec-title mb_15">
|
|
||||||
<span className="sub-title">About Us</span>
|
|
||||||
<h2>Medical services & diagnostics</h2>
|
|
||||||
</div>
|
|
||||||
<div className="text-box mb_40">
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.</p>
|
|
||||||
<ul className="list-style-one clearfix">
|
|
||||||
<li>Refresing to get such a personal touch.</li>
|
|
||||||
<li>Duis aute irure dolor in reprehenrit in voluptate.</li>
|
|
||||||
<li>Velit esse cillum dolore eu fugiat nua pariatur.</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="lower-box">
|
|
||||||
<div className="experience-box">
|
|
||||||
<div className="icon-box"><i className="icon-29"></i></div>
|
|
||||||
<h3>32 Years</h3>
|
|
||||||
<span className="designation">Of Medical Experience</span>
|
|
||||||
</div>
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/author-1.jpg" alt="" /></figure>
|
|
||||||
<div className="signature"><img src="assets/images/icons/signature-1.png" alt="" /></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,61 +0,0 @@
|
|||||||
import Link from 'next/link';
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function Chooseus() {
|
|
||||||
return (
|
|
||||||
<section className="chooseus-style-two bg-color-1">
|
|
||||||
<div className="bg-layer" style={{ backgroundImage: "url(assets/images/background/chooseus-bg-2.jpg)" }}></div>
|
|
||||||
<div className="pattern-layer" style={{ backgroundImage: "url(assets/images/shape/shape-12.webp)" }}></div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-8 col-md-12 col-sm-12 content-column offset-lg-4">
|
|
||||||
<div className="content-box ml_45">
|
|
||||||
<div className="sec-title mb_50">
|
|
||||||
<span className="sub-title">Why Choose Us</span>
|
|
||||||
<h2>Choose The Best For Your <br />Health</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
|
||||||
<div className="chooseus-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-18"></i></div>
|
|
||||||
<h3>Professional Staff</h3>
|
|
||||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
|
||||||
<div className="chooseus-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-21"></i></div>
|
|
||||||
<h3>Emergency Case</h3>
|
|
||||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
|
||||||
<div className="chooseus-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-19"></i></div>
|
|
||||||
<h3>Online Appointment</h3>
|
|
||||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
|
||||||
<div className="chooseus-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-20"></i></div>
|
|
||||||
<h3>24/7 Services</h3>
|
|
||||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,18 +0,0 @@
|
|||||||
|
|
||||||
import ClientSlider1 from '@/components/slider/ClientSlider1'
|
|
||||||
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function client() {
|
|
||||||
return (
|
|
||||||
<section className="clients-section pt_70 pb_70">
|
|
||||||
<div className="pattern-layer" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="content-box">
|
|
||||||
{/*Theme Carousel*/}
|
|
||||||
<ClientSlider1 />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,45 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function Contact() {
|
|
||||||
return (
|
|
||||||
<section className="contact-section pt_90 pb_90">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 map-column">
|
|
||||||
<div className="map-inner mr_35">
|
|
||||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2886.848070642326!2d-79.57826378450145!3d43.6308386791466!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3811bd400001%3A0x87ffabfe7d6aeeca!2s5%20-%204335%20Bloor%20St%20W%2C%20Etobicoke%2C%20ON%20M9C%202A5!5e0!3m2!1sen!2sca!4v1693224000000!5m2!1sen!2scaF" height={570} style={{ border: 0, width: "100%" }} allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
|
||||||
<div className="content-box">
|
|
||||||
<div className="sec-title mb_50">
|
|
||||||
<span className="sub-title">Contact</span>
|
|
||||||
<h2>Don't Hesitate to Contact Us</h2>
|
|
||||||
</div>
|
|
||||||
<div className="form-inner">
|
|
||||||
<form action="index-2" method="post" className="default-form">
|
|
||||||
<div className="form-group">
|
|
||||||
<input type="text" name="fname" placeholder="First Name" required />
|
|
||||||
</div>
|
|
||||||
<div className="form-group">
|
|
||||||
<input type="text" name="lname" placeholder="Last Name" required />
|
|
||||||
</div>
|
|
||||||
<div className="form-group">
|
|
||||||
<input type="email" name="email" placeholder="Email" readOnly />
|
|
||||||
</div>
|
|
||||||
<div className="form-group">
|
|
||||||
<textarea name="message" placeholder="Message"></textarea>
|
|
||||||
</div>
|
|
||||||
<div className="form-group message-btn">
|
|
||||||
<button type="submit" className="theme-btn btn-one"><span>Send Message</span></button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from "next/link"
|
|
||||||
|
|
||||||
export default function Cta() {
|
|
||||||
return (
|
|
||||||
<section className="cta-section">
|
|
||||||
<div
|
|
||||||
className="bg-layer parallax-bg"
|
|
||||||
data-parallax={{ y: 100 }}
|
|
||||||
style={{ backgroundImage: 'url(assets/images/background/cta-bg.jpg)' }}
|
|
||||||
></div>
|
|
||||||
<figure className="image-layer">
|
|
||||||
<img src="assets/images/resource/cta-1.png" alt="CTA" />
|
|
||||||
</figure>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="sec-title light">
|
|
||||||
<span className="sub-title">Need a Doctor for Check-up?</span>
|
|
||||||
<h2>Call for an emergency service when you have a need!</h2>
|
|
||||||
<div className="btn-box">
|
|
||||||
<Link href="index-2" className="theme-btn btn-one"><span>Make an Appointment</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
)
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,100 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import Layout from "@/components/layout/Layout"
|
|
||||||
import Link from "next/link"
|
|
||||||
import { useState } from 'react'
|
|
||||||
export default function faq() {
|
|
||||||
const [isActive, setIsActive] = useState({
|
|
||||||
status: false,
|
|
||||||
key: 1,
|
|
||||||
})
|
|
||||||
|
|
||||||
const handleToggle = (key) => {
|
|
||||||
if (isActive.key === key) {
|
|
||||||
setIsActive({
|
|
||||||
status: false,
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
setIsActive({
|
|
||||||
status: true,
|
|
||||||
key,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<section className="faq-section sec-pad">
|
|
||||||
<figure className="image-layer"><img src="assets/images/resource/faq-1.png" alt="" /></figure>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title centred mb_50">
|
|
||||||
<span className="sub-title">Faq's</span>
|
|
||||||
<h2>Do You Have Any Medical <br />Questions?</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-xl-7 col-lg-12 col-md-12 offset-xl-5 content-column">
|
|
||||||
<div className="content-box">
|
|
||||||
|
|
||||||
<ul className="accordion-box">
|
|
||||||
<li className="accordion block active-block">
|
|
||||||
<div className={isActive.key == 1 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(1)}>
|
|
||||||
<div className="icon-box"><i className="icon-34"></i></div>
|
|
||||||
<h5>Is it possible to get my results by mail or over the phone?</h5>
|
|
||||||
</div>
|
|
||||||
<div className={isActive.key == 1 ? "acc-content current" : "acc-content"}>
|
|
||||||
<div className="content">
|
|
||||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className="accordion block active-block">
|
|
||||||
<div className={isActive.key == 2 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(2)}>
|
|
||||||
<div className="icon-box"><i className="icon-34"></i></div>
|
|
||||||
<h5>Can I call directly to make an appointment?</h5>
|
|
||||||
</div>
|
|
||||||
<div className={isActive.key == 2 ? "acc-content current" : "acc-content"}>
|
|
||||||
<div className="content">
|
|
||||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className="accordion block active-block">
|
|
||||||
<div className={isActive.key == 3 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(3)}>
|
|
||||||
<div className="icon-box"><i className="icon-34"></i></div>
|
|
||||||
<h5>Do you give phone advice?</h5>
|
|
||||||
</div>
|
|
||||||
<div className={isActive.key == 3 ? "acc-content current" : "acc-content"}>
|
|
||||||
<div className="content">
|
|
||||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className="accordion block active-block">
|
|
||||||
<div className={isActive.key == 4 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(4)}>
|
|
||||||
<div className="icon-box"><i className="icon-34"></i></div>
|
|
||||||
<h5>Can I make appointments by phone?</h5>
|
|
||||||
</div>
|
|
||||||
<div className={isActive.key == 4 ? "acc-content current" : "acc-content"}>
|
|
||||||
<div className="content">
|
|
||||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
|
||||||
<div className="image_block_four">
|
|
||||||
<div className="image-box ml_30">
|
|
||||||
<div className="image-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,61 +0,0 @@
|
|||||||
import CounterUp from "@/components/elements/CounterUp"
|
|
||||||
|
|
||||||
|
|
||||||
export default function Funfacts() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="funfact-section centred">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="inner-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
|
||||||
<div className="funfact-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
|
|
||||||
<div className="count-outer count-box">
|
|
||||||
<CounterUp end={75} /><span>+</span>
|
|
||||||
</div>
|
|
||||||
<h4>Expert Doctors</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
|
||||||
<div className="funfact-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
|
|
||||||
<div className="count-outer count-box">
|
|
||||||
<CounterUp end={7} /><span>k</span>
|
|
||||||
</div>
|
|
||||||
<h4>Happy Patients</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
|
||||||
<div className="funfact-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
|
|
||||||
<div className="count-outer count-box">
|
|
||||||
<CounterUp end={850} />
|
|
||||||
</div>
|
|
||||||
<h4>Modern Rooms</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
|
||||||
<div className="funfact-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
|
|
||||||
<div className="count-outer count-box">
|
|
||||||
<CounterUp end={15} />
|
|
||||||
</div>
|
|
||||||
<h4>Awards Win</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,129 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import Link from "next/link"
|
|
||||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
|
||||||
import { Swiper, SwiperSlide } from "swiper/react"
|
|
||||||
|
|
||||||
const swiperOptions = {
|
|
||||||
modules: [Autoplay, Pagination, Navigation],
|
|
||||||
slidesPerView: 3,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
autoplay: {
|
|
||||||
delay: 2500,
|
|
||||||
disableOnInteraction: false,
|
|
||||||
},
|
|
||||||
loop: true,
|
|
||||||
|
|
||||||
// Navigation
|
|
||||||
navigation: {
|
|
||||||
nextEl: '.h1n',
|
|
||||||
prevEl: '.h1p',
|
|
||||||
},
|
|
||||||
|
|
||||||
// Pagination
|
|
||||||
pagination: {
|
|
||||||
el: '.swiper-pagination',
|
|
||||||
clickable: true,
|
|
||||||
},
|
|
||||||
|
|
||||||
breakpoints: {
|
|
||||||
320: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
575: {
|
|
||||||
slidesPerView: 2,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
767: {
|
|
||||||
slidesPerView: 2,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
991: {
|
|
||||||
slidesPerView: 2,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
1199: {
|
|
||||||
slidesPerView: 3,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
1350: {
|
|
||||||
slidesPerView: 3,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
export default function News() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="news-section sec-pad bg-color-1">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50 centred">
|
|
||||||
<span className="sub-title">Our Blog</span>
|
|
||||||
<h2>Take a look at our most <br />recent articles</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
|
||||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-1.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<ul className="post-info mb_15 clearfix">
|
|
||||||
<li><Link href="blog-details">Admin</Link></li>
|
|
||||||
<li>12 Jan 2022</li>
|
|
||||||
<li>03 Comt</li>
|
|
||||||
</ul>
|
|
||||||
<h3><Link href="blog-details">How do Inherited Retinal of Diseases Happen?</Link></h3>
|
|
||||||
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
|
|
||||||
<div className="link">
|
|
||||||
<Link href="blog-details"><span>Read More</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
|
||||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-2.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<ul className="post-info mb_15 clearfix">
|
|
||||||
<li><Link href="blog-details">Admin</Link></li>
|
|
||||||
<li>11 Jan 2022</li>
|
|
||||||
<li>0 Comt</li>
|
|
||||||
</ul>
|
|
||||||
<h3><Link href="blog-details">Prepare to Speak with Your Eye Specialist.</Link></h3>
|
|
||||||
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
|
|
||||||
<div className="link">
|
|
||||||
<Link href="blog-details"><span>Read More</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
|
||||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-3.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<ul className="post-info mb_15 clearfix">
|
|
||||||
<li><Link href="blog-details">Admin</Link></li>
|
|
||||||
<li>11 Jan 2022</li>
|
|
||||||
<li>02 Comt</li>
|
|
||||||
</ul>
|
|
||||||
<h3><Link href="blog-details">How reliece can help you manage diabetes</Link></h3>
|
|
||||||
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
|
|
||||||
<div className="link">
|
|
||||||
<Link href="blog-details"><span>Read More</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,42 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function order() {
|
|
||||||
return (
|
|
||||||
<section className="order-service">
|
|
||||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-17.png)' }}></div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="text-box">
|
|
||||||
<h2>Order service online</h2>
|
|
||||||
<p>
|
|
||||||
<span className="shape"></span> Enter your information to check availability
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div className="form-inner">
|
|
||||||
<form method="post" action="index-2">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
|
||||||
<input type="text" name="address" placeholder="Enter Address" required />
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 form-group">
|
|
||||||
<div className="select-box">
|
|
||||||
<select className="selectmenu" id="ui-id-1">
|
|
||||||
<option value={1}>Service type</option>
|
|
||||||
<option value={2}>Garbage pickup</option>
|
|
||||||
<option value={3}>Dumpster rental</option>
|
|
||||||
<option value={4}>Waste collection</option>
|
|
||||||
<option value={5}>Recycling service</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-12 col-sm-12 form-group message-btn">
|
|
||||||
<button type="submit" className="theme-btn btn-one">
|
|
||||||
<span>Search Now</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,63 +0,0 @@
|
|||||||
import Link from 'next/link';
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function Service() {
|
|
||||||
return (
|
|
||||||
<section className="service-style-two sec-pad">
|
|
||||||
<div className="pattern-layer">
|
|
||||||
<div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-27.png)" }}></div>
|
|
||||||
<div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-28.png)" }}></div>
|
|
||||||
</div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50 light centred">
|
|
||||||
<span className="sub-title">Our Services</span>
|
|
||||||
<h2>We Offer For You Medical & <br />Saving Lives</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
|
||||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><Link href="service-details-3"><img src="assets/images/service/service-1.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="icon-box"><i className="icon-15"></i></div>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="service-details-3">Neurosurgery</Link></h3>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
|
||||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><Link href="service-details-6"><img src="assets/images/service/service-2.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="icon-box"><i className="icon-16"></i></div>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="service-details-6">Modern Laboratory</Link></h3>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
|
||||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><Link href="service-details"><img src="assets/images/service/service-3.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="icon-box"><i className="icon-17"></i></div>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="service-details">Experienced Doctors</Link></h3>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
// Components/SubscribeSection.js
|
|
||||||
|
|
||||||
import React from 'react';
|
|
||||||
import Link from "next/link"
|
|
||||||
export default function Subscribe() {
|
|
||||||
return (
|
|
||||||
<section className="subscribe-section bg-color-1">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="inner-container">
|
|
||||||
<div className="row align-items-center">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
|
||||||
<div className="text-box">
|
|
||||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
|
||||||
<div className="form-inner">
|
|
||||||
<form method="post" action="contact">
|
|
||||||
<div className="form-group">
|
|
||||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
|
||||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
|
||||||
</div>
|
|
||||||
<div className="form-group">
|
|
||||||
<div className="check-box">
|
|
||||||
<input className="check" type="checkbox" id="checkbox1" />
|
|
||||||
<label htmlFor="checkbox1">I agree to the <Link href="/#">Privacy Policy.</Link></label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,86 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from "next/link"
|
|
||||||
const TeamMember = ({ name, designation, imageSrc, socialLinks }) => (
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
|
||||||
<div className="team-block-two wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box">
|
|
||||||
<img src={imageSrc} alt={name} />
|
|
||||||
</figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="team-details">{name}</Link></h3>
|
|
||||||
<span className="designation">{designation}</span>
|
|
||||||
<ul className="social-links clearfix">
|
|
||||||
{socialLinks.map((link, index) => (
|
|
||||||
<li key={index}><Link href={link.url}><i className={link.iconClass}></i></Link></li>
|
|
||||||
))}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
export default function TeamTwo() {
|
|
||||||
<section className="team-section sec-pad centred">
|
|
||||||
<div className="shape">
|
|
||||||
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
|
||||||
<div className="shape-2"></div>
|
|
||||||
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
|
|
||||||
</div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50">
|
|
||||||
<span className="sub-title">Our Team</span>
|
|
||||||
<h2>Meet our experienced doctors <br />for the best treatment</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<TeamMember
|
|
||||||
name="Black Marvin"
|
|
||||||
designation="Medical Assistant"
|
|
||||||
imageSrc="assets/images/team/team-5.jpg"
|
|
||||||
socialLinks={[
|
|
||||||
{ url: '/', iconClass: 'icon-7' },
|
|
||||||
{ url: '/', iconClass: 'icon-4' },
|
|
||||||
{ url: '/', iconClass: 'icon-5' },
|
|
||||||
{ url: '/', iconClass: 'icon-6' },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<TeamMember
|
|
||||||
name="Eleanor Pena"
|
|
||||||
designation="Doctor"
|
|
||||||
imageSrc="assets/images/team/team-6.jpg"
|
|
||||||
socialLinks={[
|
|
||||||
{ url: '/', iconClass: 'icon-7' },
|
|
||||||
{ url: '/', iconClass: 'icon-4' },
|
|
||||||
{ url: '/', iconClass: 'icon-5' },
|
|
||||||
{ url: '/', iconClass: 'icon-6' },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<TeamMember
|
|
||||||
name="Arlene Maccy"
|
|
||||||
designation="Nursing Assistant"
|
|
||||||
imageSrc="assets/images/team/team-7.jpg"
|
|
||||||
socialLinks={[
|
|
||||||
{ url: '/', iconClass: 'icon-7' },
|
|
||||||
{ url: '/', iconClass: 'icon-4' },
|
|
||||||
{ url: '/', iconClass: 'icon-5' },
|
|
||||||
{ url: '/', iconClass: 'icon-6' },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<TeamMember
|
|
||||||
name="Jenny Wilson"
|
|
||||||
designation="Senior Doctor"
|
|
||||||
imageSrc="assets/images/team/team-8.jpg"
|
|
||||||
socialLinks={[
|
|
||||||
{ url: '/', iconClass: 'icon-7' },
|
|
||||||
{ url: '/', iconClass: 'icon-4' },
|
|
||||||
{ url: '/', iconClass: 'icon-5' },
|
|
||||||
{ url: '/', iconClass: 'icon-6' },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* ... (Other existing code remains unchanged) */}
|
|
||||||
</section>
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
|
|
||||||
export default function Testimonial() {
|
|
||||||
return (
|
|
||||||
<section className="testimonial-style-two bg-color-1">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row align-items-center">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 thumb-column">
|
|
||||||
<div className="thumb-box">
|
|
||||||
<div className="thumb thumb-1"><img src="assets/images/resource/thumb-1.png" alt="" /></div>
|
|
||||||
<div className="thumb thumb-2"><img src="assets/images/resource/thumb-2.png" alt="" /></div>
|
|
||||||
<div className="thumb thumb-3"><img src="assets/images/resource/thumb-3.png" alt="" /></div>
|
|
||||||
<div className="thumb thumb-4"><img src="assets/images/resource/thumb-4.png" alt="" /></div>
|
|
||||||
<div className="thumb thumb-5"><img src="assets/images/resource/thumb-5.png" alt="" /></div>
|
|
||||||
<div className="thumb thumb-6"><img src="assets/images/resource/thumb-6.png" alt="" /></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
|
||||||
<div className="content-box">
|
|
||||||
<div className="sec-title mb_50">
|
|
||||||
<span className="sub-title">TESTIMONIALS</span>
|
|
||||||
<h2>What Our Client Say About medimart</h2>
|
|
||||||
</div>
|
|
||||||
<div className="content-box">
|
|
||||||
{/*Theme Carousel*/}
|
|
||||||
<TestimonialSlider1 />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,33 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import React, { useState } from 'react';
|
|
||||||
import Link from "next/link"
|
|
||||||
import ModalVideo from 'react-modal-video'
|
|
||||||
export default function Video() {
|
|
||||||
const [isOpen, setOpen] = useState(false)
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="video-section alternat-2 p_relative">
|
|
||||||
<div className="bg-layer" style={{ backgroundImage: "url(assets/images/background/video-bg.jpg)" }}></div>
|
|
||||||
<figure className="image-layer"><img src="assets/images/resource/video-2.png" alt="" /></figure>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="shape" style={{ backgroundImage: "url(assets/images/shape/shape-17.png)" }}></div>
|
|
||||||
<div className="video-btn">
|
|
||||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
|
|
||||||
<span className="border-animation border-1"></span>
|
|
||||||
<span className="border-animation border-2"></span>
|
|
||||||
<span className="border-animation border-3"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<h2>Online Consultations With <br />Qualified Doctors</h2>
|
|
||||||
<div className="btn-box">
|
|
||||||
<Link href="/" className="theme-btn btn-one"><span>Make an Appointment</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,60 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function working() {
|
|
||||||
return (
|
|
||||||
<section className="working-section centred">
|
|
||||||
<div className="pattern-layer" style={{ backgroundImage: "url(assets/images/shape/shape-21.webp)" }}></div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_60">
|
|
||||||
<span className="sub-title">Service Industry</span>
|
|
||||||
<h2>A wide range of waste <br />disposal services</h2>
|
|
||||||
</div>
|
|
||||||
<div className="content-inner">
|
|
||||||
<div className="working-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="arrow-shape" style={{ backgroundImage: "url(assets/images/shape/shape-20.png)" }}></div>
|
|
||||||
<div className="icon-box">
|
|
||||||
<div className="icon"><i className="icon-29"></i></div>
|
|
||||||
<span className="count-text">01</span>
|
|
||||||
</div>
|
|
||||||
<h3>Waste pickup</h3>
|
|
||||||
<p>Amet minim mollit no duis deserunt ulamco.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="working-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="arrow-shape" style={{ backgroundImage: "url(assets/images/shape/shape-20.png)" }}></div>
|
|
||||||
<div className="icon-box">
|
|
||||||
<div className="icon"><i className="icon-30"></i></div>
|
|
||||||
<span className="count-text">02</span>
|
|
||||||
</div>
|
|
||||||
<h3>Waste collection</h3>
|
|
||||||
<p>Amet minim mollit no duis deserunt ulamco.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="working-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="arrow-shape" style={{ backgroundImage: "url(assets/images/shape/shape-20.png)" }}></div>
|
|
||||||
<div className="icon-box">
|
|
||||||
<div className="icon"><i className="icon-31"></i></div>
|
|
||||||
<span className="count-text">03</span>
|
|
||||||
</div>
|
|
||||||
<h3>Proccessing</h3>
|
|
||||||
<p>Amet minim mollit no duis deserunt ulamco.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="working-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box">
|
|
||||||
<div className="icon"><i className="icon-32"></i></div>
|
|
||||||
<span className="count-text">04</span>
|
|
||||||
</div>
|
|
||||||
<h3>Recycling</h3>
|
|
||||||
<p>Amet minim mollit no duis deserunt ulamco.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,59 +0,0 @@
|
|||||||
import Link from "next/link"
|
|
||||||
|
|
||||||
|
|
||||||
export default function About() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="about-style-three pt_90 pb_90 bg-color-1">
|
|
||||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-35.webp)' }}></div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
|
||||||
<div className="image_block_three">
|
|
||||||
<div className="image-box">
|
|
||||||
<div className="image-shape">
|
|
||||||
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
|
|
||||||
<div className="shape-2" style={{ backgroundImage: 'url(assets/images/shape/shape-33.png)' }}></div>
|
|
||||||
<div className="shape-3" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
|
|
||||||
<div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-34.png)' }}></div>
|
|
||||||
<div className="shape-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
|
|
||||||
</div>
|
|
||||||
<figure className="image image-1"><img src="assets/images/resource/about-2.jpg" alt="" /></figure>
|
|
||||||
<figure className="image image-2"><img src="assets/images/resource/about-3.jpg" alt="" /></figure>
|
|
||||||
<div className="icon-box"><i className="icon-14"></i></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
|
||||||
<div className="content_block_one">
|
|
||||||
<div className="content-box">
|
|
||||||
<div className="sec-title mb_15">
|
|
||||||
<span className="sub-title">About Us</span>
|
|
||||||
<h2>Medical services & diagnostics</h2>
|
|
||||||
</div>
|
|
||||||
<div className="text-box mb_40">
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.</p>
|
|
||||||
<ul className="list-style-one clearfix">
|
|
||||||
<li>Refreshing to get such a personal touch.</li>
|
|
||||||
<li>Duis aute irure dolor in reprehenderit in voluptate.</li>
|
|
||||||
<li>Velit esse cillum dolore eu fugiat nulla pariatur.</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="lower-box">
|
|
||||||
<div className="experience-box">
|
|
||||||
<div className="icon-box"><i className="icon-29"></i></div>
|
|
||||||
<h3>32 Years</h3>
|
|
||||||
<span className="designation">Of Medical Experience</span>
|
|
||||||
</div>
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/author-1.jpg" alt="" /></figure>
|
|
||||||
<div className="signature"><img src="assets/images/icons/signature-1.png" alt="" /></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,47 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import Link from 'next/link';
|
|
||||||
import React, { useState } from 'react';
|
|
||||||
import ModalVideo from 'react-modal-video'
|
|
||||||
export default function Banner() {
|
|
||||||
const [isOpen, setOpen] = useState(false)
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="banner-style-three p_relative">
|
|
||||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-29.png)' }}></div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row align-items-center">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
|
||||||
<div className="content-box">
|
|
||||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-30.png)' }}></div>
|
|
||||||
<span className="upper-text">Highest level of service you can find</span>
|
|
||||||
<h2>Take <span>Care of Your</span> Health Now.</h2>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.</p>
|
|
||||||
<div className="btn-box">
|
|
||||||
<Link href="appointments" className="theme-btn btn-one mr_60"><span>Book An Appointment</span></Link>
|
|
||||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
|
||||||
<div className="image-box">
|
|
||||||
<div className="image-shape">
|
|
||||||
<div className="shape-1" style={{ backgroundImage: 'url(assets/images/shape/shape-31.png)' }}></div>
|
|
||||||
<div className="shape-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.webp)' }}></div>
|
|
||||||
<div className="shape-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
|
|
||||||
<div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-32.png)' }}></div>
|
|
||||||
</div>
|
|
||||||
<figure className="image"><img src="assets/images/banner/banner-img-3.png" alt="" /></figure>
|
|
||||||
<div className="text-box">
|
|
||||||
<h3>Dr. Wade Warren</h3>
|
|
||||||
<span className="designation">Senior Medical Assistant</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,71 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from 'next/link';
|
|
||||||
export default function Contact() {
|
|
||||||
return (
|
|
||||||
<section className="contact-style-two sec-pad">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title centred mb_50">
|
|
||||||
<span className="sub-title">Contact</span>
|
|
||||||
<h2>Don't Hesitate to <br />Contact Us</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-4 col-md-12 col-sm-12 info-column">
|
|
||||||
<div className="info-inner">
|
|
||||||
<div className="info-block-one">
|
|
||||||
<h3>Quick Contact</h3>
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-2"></i></div>
|
|
||||||
<p>Main Office: <br /><Link href="tel:23345678901">(+233)456-789-01</Link>, <Link href="tel:+1045678901">+10456-789-01</Link></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="info-block-one">
|
|
||||||
<h3>Email Address</h3>
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-26"></i></div>
|
|
||||||
<p>Mail: <br /><Link href="mailto:info@example.com">info@example.com</Link></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="info-block-one">
|
|
||||||
<h3>Mailing Address</h3>
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><img src="assets/images/icons/icon-2.png" alt="" /></div>
|
|
||||||
<p>3891 Ranchview Dr. Richardson, <br />California 62639</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-8 col-md-12 col-sm-12 form-column">
|
|
||||||
<div className="form-inner ml_35">
|
|
||||||
<form method="post" action="index-3" className="default-form">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
|
||||||
<input type="text" name="fname" placeholder="First Name" required />
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
|
||||||
<input type="text" name="lname" placeholder="Last Name" required />
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
|
||||||
<input type="email" name="email" placeholder="Email" readOnly />
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
|
||||||
<input type="text" name="phone" placeholder="Number" readOnly />
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
|
||||||
<input type="text" name="subject" placeholder="Subject" required />
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
|
||||||
<textarea name="message" placeholder="Message"></textarea>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
|
|
||||||
<button type="submit" className="theme-btn btn-one"><span>Send Message</span></button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,97 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import Layout from "@/components/layout/Layout"
|
|
||||||
import Link from "next/link"
|
|
||||||
import { useState } from 'react'
|
|
||||||
export default function Faq() {
|
|
||||||
const [isActive, setIsActive] = useState({
|
|
||||||
status: false,
|
|
||||||
key: 1,
|
|
||||||
})
|
|
||||||
|
|
||||||
const handleToggle = (key) => {
|
|
||||||
if (isActive.key === key) {
|
|
||||||
setIsActive({
|
|
||||||
status: false,
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
setIsActive({
|
|
||||||
status: true,
|
|
||||||
key,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<section className="faq-section sec-pad">
|
|
||||||
<figure className="image-layer"><img src="assets/images/resource/faq-1.png" alt="" /></figure>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title centred mb_50">
|
|
||||||
<span className="sub-title">Faq's</span>
|
|
||||||
<h2>Do You Have Any Medical <br />Questions?</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-xl-7 col-lg-12 col-md-12 offset-xl-5 content-column">
|
|
||||||
<div className="content-box">
|
|
||||||
|
|
||||||
<ul className="accordion-box">
|
|
||||||
<li className="accordion block active-block">
|
|
||||||
<div className={isActive.key == 1 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(1)}>
|
|
||||||
<div className="icon-box"><i className="icon-34"></i></div>
|
|
||||||
<h4>Is it possible to get my results by mail or over the phone?</h4>
|
|
||||||
</div>
|
|
||||||
<div className={isActive.key == 1 ? "acc-content current" : "acc-content"}>
|
|
||||||
<div className="content">
|
|
||||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className="accordion block active-block">
|
|
||||||
<div className={isActive.key == 2 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(2)}>
|
|
||||||
<div className="icon-box"><i className="icon-34"></i></div>
|
|
||||||
<h4>Can I call directly to make an appointment?</h4></div>
|
|
||||||
<div className={isActive.key == 2 ? "acc-content current" : "acc-content"}>
|
|
||||||
<div className="content">
|
|
||||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className="accordion block active-block">
|
|
||||||
<div className={isActive.key == 3 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(3)}>
|
|
||||||
<div className="icon-box"><i className="icon-34"></i></div>
|
|
||||||
<h4>Do you give phone advice?</h4></div>
|
|
||||||
<div className={isActive.key == 3 ? "acc-content current" : "acc-content"}>
|
|
||||||
<div className="content">
|
|
||||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className="accordion block active-block">
|
|
||||||
<div className={isActive.key == 4 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(3)}>
|
|
||||||
<div className="icon-box"><i className="icon-34"></i></div>
|
|
||||||
<h4>Can I make appointments by phone?</h4></div>
|
|
||||||
<div className={isActive.key == 4 ? "acc-content current" : "acc-content"}>
|
|
||||||
<div className="content">
|
|
||||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
|
||||||
<div className="image_block_four">
|
|
||||||
<div className="image-box ml_30">
|
|
||||||
<div className="image-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,51 +0,0 @@
|
|||||||
import Link from "next/link"
|
|
||||||
|
|
||||||
|
|
||||||
export default function Features() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="feature-section pb_90">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
|
||||||
<div className="feature-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-9"></i></div>
|
|
||||||
<h3><Link href="/">Qualified Doctor</Link></h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
|
||||||
<div className="feature-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-10"></i></div>
|
|
||||||
<h3><Link href="/">Emergency Help</Link></h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
|
||||||
<div className="feature-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-11"></i></div>
|
|
||||||
<h3><Link href="/">Modern Equipment</Link></h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
|
||||||
<div className="feature-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-12"></i></div>
|
|
||||||
<h3><Link href="/">Family Medicine</Link></h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
// import PortfolioFilter1 from ""
|
|
||||||
import dynamic from 'next/dynamic'
|
|
||||||
const PortfolioFilter1 = dynamic(() => import('@/components/elements/PortfolioFilter1'), {
|
|
||||||
ssr: false,
|
|
||||||
})
|
|
||||||
|
|
||||||
import Link from "next/link"
|
|
||||||
export default function Gallery() {
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
|
|
||||||
<section className="gallery-section sec-pad">
|
|
||||||
<div className="outer-container">
|
|
||||||
<div className="sec-title centred mb_30">
|
|
||||||
<span className="sub-title">Gallery</span>
|
|
||||||
<h2>Visit Our Gallery For <br />Latest Info</h2>
|
|
||||||
</div>
|
|
||||||
{/*Sortable Galery*/}
|
|
||||||
<div className="sortable-masonry">
|
|
||||||
{/*Filter*/}
|
|
||||||
<PortfolioFilter1/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function Map() {
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
|
||||||
<section className="google-map-section">
|
|
||||||
|
|
||||||
<div className="map-inner">
|
|
||||||
|
|
||||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2643.6895046810805!2d-122.52642526124438!3d38.00014098339506!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8085976736097a2f%3A0xbe014d20e6e22654!2sSan Rafael%2C California%2C Hoa Kỳ!5e0!3m2!1svi!2s!4v1678975266976!5m2!1svi!2s" height={570} style={{ border: 0, width: "100%" }} allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade" />
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,74 +0,0 @@
|
|||||||
import Link from 'next/link';
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function news() {
|
|
||||||
return (
|
|
||||||
<section className="news-section sec-pad bg-color-1">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50 centred">
|
|
||||||
<span className="sub-title">Our Blog</span>
|
|
||||||
<h2>Take a look at our most <br />recent articles</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
|
||||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-1.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<ul className="post-info mb_15 clearfix">
|
|
||||||
<li><Link href="blog-details">Admin</Link></li>
|
|
||||||
<li>12 Jan 2022</li>
|
|
||||||
<li>03 Comt</li>
|
|
||||||
</ul>
|
|
||||||
<h3><Link href="blog-details">How do Inherited Retinal of Diseases Happen?</Link></h3>
|
|
||||||
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
|
|
||||||
<div className="link">
|
|
||||||
<Link href="blog-details"><span>Read More</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
|
||||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-2.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<ul className="post-info mb_15 clearfix">
|
|
||||||
<li><Link href="blog-details">Admin</Link></li>
|
|
||||||
<li>11 Jan 2022</li>
|
|
||||||
<li>0 Comt</li>
|
|
||||||
</ul>
|
|
||||||
<h3><Link href="blog-details">Prepare to Speak with Your Eye Specialist.</Link></h3>
|
|
||||||
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
|
|
||||||
<div className="link">
|
|
||||||
<Link href="blog-details"><span>Read More</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
|
||||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-3.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<ul className="post-info mb_15 clearfix">
|
|
||||||
<li><Link href="blog-details">Admin</Link></li>
|
|
||||||
<li>11 Jan 2022</li>
|
|
||||||
<li>02 Comt</li>
|
|
||||||
</ul>
|
|
||||||
<h3><Link href="blog-details">How reliece can help you manage diabetes</Link></h3>
|
|
||||||
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
|
|
||||||
<div className="link">
|
|
||||||
<Link href="blog-details"><span>Read More</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,54 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function Process() {
|
|
||||||
return (
|
|
||||||
<section className="process-section sec-pad">
|
|
||||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div>
|
|
||||||
<div className="shape">
|
|
||||||
<div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-20.png)' }}></div>
|
|
||||||
<div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
|
||||||
<div className="shape-3"></div>
|
|
||||||
</div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50 centred">
|
|
||||||
<span className="sub-title">Process</span>
|
|
||||||
<h2>How it Helps You to <br />Keep Healthy</h2>
|
|
||||||
</div>
|
|
||||||
<div className="inner-container">
|
|
||||||
<div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.webp)' }}></div>
|
|
||||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<span className="count-text">01</span>
|
|
||||||
<figure className="image-box"><img src="assets/images/resource/process-1.jpg" alt="" /></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3>Get Appointment</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<span className="count-text">02</span>
|
|
||||||
<figure className="image-box"><img src="assets/images/resource/process-2.jpg" alt="" /></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3>Start Check-Up</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<span className="count-text">03</span>
|
|
||||||
<figure className="image-box"><img src="assets/images/resource/process-3.jpg" alt="" /></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3>Enjoy Healthy Life</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from 'next/link';
|
|
||||||
export default function Subscribe() {
|
|
||||||
return (
|
|
||||||
<section className="subscribe-section">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="inner-container">
|
|
||||||
<div className="row align-items-center">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
|
||||||
<div className="text-box">
|
|
||||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
|
||||||
<div className="form-inner">
|
|
||||||
<form method="post" action="contact">
|
|
||||||
<div className="form-group">
|
|
||||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
|
||||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
|
||||||
</div>
|
|
||||||
<div className="form-group">
|
|
||||||
<div className="check-box">
|
|
||||||
<input className="check" type="checkbox" id="checkbox1" />
|
|
||||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,102 +0,0 @@
|
|||||||
import Link from "next/link"
|
|
||||||
|
|
||||||
|
|
||||||
export default function Team() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
|
|
||||||
<section className="team-section sec-pad bg-color-1 centred">
|
|
||||||
<div className="shape">
|
|
||||||
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
|
||||||
<div className="shape-2"></div>
|
|
||||||
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
|
|
||||||
</div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50">
|
|
||||||
<span className="sub-title">Our Team</span>
|
|
||||||
<h2>Meet our experienced doctors <br />for the best treatment</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
|
||||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><img src="assets/images/team/team-1.jpg" alt="" /></figure>
|
|
||||||
<ul className="social-links clearfix">
|
|
||||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
|
||||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
|
||||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
|
||||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="team-details">Black Marvin</Link></h3>
|
|
||||||
<span className="designation">Medical Assistant</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
|
||||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay="200ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><img src="assets/images/team/team-2.jpg" alt="" /></figure>
|
|
||||||
<ul className="social-links clearfix">
|
|
||||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
|
||||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
|
||||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
|
||||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="team-details">Eleanor Pena</Link></h3>
|
|
||||||
<span className="designation">Doctor</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
|
||||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay="400ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><img src="assets/images/team/team-3.jpg" alt="" /></figure>
|
|
||||||
<ul className="social-links clearfix">
|
|
||||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
|
||||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
|
||||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
|
||||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="team-details">Arlene Maccy</Link></h3>
|
|
||||||
<span className="designation">Nursing Assistant</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
|
||||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><img src="assets/images/team/team-4.jpg" alt="" /></figure>
|
|
||||||
<ul className="social-links clearfix">
|
|
||||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
|
||||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
|
||||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
|
||||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="team-details">Jenny Wilson</Link></h3>
|
|
||||||
<span className="designation">Senior Doctor</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
|
|
||||||
export default function Testimonial() {
|
|
||||||
return (
|
|
||||||
<section className="testimonial-style-two bg-color-1">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row align-items-center">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 thumb-column">
|
|
||||||
<div className="thumb-box">
|
|
||||||
<div className="thumb thumb-1"><img src="assets/images/resource/thumb-1.png" alt="" /></div>
|
|
||||||
<div className="thumb thumb-2"><img src="assets/images/resource/thumb-2.png" alt="" /></div>
|
|
||||||
<div className="thumb thumb-3"><img src="assets/images/resource/thumb-3.png" alt="" /></div>
|
|
||||||
<div className="thumb thumb-4"><img src="assets/images/resource/thumb-4.png" alt="" /></div>
|
|
||||||
<div className="thumb thumb-5"><img src="assets/images/resource/thumb-5.png" alt="" /></div>
|
|
||||||
<div className="thumb thumb-6"><img src="assets/images/resource/thumb-6.png" alt="" /></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
|
||||||
<div className="content-box">
|
|
||||||
<div className="sec-title mb_50">
|
|
||||||
<span className="sub-title">TESTIMONIALS</span>
|
|
||||||
<h2>What Our Client Say About medimart</h2>
|
|
||||||
</div>
|
|
||||||
<div className="content-box">
|
|
||||||
{/*Theme Carousel*/}
|
|
||||||
<TestimonialSlider1 />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,34 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import Link from 'next/link';
|
|
||||||
import React, { useState } from 'react';
|
|
||||||
|
|
||||||
import ModalVideo from 'react-modal-video'
|
|
||||||
export default function Video() {
|
|
||||||
const [isOpen, setOpen] = useState(false)
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="video-section alternat-2 p_relative">
|
|
||||||
<div className="bg-layer" style={{ backgroundImage: "url(assets/images/background/video-bg.jpg)" }}></div>
|
|
||||||
<figure className="image-layer"><img src="assets/images/resource/video-3.png" alt="" /></figure>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="shape" style={{ backgroundImage: "url(assets/images/shape/shape-17.png)" }}></div>
|
|
||||||
<div className="video-btn">
|
|
||||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
|
|
||||||
<span className="border-animation border-1"></span>
|
|
||||||
<span className="border-animation border-2"></span>
|
|
||||||
<span className="border-animation border-3"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<h2>Online Consultations With <br />Qualified Doctors</h2>
|
|
||||||
<div className="btn-box">
|
|
||||||
<Link href="/" className="theme-btn btn-one"><span>Make an Appointment</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,58 +0,0 @@
|
|||||||
import Link from 'next/link';
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function about() {
|
|
||||||
return (
|
|
||||||
<section className="about-section pt_90 pb_90 bg-color-1" id="about">
|
|
||||||
<div className="pattern-layer">
|
|
||||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
|
|
||||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
|
|
||||||
<div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.webp)' }}></div>
|
|
||||||
<div className="pattern-4" style={{ backgroundImage: 'url(assets/images/shape/shape-10.png)' }}></div>
|
|
||||||
<div className="pattern-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
|
|
||||||
</div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
|
||||||
<div className="image_block_one">
|
|
||||||
<div className="image-box">
|
|
||||||
<div className="shape float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
|
|
||||||
<figure className="image"><img src="assets/images/resource/about-1.jpg" alt="" /></figure>
|
|
||||||
<div className="icon-one"><i className="icon-13"></i></div>
|
|
||||||
<div className="icon-two"><i className="icon-14"></i></div>
|
|
||||||
<div className="text-box">
|
|
||||||
<h3>Wade Warren</h3>
|
|
||||||
<span>Medical Assistant</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
|
||||||
<div className="content_block_one">
|
|
||||||
<div className="text-box ml_30">
|
|
||||||
<div className="sec-title mb_15">
|
|
||||||
<span className="sub-title">About Us</span>
|
|
||||||
<h2>Medical services & diagnostics</h2>
|
|
||||||
</div>
|
|
||||||
<div className="text-box mb_40">
|
|
||||||
<h6>Committed To Delivering High Quality Medical & Diagnostics Services!</h6>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.</p>
|
|
||||||
<ul className="list-style-one clearfix">
|
|
||||||
<li>Ambulance Services</li>
|
|
||||||
<li>Oxygen on Wheel</li>
|
|
||||||
<li>Pharmacy on Clinic</li>
|
|
||||||
<li>On-duty Doctors</li>
|
|
||||||
<li>24/7 Medical Emergency</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="btn-box">
|
|
||||||
<Link href="/" className="theme-btn btn-one"><span>Discover More</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from 'next/link';
|
|
||||||
export default function Banner() {
|
|
||||||
return (
|
|
||||||
<section className="banner-section p_relative">
|
|
||||||
<div className="pattern-layer wow slideInDown animated" data-wow-delay="00ms" data-wow-duration="1500ms" style={{ backgroundImage: 'url(assets/images/shape/shape-1.png)' }}></div>
|
|
||||||
<div className="shape">
|
|
||||||
<div className="shape-1" style={{ backgroundImage: 'url(assets/images/shape/shape-2.png)' }}></div>
|
|
||||||
<div className="shape-2 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-3.png)' }}></div>
|
|
||||||
<div className="shape-3" style={{ backgroundImage: 'url(assets/images/shape/shape-4.png)' }}></div>
|
|
||||||
<div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-5.png)' }}></div>
|
|
||||||
</div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row align-items-center">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
|
||||||
<div className="content-box">
|
|
||||||
<span className="upper-text">Highest level of service you can find</span>
|
|
||||||
<h2>Take <span>Care of Your</span> Health Now.</h2>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.</p>
|
|
||||||
<div className="btn-box">
|
|
||||||
<Link href="/" className="theme-btn btn-two"><span>Explore Our Service</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image float-bob-y"><img src="assets/images/banner/banner-img-1.png" alt="" /></figure>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,50 +0,0 @@
|
|||||||
import Link from 'next/link';
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function Feature() {
|
|
||||||
return (
|
|
||||||
<section className="feature-section pt_90 pb_90" id="feature">
|
|
||||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-6.png)' }}></div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
|
||||||
<div className="feature-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-9"></i></div>
|
|
||||||
<h3><Link href="/">Qualified Doctor</Link></h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
|
||||||
<div className="feature-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-10"></i></div>
|
|
||||||
<h3><Link href="/">Emergency Help</Link></h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
|
||||||
<div className="feature-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-11"></i></div>
|
|
||||||
<h3><Link href="/">Modern Equipment</Link></h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
|
||||||
<div className="feature-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-12"></i></div>
|
|
||||||
<h3><Link href="/">Family Medicine</Link></h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,61 +0,0 @@
|
|||||||
import CounterUp from "@/components/elements/CounterUp"
|
|
||||||
|
|
||||||
|
|
||||||
export default function Funfacts() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="funfact-section centred">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="inner-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
|
||||||
<div className="funfact-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
|
|
||||||
<div className="count-outer count-box">
|
|
||||||
<CounterUp end={75} /><span>+</span>
|
|
||||||
</div>
|
|
||||||
<span className="text">Expert Doctors</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
|
||||||
<div className="funfact-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
|
|
||||||
<div className="count-outer count-box">
|
|
||||||
<CounterUp end={7} /><span>k</span>
|
|
||||||
</div>
|
|
||||||
<span className="text">Happy Patients</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
|
||||||
<div className="funfact-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
|
|
||||||
<div className="count-outer count-box">
|
|
||||||
<CounterUp end={850} />
|
|
||||||
</div>
|
|
||||||
<span className="text">Modern Rooms</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
|
||||||
<div className="funfact-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
|
|
||||||
<div className="count-outer count-box">
|
|
||||||
<CounterUp end={15} />
|
|
||||||
</div>
|
|
||||||
<span className="text">Awards Win</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,129 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import Link from "next/link"
|
|
||||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
|
||||||
|
|
||||||
|
|
||||||
const swiperOptions = {
|
|
||||||
modules: [Autoplay, Pagination, Navigation],
|
|
||||||
slidesPerView: 3,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
autoplay: {
|
|
||||||
delay: 2500,
|
|
||||||
disableOnInteraction: false,
|
|
||||||
},
|
|
||||||
loop: true,
|
|
||||||
|
|
||||||
// Navigation
|
|
||||||
navigation: {
|
|
||||||
nextEl: '.h1n',
|
|
||||||
prevEl: '.h1p',
|
|
||||||
},
|
|
||||||
|
|
||||||
// Pagination
|
|
||||||
pagination: {
|
|
||||||
el: '.swiper-pagination',
|
|
||||||
clickable: true,
|
|
||||||
},
|
|
||||||
|
|
||||||
breakpoints: {
|
|
||||||
320: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
575: {
|
|
||||||
slidesPerView: 2,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
767: {
|
|
||||||
slidesPerView: 2,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
991: {
|
|
||||||
slidesPerView: 2,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
1199: {
|
|
||||||
slidesPerView: 3,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
1350: {
|
|
||||||
slidesPerView: 3,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
export default function News() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="news-section sec-pad bg-color-1" id="news">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50 centred">
|
|
||||||
<span className="sub-title">Our Blog</span>
|
|
||||||
<h2>Take a look at our most <br />recent articles</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
|
||||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-1.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<ul className="post-info mb_15 clearfix">
|
|
||||||
<li><Link href="blog-details">Admin</Link></li>
|
|
||||||
<li>12 Jan 2022</li>
|
|
||||||
<li>03 Comt</li>
|
|
||||||
</ul>
|
|
||||||
<h3><Link href="blog-details">How do Inherited Retinal of Diseases Happen?</Link></h3>
|
|
||||||
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
|
|
||||||
<div className="link">
|
|
||||||
<Link href="blog-details"><span>Read More</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
|
||||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-2.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<ul className="post-info mb_15 clearfix">
|
|
||||||
<li><Link href="blog-details">Admin</Link></li>
|
|
||||||
<li>11 Jan 2022</li>
|
|
||||||
<li>0 Comt</li>
|
|
||||||
</ul>
|
|
||||||
<h3><Link href="blog-details">Prepare to Speak with Your Eye Specialist.</Link></h3>
|
|
||||||
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
|
|
||||||
<div className="link">
|
|
||||||
<Link href="blog-details"><span>Read More</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
|
||||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-3.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<ul className="post-info mb_15 clearfix">
|
|
||||||
<li><Link href="blog-details">Admin</Link></li>
|
|
||||||
<li>11 Jan 2022</li>
|
|
||||||
<li>02 Comt</li>
|
|
||||||
</ul>
|
|
||||||
<h3><Link href="blog-details">How reliece can help you manage diabetes</Link></h3>
|
|
||||||
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
|
|
||||||
<div className="link">
|
|
||||||
<Link href="blog-details"><span>Read More</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,92 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from 'next/link';
|
|
||||||
export default function Pricing() {
|
|
||||||
return (
|
|
||||||
<section className="pricing-section sec-pad" id="pricing">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50 centred">
|
|
||||||
<span className="sub-title">Our Pricing</span>
|
|
||||||
<h2>Affordable care options for <br />all patients</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
|
||||||
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="pricing-table">
|
|
||||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
|
|
||||||
<div className="table-header">
|
|
||||||
<h5>Standard Consultation</h5>
|
|
||||||
<h2>$49.99</h2>
|
|
||||||
<span>Monthly</span>
|
|
||||||
</div>
|
|
||||||
<div className="table-content">
|
|
||||||
<ul className="feature-list clearfix">
|
|
||||||
<li>Virtual visit</li>
|
|
||||||
<li>Up to 30 minutes</li>
|
|
||||||
<li>Securely conducted online</li>
|
|
||||||
<li>Discuss and receive guidance</li>
|
|
||||||
<li>Rate varies on specific needs</li>
|
|
||||||
<li>Healthcare provider Consult</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="table-footer">
|
|
||||||
<Link href="/" className="theme-btn btn-three"><span>Choose Plan <i className="icon-25"></i></span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
|
||||||
<div className="pricing-block-one active-block wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
|
||||||
<div className="pricing-table">
|
|
||||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
|
|
||||||
<div className="table-header">
|
|
||||||
<h5>Annual Physical</h5>
|
|
||||||
<h2>$149.99</h2>
|
|
||||||
<span>Monthly</span>
|
|
||||||
</div>
|
|
||||||
<div className="table-content">
|
|
||||||
<ul className="feature-list clearfix">
|
|
||||||
<li>In-person examination</li>
|
|
||||||
<li>Up to 60 minutes</li>
|
|
||||||
<li>Various tests and assessments</li>
|
|
||||||
<li>In-person service</li>
|
|
||||||
<li>Rate varies on specific needs</li>
|
|
||||||
<li>Healthcare provider Consult</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="table-footer">
|
|
||||||
<Link href="/" className="theme-btn btn-three"><span>Choose Plan <i className="icon-25"></i></span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
|
||||||
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
|
||||||
<div className="pricing-table">
|
|
||||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
|
|
||||||
<div className="table-header">
|
|
||||||
<h5>Extended Consultation</h5>
|
|
||||||
<h2>$99.99</h2>
|
|
||||||
<span>Monthly</span>
|
|
||||||
</div>
|
|
||||||
<div className="table-content">
|
|
||||||
<ul className="feature-list clearfix">
|
|
||||||
<li>Virtual visit</li>
|
|
||||||
<li>Up to 60 minutes</li>
|
|
||||||
<li>Discuss more details</li>
|
|
||||||
<li>Receive in-depth guidance</li>
|
|
||||||
<li>Rate varies on specific needs</li>
|
|
||||||
<li>Healthcare provider Consult</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="table-footer">
|
|
||||||
<Link href="/" className="theme-btn btn-three"><span>Choose Plan <i className="icon-25"></i></span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,54 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function Process() {
|
|
||||||
return (
|
|
||||||
<section className="process-section sec-pad">
|
|
||||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div>
|
|
||||||
<div className="shape">
|
|
||||||
<div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-20.png)' }}></div>
|
|
||||||
<div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
|
||||||
<div className="shape-3"></div>
|
|
||||||
</div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50 centred">
|
|
||||||
<span className="sub-title">Process</span>
|
|
||||||
<h2>How it Helps You to <br />Keep Healthy</h2>
|
|
||||||
</div>
|
|
||||||
<div className="inner-container">
|
|
||||||
<div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.webp)' }}></div>
|
|
||||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<span className="count-text">01</span>
|
|
||||||
<figure className="image-box"><img src="assets/images/resource/process-1.jpg" alt="" /></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3>Get Appointment</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<span className="count-text">02</span>
|
|
||||||
<figure className="image-box"><img src="assets/images/resource/process-2.jpg" alt="" /></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3>Start Check-Up</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<span className="count-text">03</span>
|
|
||||||
<figure className="image-box"><img src="assets/images/resource/process-3.jpg" alt="" /></figure>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3>Enjoy Healthy Life</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,60 +0,0 @@
|
|||||||
import Link from 'next/link';
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
export default function Service() {
|
|
||||||
return (
|
|
||||||
<section className="service-section sec-pad" id="service">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50 centred">
|
|
||||||
<span className="sub-title">Our Services</span>
|
|
||||||
<h2>We Offer For You Medical & <br />Saving Lives</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
|
||||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><Link href="service-details-3"><img src="assets/images/service/service-1.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="icon-box"><i className="icon-15"></i></div>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="service-details-3">Neurosurgery</Link></h3>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
|
||||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><Link href="service-details-6"><img src="assets/images/service/service-2.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="icon-box"><i className="icon-16"></i></div>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="service-details-6">Modern Laboratory</Link></h3>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
|
||||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><Link href="service-details"><img src="assets/images/service/service-3.jpg" alt="" /></Link></figure>
|
|
||||||
<div className="icon-box"><i className="icon-17"></i></div>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="service-details">Experienced Doctors</Link></h3>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from 'next/link';
|
|
||||||
export default function Subscribe() {
|
|
||||||
return (
|
|
||||||
<section className="subscribe-section">
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="inner-container">
|
|
||||||
<div className="row align-items-center">
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
|
||||||
<div className="text-box">
|
|
||||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
|
||||||
<div className="form-inner">
|
|
||||||
<form method="post" action="contact">
|
|
||||||
<div className="form-group">
|
|
||||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
|
||||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
|
||||||
</div>
|
|
||||||
<div className="form-group">
|
|
||||||
<div className="check-box">
|
|
||||||
<input className="check" type="checkbox" id="checkbox1" />
|
|
||||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,93 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from 'next/link';
|
|
||||||
export default function Team() {
|
|
||||||
const teamMembers = [
|
|
||||||
{
|
|
||||||
name: 'Black Marvin',
|
|
||||||
role: 'Medical Assistant',
|
|
||||||
image: 'assets/images/team/team-1.jpg',
|
|
||||||
socialLinks: [
|
|
||||||
{ icon: 'icon-4', link: '/' },
|
|
||||||
{ icon: 'icon-5', link: '/' },
|
|
||||||
{ icon: 'icon-6', link: '/' },
|
|
||||||
{ icon: 'icon-7', link: '/' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Eleanor Pena',
|
|
||||||
role: 'Doctor',
|
|
||||||
image: 'assets/images/team/team-2.jpg',
|
|
||||||
socialLinks: [
|
|
||||||
{ icon: 'icon-4', link: '/' },
|
|
||||||
{ icon: 'icon-5', link: '/' },
|
|
||||||
{ icon: 'icon-6', link: '/' },
|
|
||||||
{ icon: 'icon-7', link: '/' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Arlene Maccy',
|
|
||||||
role: 'Nursing Assistant',
|
|
||||||
image: 'assets/images/team/team-3.jpg',
|
|
||||||
socialLinks: [
|
|
||||||
{ icon: 'icon-4', link: '/' },
|
|
||||||
{ icon: 'icon-5', link: '/' },
|
|
||||||
{ icon: 'icon-6', link: '/' },
|
|
||||||
{ icon: 'icon-7', link: '/' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Jenny Wilson',
|
|
||||||
role: 'Senior Doctor',
|
|
||||||
image: 'assets/images/team/team-4.jpg',
|
|
||||||
socialLinks: [
|
|
||||||
{ icon: 'icon-4', link: '/' },
|
|
||||||
{ icon: 'icon-5', link: '/' },
|
|
||||||
{ icon: 'icon-6', link: '/' },
|
|
||||||
{ icon: 'icon-7', link: '/' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
return (
|
|
||||||
<section className="team-section sec-pad centred" id="team">
|
|
||||||
<div className="pattern-layer">
|
|
||||||
<div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-13.webp)' }}></div>
|
|
||||||
<div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></div>
|
|
||||||
</div>
|
|
||||||
<div className="shape">
|
|
||||||
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
|
||||||
<div className="shape-2"></div>
|
|
||||||
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
|
|
||||||
</div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="sec-title mb_50">
|
|
||||||
<span className="sub-title">Our Team</span>
|
|
||||||
<h2>Meet our experienced doctors <br />for the best treatment</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
{teamMembers.map((member, index) => (
|
|
||||||
<div key={index} className="col-lg-3 col-md-6 col-sm-12 team-block">
|
|
||||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay={`${index * 200}ms`} data-wow-duration="1500ms">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="image-box">
|
|
||||||
<figure className="image"><img src={member.image} alt={member.name} /></figure>
|
|
||||||
<ul className="social-links clearfix">
|
|
||||||
{member.socialLinks.map((link, i) => (
|
|
||||||
<li key={i}><Link href={link.link}><i className={link.icon}></i></Link></li>
|
|
||||||
))}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="lower-content">
|
|
||||||
<h3><Link href="team-details">{member.name}</Link></h3>
|
|
||||||
<span className="designation">{member.role}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
|
|
||||||
|
|
||||||
export default function Testimonial() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
|
|
||||||
<section className="testimonial-section sec-pad bg-color-1" id="testimonial">
|
|
||||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/testimonial-bg.jpg)' }}></div>
|
|
||||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-21.webp)' }}></div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
|
|
||||||
<div className="content-box p_relative ml_45">
|
|
||||||
<div className="sec-title mb_50">
|
|
||||||
<span className="sub-title">Testimonials</span>
|
|
||||||
<h2>What Our Client Say About medimart</h2>
|
|
||||||
</div>
|
|
||||||
<div className="content-box">
|
|
||||||
{/*Theme Carousel*/}
|
|
||||||
<TestimonialSlider1 />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,34 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import Link from 'next/link';
|
|
||||||
import React, { useState } from 'react';
|
|
||||||
|
|
||||||
import ModalVideo from 'react-modal-video'
|
|
||||||
export default function Video() {
|
|
||||||
const [isOpen, setOpen] = useState(false)
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="video-section p_relative">
|
|
||||||
<div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(assets/images/background/video-bg.jpg)' }}></div>
|
|
||||||
<figure className="image-layer"><img src="assets/images/resource/video-1.png" alt="" /></figure>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-17.png)' }}></div>
|
|
||||||
<div className="video-btn">
|
|
||||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
|
|
||||||
<span className="border-animation border-1"></span>
|
|
||||||
<span className="border-animation border-2"></span>
|
|
||||||
<span className="border-animation border-3"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<h2>Online Consultations With <br />Qualified Doctors</h2>
|
|
||||||
<div className="btn-box">
|
|
||||||
<Link href="/" className="theme-btn btn-one"><span>Make an Appointment</span></Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
@ -1,60 +0,0 @@
|
|||||||
|
|
||||||
import React from 'react';
|
|
||||||
export default function chooseus() {
|
|
||||||
return (
|
|
||||||
<section className="chooseus-section">
|
|
||||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/chooseus-bg.jpg)' }}></div>
|
|
||||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.webp)' }}></div>
|
|
||||||
<div className="auto-container">
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-8 col-md-12 col-sm-12 content-column">
|
|
||||||
<div className="content-box">
|
|
||||||
<div className="sec-title light mb_50">
|
|
||||||
<span className="sub-title">Why Choose Us</span>
|
|
||||||
<h2>Choose The Best For Your <br />Health</h2>
|
|
||||||
</div>
|
|
||||||
<div className="row clearfix">
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
|
||||||
<div className="chooseus-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-18"></i></div>
|
|
||||||
<h3>Professional Staff</h3>
|
|
||||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
|
||||||
<div className="chooseus-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-21"></i></div>
|
|
||||||
<h3>Emergency Case</h3>
|
|
||||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
|
||||||
<div className="chooseus-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-19"></i></div>
|
|
||||||
<h3>Online Appointment</h3>
|
|
||||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
|
||||||
<div className="chooseus-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-20"></i></div>
|
|
||||||
<h3>24/7 Services</h3>
|
|
||||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,125 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import Link from "next/link"
|
|
||||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
|
||||||
import { Swiper, SwiperSlide } from "swiper/react"
|
|
||||||
|
|
||||||
const swiperOptions = {
|
|
||||||
modules: [Autoplay, Pagination, Navigation],
|
|
||||||
slidesPerView: 4,
|
|
||||||
spaceBetween: 30,
|
|
||||||
autoplay: {
|
|
||||||
delay: 2500,
|
|
||||||
disableOnInteraction: false,
|
|
||||||
},
|
|
||||||
loop: true,
|
|
||||||
|
|
||||||
// Navigation
|
|
||||||
navigation: {
|
|
||||||
nextEl: '.h1n',
|
|
||||||
prevEl: '.h1p',
|
|
||||||
},
|
|
||||||
|
|
||||||
// Pagination
|
|
||||||
pagination: {
|
|
||||||
el: '.swiper-pagination',
|
|
||||||
clickable: true,
|
|
||||||
},
|
|
||||||
|
|
||||||
breakpoints: {
|
|
||||||
320: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
spaceBetween: 30,
|
|
||||||
},
|
|
||||||
575: {
|
|
||||||
slidesPerView: 2,
|
|
||||||
spaceBetween: 30,
|
|
||||||
},
|
|
||||||
767: {
|
|
||||||
slidesPerView: 3,
|
|
||||||
spaceBetween: 30,
|
|
||||||
},
|
|
||||||
991: {
|
|
||||||
slidesPerView: 4,
|
|
||||||
spaceBetween: 30,
|
|
||||||
},
|
|
||||||
1199: {
|
|
||||||
slidesPerView: 5,
|
|
||||||
spaceBetween: 30,
|
|
||||||
},
|
|
||||||
1350: {
|
|
||||||
slidesPerView: 5,
|
|
||||||
spaceBetween: 30,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function ClientSlider1() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Swiper {...swiperOptions} className="theme_carousel owl-theme">
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<figure className="clients-logo">
|
|
||||||
<Link href="index-2"><img src="assets/images/clients/clients-1.png" alt="" />
|
|
||||||
</Link>
|
|
||||||
</figure>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<figure className="clients-logo">
|
|
||||||
<Link href="index-2"><img src="assets/images/clients/clients-2.png" alt="" />
|
|
||||||
</Link>
|
|
||||||
</figure>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<figure className="clients-logo">
|
|
||||||
<Link href="index-2"><img src="assets/images/clients/clients-3.png" alt="" />
|
|
||||||
</Link>
|
|
||||||
</figure>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<figure className="clients-logo">
|
|
||||||
<Link href="index-2"><img src="assets/images/clients/clients-4.png" alt="" />
|
|
||||||
</Link>
|
|
||||||
</figure>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<figure className="clients-logo">
|
|
||||||
<Link href="index-2"><img src="assets/images/clients/clients-5.png" alt="" />
|
|
||||||
</Link>
|
|
||||||
</figure>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<figure className="clients-logo">
|
|
||||||
<Link href="index-2"><img src="assets/images/clients/clients-1.png" alt="" />
|
|
||||||
</Link>
|
|
||||||
</figure>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<figure className="clients-logo">
|
|
||||||
<Link href="index-2"><img src="assets/images/clients/clients-2.png" alt="" />
|
|
||||||
</Link>
|
|
||||||
</figure>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<figure className="clients-logo">
|
|
||||||
<Link href="index-2"><img src="assets/images/clients/clients-3.png" alt="" />
|
|
||||||
</Link>
|
|
||||||
</figure>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<figure className="clients-logo">
|
|
||||||
<Link href="index-2"><img src="assets/images/clients/clients-4.png" alt="" />
|
|
||||||
</Link>
|
|
||||||
</figure>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<figure className="clients-logo">
|
|
||||||
<Link href="index-2"><img src="assets/images/clients/clients-5.png" alt="" />
|
|
||||||
</Link>
|
|
||||||
</figure>
|
|
||||||
</SwiperSlide>
|
|
||||||
|
|
||||||
|
|
||||||
</Swiper>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,180 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import Link from "next/link"
|
|
||||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
|
||||||
import { Swiper, SwiperSlide } from "swiper/react"
|
|
||||||
|
|
||||||
const swiperOptions = {
|
|
||||||
modules: [Autoplay, Pagination, Navigation],
|
|
||||||
slidesPerView: 3,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
autoplay: {
|
|
||||||
delay: 2500,
|
|
||||||
disableOnInteraction: false,
|
|
||||||
},
|
|
||||||
loop: true,
|
|
||||||
|
|
||||||
// Navigation
|
|
||||||
|
|
||||||
// Pagination
|
|
||||||
pagination: {
|
|
||||||
el: '.swiper-pagination',
|
|
||||||
clickable: true,
|
|
||||||
},
|
|
||||||
|
|
||||||
breakpoints: {
|
|
||||||
320: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
//spaceBetween: 30,
|
|
||||||
},
|
|
||||||
575: {
|
|
||||||
slidesPerView: 2,
|
|
||||||
spaceBetween: 15,
|
|
||||||
},
|
|
||||||
767: {
|
|
||||||
slidesPerView: 2,
|
|
||||||
spaceBetween: 15,
|
|
||||||
},
|
|
||||||
991: {
|
|
||||||
slidesPerView: 3,
|
|
||||||
spaceBetween: 15,
|
|
||||||
},
|
|
||||||
1199: {
|
|
||||||
slidesPerView: 3,
|
|
||||||
spaceBetween: 15,
|
|
||||||
},
|
|
||||||
1350: {
|
|
||||||
slidesPerView: 3,
|
|
||||||
spaceBetween: 15,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export default function ProjectSlider0() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Swiper {...swiperOptions} className="project-carousel owl-carousel owl-theme owl-dots-none owl-nav-none` ">
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="project-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box">
|
|
||||||
<img src="assets/images/project/project-1.jpg" alt="" />
|
|
||||||
</figure>
|
|
||||||
<div className="content-box">
|
|
||||||
<div className="view-btn">
|
|
||||||
<Link href="assets/images/project/project-1.jpg" className="lightbox-image" data-fancybox="gallery">
|
|
||||||
<i className="icon-23"></i>
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
<div className="text-box">
|
|
||||||
<p>Waste Pickup</p>
|
|
||||||
<h3><Link href="project-details">Garbage pickup</Link></h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="project-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box">
|
|
||||||
<img src="assets/images/project/project-2.jpg" alt="" />
|
|
||||||
</figure>
|
|
||||||
<div className="content-box">
|
|
||||||
<div className="view-btn">
|
|
||||||
<Link href="assets/images/project/project-2.jpg" className="lightbox-image" data-fancybox="gallery">
|
|
||||||
<i className="icon-23"></i>
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
<div className="text-box">
|
|
||||||
<p>Waste Pickup</p>
|
|
||||||
<h3><Link href="project-details">Grocery waste removal</Link></h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="project-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box">
|
|
||||||
<img src="assets/images/project/project-3.jpg" alt="" />
|
|
||||||
</figure>
|
|
||||||
<div className="content-box">
|
|
||||||
<div className="view-btn">
|
|
||||||
<Link href="assets/images/project/project-3.jpg" className="lightbox-image" data-fancybox="gallery">
|
|
||||||
<i className="icon-23"></i>
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
<div className="text-box">
|
|
||||||
<p>Waste Pickup</p>
|
|
||||||
<h3><Link href="project-details">Waste collection</Link></h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="project-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box">
|
|
||||||
<img src="assets/images/project/project-1.jpg" alt="" />
|
|
||||||
</figure>
|
|
||||||
<div className="content-box">
|
|
||||||
<div className="view-btn">
|
|
||||||
<Link href="assets/images/project/project-1.jpg" className="lightbox-image" data-fancybox="gallery">
|
|
||||||
<i className="icon-23"></i>
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
<div className="text-box">
|
|
||||||
<p>Waste Pickup</p>
|
|
||||||
<h3><Link href="project-details">Garbage pickup</Link></h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="project-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box">
|
|
||||||
<img src="assets/images/project/project-2.jpg" alt="" />
|
|
||||||
</figure>
|
|
||||||
<div className="content-box">
|
|
||||||
<div className="view-btn">
|
|
||||||
<Link href="assets/images/project/project-2.jpg" className="lightbox-image" data-fancybox="gallery">
|
|
||||||
<i className="icon-23"></i>
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
<div className="text-box">
|
|
||||||
<p>Waste Pickup</p>
|
|
||||||
<h3><Link href="project-details">Grocery waste removal</Link></h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="project-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<figure className="image-box">
|
|
||||||
<img src="assets/images/project/project-3.jpg" alt="" />
|
|
||||||
</figure>
|
|
||||||
<div className="content-box">
|
|
||||||
<div className="view-btn">
|
|
||||||
<Link href="assets/images/project/project-3.jpg" className="lightbox-image" data-fancybox="gallery">
|
|
||||||
<i className="icon-23"></i>
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
<div className="text-box">
|
|
||||||
<p>Waste Pickup</p>
|
|
||||||
<h3><Link href="project-details">Waste collection</Link></h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
</Swiper>
|
|
||||||
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,182 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import Link from "next/link"
|
|
||||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
|
||||||
import { Swiper, SwiperSlide } from "swiper/react"
|
|
||||||
|
|
||||||
const swiperOptions = {
|
|
||||||
modules: [Autoplay, Pagination, Navigation],
|
|
||||||
slidesPerView: 1,
|
|
||||||
spaceBetween: 30,
|
|
||||||
autoplay: {
|
|
||||||
delay: 2500,
|
|
||||||
disableOnInteraction: false,
|
|
||||||
},
|
|
||||||
loop: true,
|
|
||||||
|
|
||||||
// Navigation
|
|
||||||
navigation: {
|
|
||||||
nextEl: '.h1n',
|
|
||||||
prevEl: '.h1p',
|
|
||||||
},
|
|
||||||
|
|
||||||
// Pagination
|
|
||||||
pagination: {
|
|
||||||
el: '.swiper-pagination',
|
|
||||||
clickable: true,
|
|
||||||
},
|
|
||||||
|
|
||||||
breakpoints: {
|
|
||||||
320: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
575: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
767: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
991: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
1199: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
1350: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export default function TestimonialSlider1() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Swiper {...swiperOptions} className="single-item-carousel owl-carousel owl-theme owl-dots-none owl-nav-none">
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="testimonial-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-23"></i></div>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
|
|
||||||
<div className="author-box">
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/testimonial-2.png" alt="" /></figure>
|
|
||||||
<ul className="rating clearfix">
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="far fa-star"></i></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Robert Fox</h3>
|
|
||||||
<span className="designation">Dog Trainer</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="testimonial-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-23"></i></div>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
|
|
||||||
<div className="author-box">
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/testimonial-2.png" alt="" /></figure>
|
|
||||||
<ul className="rating clearfix">
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="far fa-star"></i></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Robert Fox</h3>
|
|
||||||
<span className="designation">Dog Trainer</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="testimonial-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-23"></i></div>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
|
|
||||||
<div className="author-box">
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/testimonial-2.png" alt="" /></figure>
|
|
||||||
<ul className="rating clearfix">
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="far fa-star"></i></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Robert Fox</h3>
|
|
||||||
<span className="designation">Dog Trainer</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="testimonial-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-23"></i></div>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
|
|
||||||
<div className="author-box">
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/testimonial-2.png" alt="" /></figure>
|
|
||||||
<ul className="rating clearfix">
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="far fa-star"></i></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Robert Fox</h3>
|
|
||||||
<span className="designation">Dog Trainer</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="testimonial-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-23"></i></div>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
|
|
||||||
<div className="author-box">
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/testimonial-2.png" alt="" /></figure>
|
|
||||||
<ul className="rating clearfix">
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="far fa-star"></i></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Robert Fox</h3>
|
|
||||||
<span className="designation">Dog Trainer</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="testimonial-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-23"></i></div>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
|
|
||||||
<div className="author-box">
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/testimonial-2.png" alt="" /></figure>
|
|
||||||
<ul className="rating clearfix">
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="far fa-star"></i></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Robert Fox</h3>
|
|
||||||
<span className="designation">Dog Trainer</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
</Swiper>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,182 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import Link from "next/link"
|
|
||||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
|
||||||
import { Swiper, SwiperSlide } from "swiper/react"
|
|
||||||
|
|
||||||
const swiperOptions = {
|
|
||||||
modules: [Autoplay, Pagination, Navigation],
|
|
||||||
slidesPerView: 1,
|
|
||||||
spaceBetween: 30,
|
|
||||||
autoplay: {
|
|
||||||
delay: 2500,
|
|
||||||
disableOnInteraction: false,
|
|
||||||
},
|
|
||||||
loop: true,
|
|
||||||
|
|
||||||
// Navigation
|
|
||||||
navigation: {
|
|
||||||
nextEl: '.h1n',
|
|
||||||
prevEl: '.h1p',
|
|
||||||
},
|
|
||||||
|
|
||||||
// Pagination
|
|
||||||
pagination: {
|
|
||||||
el: '.swiper-pagination',
|
|
||||||
clickable: true,
|
|
||||||
},
|
|
||||||
|
|
||||||
breakpoints: {
|
|
||||||
320: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
575: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
767: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
991: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
1199: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
1350: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
// spaceBetween: 30,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export default function TestimonialSlider3() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Swiper {...swiperOptions} className="single-item-carousel">
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="testimonial-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-23"></i></div>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
|
|
||||||
<div className="author-box">
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/testimonial-2.png" alt="" /></figure>
|
|
||||||
<ul className="rating clearfix">
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="far fa-star"></i></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Robert Fox</h3>
|
|
||||||
<span className="designation">Dog Trainer</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="testimonial-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-23"></i></div>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
|
|
||||||
<div className="author-box">
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/testimonial-2.png" alt="" /></figure>
|
|
||||||
<ul className="rating clearfix">
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="far fa-star"></i></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Robert Fox</h3>
|
|
||||||
<span className="designation">Dog Trainer</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="testimonial-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-23"></i></div>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
|
|
||||||
<div className="author-box">
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/testimonial-2.png" alt="" /></figure>
|
|
||||||
<ul className="rating clearfix">
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="far fa-star"></i></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Robert Fox</h3>
|
|
||||||
<span className="designation">Dog Trainer</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="testimonial-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-23"></i></div>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
|
|
||||||
<div className="author-box">
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/testimonial-2.png" alt="" /></figure>
|
|
||||||
<ul className="rating clearfix">
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="far fa-star"></i></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Robert Fox</h3>
|
|
||||||
<span className="designation">Dog Trainer</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="testimonial-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-23"></i></div>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
|
|
||||||
<div className="author-box">
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/testimonial-2.png" alt="" /></figure>
|
|
||||||
<ul className="rating clearfix">
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="far fa-star"></i></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Robert Fox</h3>
|
|
||||||
<span className="designation">Dog Trainer</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
<SwiperSlide className="slide-item">
|
|
||||||
<div className="testimonial-block-one">
|
|
||||||
<div className="inner-box">
|
|
||||||
<div className="icon-box"><i className="icon-23"></i></div>
|
|
||||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
|
|
||||||
<div className="author-box">
|
|
||||||
<figure className="author-thumb"><img src="assets/images/resource/testimonial-2.png" alt="" /></figure>
|
|
||||||
<ul className="rating clearfix">
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="fas fa-star"></i></li>
|
|
||||||
<li><i className="far fa-star"></i></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Robert Fox</h3>
|
|
||||||
<span className="designation">Dog Trainer</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
</Swiper>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 629 B |
Loading…
x
Reference in New Issue
Block a user