first commit
This commit is contained in:
Alaguraj0361
commit
e0c5d07c5e
39
.gitignore
vendored
Normal file
39
.gitignore
vendored
Normal file
@ -0,0 +1,39 @@
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
.yarn/install-state.gz
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# next.js
|
||||
/.next/
|
||||
/out/
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
*.pem
|
||||
|
||||
# debug
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# local env files
|
||||
.env*.local
|
||||
|
||||
# vercel
|
||||
.vercel
|
||||
|
||||
# typescript
|
||||
*.tsbuildinfo
|
||||
next-env.d.ts
|
||||
|
||||
|
||||
.zip
|
||||
306
app/about-us/page.js
Normal file
306
app/about-us/page.js
Normal file
@ -0,0 +1,306 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import TestimonialSlider3 from '@/components/slider/TestmonialSlider3'
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="About Us">
|
||||
{/* about-section */}
|
||||
<section className="about-style-two pt_120 pb_120">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: "url(assets/images/shape/shape-8.png)" }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: "url(assets/images/shape/shape-9.png)" }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-11.png)" }}></div>
|
||||
<div className="pattern-4" style={{ backgroundImage: "url(assets/images/shape/shape-35.png)" }}></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.png)" }}></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>
|
||||
{/* about-section end */}
|
||||
|
||||
|
||||
{/* process */}
|
||||
<section className="process-section sec-pad bg-color-1">
|
||||
<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.png)" }}></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="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, conse ctetur 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, conse ctetur adipiscing elit. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* process end */}
|
||||
|
||||
|
||||
{/* testimonial-section */}
|
||||
<section className="testimonial-style-two p_relative">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div>
|
||||
<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*/}
|
||||
<TestimonialSlider3 />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* testimonial-section */}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{/* team-section-style-two */}
|
||||
<section className="team-section sec-pad centred bg-color-1">
|
||||
<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>
|
||||
{/* team-section-style-two end */}
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
252
app/appointment/page.js
Normal file
252
app/appointment/page.js
Normal file
@ -0,0 +1,252 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Make Appointments">
|
||||
{/* Appointments-section */}
|
||||
<section className="appointment-section sec-pad-2">
|
||||
<div className="outer-container p_relative">
|
||||
<div className="bg-layer" style={{ backgroundImage: "url(assets/images/background/appointment-bg.jpg)" }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-7 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form action="appointments" method="post" className="default-form">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<label>Select Department</label>
|
||||
<div className="select-box">
|
||||
<select className="selectmenu">
|
||||
<option>pathology</option>
|
||||
<option>Cardiology</option>
|
||||
<option>Dental Clinic</option>
|
||||
<option>Neurosurgery</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<label>Choose Doctor by Name</label>
|
||||
<div className="select-box">
|
||||
<select className="selectmenu">
|
||||
<option>Haddam Banksy</option>
|
||||
<option>Black Marvin</option>
|
||||
<option>Eleanor Pena</option>
|
||||
<option>Arlene Maccy</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 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="phone" placeholder="Number" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="email" name="email" placeholder="Email" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="date" placeholder="mm/dd/yyyy" id="datepicker" />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="time" placeholder="Time" />
|
||||
</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>
|
||||
</div>
|
||||
</section>
|
||||
{/* Appointments-section end */}
|
||||
|
||||
|
||||
{/* video */}
|
||||
<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></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>
|
||||
{/* video end */}
|
||||
|
||||
|
||||
{/* team-section */}
|
||||
<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>
|
||||
{/* team-section */}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
199
app/blog-2/page.js
Normal file
199
app/blog-2/page.js
Normal file
@ -0,0 +1,199 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog Sidebar">
|
||||
<div>
|
||||
{/* sidebar-page-container */}
|
||||
<section className="sidebar-page-container sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="blog-sidebar default-sidebar mr_10">
|
||||
<div className="sidebar-widget search-widget">
|
||||
<div className="search-form">
|
||||
<form method="post" action="blog-2">
|
||||
<div className="form-group">
|
||||
<input type="search" name="search-field" placeholder="Search here" required />
|
||||
<button type="submit"><i className="icon-27"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="blog-details">Cardiology</Link></li>
|
||||
<li><Link href="blog-details">Dental Clinic</Link></li>
|
||||
<li><Link href="blog-details">Neurosurgery</Link></li>
|
||||
<li><Link href="blog-details">Medical</Link></li>
|
||||
<li><Link href="blog-details">Pediatrics</Link></li>
|
||||
<li><Link href="blog-details">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget category-widget archives-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Archives</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="blog-details">December 2021</Link></li>
|
||||
<li><Link href="blog-details">October 2021</Link></li>
|
||||
<li><Link href="blog-details">January 2022</Link></li>
|
||||
<li><Link href="blog-details">October 2022</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget tags-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Tags</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="tags-list clearfix">
|
||||
<li><Link href="blog-details">Adventures</Link></li>
|
||||
<li><Link href="blog-details">Health</Link></li>
|
||||
<li><Link href="blog-details">Care</Link></li>
|
||||
<li><Link href="blog-details">Cardiac</Link></li>
|
||||
<li><Link href="blog-details">Doctors</Link></li>
|
||||
<li><Link href="blog-details">Cardiac</Link></li>
|
||||
<li><Link href="blog-details">Hospital</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="blog-classic-content">
|
||||
<div className="news-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-7.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>
|
||||
{/* Repeat similar blocks for other news items */}
|
||||
<div className="news-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-8.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>05 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>
|
||||
{/* Repeat similar blocks for other news items */}
|
||||
<div className="news-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-9.jpg" alt="" /></Link></figure>
|
||||
<div className="lower-content">
|
||||
<ul className="post-info mb_15 clearfix">
|
||||
<li><Link href="blog-details">Admin</Link></li>
|
||||
<li>10 Jan 2022</li>
|
||||
<li>0 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>
|
||||
{/* Repeat similar blocks for other news items */}
|
||||
<div className="news-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-10.jpg" alt="" /></Link></figure>
|
||||
<div className="lower-content">
|
||||
<ul className="post-info mb_15 clearfix">
|
||||
<li><Link href="blog-details">Admin</Link></li>
|
||||
<li>09 Jan 2022</li>
|
||||
<li>03 Comt</li>
|
||||
</ul>
|
||||
<h3><Link href="blog-details">What Causes Inherited Retinal Diseases?</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 className="pagination-wrapper pt_20">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="blog-2" className="current">1</Link></li>
|
||||
<li><Link href="blog-2">2</Link></li>
|
||||
<li><Link href="blog-2">3</Link></li>
|
||||
<li><Link href="blog-2"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* sidebar-page-container end */}
|
||||
{/* subscribe-two */}
|
||||
<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>
|
||||
{/* subscribe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
267
app/blog-details/page.js
Normal file
267
app/blog-details/page.js
Normal file
@ -0,0 +1,267 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog Details">
|
||||
{/* sidebar-page-container */}
|
||||
<section className="sidebar-page-container sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="blog-sidebar default-sidebar mr_10">
|
||||
<div className="sidebar-widget search-widget">
|
||||
<div className="search-form">
|
||||
<form method="post" action="blog-2">
|
||||
<div className="form-group">
|
||||
<input type="search" name="search-field" placeholder="Search here" required />
|
||||
<button type="submit"><i className="icon-27"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="blog-details">Cardiology</Link></li>
|
||||
<li><Link href="blog-details">Dental Clinic</Link></li>
|
||||
<li><Link href="blog-details">Neurosurgery</Link></li>
|
||||
<li><Link href="blog-details">Medical</Link></li>
|
||||
<li><Link href="blog-details">Pediatrics</Link></li>
|
||||
<li><Link href="blog-details">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget category-widget archives-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Archives</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="blog-details">December 2021</Link></li>
|
||||
<li><Link href="blog-details">October 2021</Link></li>
|
||||
<li><Link href="blog-details">January 2022</Link></li>
|
||||
<li><Link href="blog-details">October 2022</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget post-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Latest Post</h3>
|
||||
</div>
|
||||
<div className="widget-content post-inner">
|
||||
<div className="post">
|
||||
<figure className="post-thumb"><Link href="blog-details"><img src="assets/images/news/post-1.jpg" alt="" /></Link></figure>
|
||||
<h6><Link href="blog-details">What Causes Inherited Retinal Diseases?</Link></h6>
|
||||
<ul className="post-info clearfix">
|
||||
<li>09 Jan 2022</li>
|
||||
<li>03 Comt</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="post">
|
||||
<figure className="post-thumb"><Link href="blog-details"><img src="assets/images/news/post-2.jpg" alt="" /></Link></figure>
|
||||
<h6><Link href="blog-details">How reliece can help you manage diabetes</Link></h6>
|
||||
<ul className="post-info clearfix">
|
||||
<li>10 Jan 2022</li>
|
||||
<li>05 Comt</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="post">
|
||||
<figure className="post-thumb"><Link href="blog-details"><img src="assets/images/news/post-3.jpg" alt="" /></Link></figure>
|
||||
<h6><Link href="blog-details">Prepare to Speak with Your Eye Specialist.</Link></h6>
|
||||
<ul className="post-info clearfix">
|
||||
<li>11 Jan 2022</li>
|
||||
<li>01 Comt</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget gallery-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Gallery</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="image-list clearfix">
|
||||
<li>
|
||||
<figure className="image"><Link href="assets/images/news/gallery-1.jpg" className="lightbox-image" data-fancybox="gallery"><img src="assets/images/news/gallery-1.jpg" alt="" /></Link></figure>
|
||||
</li>
|
||||
<li>
|
||||
<figure className="image"><Link href="assets/images/news/gallery-2.jpg" className="lightbox-image" data-fancybox="gallery"><img src="assets/images/news/gallery-2.jpg" alt="" /></Link></figure>
|
||||
</li>
|
||||
<li>
|
||||
<figure className="image"><Link href="assets/images/news/gallery-3.jpg" className="lightbox-image" data-fancybox="gallery"><img src="assets/images/news/gallery-3.jpg" alt="" /></Link></figure>
|
||||
</li>
|
||||
<li>
|
||||
<figure className="image"><Link href="assets/images/news/gallery-4.jpg" className="lightbox-image" data-fancybox="gallery"><img src="assets/images/news/gallery-4.jpg" alt="" /></Link></figure>
|
||||
</li>
|
||||
<li>
|
||||
<figure className="image"><Link href="assets/images/news/gallery-5.jpg" className="lightbox-image" data-fancybox="gallery"><img src="assets/images/news/gallery-5.jpg" alt="" /></Link></figure>
|
||||
</li>
|
||||
<li>
|
||||
<figure className="image"><Link href="assets/images/news/gallery-6.jpg" className="lightbox-image" data-fancybox="gallery"><img src="assets/images/news/gallery-6.jpg" alt="" /></Link></figure>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget tags-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Tags</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="tags-list clearfix">
|
||||
<li><Link href="blog-details">Adventures</Link></li>
|
||||
<li><Link href="blog-details">Health</Link></li>
|
||||
<li><Link href="blog-details">Care</Link></li>
|
||||
<li><Link href="blog-details">Cardiac</Link></li>
|
||||
<li><Link href="blog-details">Doctors</Link></li>
|
||||
<li><Link href="blog-details">Cardiac</Link></li>
|
||||
<li><Link href="blog-details">Hospital</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="blog-details-content">
|
||||
<div className="news-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/news/news-11.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<ul className="post-info mb_15 clearfix">
|
||||
<li><Link href="blog-details">Admin</Link></li>
|
||||
<li>15 Jan 2022</li>
|
||||
<li>03 Comt</li>
|
||||
</ul>
|
||||
<h2>What Causes Inherited Retinal Diseases?</h2>
|
||||
<p>The abbreviation IRD refers to a group of hereditary conditions called retinal diseases...</p>
|
||||
<p>of the retinal cells in our bodies. A “mistake” or alteration in one or more genes causes IRDs. Because of this, retinal cells don’t function properly, which eventually results in vision loss. Already, 250 genes have been linked to IRD.</p>
|
||||
<p>There are many more genes, but they haven’t all been discovered. Each IRD may be passed down differently within a family from one generation to the next. It’s possible that you or a member of your family has an IRD. You might be the oldest member of your family.</p>
|
||||
<h3>Results Are Easy To Obtain</h3>
|
||||
<p>Nullam elit elit, vehicula sit amet lobortis quis, luctus vitae purus. Etiam vitae leo non magna venenatis congue. Ut commodo, tellus id gravida ultricies, libero mauris aliquam enim, in luctus nunc nisi eu neque. Aenean lacinia, tortor ac sagittis venenatis, massa velit fringilla tortor, a venenatis mi sapien. Maecenas a tellus at justo molestie pulvinar</p>
|
||||
<div className="two-image">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image mb_30"><img src="assets/images/news/news-12.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image mb_30"><img src="assets/images/news/news-13.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p>Nullam elit elit, vehicula sit amet lobortis quis, luctus vitae purus. Etiam vitae leo non magna venenatis congue. Ut commodo, tellus id gravida ultricies, libero mauris aliquam enim, in luctus nunc nisi eu neque. Aenean lacinia, tortor ac sagittis venenatis, massa velit fringilla tortor, a venenatis mi sapien. Maecenas a tellus at justo molestie pulvinar</p>
|
||||
<blockquote>
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>“It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.“</p>
|
||||
<h4>Ralph Edwards</h4>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</blockquote>
|
||||
<p>Nullam elit elit, vehicula sit amet lobortis quis, luctus vitae purus. Etiam vitae leo non magna venenatis congue. Ut commodo, tellus id gravida ultricies, libero mauris aliquam enim, in luctus nunc nisi eu neque. Aenean lacinia, tortor ac sagittis venenatis, massa velit fringilla tortor, a venenatis mi sapien. Maecenas a tellus at justo molestie pulvinar</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat similar blocks for other content */}
|
||||
<div className="post-tags mb_60">
|
||||
<ul className="tags-list clearfix">
|
||||
<li><h3>Popular Tags:</h3></li>
|
||||
<li><Link href="blog-details">Adventures</Link></li>
|
||||
<li><Link href="blog-details">Health</Link></li>
|
||||
<li><Link href="blog-details">Care</Link></li>
|
||||
<li><Link href="blog-details">Hospital</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="comment-form-box mb_60">
|
||||
<h2>Leave A Comment</h2>
|
||||
<form method="post" action="blog-details" className="default-form">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="text" placeholder="Name" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="email" name="email" placeholder="Email" required />
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<textarea name="message" placeholder="Type Comment here"></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>Post Comment</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div className="comment-box">
|
||||
<h3>2 Comments</h3>
|
||||
<div className="comment-inner">
|
||||
<div className="comment">
|
||||
<div className="comment-thumb">
|
||||
<figure className="thumb-box"><img src="assets/images/news/comment-1.jpg" alt="" /></figure>
|
||||
<span className="date">08 Jan 2023</span>
|
||||
</div>
|
||||
<h4>Jane Cooper</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cursus ornare non non massa elit rutrum. Eros proin nibh neque interdum accumsan, neque vitae. Tortor etiam sed suspendisse.</p>
|
||||
<Link href="blog-details" className="reply-btn">Reply</Link>
|
||||
</div>
|
||||
{/* Additional comments if any */}
|
||||
</div>
|
||||
<div className="comment">
|
||||
<div className="comment-thumb">
|
||||
<figure className="thumb-box"><img src="assets/images/news/comment-2.jpg" alt="" /></figure>
|
||||
<span className="date">07 Jan 2023</span>
|
||||
</div>
|
||||
<h4>Marvin McKinney</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cursus ornare non non massa elit rutrum. Eros proin nibh neque interdum accumsan, neque vitae. Tortor etiam sed suspendisse.</p>
|
||||
<Link href="blog-details" className="reply-btn">Reply</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* sidebar-page-container end */}
|
||||
{/* subscribe-two */}
|
||||
<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>
|
||||
{/* subscribe end */}
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
172
app/blog/page.js
Normal file
172
app/blog/page.js
Normal file
@ -0,0 +1,172 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog Grid">
|
||||
<div>
|
||||
{/* news-style-two */}
|
||||
<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="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 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-4.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">What Causes Inherited Retinal Diseases?</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-5.jpg" alt="" /></Link></figure>
|
||||
<div className="lower-content">
|
||||
<ul className="post-info mb_15 clearfix">
|
||||
<li><Link href="blog-details">Admin</Link></li>
|
||||
<li>10 Jan 2022</li>
|
||||
<li>7 Comt</li>
|
||||
</ul>
|
||||
<h3><Link href="blog-details">Get The Exercise Limited Mobility</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-6.jpg" alt="" /></Link></figure>
|
||||
<div className="lower-content">
|
||||
<ul className="post-info mb_15 clearfix">
|
||||
<li><Link href="blog-details">Admin</Link></li>
|
||||
<li>08 Jan 2022</li>
|
||||
<li>02 Comt</li>
|
||||
</ul>
|
||||
<h3><Link href="blog-details">What Leads to Inherited Eye Conditions?</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>
|
||||
{/* news-style-two end */}
|
||||
{/* subscribe-two */}
|
||||
<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>
|
||||
{/* subscribe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
345
app/chooseus/page.js
Normal file
345
app/chooseus/page.js
Normal file
@ -0,0 +1,345 @@
|
||||
'use client'
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="ChoosUs">
|
||||
{/* chooseus-section */}
|
||||
<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.png)' }}></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>
|
||||
{/* chooseus-section end */}
|
||||
|
||||
|
||||
{/* cta */}
|
||||
<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="" /></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>
|
||||
{/* cta end */}
|
||||
|
||||
|
||||
{/* funfact-section */}
|
||||
<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>
|
||||
{/* funfact-section */}
|
||||
|
||||
{/* <!-- solutions-section --> */}
|
||||
<section className="solutions-section bg-color-1 p_relative">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<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">Better Solutions</span>
|
||||
<h2>Quality Medical Service with Experts</h2>
|
||||
</div>
|
||||
<div className="progress-inner mb_50">
|
||||
|
||||
<ProgressBar label="Skilled Doctor" percent={85} />
|
||||
<ProgressBar label="Modernized Equipment" percent={90} />
|
||||
<ProgressBar label="Dedicated Team" percent={80} />
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Discover More</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_two">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="assets/images/resource/skills-1.jpg" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="assets/images/resource/skills-2.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-33"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* <!-- team-section end --> */}
|
||||
{/* <!-- solutions-section --> */}
|
||||
<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">
|
||||
<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">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-5.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Black Marvin</Link></h3>
|
||||
<span className="designation">Medical Assistant</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two 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-6.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Eleanor Pena</Link></h3>
|
||||
<span className="designation">Doctor</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two 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-7.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Arlene Maccy</Link></h3>
|
||||
<span className="designation">Nursing Assistant</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two 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-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Jenny Wilson</Link></h3>
|
||||
<span className="designation">Senior Doctor</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* <!-- team-section end --> */}
|
||||
|
||||
|
||||
|
||||
|
||||
{/* subscibe */}
|
||||
<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="index">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
133
app/contact/page.js
Normal file
133
app/contact/page.js
Normal file
@ -0,0 +1,133 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Contuct Us">
|
||||
<div>
|
||||
{/* Contact Form Section */}
|
||||
<section className="contact-info-section pt_120">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<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>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<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>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<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>
|
||||
</section>
|
||||
{/* Contact Form Section End */}
|
||||
{/* Contact Form Section2 */}
|
||||
<section className="contact-style-three pt_90 pb_120">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner mr_40">
|
||||
<div className="sec-title mb_50">
|
||||
<h2>Send a Message</h2>
|
||||
</div>
|
||||
<form method="post" action="sendemail.php" id="contact-form" className="default-form">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="username" 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="Your email" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="phone" required placeholder="Phone" />
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<input type="text" name="subject" required placeholder="Subject" />
|
||||
</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 className="theme-btn btn-one" type="submit" name="submit-form"><span>Send Message</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 image-column">
|
||||
<figure className="image-box"><img src="assets/images/resource/contact-1.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* Contact Form Section2 End */}
|
||||
|
||||
{/* Google Map Section */}
|
||||
<section className="google-map-section">
|
||||
{/*Map Outer*/}
|
||||
<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>
|
||||
{/* Google Map Section End */}
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
186
app/faq/page.js
Normal file
186
app/faq/page.js
Normal file
@ -0,0 +1,186 @@
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { useState } from 'react'
|
||||
import Link from "next/link"
|
||||
export default function WhyChooseUs() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Faq's">
|
||||
|
||||
{/* faq */}
|
||||
<section className="faq-page-section sec-pad">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 accordion-column">
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
{/*Accordion Block*/}
|
||||
<li className="accordion 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>
|
||||
{/*Accordion Block*/}
|
||||
<li className="accordion 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>
|
||||
{/*Accordion Block*/}
|
||||
<li className="accordion 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>
|
||||
{/*Accordion Block*/}
|
||||
<li className="accordion block">
|
||||
<div className={isActive.key == 4 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(4)}>
|
||||
<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 content-column">
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
{/*Accordion Block*/}
|
||||
<li className="accordion block">
|
||||
<div className={isActive.key == 5 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(5)}>
|
||||
<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 == 5 ? "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>
|
||||
{/*Accordion Block*/}
|
||||
<li className="accordion block">
|
||||
<div className={isActive.key == 6 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(6)}>
|
||||
<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 == 6 ? "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>
|
||||
{/*Accordion Block*/}
|
||||
<li className="accordion block">
|
||||
<div className={isActive.key == 7 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(7)}>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h4>Do you give phone advice?</h4>
|
||||
</div>
|
||||
<div className={isActive.key == 7 ? "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>
|
||||
{/*Accordion Block*/}
|
||||
<li className="accordion block">
|
||||
<div className={isActive.key == 8 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(8)}>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h4>Can I make appointments by phone?</h4>
|
||||
</div>
|
||||
<div className={isActive.key == 8 ? "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>
|
||||
</div>
|
||||
</section>
|
||||
{/* faq end */}
|
||||
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
BIN
app/favicon.ico
Normal file
BIN
app/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
136
app/gallery/page.js
Normal file
136
app/gallery/page.js
Normal file
@ -0,0 +1,136 @@
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { useState } from 'react'
|
||||
import Link from "next/link"
|
||||
export default function WhyChooseUs() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Gallery">
|
||||
|
||||
{/* gallery */}
|
||||
<section className="gallery-page-section sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-6.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-6.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-7.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-7.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-8.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-8.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-9.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-9.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-10.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-10.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-11.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-11.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="gallery" className="current">1</Link></li>
|
||||
<li><Link href="gallery">2</Link></li>
|
||||
<li><Link href="gallery">3</Link></li>
|
||||
<li><Link href="gallery"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* gallery end */}
|
||||
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
41
app/index-2/page.js
Normal file
41
app/index-2/page.js
Normal file
@ -0,0 +1,41 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import About from "@/components/sections/home2/About"
|
||||
import Banner from "@/components/sections/home2/Banner"
|
||||
import Features from "@/components/sections/home2/Features"
|
||||
import News from "@/components/sections/home2/News"
|
||||
import Faq from "@/components/sections/home2/Faq"
|
||||
import Team from "@/components/sections/home2/Team"
|
||||
import Testimonial from "@/components/sections/home2/Testmonial"
|
||||
import Video from "@/components/sections/home2/Video"
|
||||
import Contact from "@/components/sections/home2/Contact"
|
||||
import Subscribe from "@/components/sections/home2/Subscribe"
|
||||
import Service from "@/components/sections/home2/Service"
|
||||
import Chooseus from "@/components/sections/home2/Chooseus"
|
||||
import Funfacts from "@/components/sections/home2/Funfacts"
|
||||
import Cta from "@/components/sections/home2/Cta"
|
||||
import Solution from "@/components/sections/home2/Solution"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={2}>
|
||||
<Banner />
|
||||
<Features />
|
||||
<About />
|
||||
<Service />
|
||||
<Chooseus />
|
||||
<Team />
|
||||
<Cta />
|
||||
<Funfacts />
|
||||
<Solution />
|
||||
<Faq />
|
||||
<Testimonial />
|
||||
<Video />
|
||||
<News />
|
||||
<Contact />
|
||||
<Subscribe />
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
39
app/index-3/page.js
Normal file
39
app/index-3/page.js
Normal file
@ -0,0 +1,39 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import About from "@/components/sections/home3/About"
|
||||
import Banner from "@/components/sections/home3/Banner"
|
||||
|
||||
import Features from "@/components/sections/home3/Features"
|
||||
import Team from "@/components/sections/home3/Team"
|
||||
|
||||
import News from "@/components/sections/home3/News"
|
||||
import Process from "@/components/sections/home3/Process"
|
||||
import Testimonial from "@/components/sections/home3/Testmonial"
|
||||
import Faq from "@/components/sections/home3/Faq"
|
||||
import Video from "@/components/sections/home3/Video"
|
||||
import Gallery from "@/components/sections/home3/Gallery"
|
||||
import Contact from "@/components/sections/home3/Contact"
|
||||
import Map from "@/components/sections/home3/Map"
|
||||
import Subscribe from "@/components/sections/home3/Subscribe"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1}>
|
||||
<Banner />
|
||||
<Features />
|
||||
<About />
|
||||
<Process />
|
||||
<Testimonial />
|
||||
<Faq />
|
||||
<Video />
|
||||
<Team />
|
||||
<Gallery />
|
||||
<News />
|
||||
<Contact />
|
||||
<Map />
|
||||
<Subscribe />
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
21
app/layout.js
Normal file
21
app/layout.js
Normal file
@ -0,0 +1,21 @@
|
||||
import "@/node_modules/react-modal-video/css/modal-video.css"
|
||||
import "../public/assets/css/bootstrap.css"
|
||||
import "../public/assets/css/color.css"
|
||||
import "../public/assets/css/style.css"
|
||||
import 'swiper/css'
|
||||
// import "swiper/css/navigation"
|
||||
import "swiper/css/pagination"
|
||||
import 'swiper/css/free-mode';
|
||||
import { poppins } from '@/lib/font'
|
||||
export const metadata = {
|
||||
title: 'Medimart Template',
|
||||
description: 'Generated by create next app',
|
||||
}
|
||||
|
||||
export default function RootLayout({ children }) {
|
||||
return (
|
||||
<html lang="en" className={`${poppins.variable}`}>
|
||||
<body>{children}</body>
|
||||
</html>
|
||||
)
|
||||
}
|
||||
9
app/loading.js
Normal file
9
app/loading.js
Normal file
@ -0,0 +1,9 @@
|
||||
import Preloader from '@/components/elements/Preloader'
|
||||
|
||||
export default function loading() {
|
||||
return (
|
||||
<>
|
||||
<Preloader />
|
||||
</>
|
||||
)
|
||||
}
|
||||
53
app/not-found.js
Normal file
53
app/not-found.js
Normal file
@ -0,0 +1,53 @@
|
||||
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Error404() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={2} breadcrumbTitle="Page Not Found">
|
||||
<section className="error-section sec-pad-2 centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
<figure className="error-image"><img src="assets/images/icons/error-1.png" alt="" /></figure>
|
||||
<h2>Oops, page not <br />found!</h2>
|
||||
<p>Mauris urna velit in fermentum in in natoque. Tincidunt pellentesque et risus tincidunt <br />dignissim proin auctor.</p>
|
||||
<Link href="/" className="theme-btn btn-one"><span>Back To Home</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<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>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
41
app/onepage/page.js
Normal file
41
app/onepage/page.js
Normal file
@ -0,0 +1,41 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import About from "@/components/sections/onepage/About"
|
||||
import Banner from "@/components/sections/onepage/Banner"
|
||||
|
||||
import Funfacts from "@/components/sections/onepage/Funfacts"
|
||||
import News from "@/components/sections/onepage/News"
|
||||
|
||||
import Service from "@/components/sections/onepage/Services"
|
||||
import Testimonial from "@/components/sections/onepage/Testimonial"
|
||||
import WhyChooseUs from "@/components/sections/onepage/WhyChooseUs"
|
||||
|
||||
import Feature from "@/components/sections/onepage/Features"
|
||||
import Team from "@/components/sections/onepage/Team"
|
||||
import Video from "@/components/sections/onepage/Video"
|
||||
import Process from "@/components/sections/onepage/Process"
|
||||
import Pricing from "@/components/sections/onepage/Pricing"
|
||||
import Subscribe from "@/components/sections/onepage/Subscribe"
|
||||
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={4} footerStyle={1}>
|
||||
<Banner />
|
||||
<Feature />
|
||||
<About />
|
||||
<Service />
|
||||
<WhyChooseUs />
|
||||
<Funfacts />
|
||||
<Team />
|
||||
<Video />
|
||||
<Process />
|
||||
<Testimonial />
|
||||
<Pricing />
|
||||
<News />
|
||||
<Subscribe />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
37
app/page.js
Normal file
37
app/page.js
Normal file
@ -0,0 +1,37 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import About from "@/components/sections/home1/About"
|
||||
import Banner from "@/components/sections/home1/Banner"
|
||||
import Services from "@/components/sections/home1/Services"
|
||||
import Features from "@/components/sections/home1/Features"
|
||||
import Funfacts from "@/components/sections/home1/Funfacts"
|
||||
import News from "@/components/sections/home1/News"
|
||||
import Testimonial from "@/components/sections/home1/Testimonial"
|
||||
import WhyChooseUs from "@/components/sections/home1/WhyChooseUs"
|
||||
import Subscribe from "@/components/sections/home1/Subscribe"
|
||||
import Team from "@/components/sections/home1/Team"
|
||||
import Video from "@/components/sections/home1/Video"
|
||||
import Process from "@/components/sections/home1/Process"
|
||||
import Pricing from "@/components/sections/home1/Pricing"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<Banner />
|
||||
<Features />
|
||||
<About />
|
||||
<Services />
|
||||
<WhyChooseUs />
|
||||
<Funfacts />
|
||||
<Team />
|
||||
<Video />
|
||||
<Process />
|
||||
<Testimonial />
|
||||
<Pricing />
|
||||
<News />
|
||||
<Subscribe />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
149
app/pricing-table/page.js
Normal file
149
app/pricing-table/page.js
Normal file
@ -0,0 +1,149 @@
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { useState } from 'react'
|
||||
import Link from 'next/link';
|
||||
export default function WhyChooseUs() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Pricing Table">
|
||||
|
||||
{/* gallery */}
|
||||
<section className="pricing-section sec-pad">
|
||||
<div className="auto-container">
|
||||
<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>
|
||||
{/* gallery end */}
|
||||
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
131
app/service-details-2/page.js
Normal file
131
app/service-details-2/page.js
Normal file
@ -0,0 +1,131 @@
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
export default function service() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Service Details">
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_120 pb_110">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="service-details">Cardiology</Link></li>
|
||||
<li><Link href="service-details-2" className="current">Dental Clinic</Link></li>
|
||||
<li><Link href="service-details-3">Neurosurgery</Link></li>
|
||||
<li><Link href="service-details-4">Medical</Link></li>
|
||||
<li><Link href="service-details-5">Pediatrics</Link></li>
|
||||
<li><Link href="service-details-6">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/service/service-5.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-32"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>Dental Clinic</h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
<figure className="image-box mb_40"><img src="assets/images/service/service-10.jpg" alt="" /></figure>
|
||||
<div className="text-box">
|
||||
<h2>Dental Clinic</h2>
|
||||
<p>Quam arcu pretium quis quam sed, laorey afficits volutpat lobortis sem consq consequat lore dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dol aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exac consequat. Duis aute irure dolor in reprehenderit in voluptate.</p>
|
||||
<p>Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proide in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis isten sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-two">
|
||||
<div className="image-inner">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-9.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor mque lauda totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vite sunt explicabo. Nemo ipsam voluptatem quia voluptas sit aspernatur.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam nmco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* service-section end */}
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
130
app/service-details-3/page.js
Normal file
130
app/service-details-3/page.js
Normal file
@ -0,0 +1,130 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
export default function service() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Service-Details">
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_120 pb_110">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="service-details">Cardiology</Link></li>
|
||||
<li><Link href="service-details-2">Dental Clinic</Link></li>
|
||||
<li><Link href="service-details-3" className="current">Neurosurgery</Link></li>
|
||||
<li><Link href="service-details-4">Medical</Link></li>
|
||||
<li><Link href="service-details-5">Pediatrics</Link></li>
|
||||
<li><Link href="service-details-6">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/service/service-1.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-15"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>Neurosurgery</h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
<figure className="image-box mb_40"><img src="assets/images/service/service-11.jpg" alt="" /></figure>
|
||||
<div className="text-box">
|
||||
<h2>Neurosurgery</h2>
|
||||
<p>Quam arcu pretium quis quam sed, laorey afficits volutpat lobortis sem consq consequat lore dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dol aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exac consequat. Duis aute irure dolor in reprehenderit in voluptate.</p>
|
||||
<p>Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proide in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis isten sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-two">
|
||||
<div className="image-inner">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-9.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor mque lauda totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vite sunt explicabo. Nemo ipsam voluptatem quia voluptas sit aspernatur.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam nmco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* service-section end */}
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
130
app/service-details-4/page.js
Normal file
130
app/service-details-4/page.js
Normal file
@ -0,0 +1,130 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
export default function service() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Service-Details">
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_120 pb_110">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="service-details">Cardiology</Link></li>
|
||||
<li><Link href="service-details-2">Dental Clinic</Link></li>
|
||||
<li><Link href="service-details-3">Neurosurgery</Link></li>
|
||||
<li><Link href="service-details-4" className="current">Medical</Link></li>
|
||||
<li><Link href="service-details-5">Pediatrics</Link></li>
|
||||
<li><Link href="service-details-6">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/service/service-6.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-31"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>Medical</h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
<figure className="image-box mb_40"><img src="assets/images/service/service-12.jpg" alt="" /></figure>
|
||||
<div className="text-box">
|
||||
<h2>Medical</h2>
|
||||
<p>Quam arcu pretium quis quam sed, laorey afficits volutpat lobortis sem consq consequat lore dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dol aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exac consequat. Duis aute irure dolor in reprehenderit in voluptate.</p>
|
||||
<p>Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proide in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis isten sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-two">
|
||||
<div className="image-inner">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-9.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor mque lauda totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vite sunt explicabo. Nemo ipsam voluptatem quia voluptas sit aspernatur.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam nmco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* service-section end */}
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
130
app/service-details-5/page.js
Normal file
130
app/service-details-5/page.js
Normal file
@ -0,0 +1,130 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
export default function service() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Service-Getails">
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_120 pb_110">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="service-details">Cardiology</Link></li>
|
||||
<li><Link href="service-details-2">Dental Clinic</Link></li>
|
||||
<li><Link href="service-details-3">Neurosurgery</Link></li>
|
||||
<li><Link href="service-details-4">Medical</Link></li>
|
||||
<li><Link href="service-details-5" className="current">Pediatrics</Link></li>
|
||||
<li><Link href="service-details-6">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/service/service-6.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-31"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>Pediatrics</h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
<figure className="image-box mb_40"><img src="assets/images/service/service-13.jpg" alt="" /></figure>
|
||||
<div className="text-box">
|
||||
<h2>Pediatrics</h2>
|
||||
<p>Quam arcu pretium quis quam sed, laorey afficits volutpat lobortis sem consq consequat lore dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dol aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exac consequat. Duis aute irure dolor in reprehenderit in voluptate.</p>
|
||||
<p>Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proide in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis isten sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-two">
|
||||
<div className="image-inner">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-9.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor mque lauda totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vite sunt explicabo. Nemo ipsam voluptatem quia voluptas sit aspernatur.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam nmco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* service-section end */}
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
130
app/service-details-6/page.js
Normal file
130
app/service-details-6/page.js
Normal file
@ -0,0 +1,130 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
export default function service() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Service-Details">
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_120 pb_110">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="service-details">Cardiology</Link></li>
|
||||
<li><Link href="service-details-2">Dental Clinic</Link></li>
|
||||
<li><Link href="service-details-3">Neurosurgery</Link></li>
|
||||
<li><Link href="service-details-4">Medical</Link></li>
|
||||
<li><Link href="service-details-5">Pediatrics</Link></li>
|
||||
<li><Link href="service-details-6" className="current">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/service/service-2.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-16"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>Modern Laboratory</h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
<figure className="image-box mb_40"><img src="assets/images/service/service-14.jpg" alt="" /></figure>
|
||||
<div className="text-box">
|
||||
<h2>Modern Laboratory</h2>
|
||||
<p>Quam arcu pretium quis quam sed, laorey afficits volutpat lobortis sem consq consequat lore dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dol aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exac consequat. Duis aute irure dolor in reprehenderit in voluptate.</p>
|
||||
<p>Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proide in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis isten sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-two">
|
||||
<div className="image-inner">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-9.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor mque lauda totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vite sunt explicabo. Nemo ipsam voluptatem quia voluptas sit aspernatur.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam nmco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* service-section end */}
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
131
app/service-details/page.js
Normal file
131
app/service-details/page.js
Normal file
@ -0,0 +1,131 @@
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
export default function service() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Service Details">
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_120 pb_110">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="service-details" className="current">Cardiology</Link></li>
|
||||
<li><Link href="service-details-2">Dental Clinic</Link></li>
|
||||
<li><Link href="service-details-3">Neurosurgery</Link></li>
|
||||
<li><Link href="service-details-4">Medical</Link></li>
|
||||
<li><Link href="service-details-5">Pediatrics</Link></li>
|
||||
<li><Link href="service-details-6">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/service/service-4.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-30"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>Cardiology</h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
<figure className="image-box mb_40"><img src="assets/images/service/service-7.jpg" alt="" /></figure>
|
||||
<div className="text-box">
|
||||
<h2>Cardiology</h2>
|
||||
<p>Quam arcu pretium quis quam sed, laorey afficits volutpat lobortis sem consq consequat lore dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dol aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exac consequat. Duis aute irure dolor in reprehenderit in voluptate.</p>
|
||||
<p>Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proide in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis isten sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-two">
|
||||
<div className="image-inner">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-9.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor mque lauda totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vite sunt explicabo. Nemo ipsam voluptatem quia voluptas sit aspernatur.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam nmco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* service-section end */}
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
170
app/service/page.js
Normal file
170
app/service/page.js
Normal file
@ -0,0 +1,170 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
export default function Home() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Services">
|
||||
<div>
|
||||
{/* service-style-two */}
|
||||
<section className="service-section sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<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"><img src="assets/images/service/service-4.jpg" alt="" /></Link></figure>
|
||||
<div className="icon-box"><i className="icon-30"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="service-details">Cardiology</Link></h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other service items */}
|
||||
<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>
|
||||
{/* Repeat the above block for other service items */}
|
||||
<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-2"><img src="assets/images/service/service-5.jpg" alt="" /></Link></figure>
|
||||
<div className="icon-box"><i className="icon-32"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="service-details-2">Dental Clinic</Link></h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other service items */}
|
||||
<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>
|
||||
{/* Repeat the above block for other service items */}
|
||||
<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-5"><img src="assets/images/service/service-6.jpg" alt="" /></Link></figure>
|
||||
<div className="icon-box"><i className="icon-31"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="service-details-5">Pediatrics</Link></h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other service items */}
|
||||
<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-4"><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-4">Experienced Doctors</Link></h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other service items */}
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="service" className="current">1</Link></li>
|
||||
<li><Link href="service">2</Link></li>
|
||||
<li><Link href="service">3</Link></li>
|
||||
<li><Link href="service"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* service-style-two end */}
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
132
app/team-details/page.js
Normal file
132
app/team-details/page.js
Normal file
@ -0,0 +1,132 @@
|
||||
import React from 'react';
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Team Details">
|
||||
<section className="team-details sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="team-details-content mb_50">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-5 col-md-12 col-sm-12 image-column">
|
||||
<figure className="image-box mr_15"><img src="assets/images/team/team-13.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-7 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<h2>Jenny Wilson</h2>
|
||||
<span className="designation">Senior Doctor</span>
|
||||
<p>Eget lorem dolor sed viverra. Mattis nunc sed blandit libero volutpat sed cras ornare arcu. consectetur adipiscing elit. Libero turpis blandit blandit mauris aliquam condimentum quam suspendisse Pellentesque habitant morbi tristique senectus et netus</p>
|
||||
<ul className="info-list mb_30 clearfix">
|
||||
<li><strong>Experience: </strong>20 Years</li>
|
||||
<li><strong>Email: </strong><Link href="mailto:tanya.hill@example.com">tanya.hill@example.com</Link></li>
|
||||
<li><strong>Phone: </strong><Link href="tel:3035550105">(303) 555-0105</Link></li>
|
||||
</ul>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div className="experience-details mb_50">
|
||||
<h2>Personal Experience</h2>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
|
||||
</div>
|
||||
<div className="two-column">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 skills-column">
|
||||
<div className="skills-box">
|
||||
<div className="text-box mb_30">
|
||||
<h2>Expertise & Skills</h2>
|
||||
<p>Consectetur adipiscing elit. Semper sagittis dolor aliquet quam feugiat ultrices feugiat Viverra facilisi turpis.</p>
|
||||
</div>
|
||||
<div className="progress-inner">
|
||||
<ProgressBar label="Waste management" percent={85} />
|
||||
<ProgressBar label="Recycling" percent={90} />
|
||||
<ProgressBar label="Customer support" percent={80} />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 appointment-column">
|
||||
<div className="appointment-inner">
|
||||
<h2>Book An Appointment</h2>
|
||||
<form method="post" action="team-details" 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="phone" placeholder="Phone Number" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="email" name="email" placeholder="Email" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 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>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
212
app/team/page.js
Normal file
212
app/team/page.js
Normal file
@ -0,0 +1,212 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Team">
|
||||
<div>
|
||||
<section className="team-section sec-pad-2 centred">
|
||||
<div className="auto-container">
|
||||
<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 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-9.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">Jerome Bell</Link></h3>
|
||||
<span className="designation">Cardiologist</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-10.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">Guy Hawkins</Link></h3>
|
||||
<span className="designation">Pathologist</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-11.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">Courtney Henry</Link></h3>
|
||||
<span className="designation">Pathologist</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-12.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">Ralph Edwards</Link></h3>
|
||||
<span className="designation">Ophthalmologist</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="team" className="current">1</Link></li>
|
||||
<li><Link href="team">2</Link></li>
|
||||
<li><Link href="team">3</Link></li>
|
||||
<li><Link href="team"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
95
app/tesmonial/page.js
Normal file
95
app/tesmonial/page.js
Normal file
@ -0,0 +1,95 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
const getTestimonialName = (index) => {
|
||||
// Replace with actual names based on the index or fetch from a data source
|
||||
const names = ['Jane Cooper', 'Black, Marvin', 'Jenny Wilson', 'Devon Lane', 'Jacob Jones', 'Ralph Edwards'];
|
||||
return names[index - 1] || 'Unknown';
|
||||
};
|
||||
|
||||
const getTestimonialDesignation = (index) => {
|
||||
// Replace with actual designations based on the index or fetch from a data source
|
||||
const designations = ['Marketing Coordinator', 'Web Designer', 'Medical Assistant', 'President of Sales', 'Nursing Assistant', 'Dog Trainer'];
|
||||
return designations[index - 1] || 'Unknown Designation';
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Testimonial">
|
||||
<div>
|
||||
<section className="testimonial-page-section sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
{/* Repeat the testimonial blocks for each testimonial */}
|
||||
{[1, 2, 3, 4, 5, 6].map((index) => (
|
||||
<div key={index} className="col-lg-6 col-md-6 col-sm-12 testimonial-block">
|
||||
<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-${index}.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>
|
||||
{/* Replace the names and designations dynamically */}
|
||||
<h3>{getTestimonialName(index)}</h3>
|
||||
<span className="designation">{getTestimonialDesignation(index)}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="testimonials" className="current">1</Link></li>
|
||||
<li><Link href="testimonials">2</Link></li>
|
||||
<li><Link href="testimonials">3</Link></li>
|
||||
<li><Link href="testimonials"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
228
app/works/page.js
Normal file
228
app/works/page.js
Normal file
@ -0,0 +1,228 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
|
||||
import Link from "next/link"
|
||||
import React, { useState } from 'react';
|
||||
import ModalVideo from 'react-modal-video'
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1} breadcrumbTitle="How It Works">
|
||||
<div>
|
||||
<section className="process-section sec-pad bg-color-1">
|
||||
<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.png)' }}></div>
|
||||
|
||||
{/* Processing Blocks */}
|
||||
{[1, 2, 3].map((count) => (
|
||||
<div key={count} className={`processing-block-one wow fadeInLeft animated`} data-wow-delay={`${(count - 1) * 300}ms`} data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">0{count}</span>
|
||||
<figure className="image-box"><img src={`assets/images/resource/process-${count}.jpg`} alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
{/* Replace with actual titles and descriptions */}
|
||||
<h3>Title {count}</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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>
|
||||
|
||||
<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></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>
|
||||
|
||||
<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 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 className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="team" className="current">1</Link></li>
|
||||
<li><Link href="team">2</Link></li>
|
||||
<li><Link href="team">3</Link></li>
|
||||
<li><Link href="team"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe */}
|
||||
<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>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
14
components/elements/BackToTop.js
Normal file
14
components/elements/BackToTop.js
Normal file
@ -0,0 +1,14 @@
|
||||
import Link from "next/link";
|
||||
|
||||
export default function BackToTop({ scroll }) {
|
||||
|
||||
return (
|
||||
<>
|
||||
{scroll && (
|
||||
<Link className="scroll-to-top scroll-to-target d-block" href="#top">
|
||||
<i className="fas fa-angle-up"></i>
|
||||
</Link>
|
||||
)}
|
||||
</>
|
||||
)
|
||||
}
|
||||
56
components/elements/Counter.js
Normal file
56
components/elements/Counter.js
Normal file
@ -0,0 +1,56 @@
|
||||
import { useEffect, useRef, useState } from 'react'
|
||||
|
||||
|
||||
export default function Counter({ end, duration }) {
|
||||
const [count, setCount] = useState(0)
|
||||
const countRef = useRef(null)
|
||||
const increment = end / duration
|
||||
|
||||
useEffect(() => {
|
||||
const observer = new IntersectionObserver(
|
||||
([entry]) => {
|
||||
if (entry.isIntersecting) {
|
||||
startCount()
|
||||
observer.disconnect()
|
||||
}
|
||||
},
|
||||
{ threshold: 0 }
|
||||
)
|
||||
|
||||
if (countRef.current) {
|
||||
observer.observe(countRef.current)
|
||||
}
|
||||
|
||||
return () => {
|
||||
observer.disconnect()
|
||||
}
|
||||
}, [])
|
||||
|
||||
useEffect(() => {
|
||||
const interval = setInterval(() => {
|
||||
setCount((prevCount) => {
|
||||
const newCount = prevCount + increment
|
||||
if (newCount >= end) {
|
||||
clearInterval(interval)
|
||||
return end
|
||||
} else {
|
||||
return newCount
|
||||
}
|
||||
})
|
||||
}, 1000 / duration)
|
||||
|
||||
return () => {
|
||||
clearInterval(interval)
|
||||
}
|
||||
}, [end, increment])
|
||||
|
||||
const startCount = () => {
|
||||
setCount(0)
|
||||
}
|
||||
|
||||
return (
|
||||
<span ref={countRef}>
|
||||
<span>{Math.round(count)}</span>
|
||||
</span>
|
||||
)
|
||||
}
|
||||
31
components/elements/CounterUp.js
Normal file
31
components/elements/CounterUp.js
Normal file
@ -0,0 +1,31 @@
|
||||
'use client'
|
||||
import { useEffect, useState } from 'react'
|
||||
import Counter from './Counter'
|
||||
|
||||
export default function CounterUp({ end }) {
|
||||
const [inViewport, setInViewport] = useState(false)
|
||||
|
||||
const handleScroll = () => {
|
||||
const elements = document.getElementsByClassName('count-text')
|
||||
if (elements.length > 0) {
|
||||
const element = elements[0]
|
||||
const rect = element.getBoundingClientRect()
|
||||
const isInViewport = rect.top >= 0 && rect.bottom <= window.innerHeight
|
||||
if (isInViewport && !inViewport) {
|
||||
setInViewport(true)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
window.addEventListener('scroll', handleScroll)
|
||||
return () => {
|
||||
window.removeEventListener('scroll', handleScroll)
|
||||
}
|
||||
}, [])
|
||||
return (
|
||||
<>
|
||||
<span className="count-text">{inViewport && <Counter end={end} duration={20} />}</span>
|
||||
</>
|
||||
)
|
||||
}
|
||||
16
components/elements/DataBg.js
Normal file
16
components/elements/DataBg.js
Normal file
@ -0,0 +1,16 @@
|
||||
import { useEffect } from 'react'
|
||||
|
||||
export default function DataBg() {
|
||||
useEffect(() => {
|
||||
const elements = document.querySelectorAll('[data-bg]')
|
||||
|
||||
elements.forEach((element) => {
|
||||
element.style.backgroundImage = `url(${element.getAttribute('data-bg')})`
|
||||
})
|
||||
}, [])
|
||||
return (
|
||||
<>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
134
components/elements/PortfolioFilter1.js
Normal file
134
components/elements/PortfolioFilter1.js
Normal file
@ -0,0 +1,134 @@
|
||||
|
||||
'use client'
|
||||
import Isotope from "isotope-layout"
|
||||
import Link from "next/link"
|
||||
import { useCallback, useEffect, useRef, useState } from "react"
|
||||
|
||||
export default function PortfolioFilter1() {
|
||||
// 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 centred mb_60">
|
||||
<ul className="filter-tabs filter-btns clearfix">
|
||||
<li className={activeBtn("*")} onClick={handleFilterKeyChange("*")}>Biochemics</li>
|
||||
<li className={activeBtn("cat-1")} onClick={handleFilterKeyChange("cat-1")}>Cardiology </li>
|
||||
<li className={activeBtn("cat-2")} onClick={handleFilterKeyChange("cat-2")}>Neurosurgery</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div className="items-container row clearfix">
|
||||
{/* Case Block */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 masonry-item all cat-1 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-1.jpg" alt="" /></figure>
|
||||
<div className="content-box">
|
||||
<div className="link-box"><a href="project-details" className="lightbox-image" data-fancybox="gallery">
|
||||
<i className="icon-4"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Case Block */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 masonry-item all cat-2 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-2.jpg" alt="" /></figure>
|
||||
<div className="content-box">
|
||||
<div className="link-box"><a href="project-details" className="lightbox-image" data-fancybox="gallery">
|
||||
<i className="icon-4"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Case Block */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 masonry-item all cat-1 cat-2 cat-4 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-3.jpg" alt="" /></figure>
|
||||
<div className="content-box">
|
||||
<div className="link-box"><a href="project-details" className="lightbox-image" data-fancybox="gallery">
|
||||
<i className="icon-4"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Case Block */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 masonry-item all cat-1 cat-3 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-4.jpg" alt="" /></figure>
|
||||
<div className="content-box">
|
||||
<div className="link-box"><a href="project-details" className="lightbox-image" data-fancybox="gallery">
|
||||
<i className="icon-4"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{/* Case Block */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 masonry-item all cat-2 cat-1 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-5.jpg" alt="" /></figure>
|
||||
<div className="content-box">
|
||||
<div className="link-box"><a href="project-details" className="lightbox-image" data-fancybox="gallery">
|
||||
<i className="icon-4"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Case Block */}
|
||||
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
199
components/elements/PortfolioFilter3.js
Normal file
199
components/elements/PortfolioFilter3.js
Normal file
@ -0,0 +1,199 @@
|
||||
|
||||
'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>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
173
components/elements/PortfolioFilter4.js
Normal file
173
components/elements/PortfolioFilter4.js
Normal file
@ -0,0 +1,173 @@
|
||||
|
||||
'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>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
120
components/elements/PortfolioFilter5.js
Normal file
120
components/elements/PortfolioFilter5.js
Normal file
@ -0,0 +1,120 @@
|
||||
|
||||
'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>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
14
components/elements/Preloader.js
Normal file
14
components/elements/Preloader.js
Normal file
@ -0,0 +1,14 @@
|
||||
export default function Preloader() {
|
||||
return (
|
||||
<>
|
||||
<div className="loader-wrap">
|
||||
<div className="preloader"><div className="preloader-close">Preloader Close</div></div>
|
||||
<div className="layer layer-one"><span className="overlay" /></div>
|
||||
<div className="layer layer-two"><span className="overlay" /></div>
|
||||
<div className="layer layer-three"><span className="overlay" /></div>
|
||||
</div>
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
31
components/elements/QuantityInput.js
Normal file
31
components/elements/QuantityInput.js
Normal file
@ -0,0 +1,31 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
63
components/elements/ServiceTabs1.js
Normal file
63
components/elements/ServiceTabs1.js
Normal file
@ -0,0 +1,63 @@
|
||||
'use client'
|
||||
import { useState } from "react"
|
||||
|
||||
export default function ServiceTabs1() {
|
||||
const [activeIndex, setActiveIndex] = useState(1)
|
||||
const handleOnClick = (index) => {
|
||||
setActiveIndex(index)
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
<ul className="nav nav-tabs tab-btn-style-one mr-md-4" role="tablist">
|
||||
<li className="nav-item" onClick={() => handleOnClick(1)}>
|
||||
<a className={activeIndex == 1 ? "nav-link active" : "nav-link"}>01. Workflow & Process
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-item" onClick={() => handleOnClick(2)}>
|
||||
<a className={activeIndex == 2 ? "nav-link active" : "nav-link"}>
|
||||
02. Research analysis
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-item" onClick={() => handleOnClick(3)}>
|
||||
<a className={activeIndex == 3 ? "nav-link active" : "nav-link"}>
|
||||
03. Financial statement
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-item" onClick={() => handleOnClick(4)}>
|
||||
<a className={activeIndex == 4 ? "nav-link active" : "nav-link"}>
|
||||
04. Risk assuarance
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
{/* Tab panes */}
|
||||
<div className="tab-content wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1200ms">
|
||||
<div className={activeIndex == 1 ? "tab-pane fadeInUp animated show active" : "tab-pane fadeInUp animated"}>
|
||||
<h4>Workflow and <br />our successive work process</h4>
|
||||
<div className="text">Blinded by desire that they cannot forese the pain and trouble that are bound to ensue and equal blame belongs to those who fail in their through weakness shrinking.</div>
|
||||
<img src="/assets/images/resource/single-service-4.jpg" alt="" />
|
||||
</div>
|
||||
<div className={activeIndex == 2 ? "tab-pane fadeInUp animated show active" : "tab-pane fadeInUp animated"}>
|
||||
<h4>Workflow and <br />our successive work process</h4>
|
||||
<div className="text">Blinded by desire that they cannot forese the pain and trouble that are bound to ensue and equal blame belongs to those who fail in their through weakness shrinking.</div>
|
||||
<img src="/assets/images/resource/single-service-4.jpg" alt="" />
|
||||
</div>
|
||||
<div className={activeIndex == 3 ? "tab-pane fadeInUp animated show active" : "tab-pane fadeInUp animated"}>
|
||||
<h4>Workflow and <br />our successive work process</h4>
|
||||
<div className="text">Blinded by desire that they cannot forese the pain and trouble that are bound to ensue and equal blame belongs to those who fail in their through weakness shrinking.</div>
|
||||
<img src="/assets/images/resource/single-service-4.jpg" alt="" />
|
||||
</div>
|
||||
<div className={activeIndex == 4 ? "tab-pane fadeInUp animated show active" : "tab-pane fadeInUp animated"}>
|
||||
<h4>Workflow and <br />our successive work process</h4>
|
||||
<div className="text">Blinded by desire that they cannot forese the pain and trouble that are bound to ensue and equal blame belongs to those who fail in their through weakness shrinking.</div>
|
||||
<img src="/assets/images/resource/single-service-4.jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
27
components/elements/ThemeSwitch.js
Normal file
27
components/elements/ThemeSwitch.js
Normal file
@ -0,0 +1,27 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
54
components/elements/VideoPopup.js
Normal file
54
components/elements/VideoPopup.js
Normal file
@ -0,0 +1,54 @@
|
||||
'use client'
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
|
||||
|
||||
export default function VideoPopup({ style, text }) {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
return (
|
||||
<>
|
||||
{/* <a onClick={() => setOpen(true)} className="lightbox-image"><i className="icon-play" /></a> */}
|
||||
{/* <span className="icon-10" onClick={() => setOpen(true)} /> */}
|
||||
{!style &&
|
||||
<a onClick={() => setOpen(true)} className="overlay-link lightbox-image video-fancybox ripple"><span className="icon-10" />
|
||||
</a>
|
||||
|
||||
}
|
||||
|
||||
|
||||
{style === 1 &&
|
||||
<div className="video-btn">
|
||||
<a onClick={() => setOpen(true)} className="overlay-link lightbox-image video-fancybox ripple"><span className="icon-10" /> </a>
|
||||
</div>
|
||||
}
|
||||
{style === 2 &&
|
||||
<div className="video-btn">
|
||||
<a onClick={() => setOpen(true)} className="overlay-link lightbox-image video-fancybox ripple"><span className="icon-10" /></a><h6>{text ? text : "Latest Program Video"}</h6>
|
||||
</div>
|
||||
}
|
||||
{style === 3 &&
|
||||
<div className="video-btn">
|
||||
<a onClick={() => setOpen(true)} className="lightbox-image">
|
||||
<i className="customicon-play-button" />
|
||||
<span className="border-animation border-1" />
|
||||
<span className="border-animation border-2" />
|
||||
<span className="border-animation border-3" />
|
||||
</a>
|
||||
</div>
|
||||
}
|
||||
{style === 4 &&
|
||||
<div className="video-btn">
|
||||
<a onClick={() => setOpen(true)} className="lightbox-image">
|
||||
<img src="/assets/images-4/icons/video-btn-1.png" alt="" /></a>
|
||||
</div>
|
||||
}
|
||||
{style === 5 &&
|
||||
<a onClick={() => setOpen(true)} className="video-btn overlay-link lightbox-image video-fancybox ripple"><span className="fas fa-play" /></a>
|
||||
}
|
||||
|
||||
|
||||
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="vfhzo499OeA" onClose={() => setOpen(false)} />
|
||||
</>
|
||||
)
|
||||
}
|
||||
29
components/layout/Breadcrumb.js
Normal file
29
components/layout/Breadcrumb.js
Normal file
@ -0,0 +1,29 @@
|
||||
import Link from "next/link"
|
||||
|
||||
export default function Breadcrumb({ breadcrumbTitle }) {
|
||||
return (
|
||||
<>
|
||||
|
||||
<section className="page-title p_relative centred">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/page-title.jpg)' }}></div>
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
|
||||
<div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="pattern-4 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="content-box">
|
||||
<h1>{breadcrumbTitle}</h1>
|
||||
<ul className="bread-crumb clearfix">
|
||||
<li><Link href="/">Home</Link></li>
|
||||
<li>{breadcrumbTitle}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
70
components/layout/Layout.js
Normal file
70
components/layout/Layout.js
Normal file
@ -0,0 +1,70 @@
|
||||
|
||||
'use client'
|
||||
import { useEffect, useState } from "react";
|
||||
import dynamic from 'next/dynamic';
|
||||
|
||||
// Dynamic import for the WOW library
|
||||
const WOW = dynamic(() => import('wowjs/dist/wow'));
|
||||
|
||||
import BackToTop from '../elements/BackToTop';
|
||||
import DataBg from "../elements/DataBg";
|
||||
import Breadcrumb from './Breadcrumb';
|
||||
import SearchPopup from "./SearchPopup";
|
||||
import Sidebar from "./Sidebar";
|
||||
import Footer1 from './footer/Footer1';
|
||||
import Footer2 from './footer/Footer2';
|
||||
import Header1 from "./header/Header1";
|
||||
import Header2 from './header/Header2';
|
||||
import Header3 from "./header/Header3";
|
||||
import Header4 from "./header/Header4";
|
||||
|
||||
export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumbTitle, children, wrapperCls }) {
|
||||
const [scroll, setScroll] = useState(0);
|
||||
const [isMobileMenu, setMobileMenu] = useState(false);
|
||||
const handleMobileMenu = () => {
|
||||
setMobileMenu(!isMobileMenu);
|
||||
document.body.classList.toggle("mobile-menu-visible", !isMobileMenu);
|
||||
};
|
||||
const [isPopup, setPopup] = useState(false);
|
||||
const handlePopup = () => setPopup(!isPopup);
|
||||
const [isSidebar, setSidebar] = useState(false);
|
||||
const handleSidebar = () => setSidebar(!isSidebar);
|
||||
|
||||
useEffect(() => {
|
||||
const WOW = require('wowjs')
|
||||
window.wow = new WOW.WOW({
|
||||
live: false
|
||||
})
|
||||
window.wow.init()
|
||||
|
||||
document.addEventListener("scroll", () => {
|
||||
const scrollCheck = window.scrollY > 100
|
||||
if (scrollCheck !== scroll) {
|
||||
setScroll(scrollCheck)
|
||||
}
|
||||
})
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<>
|
||||
<DataBg />
|
||||
<div className={`boxed_wrapper ltr ${wrapperCls ? wrapperCls : ""}`} id="#top">
|
||||
{(headerStyle === 1 || !headerStyle) && <Header1 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} handlePopup={handlePopup} isSidebar={isSidebar} handleSidebar={handleSidebar} />}
|
||||
{headerStyle === 2 && <Header2 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} handlePopup={handlePopup} isSidebar={isSidebar} handleSidebar={handleSidebar} />}
|
||||
{headerStyle === 3 && <Header3 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} handlePopup={handlePopup} isSidebar={isSidebar} handleSidebar={handleSidebar} />}
|
||||
{headerStyle === 4 && <Header4 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} handlePopup={handlePopup} isSidebar={isSidebar} handleSidebar={handleSidebar} />}
|
||||
|
||||
<Sidebar isSidebar={isSidebar} handleSidebar={handleSidebar} />
|
||||
<SearchPopup isPopup={isPopup} handlePopup={handlePopup} />
|
||||
|
||||
{breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} />}
|
||||
|
||||
{children}
|
||||
|
||||
{(footerStyle === 1 || !footerStyle) && <Footer1 />}
|
||||
{footerStyle === 2 && <Footer2 />}
|
||||
</div>
|
||||
<BackToTop scroll={scroll} />
|
||||
</>
|
||||
);
|
||||
}
|
||||
72
components/layout/Menu.js
Normal file
72
components/layout/Menu.js
Normal file
@ -0,0 +1,72 @@
|
||||
import Link from "next/link"
|
||||
// import { useRouter } from "next/router"
|
||||
|
||||
export default function Menu() {
|
||||
// const router = useRouter()
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
{/* <ul className="sub-menu">
|
||||
<Link className={router.pathname == "/" ? "active" : ""}>Home Default</Link>
|
||||
<Link className={router.pathname == "/index-2" ? "active" : ""}>Home Interior</Link>
|
||||
</ul> */}
|
||||
|
||||
<ul className="navigation clearfix">
|
||||
<li className="dropdown"><Link href="/">Home</Link>
|
||||
<ul>
|
||||
<li><Link href="/">Home Page One</Link></li>
|
||||
<li><Link href="/index-2">Home Page Two</Link></li>
|
||||
<li><Link href="/index-3">Home Page Three</Link></li>
|
||||
<li><Link href="/onepage">OnePage Home</Link></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><Link href="/about-us">About Us</Link></li>
|
||||
<li className="dropdown"><Link href="/">Services</Link>
|
||||
<ul>
|
||||
<li><Link href="/service">Our Services</Link></li>
|
||||
<li><Link href="/service-details">Cardiology</Link></li>
|
||||
<li><Link href="/service-details-2">Dental Clinic</Link></li>
|
||||
<li><Link href="/service-details-3">Neurosurgery</Link></li>
|
||||
<li><Link href="/service-details-4">Medical</Link></li>
|
||||
<li><Link href="/service-details-5">Pediatrics</Link></li>
|
||||
<li><Link href="/service-details-6">Modern Laboratory</Link></li>
|
||||
{/* ... (similarly for other service items) */}
|
||||
</ul>
|
||||
</li>
|
||||
<li className="dropdown"><Link href="/">Team</Link>
|
||||
<ul>
|
||||
<li><Link href="/team">Our Team</Link></li>
|
||||
<li><Link href="/team-details">Team Details</Link></li>
|
||||
</ul>
|
||||
</li>
|
||||
{/* Pages */}
|
||||
<li className="dropdown"><Link href="/">Pages</Link>
|
||||
<ul>
|
||||
<li className="dropdown"><Link href="/">Blog</Link>
|
||||
<ul>
|
||||
<li><Link href="/blog">Blog Grid</Link></li>
|
||||
<li><Link href="/blog-2">Blog Sidebar</Link></li>
|
||||
<li><Link href="/blog-details">Blog Details</Link></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><Link href="/tesmonial">Tesmonial</Link></li>
|
||||
<li><Link href="/works">How it works</Link></li>
|
||||
<li><Link href="/chooseus">Why Choose Us</Link></li>
|
||||
<li><Link href="/pricing-table">Pricing-Table</Link></li>
|
||||
<li><Link href="/faq">Faq's</Link></li>
|
||||
<li><Link href="/gallery">Gallery</Link></li>
|
||||
<li><Link href="/appointment">Make Appointment</Link></li>
|
||||
<li><Link href="/error-page">Page Not Found</Link></li>
|
||||
|
||||
|
||||
{/* ... (similarly for other page items) */}
|
||||
</ul>
|
||||
</li>
|
||||
{/* Contact */}
|
||||
<li><Link href="/contact">Contact</Link></li>
|
||||
</ul>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
127
components/layout/MobileMenu.js
Normal file
127
components/layout/MobileMenu.js
Normal file
@ -0,0 +1,127 @@
|
||||
'use client'
|
||||
import Link from "next/link";
|
||||
import { useState } from "react";
|
||||
|
||||
export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar }) {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: "",
|
||||
subMenuKey: "",
|
||||
});
|
||||
|
||||
const handleToggle = (key, subMenuKey = "") => {
|
||||
if (isActive.key === key && isActive.subMenuKey === subMenuKey) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
key: "",
|
||||
subMenuKey: "",
|
||||
});
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
subMenuKey,
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="mobile-menu">
|
||||
<div className="menu-backdrop" onClick={handleMobileMenu} />
|
||||
<div className="close-btn" onClick={handleMobileMenu}><span className="far fa-times" /></div>
|
||||
<nav className="menu-box">
|
||||
<div className="nav-logo">
|
||||
<Link href="/">
|
||||
<img src="/assets/images/logo-2.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="menu-outer">
|
||||
<div
|
||||
className="collapse navbar-collapse show clearfix"
|
||||
id="navbarSupportedContent">
|
||||
<ul className="navigation clearfix">
|
||||
<li className={isActive.key == 1 ? "dropdown current" : "dropdown"}>
|
||||
<Link href="/" >Home</Link>
|
||||
<ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
|
||||
<li><Link href="/"onClick={handleMobileMenu}>Home Page One</Link></li>
|
||||
<li><Link href="/index-2" onClick={handleMobileMenu}>Home Page Two</Link></li>
|
||||
<li><Link href="/index-3" onClick={handleMobileMenu}>Home Page Three</Link></li>
|
||||
<li><Link href="/onepage" onClick={handleMobileMenu}>One Page Home</Link></li>
|
||||
</ul>
|
||||
<div className={isActive.key == 1 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(1)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
<li><Link href="/about-us">About</Link></li>
|
||||
<li className={isActive.key == 2 ? "dropdown current" : "dropdown"}>
|
||||
<Link href="/#">Services</Link>
|
||||
<ul style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
|
||||
<li><Link href="/service" onClick={handleMobileMenu}>Our Services</Link></li>
|
||||
<li><Link href="/service-details" onClick={handleMobileMenu}>Cardioligy</Link></li>
|
||||
<li><Link href="/service-details-2" onClick={handleMobileMenu}>Dental Clinic</Link></li>
|
||||
<li><Link href="/service-details-3" onClick={handleMobileMenu}>NeuroSergery</Link></li>
|
||||
<li><Link href="/service-details-4" onClick={handleMobileMenu}>Medical</Link></li>
|
||||
<li><Link href="/service-details-5" onClick={handleMobileMenu}>Pediatrics</Link></li>
|
||||
<li><Link href="/service-details-6" onClick={handleMobileMenu}>Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
<div className={isActive.key == 2 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(2)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
|
||||
<li className={isActive.key == 3 ? "dropdown current" : "dropdown"}>
|
||||
<Link href="/#">Team</Link>
|
||||
<ul style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
|
||||
<li><Link href="/team" onClick={handleMobileMenu}>Our Team</Link></li>
|
||||
<li><Link href="/team-details" onClick={handleMobileMenu}>Team Details</Link></li>
|
||||
</ul>
|
||||
<div className={isActive.key == 3 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(3)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
<li className={isActive.key == 4 ? "dropdown current" : "dropdown"}>
|
||||
<Link href="/#">Pages</Link>
|
||||
<ul style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
|
||||
<li className={isActive.subMenuKey == 5 ? "dropdown current" : "dropdown"}><Link href="/#">News</Link>
|
||||
<ul style={{ display: `${isActive.subMenuKey == 5 ? "block" : "none"}` }}>
|
||||
<li><Link href="/blog" onClick={handleMobileMenu}>Blog Grid</Link></li>
|
||||
<li><Link href="/blog-2" onClick={handleMobileMenu}>Blog Sidebar</Link></li>
|
||||
<li><Link href="/blog-details" onClick={handleMobileMenu}>Blog Details</Link></li>
|
||||
</ul>
|
||||
<div className={isActive.subMenuKey == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4,5)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
<li><Link href="/tesmonial" onClick={handleMobileMenu}>Tesmonial</Link></li>
|
||||
<li><Link href="/works" onClick={handleMobileMenu}>How it works</Link></li>
|
||||
<li><Link href="/chooseus" onClick={handleMobileMenu}>Why Choose Us</Link></li>
|
||||
<li><Link href="/pricing-table" onClick={handleMobileMenu}>Pricing-Table</Link></li>
|
||||
<li><Link href="/faq" onClick={handleMobileMenu}>Faq's</Link></li>
|
||||
<li><Link href="/gallery" onClick={handleMobileMenu}>Gallery</Link></li>
|
||||
<li><Link href="/appointment" onClick={handleMobileMenu}>Make Appointment</Link></li>
|
||||
<li><Link href="/error-page" onClick={handleMobileMenu}>Page Not Found</Link></li>
|
||||
</ul>
|
||||
<div className={isActive.key == 4 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
<li><Link href="/contact" onClick={handleMobileMenu}>Contact</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="contact-info">
|
||||
<h4>Contact Info</h4>
|
||||
<ul>
|
||||
<li>Chicago 12, Melborne City, USA</li>
|
||||
<li><Link href="tel:+8801682648101">+88 01682648101</Link></li>
|
||||
<li><Link href="mailto:info@example.com">info@example.com</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
{/*Social Links*/}
|
||||
<div className="social-links">
|
||||
<ul className="clearfix">
|
||||
<li><Link href="/"><span className="fab fa-twitter"></span></Link></li>
|
||||
<li><Link href="/"><span className="fab fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="/"><span className="fab fa-pinterest-p"></span></Link></li>
|
||||
<li><Link href="/"><span className="fab fa-instagram"></span></Link></li>
|
||||
<li><Link href="/l"><span className="fab fa-youtube"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>{/* End Mobile Menu */}
|
||||
<div className="nav-overlay" style={{ display: `${isSidebar ? "block" : "none"}` }} onClick={handleSidebar} />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
85
components/layout/MobileMenu2.js
Normal file
85
components/layout/MobileMenu2.js
Normal file
@ -0,0 +1,85 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import { useState } from "react"
|
||||
export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar }) {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: "",
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<div className="mobile-menu">
|
||||
<div className="menu-backdrop" onClick={handleMobileMenu} />
|
||||
<div className="close-btn" onClick={handleMobileMenu}>
|
||||
<i className="fas fa-times"></i>
|
||||
</div>
|
||||
<nav className="menu-box">
|
||||
<div className="nav-logo">
|
||||
<Link href="/">
|
||||
<img src="assets/images/logo.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
{/* menu-outer */}
|
||||
<div className="menu-outer">
|
||||
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
|
||||
<ul className="navigation clearfix">
|
||||
<li className={isActive.key === 1 ? "dropdown current" : "dropdown"}>
|
||||
<Link href="/" onClick={handleMobileMenu}>Home</Link>
|
||||
<ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
|
||||
<li><Link href="/"onClick={handleMobileMenu}>Home Page One</Link></li>
|
||||
<li><Link href="/index-2"onClick={handleMobileMenu}>Home Page Two</Link></li>
|
||||
<li><Link href="/index-3"onClick={handleMobileMenu}>Home Page Three</Link></li>
|
||||
<li><Link href="/index-onepage"onClick={handleMobileMenu}>OnePage Home</Link></li>
|
||||
</ul>
|
||||
<div className={isActive.key === 1 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(1)}>
|
||||
<span className="fa fa-angle-right" />
|
||||
</div>
|
||||
</li>
|
||||
<li><Link href="#about"onClick={handleMobileMenu}>About</Link></li>
|
||||
<li><Link href="#service"onClick={handleMobileMenu}>Service</Link></li>
|
||||
<li><Link href="#team"onClick={handleMobileMenu}>Team</Link></li>
|
||||
<li><Link href="#news"onClick={handleMobileMenu}>News</Link></li>
|
||||
<li><Link href="#footer"onClick={handleMobileMenu}>Footer</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* menu-outer end */}
|
||||
<div className="contact-info">
|
||||
<h4>Contact Info</h4>
|
||||
<ul>
|
||||
<li>Chicago 12, Melbourne City, USA</li>
|
||||
<li><Link href="tel:+8801682648101">+88 01682648101</Link></li>
|
||||
<li><Link href="mailto:info@example.com">info@example.com</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Social Links */}
|
||||
<div className="social-links">
|
||||
<ul className="clearfix">
|
||||
<li><Link href="/"><span className="fab fa-twitter"></span></Link></li>
|
||||
<li><Link href="/"><span className="fab fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="/"><span className="fab fa-pinterest-p"></span></Link></li>
|
||||
<li><Link href="/"><span className="fab fa-instagram"></span></Link></li>
|
||||
<li><Link href="/"><span className="fab fa-youtube"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>{/* End Mobile Menu */}
|
||||
<div className="nav-overlay" style={{ display: `${isSidebar ? "block" : "none"}` }} onClick={handleSidebar} />
|
||||
</>
|
||||
);
|
||||
}
|
||||
33
components/layout/OnepageMenu.js
Normal file
33
components/layout/OnepageMenu.js
Normal file
@ -0,0 +1,33 @@
|
||||
import Link from "next/link"
|
||||
// import { useRouter } from "next/router"
|
||||
|
||||
export default function Menu() {
|
||||
// const router = useRouter()
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
{/* <ul className="sub-menu">
|
||||
<Link className={router.pathname == "/" ? "active" : ""}>Home Default</Link>
|
||||
<Link className={router.pathname == "/index-2" ? "active" : ""}>Home Interior</Link>
|
||||
</ul> */}
|
||||
|
||||
<ul className="navigation clearfix">
|
||||
<li className=" dropdown"><Link href="/">Home</Link>
|
||||
<ul>
|
||||
<li><Link href="/">Home Page One</Link></li>
|
||||
<li><Link href="/index-2">Home Page Two</Link></li>
|
||||
<li><Link href="/index-3">Home Page Three</Link></li>
|
||||
<li><Link href="/onepage">OnePage Home</Link></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><Link href="#about">About</Link></li>
|
||||
<li><Link href="#service">Service</Link></li>
|
||||
<li><Link href="#team">Team</Link></li>
|
||||
<li><Link href="#news">News</Link></li>
|
||||
<li><Link href="#footer">Footer</Link></li>
|
||||
</ul>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
33
components/layout/SearchPopup.js
Normal file
33
components/layout/SearchPopup.js
Normal file
@ -0,0 +1,33 @@
|
||||
import Link from "next/link"
|
||||
|
||||
export default function SearchPopup({ isPopup, handlePopup }) {
|
||||
return (
|
||||
<>
|
||||
<div id="search-popup" className={`search-popup ${isPopup ? "popup-visible" : ""}`}>
|
||||
<div className="popup-inner">
|
||||
<div className="upper-box clearfix">
|
||||
<div className="close-search pull-right" onClick={handlePopup}>
|
||||
<span className="far fa-times"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="overlay-layer"></div>
|
||||
<div className="auto-container">
|
||||
<div className="search-form">
|
||||
<form method="post" action="index.html">
|
||||
<div className="form-group">
|
||||
<fieldset>
|
||||
<input type="search" className="form-control" name="search-input" placeholder="Search Here" required />
|
||||
<button type="submit">
|
||||
<i className="far fa-search"></i>
|
||||
</button>
|
||||
</fieldset>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
59
components/layout/Sidebar.js
Normal file
59
components/layout/Sidebar.js
Normal file
@ -0,0 +1,59 @@
|
||||
import Link from "next/link"
|
||||
|
||||
export default function Sidebar({ isSidebar, handleSidebar }) {
|
||||
return (
|
||||
<>
|
||||
|
||||
|
||||
<div className={`xs-sidebar-group info-group info-sidebar ${isSidebar ? "isActive" : ""}`} >
|
||||
<div className="xs-overlay xs-bg-black"></div>
|
||||
<div className="xs-overlay xs-overlay-2 xs-bg-black" onClick={handleSidebar}></div>
|
||||
<div className="xs-overlay xs-overlay-3 xs-bg-black" onClick={handleSidebar}></div>
|
||||
<div className="xs-overlay xs-overlay-4 xs-bg-black" onClick={handleSidebar}></div>
|
||||
<div className="xs-overlay xs-overlay-5 xs-bg-black" onClick={handleSidebar}></div>
|
||||
<div className="xs-sidebar-widget">
|
||||
<div className="sidebar-widget-container">
|
||||
<div className="widget-heading">
|
||||
<a className="close-side-widget" onClick={handleSidebar}><i className="fa fa-times"></i></a>
|
||||
</div>
|
||||
<div className="sidebar-textwidget">
|
||||
<div className="sidebar-info-contents">
|
||||
<div className="content-inner">
|
||||
<div className="logo">
|
||||
<Link href="/"><img src="assets/images/logo.png" alt="" /></Link>
|
||||
</div>
|
||||
<div className="content-box">
|
||||
<h4>About Us</h4>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi</p>
|
||||
<p>Research oriented solutions for Data Science and Machine Learning business needs.</p>
|
||||
<Link href="about.html" className="theme-btn btn-one"><span>About Us</span></Link>
|
||||
</div>
|
||||
<div className="contact-info">
|
||||
<h4>Contact Info</h4>
|
||||
<ul>
|
||||
<li>Chicago 12, Melborne City, USA</li>
|
||||
<li><Link href="tel:+8801682648101">+88 01682648101</Link></li>
|
||||
<li><Link href="mailto:info@example.com">info@example.com</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul className="social-box">
|
||||
<li><Link href="index-2.html"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="index-2.html"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="index-2.html"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="index-2.html"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
98
components/layout/footer/Footer1.js
Normal file
98
components/layout/footer/Footer1.js
Normal file
@ -0,0 +1,98 @@
|
||||
import Link from "next/link"
|
||||
|
||||
export default function Footer1() {
|
||||
return (
|
||||
<>
|
||||
<footer className="main-footer" id="footer">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-24.png)" }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-25.png)" }}></div>
|
||||
<div className="pattern-4"></div>
|
||||
</div>
|
||||
<div className="widget-section pt_120 pb_100">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget logo-widget">
|
||||
<figure className="footer-logo"><Link href="/"><img src="assets/images/footer-logo.png" alt="" /></Link></figure>
|
||||
<p>Lorem ipsum dolor sit amet constetur adipiscing elit. Etiam eu turpis mostie dictum est a, mattis tellus.</p>
|
||||
<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>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget ml_110">
|
||||
<div className="widget-title">
|
||||
<h3>Quick Link</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
<li><Link href="/">Home</Link></li>
|
||||
<li><Link href="about">About Us</Link></li>
|
||||
<li><Link href="service">Services</Link></li>
|
||||
<li><Link href="/">Elements</Link></li>
|
||||
<li><Link href="contact">Contacts Us</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget ml_55">
|
||||
<div className="widget-title">
|
||||
<h3>Useful Links</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
<li><Link href="/">Privacy Policy</Link></li>
|
||||
<li><Link href="/">Terms &</Link></li>
|
||||
<li><Link href="/">Condition</Link></li>
|
||||
<li><Link href="/">Support</Link></li>
|
||||
<li><Link href="/">Disclaimer</Link></li>
|
||||
<li><Link href="/">Faq</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget contact-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Contact us</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="info-list">
|
||||
<li><img src="assets/images/icons/icon-1.png" alt="" />3891 Ranchview Dr. Richardson, California USA</li>
|
||||
<li><i className="icon-2"></i><Link href="tel:01989526503">0198-9526503</Link></li>
|
||||
<li><i className="icon-26"></i><Link href="mailto:example@info.com">example@info.com</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer-bottom">
|
||||
<div className="auto-container">
|
||||
<div className="bottom-inner">
|
||||
<ul className="footer-nav clearfix">
|
||||
<li><Link href="/">Privacy Policy</Link></li>
|
||||
<li><Link href="/">Terms of Use</Link></li>
|
||||
<li><Link href="/">Sales and Refunds</Link></li>
|
||||
<li><Link href="/">Legal</Link></li>
|
||||
<li><Link href="/">Site Map</Link></li>
|
||||
</ul>
|
||||
<div className="copyright">
|
||||
<p>© 2024 All Rights Reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
100
components/layout/footer/Footer2.js
Normal file
100
components/layout/footer/Footer2.js
Normal file
@ -0,0 +1,100 @@
|
||||
import Link from "next/link"
|
||||
|
||||
export default function Footer2() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<footer className="main-footer">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-24.png)" }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-25.png)" }}></div>
|
||||
<div className="pattern-4"></div>
|
||||
</div>
|
||||
<div className="widget-section pt_120 pb_100">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget logo-widget">
|
||||
<figure className="footer-logo"><Link href="/"><img src="assets/images/footer-logo.png" alt="" /></Link></figure>
|
||||
<p>Lorem ipsum dolor sit amet constetur adipiscing elit. Etiam eu turpis mostie dictum est a, mattis tellus.</p>
|
||||
<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>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget ml_110">
|
||||
<div className="widget-title">
|
||||
<h3>Quick Link</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
<li><Link href="/">Home</Link></li>
|
||||
<li><Link href="about">About Us</Link></li>
|
||||
<li><Link href="service">Services</Link></li>
|
||||
<li><Link href="/">Elements</Link></li>
|
||||
<li><Link href="contact">Contacts Us</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget ml_55">
|
||||
<div className="widget-title">
|
||||
<h3>Useful Links</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
<li><Link href="/">Privacy Policy</Link></li>
|
||||
<li><Link href="/">Terms &</Link></li>
|
||||
<li><Link href="/">Condition</Link></li>
|
||||
<li><Link href="/">Support</Link></li>
|
||||
<li><Link href="/">Disclaimer</Link></li>
|
||||
<li><Link href="/">Faq</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget contact-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Contact us</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="info-list">
|
||||
<li><img src="assets/images/icons/icon-1.png" alt="" />3891 Ranchview Dr. Richardson, California USA</li>
|
||||
<li><i className="icon-2"></i><Link href="tel:01989526503">0198-9526503</Link></li>
|
||||
<li><i className="icon-26"></i><Link href="mailto:example@info.com">example@info.com</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer-bottom">
|
||||
<div className="auto-container">
|
||||
<div className="bottom-inner">
|
||||
<ul className="footer-nav clearfix">
|
||||
<li><Link href="/">Privacy Policy</Link></li>
|
||||
<li><Link href="/">Terms of Use</Link></li>
|
||||
<li><Link href="/">Sales and Refunds</Link></li>
|
||||
<li><Link href="/">Legal</Link></li>
|
||||
<li><Link href="/">Site Map</Link></li>
|
||||
</ul>
|
||||
<div className="copyright">
|
||||
<p>© 2024 All Rights Reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
110
components/layout/header/Header1.js
Normal file
110
components/layout/header/Header1.js
Normal file
@ -0,0 +1,110 @@
|
||||
'use client'
|
||||
import Link from "next/link";
|
||||
import Menu from "../Menu"
|
||||
import MobileMenu from "../MobileMenu"
|
||||
|
||||
export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSidebar, handlePopup, handleSidebar }) {
|
||||
return (
|
||||
<>
|
||||
<header className={`main-header ${scroll ? "fixed-header" : ""}`}>
|
||||
{/* Header Top */}
|
||||
<div className="header-top">
|
||||
<div className="auto-container">
|
||||
<div className="top-inner">
|
||||
<ul className="info-list clearfix">
|
||||
<li>
|
||||
<i className="icon-1"></i>Mon - Fri 8:00 - 18:00 / Sunday 8:00 - 14:00
|
||||
</li>
|
||||
<li>
|
||||
<i className="icon-2"></i>Email: <Link href="tel:01989526503">0198-9526503</Link>
|
||||
</li>
|
||||
<li>
|
||||
<img src="assets/images/icons/icon-1.png" alt="" /> 47 Bakery Street, London, UK
|
||||
</li>
|
||||
</ul>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
{/* Header Upper */}
|
||||
<div className="header-lower">
|
||||
<div className="outer-container">
|
||||
<div className="auto-container">
|
||||
<div className="outer-box">
|
||||
<div className="logo-box">
|
||||
<figure className="logo">
|
||||
<Link href="/"><img src="assets/images/logo.png" alt="" /></Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="menu-area">
|
||||
<div className="mobile-nav-toggler" onClick={handleMobileMenu}>
|
||||
<i className="icon-bar"></i>
|
||||
<i className="icon-bar"></i>
|
||||
<i className="icon-bar"></i>
|
||||
</div>
|
||||
<nav className="main-menu navbar-expand-md navbar-light clearfix">
|
||||
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
|
||||
<Menu/>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/" className="theme-btn btn-one"><span>Request A Pickup</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Sticky Header */}
|
||||
<div className="sticky-header">
|
||||
<div className="auto-container">
|
||||
<div className="outer-box">
|
||||
<div className="logo-box">
|
||||
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt="" /></Link></figure>
|
||||
</div>
|
||||
|
||||
<nav className="main-menu navbar-expand-md navbar-light clearfix">
|
||||
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
|
||||
<Menu/>
|
||||
</div>
|
||||
</nav>
|
||||
<ul className="menu-right-content">
|
||||
|
||||
<div className="btn-box">
|
||||
<Link href="/" className="theme-btn btn-one"><span>Request A Pickup</span></Link>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>{/* End Sticky Menu */}
|
||||
{/* Mobile Menu */}
|
||||
|
||||
<MobileMenu handleMobileMenu={handleMobileMenu} />
|
||||
</header>
|
||||
</>
|
||||
)
|
||||
}
|
||||
98
components/layout/header/Header2.js
Normal file
98
components/layout/header/Header2.js
Normal file
@ -0,0 +1,98 @@
|
||||
'use client'
|
||||
import Link from "next/link";
|
||||
import Menu from "../Menu"
|
||||
import MobileMenu from "../MobileMenu"
|
||||
import Sidebar from "../Sidebar"
|
||||
|
||||
export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSidebar, handlePopup, handleSidebar }) {
|
||||
return (
|
||||
<>
|
||||
<header className={`main-header header-style-two ${scroll ? "fixed-header" : ""}`}>
|
||||
{/* Header Top */}
|
||||
<div className="header-top">
|
||||
|
||||
<div className="top-inner">
|
||||
<ul className="info-list clearfix">
|
||||
<li><i className="icon-1"></i>Mon - Fri 8:00 - 18:00 / Sunday 8:00 - 14:00</li>
|
||||
<li><i className="icon-2"></i>Email: <Link href="tel:01989526503">0198-9526503</Link></li>
|
||||
<li><img src="assets/images/icons/icon-1.png" alt="" /> 47 Bakery Street, London, UK</li>
|
||||
</ul>
|
||||
<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>
|
||||
|
||||
{/* Header Upper */}
|
||||
<div className="header-lower">
|
||||
<div className="outer-container">
|
||||
<div className="outer-box">
|
||||
<div className="logo-box">
|
||||
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt="" /></Link></figure>
|
||||
</div>
|
||||
<div className="menu-area">
|
||||
{/* Mobile Navigation Toggler */}
|
||||
<div className="mobile-nav-toggler" onClick={handleMobileMenu}>
|
||||
<i className="icon-bar"></i>
|
||||
<i className="icon-bar"></i>
|
||||
<i className="icon-bar"></i>
|
||||
</div>
|
||||
{/* Main Menu */}
|
||||
<nav className="main-menu navbar-expand-md navbar-light clearfix">
|
||||
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
|
||||
<Menu/>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
{/* Menu Right Content */}
|
||||
<ul className="menu-right-content">
|
||||
|
||||
<li className="search-box-outer search-toggler" onClick={handlePopup}>
|
||||
<i className="icon-27"></i>
|
||||
</li>
|
||||
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
|
||||
<i className="icon-28"></i>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*End Header Upper*/}
|
||||
{/* Sticky Header */}
|
||||
<div className="sticky-header">
|
||||
<div className="auto-container">
|
||||
<div className="outer-box">
|
||||
<div className="logo-box">
|
||||
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt="" /></Link></figure>
|
||||
</div>
|
||||
|
||||
<nav className="main-menu navbar-expand-md navbar-light clearfix">
|
||||
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
|
||||
<Menu/>
|
||||
</div>
|
||||
</nav>
|
||||
<ul className="menu-right-content">
|
||||
|
||||
<li className="search-box-outer search-toggler" onClick={handlePopup}>
|
||||
<i className="icon-27"></i>
|
||||
</li>
|
||||
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
|
||||
<i className="icon-28"></i>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>{/* End Sticky Menu */}
|
||||
{/* Mobile Menu */}
|
||||
|
||||
<MobileMenu handleMobileMenu={handleMobileMenu} />
|
||||
</header>
|
||||
</>
|
||||
)
|
||||
}
|
||||
98
components/layout/header/Header3.js
Normal file
98
components/layout/header/Header3.js
Normal file
@ -0,0 +1,98 @@
|
||||
'use client'
|
||||
import Link from "next/link";
|
||||
import Menu from "../Menu"
|
||||
import MobileMenu from "../MobileMenu"
|
||||
export default function Header3({ scroll, isMobileMenu, handleMobileMenu, isSidebar, handlePopup, handleSidebar }) {
|
||||
return (
|
||||
<>
|
||||
<header className={`main-header header-style-two ${scroll ? "fixed-header" : ""}`}>
|
||||
{/* Header Top */}
|
||||
<div className="header-top">
|
||||
<div className="auto-container">
|
||||
<div className="top-inner">
|
||||
<ul className="info-list clearfix">
|
||||
<li><i className="icon-1"></i>Mon - Fri 8:00 - 18:00 / Sunday 8:00 - 14:00</li>
|
||||
<li><i className="icon-2"></i>Email: <Link href="tel:01989526503">0198-9526503</Link></li>
|
||||
<li><img src="assets/images/icons/icon-1.png" alt="" /> 47 Bakery Street, London, UK</li>
|
||||
</ul>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
{/* Header Upper */}
|
||||
<div className="header-lower">
|
||||
<div className="outer-container">
|
||||
<div className="auto-container">
|
||||
<div className="outer-box">
|
||||
<div className="logo-box">
|
||||
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt="" /></Link></figure>
|
||||
</div>
|
||||
<div className="menu-area">
|
||||
{/* Mobile Navigation Toggler */}
|
||||
<div className="mobile-nav-toggler" onClick={handleMobileMenu}>
|
||||
<i className="icon-bar"></i>
|
||||
<i className="icon-bar"></i>
|
||||
<i className="icon-bar"></i>
|
||||
</div>
|
||||
{/* Main Menu */}
|
||||
<nav className="main-menu navbar-expand-md navbar-light clearfix">
|
||||
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
|
||||
<Menu/>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
{/* Menu Right Content */}
|
||||
<ul className="menu-right-content">
|
||||
|
||||
<li className="search-box-outer search-toggler" onClick={handlePopup}>
|
||||
<i className="icon-27"></i>
|
||||
</li>
|
||||
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
|
||||
<i className="icon-28"></i>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*End Header Upper*/}
|
||||
{/* Sticky Header */}
|
||||
<div className="sticky-header">
|
||||
<div className="auto-container">
|
||||
<div className="outer-box">
|
||||
<div className="logo-box">
|
||||
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt="" /></Link></figure>
|
||||
</div>
|
||||
|
||||
<nav className="main-menu navbar-expand-md navbar-light clearfix">
|
||||
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
|
||||
<Menu/>
|
||||
</div>
|
||||
</nav>
|
||||
<ul className="menu-right-content">
|
||||
|
||||
<li className="search-box-outer search-toggler" onClick={handlePopup}>
|
||||
<i className="icon-27"></i>
|
||||
</li>
|
||||
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
|
||||
<i className="icon-28"></i>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>{/* End Sticky Menu */}
|
||||
{/* Mobile Menu */}
|
||||
|
||||
<MobileMenu handleMobileMenu={handleMobileMenu} />
|
||||
</header>
|
||||
</>
|
||||
)
|
||||
}
|
||||
92
components/layout/header/Header4.js
Normal file
92
components/layout/header/Header4.js
Normal file
@ -0,0 +1,92 @@
|
||||
'use client'
|
||||
import Link from "next/link";
|
||||
import OnepageMenu from "../OnepageMenu"
|
||||
import MobileMenu from "../MobileMenu"
|
||||
|
||||
export default function Header4({ scroll, isMobileMenu, handleMobileMenu, isSidebar, handlePopup, handleSidebar }) {
|
||||
return (
|
||||
<>
|
||||
<header className={`main-header ${scroll ? "fixed-header" : ""}`}>
|
||||
{/* Header Top */}
|
||||
<div className="header-top">
|
||||
<div className="auto-container">
|
||||
<div className="top-inner">
|
||||
<ul className="info-list clearfix">
|
||||
<li><i className="icon-1"></i>Mon - Fri 8:00 - 18:00 / Sunday 8:00 - 14:00</li>
|
||||
<li><i className="icon-2"></i>Email: <Link href="tel:01989526503">0198-9526503</Link></li>
|
||||
<li><img src="assets/images/icons/icon-1.png" alt=""/> 47 Bakery Street, London, UK</li>
|
||||
</ul>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
{/* Header Upper */}
|
||||
<div className="header-lower">
|
||||
<div className="outer-container">
|
||||
<div className="auto-container">
|
||||
<div className="outer-box">
|
||||
<div className="logo-box">
|
||||
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt=""/></Link></figure>
|
||||
</div>
|
||||
<div className="menu-area">
|
||||
{/* Mobile Navigation Toggler */}
|
||||
<div className="mobile-nav-toggler" onClick={handleMobileMenu}>
|
||||
<i className="icon-bar"></i>
|
||||
<i className="icon-bar"></i>
|
||||
<i className="icon-bar"></i>
|
||||
</div>
|
||||
{/* Main Menu */}
|
||||
<nav className="main-menu navbar-expand-md navbar-light clearfix">
|
||||
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
|
||||
<OnepageMenu/>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
{/* Menu Right Content */}
|
||||
<ul className="menu-right-content">
|
||||
|
||||
|
||||
<div className="btn-box">
|
||||
<Link href="/" className="theme-btn btn-one"><span>Request A Pickup</span></Link>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*End Header Upper*/}
|
||||
{/* Sticky Header */}
|
||||
<div className="sticky-header">
|
||||
<div className="auto-container">
|
||||
<div className="outer-box">
|
||||
<div className="logo-box">
|
||||
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt=""/></Link></figure>
|
||||
</div>
|
||||
|
||||
<div className="menu-area">
|
||||
<nav className="main-menu clearfix">
|
||||
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
|
||||
<OnepageMenu/>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/" className="theme-btn btn-one"><span>Request A Pickup</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>{/* End Sticky Menu */}
|
||||
{/* Mobile Menu */}
|
||||
|
||||
<MobileMenu handleMobileMenu={handleMobileMenu} />
|
||||
</header>
|
||||
</>
|
||||
)
|
||||
}
|
||||
58
components/sections/home1/About.js
Normal file
58
components/sections/home1/About.js
Normal file
@ -0,0 +1,58 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
|
||||
export default function about() {
|
||||
return (
|
||||
<section className="about-section pt_120 pb_120 bg-color-1">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
|
||||
<div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></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.png)' }}></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>
|
||||
);
|
||||
};
|
||||
35
components/sections/home1/Banner.js
Normal file
35
components/sections/home1/Banner.js
Normal file
@ -0,0 +1,35 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
|
||||
50
components/sections/home1/Features.js
Normal file
50
components/sections/home1/Features.js
Normal file
@ -0,0 +1,50 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
|
||||
export default function feature() {
|
||||
return (
|
||||
<section className="feature-section pt_120 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>
|
||||
);
|
||||
};
|
||||
61
components/sections/home1/Funfacts.js
Normal file
61
components/sections/home1/Funfacts.js
Normal file
@ -0,0 +1,61 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
73
components/sections/home1/News.js
Normal file
73
components/sections/home1/News.js
Normal file
@ -0,0 +1,73 @@
|
||||
import React from 'react';
|
||||
import Link from "next/link"
|
||||
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="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>
|
||||
);
|
||||
};
|
||||
92
components/sections/home1/Pricing.js
Normal file
92
components/sections/home1/Pricing.js
Normal file
@ -0,0 +1,92 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
|
||||
54
components/sections/home1/Process.js
Normal file
54
components/sections/home1/Process.js
Normal file
@ -0,0 +1,54 @@
|
||||
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.png)' }}></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>
|
||||
);
|
||||
};
|
||||
|
||||
59
components/sections/home1/Services.js
Normal file
59
components/sections/home1/Services.js
Normal file
@ -0,0 +1,59 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
35
components/sections/home1/Subscribe.js
Normal file
35
components/sections/home1/Subscribe.js
Normal file
@ -0,0 +1,35 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
54
components/sections/home1/Team.js
Normal file
54
components/sections/home1/Team.js
Normal file
@ -0,0 +1,54 @@
|
||||
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.png)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></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>
|
||||
);
|
||||
};
|
||||
|
||||
29
components/sections/home1/Testimonial.js
Normal file
29
components/sections/home1/Testimonial.js
Normal file
@ -0,0 +1,29 @@
|
||||
import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
|
||||
|
||||
export default function Testimonial() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<section className="testimonial-section sec-pad bg-color-1">
|
||||
<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.png)' }}></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">
|
||||
<TestimonialSlider1 />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
33
components/sections/home1/Video.js
Normal file
33
components/sections/home1/Video.js
Normal file
@ -0,0 +1,33 @@
|
||||
'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 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)} />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
61
components/sections/home1/WhyChooseUs.js
Normal file
61
components/sections/home1/WhyChooseUs.js
Normal file
@ -0,0 +1,61 @@
|
||||
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.png)' }}></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>
|
||||
);
|
||||
};
|
||||
60
components/sections/home2/About.js
Normal file
60
components/sections/home2/About.js
Normal file
@ -0,0 +1,60 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
<section className="about-style-two pt_120 pb_120">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></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.png)' }}></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>
|
||||
);
|
||||
};
|
||||
|
||||
85
components/sections/home2/Banner.js
Normal file
85
components/sections/home2/Banner.js
Normal file
@ -0,0 +1,85 @@
|
||||
'use client'
|
||||
import React from 'react';
|
||||
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: 0,
|
||||
autoplay: {
|
||||
delay: 7000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: '.h1n',
|
||||
prevEl: '.h1p',
|
||||
},
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
export default function Banner() {
|
||||
return (
|
||||
<section className="banner-style-two p_relative">
|
||||
<Swiper {...swiperOptions} className="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none">
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/banner/banner-1.jpg)' }}></div>
|
||||
<figure className="image-layer"><img src="assets/images/banner/banner-img-2.png" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="content-box">
|
||||
<span className="upper-text">The Art of Healthcare Starts Right Now</span>
|
||||
<h2>We offer <span>complete</span> Healthcare services.</h2>
|
||||
<p>It is not only the medicine that cures and recovers your health earlier, it is the Healthcare team who loves the art of treatment with love.</p>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
{/* Repeat the above structure for each slide-item as needed */}
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/banner/banner-1.jpg)' }}></div>
|
||||
<figure className="image-layer"><img src="assets/images/banner/banner-img-2.png" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="content-box">
|
||||
<span className="upper-text">The Art of Healthcare Starts Right Now</span>
|
||||
<h2>We offer <span>complete</span> Healthcare services.</h2>
|
||||
<p>It is not only the medicine that cures and recovers your health earlier, it is the Healthcare team who loves the art of treatment with love.</p>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
{/* Repeat the above structure for each slide-item as needed */}
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/banner/banner-1.jpg)' }}></div>
|
||||
<figure className="image-layer"><img src="assets/images/banner/banner-img-2.png" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="content-box">
|
||||
<span className="upper-text">The Art of Healthcare Starts Right Now</span>
|
||||
<h2>We offer <span>complete</span> Healthcare services.</h2>
|
||||
<p>It is not only the medicine that cures and recovers your health earlier, it is the Healthcare team who loves the art of treatment with love.</p>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
61
components/sections/home2/Chooseus.js
Normal file
61
components/sections/home2/Chooseus.js
Normal file
@ -0,0 +1,61 @@
|
||||
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.png)" }}></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>
|
||||
);
|
||||
};
|
||||
18
components/sections/home2/Client.js
Normal file
18
components/sections/home2/Client.js
Normal file
@ -0,0 +1,18 @@
|
||||
|
||||
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>
|
||||
);
|
||||
};
|
||||
45
components/sections/home2/Contact.js
Normal file
45
components/sections/home2/Contact.js
Normal file
@ -0,0 +1,45 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function Contact() {
|
||||
return (
|
||||
<section className="contact-section pt_120 pb_120">
|
||||
<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!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>
|
||||
</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>
|
||||
);
|
||||
};
|
||||
|
||||
29
components/sections/home2/Cta.js
Normal file
29
components/sections/home2/Cta.js
Normal file
@ -0,0 +1,29 @@
|
||||
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>
|
||||
)
|
||||
};
|
||||
|
||||
100
components/sections/home2/Faq.js
Normal file
100
components/sections/home2/Faq.js
Normal file
@ -0,0 +1,100 @@
|
||||
'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>
|
||||
);
|
||||
};
|
||||
|
||||
55
components/sections/home2/Features.js
Normal file
55
components/sections/home2/Features.js
Normal file
@ -0,0 +1,55 @@
|
||||
import Link from "next/link"
|
||||
import React from 'react';
|
||||
|
||||
export default function Features() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<section className="feature-style-two centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<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-two">
|
||||
<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-two">
|
||||
<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-two">
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
61
components/sections/home2/Funfacts.js
Normal file
61
components/sections/home2/Funfacts.js
Normal file
@ -0,0 +1,61 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
129
components/sections/home2/News.js
Normal file
129
components/sections/home2/News.js
Normal file
@ -0,0 +1,129 @@
|
||||
'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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
42
components/sections/home2/Order.js
Normal file
42
components/sections/home2/Order.js
Normal file
@ -0,0 +1,42 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
63
components/sections/home2/Service.js
Normal file
63
components/sections/home2/Service.js
Normal file
@ -0,0 +1,63 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
49
components/sections/home2/Solution.js
Normal file
49
components/sections/home2/Solution.js
Normal file
@ -0,0 +1,49 @@
|
||||
import React from 'react';
|
||||
import Link from "next/link"
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
export default function Solution() {
|
||||
return (
|
||||
<section className="solutions-section bg-color-1 p_relative">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<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">Better Solutions</span>
|
||||
<h2>Quality Medical Service with Experts</h2>
|
||||
</div>
|
||||
<div className="progress-inner mb_50">
|
||||
|
||||
<ProgressBar label="Skilled Doctor" percent={85} />
|
||||
<ProgressBar label="Modernized Equipment" percent={90} />
|
||||
<ProgressBar label="Dedicated Team" percent={80} />
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Discover More</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_two">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="assets/images/resource/skills-1.jpg" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="assets/images/resource/skills-2.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-33"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
};
|
||||
|
||||
|
||||
37
components/sections/home2/Subscribe.js
Normal file
37
components/sections/home2/Subscribe.js
Normal file
@ -0,0 +1,37 @@
|
||||
// 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>
|
||||
);
|
||||
};
|
||||
86
components/sections/home2/Team.js
Normal file
86
components/sections/home2/Team.js
Normal file
@ -0,0 +1,86 @@
|
||||
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 Team() {
|
||||
<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>
|
||||
};
|
||||
|
||||
36
components/sections/home2/Testmonial.js
Normal file
36
components/sections/home2/Testmonial.js
Normal file
@ -0,0 +1,36 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
|
||||
33
components/sections/home2/Video.js
Normal file
33
components/sections/home2/Video.js
Normal file
@ -0,0 +1,33 @@
|
||||
'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)} />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
60
components/sections/home2/Working.js
Normal file
60
components/sections/home2/Working.js
Normal file
@ -0,0 +1,60 @@
|
||||
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.png)" }}></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>
|
||||
);
|
||||
};
|
||||
59
components/sections/home3/About.js
Normal file
59
components/sections/home3/About.js
Normal file
@ -0,0 +1,59 @@
|
||||
import Link from "next/link"
|
||||
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
<>
|
||||
<section className="about-style-three pt_120 pb_120 bg-color-1">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-35.png)' }}></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.png)' }}></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.png)' }}></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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
47
components/sections/home3/Banner.js
Normal file
47
components/sections/home3/Banner.js
Normal file
@ -0,0 +1,47 @@
|
||||
'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.png)' }}></div>
|
||||
<div className="shape-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></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)} />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
71
components/sections/home3/Contact.js
Normal file
71
components/sections/home3/Contact.js
Normal file
@ -0,0 +1,71 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
|
||||
97
components/sections/home3/Faq.js
Normal file
97
components/sections/home3/Faq.js
Normal file
@ -0,0 +1,97 @@
|
||||
'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>
|
||||
);
|
||||
};
|
||||
|
||||
51
components/sections/home3/Features.js
Normal file
51
components/sections/home3/Features.js
Normal file
@ -0,0 +1,51 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
30
components/sections/home3/Gallery.js
Normal file
30
components/sections/home3/Gallery.js
Normal file
@ -0,0 +1,30 @@
|
||||
// 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>
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
17
components/sections/home3/Map.js
Normal file
17
components/sections/home3/Map.js
Normal file
@ -0,0 +1,17 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
|
||||
74
components/sections/home3/News.js
Normal file
74
components/sections/home3/News.js
Normal file
@ -0,0 +1,74 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
54
components/sections/home3/Process.js
Normal file
54
components/sections/home3/Process.js
Normal file
@ -0,0 +1,54 @@
|
||||
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.png)' }}></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>
|
||||
);
|
||||
};
|
||||
|
||||
36
components/sections/home3/Subscribe.js
Normal file
36
components/sections/home3/Subscribe.js
Normal file
@ -0,0 +1,36 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
|
||||
102
components/sections/home3/Team.js
Normal file
102
components/sections/home3/Team.js
Normal file
@ -0,0 +1,102 @@
|
||||
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>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
components/sections/home3/Testmonial.js
Normal file
36
components/sections/home3/Testmonial.js
Normal file
@ -0,0 +1,36 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user