Non used pages deleted
This commit is contained in:
akash
parent
dbccd8e468
commit
f1a1b3903b
@ -219,7 +219,7 @@ export default function Home() {
|
||||
{teamMembers.map((member, index) => (
|
||||
<div
|
||||
key={member.id}
|
||||
className="col-lg-3 col-md-6 col-sm-6 col-6 team-block"
|
||||
className="col-lg-3 col-md-6 col-sm-12 team-block"
|
||||
>
|
||||
<div
|
||||
className="team-block-one wow fadeInUp animated"
|
||||
|
||||
@ -1,252 +0,0 @@
|
||||
'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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
@ -1,199 +0,0 @@
|
||||
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,267 +0,0 @@
|
||||
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
186
app/faq/page.js
186
app/faq/page.js
@ -1,186 +0,0 @@
|
||||
|
||||
'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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,136 +0,0 @@
|
||||
|
||||
'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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,41 +0,0 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,39 +0,0 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,39 +0,0 @@
|
||||
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"
|
||||
import CounterSection from "@/components/sections/home/CounterSection"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<Banner />
|
||||
<Features />
|
||||
<About />
|
||||
<Services />
|
||||
<WhyChooseUs />
|
||||
{/* <CounterSection /> */}
|
||||
<Funfacts />
|
||||
<Team />
|
||||
<Video />
|
||||
<Process />
|
||||
<Testimonial />
|
||||
<Pricing />
|
||||
<News />
|
||||
<Subscribe />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,41 +0,0 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -96,38 +96,6 @@ export default function TeamDetails({ params }) {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Appointment Form */}
|
||||
<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="#" 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>
|
||||
|
||||
21
app/page.js
21
app/page.js
@ -3,22 +3,22 @@ import Banner from "@/components/sections/home2/Banner"
|
||||
import Features from "@/components/sections/home2/Features"
|
||||
import Testimonial from "@/components/sections/home1/Testimonial"
|
||||
import Video from "@/components/sections/home1/Video"
|
||||
import Subscribe from "@/components/sections/home2/Subscribe"
|
||||
import Solution from "@/components/sections/home2/Solution"
|
||||
import AboutSection from "@/components/sections/home/AboutSection"
|
||||
import ServicesSection from "@/components/sections/home/ServicesSection"
|
||||
import WhyChooseUsSection from "@/components/sections/home/WhyChooseusSection"
|
||||
import CounterSection from "@/components/sections/home/CounterSection"
|
||||
import ProcessSection from "@/components/sections/home/ProcessSection"
|
||||
import FaqSection from "@/components/sections/home/FaqSection"
|
||||
import TeamTwo from "@/components/sections/home1/Team"
|
||||
import AreaOfInjury from "@/components/sections/home/AreaOfInjury"
|
||||
import News from "@/components/sections/home1/News"
|
||||
import Funfacts from "@/components/sections/home1/Funfacts"
|
||||
import MobileServices from "@/components/sections/home/MobileServicesSection"
|
||||
import MobileFeatureCard from "@/components/sections/home/MobileFeatureCard"
|
||||
import MobileBanner from "@/components/sections/home2/MobileBanner"
|
||||
|
||||
export const metadata = {
|
||||
title: "Best Pain Relief & Physiotherapy – Rapharehab Clinic",
|
||||
description: "Rapharehab offers trusted physiotherapy and pain relief treatments with professional care tailored to restore your health and mobility.",
|
||||
};
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
@ -27,19 +27,13 @@ export default function Home() {
|
||||
<div className="d-none d-md-block">
|
||||
<Banner />
|
||||
</div>
|
||||
|
||||
<div className="d-block d-md-none">
|
||||
<MobileBanner />
|
||||
</div>
|
||||
{/* <Features /> */}
|
||||
<AboutSection />
|
||||
{/* <ProcessSection /> */}
|
||||
{/* Desktop View */}
|
||||
<div className="d-none d-md-block">
|
||||
<ServicesSection />
|
||||
</div>
|
||||
|
||||
{/* Mobile View */}
|
||||
<div className="d-block d-md-none">
|
||||
<MobileServices />
|
||||
</div>
|
||||
@ -49,14 +43,9 @@ export default function Home() {
|
||||
<AreaOfInjury />
|
||||
<WhyChooseUsSection />
|
||||
<CounterSection />
|
||||
{/* <Funfacts /> */}
|
||||
|
||||
<Solution />
|
||||
<Testimonial />
|
||||
<Video />
|
||||
{/* <Testimonial /> */}
|
||||
<News />
|
||||
{/* <Subscribe /> */}
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
|
||||
@ -1,149 +0,0 @@
|
||||
|
||||
'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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,131 +0,0 @@
|
||||
|
||||
'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_90 .pb_90">
|
||||
<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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,130 +0,0 @@
|
||||
'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_90 .pb_90">
|
||||
<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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,130 +0,0 @@
|
||||
'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_90 .pb_90">
|
||||
<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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,130 +0,0 @@
|
||||
'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_90 .pb_90">
|
||||
<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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,130 +0,0 @@
|
||||
'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_90 .pb_90">
|
||||
<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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,99 +0,0 @@
|
||||
|
||||
'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_90 .pb_90">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,170 +0,0 @@
|
||||
'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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,132 +0,0 @@
|
||||
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
212
app/team/page.js
@ -1,212 +0,0 @@
|
||||
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,228 +0,0 @@
|
||||
'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.webp)' }}></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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user