Compare commits
19 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
3159f08876 | ||
|
CHIEFSOFT\ameye
|
9ed9f6c863 | ||
|
CHIEFSOFT\ameye
|
0c2e7ce0cf | ||
 victor.ebuka
|
32e0b78c68 | ||
|
victorAnumudu
|
b69170d348 | ||
|
victorAnumudu
|
5f21206604 | ||
|
CHIEFSOFT\ameye
|
b6ef222d0b | ||
|
victor.ebuka
|
d5fba0caf3 | ||
|
victorAnumudu
|
92c061c6a9 | ||
|
CHIEFSOFT\ameye
|
65c7abd8bd | ||
|
CHIEFSOFT\ameye
|
383a7c700f | ||
|
CHIEFSOFT\ameye
|
aa4ea396ea | ||
|
CHIEFSOFT\ameye
|
e8758372a2 | ||
|
CHIEFSOFT\ameye
|
6cb51252bd | ||
|
CHIEFSOFT\ameye
|
1352e99188 | ||
|
CHIEFSOFT\ameye
|
f6dc48521a | ||
|
CHIEFSOFT\ameye
|
edfbc01291 | ||
|
CHIEFSOFT\ameye
|
30c2ea81f8 | ||
|
victor.ebuka
|
5333e577b9 |
@@ -7,7 +7,7 @@ NEXT_PUBLIC_LOGIN_URL=https://dev-panel.mermsemr.com
|
|||||||
NEXT_PUBLIC_SIGNUP_URL=https://dev-panel.mermsemr.com/auth/signup
|
NEXT_PUBLIC_SIGNUP_URL=https://dev-panel.mermsemr.com/auth/signup
|
||||||
|
|
||||||
# social links
|
# social links
|
||||||
NEXT_PUBLIC_FACEBOOK_URL=#
|
NEXT_PUBLIC_FACEBOOK_URL=https://www.facebook.com/people/Mermsemr/100066498622246/
|
||||||
NEXT_PUBLIC_TWITTER_URL=#
|
NEXT_PUBLIC_TWITTER_URL=#
|
||||||
NEXT_PUBLIC_INSTAGRAM_URL=#
|
NEXT_PUBLIC_INSTAGRAM_URL=#
|
||||||
NEXT_PUBLIC_YOUTUBE_URL=#
|
NEXT_PUBLIC_YOUTUBE_URL=#
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
import { QueryClientProvider, QueryClient } from '@tanstack/react-query'
|
||||||
|
|
||||||
|
|
||||||
|
function QueryClientContext({children}) {
|
||||||
|
const queryClient = new QueryClient({
|
||||||
|
defaultOptions: {
|
||||||
|
queries: {
|
||||||
|
refetchOnWindowFocus: false,
|
||||||
|
retry: 3,
|
||||||
|
// refetchOnMount: false,
|
||||||
|
staleTime: 3000
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
|
return (
|
||||||
|
<QueryClientProvider client={queryClient}>
|
||||||
|
{children}
|
||||||
|
</QueryClientProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default QueryClientContext;
|
||||||
@@ -16,17 +16,17 @@ export default function MermsBanner() {
|
|||||||
{/* Title */}
|
{/* Title */}
|
||||||
<h2 className="s-46 w-700">Getting started with MERMS today!</h2>
|
<h2 className="s-46 w-700">Getting started with MERMS today!</h2>
|
||||||
{/* Text */}
|
{/* Text */}
|
||||||
<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus
|
{/*<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus*/}
|
||||||
placerat and magna ligula cursus
|
{/* placerat and magna ligula cursus*/}
|
||||||
</p>
|
{/*</p>*/}
|
||||||
{/* Button */}
|
{/* Button */}
|
||||||
<Link href="https://dev-panel.mermsemr.com/auth/signup" className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">Get Started Now</Link>
|
<Link href={process.env.NEXT_PUBLIC_SIGNUP_URL} className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">Get Started Now</Link>
|
||||||
</div>
|
</div>
|
||||||
</div> {/* END BANNER-13 TEXT */}
|
</div> {/* END BANNER-13 TEXT */}
|
||||||
{/* BANNER-13 IMAGE */}
|
{/* BANNER-13 IMAGE */}
|
||||||
<div className="col-md-5">
|
<div className="col-md-5">
|
||||||
<div className="banner-13-img text-center">
|
<div className="banner-13-img text-center">
|
||||||
<img className="img-fluid" src="/images/img-04.png" alt="banner-image" />
|
<img className="img-fluid" src="/images/start-banner.png" alt="banner-image" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> {/* End row */}
|
</div> {/* End row */}
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ export default function MermsFeatures() {
|
|||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-md-6">
|
<div className="col-md-6">
|
||||||
{/* FEATURE BOX #1 */}
|
{/* FEATURE BOX #1 */}
|
||||||
<div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
|
<div id="fb-12-1" className="fbox-12 bg--green-100 block-shadow r-12 mb-30">
|
||||||
{/* Icon */}
|
{/* Icon */}
|
||||||
<div className="fbox-ico ico-50">
|
<div className="fbox-ico ico-50">
|
||||||
<div className="shape-ico color--theme">
|
<div className="shape-ico color--theme">
|
||||||
@@ -26,8 +26,8 @@ export default function MermsFeatures() {
|
|||||||
</div> {/* End Icon */}
|
</div> {/* End Icon */}
|
||||||
{/* Text */}
|
{/* Text */}
|
||||||
<div className="fbox-txt">
|
<div className="fbox-txt">
|
||||||
<h5 className="s-20 w-700">Market Research</h5>
|
<h5 className="s-20 w-700">Website in Seconds</h5>
|
||||||
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
|
<p>Build a website in seconds with MERMS AI website builder.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/* FEATURE BOX #2 */}
|
{/* FEATURE BOX #2 */}
|
||||||
@@ -45,8 +45,8 @@ export default function MermsFeatures() {
|
|||||||
</div> {/* End Icon */}
|
</div> {/* End Icon */}
|
||||||
{/* Text */}
|
{/* Text */}
|
||||||
<div className="fbox-txt">
|
<div className="fbox-txt">
|
||||||
<h5 className="s-20 w-700">User Experience</h5>
|
<h5 className="s-20 w-700">Useful Addons</h5>
|
||||||
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
|
<p>Explore our expanding addons to improve your applications.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -67,11 +67,11 @@ export default function MermsFeatures() {
|
|||||||
{/* Text */}
|
{/* Text */}
|
||||||
<div className="fbox-txt">
|
<div className="fbox-txt">
|
||||||
<h5 className="s-20 w-700">Digital Marketing</h5>
|
<h5 className="s-20 w-700">Digital Marketing</h5>
|
||||||
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
|
<p>Promote your presence and grow with MERMS SEO tools.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/* FEATURE BOX #4 */}
|
{/* FEATURE BOX #4 */}
|
||||||
<div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
|
<div id="fb-12-4" className="fbox-12 bg--green-100 block-shadow r-12">
|
||||||
{/* Icon */}
|
{/* Icon */}
|
||||||
<div className="fbox-ico ico-50">
|
<div className="fbox-ico ico-50">
|
||||||
<div className="shape-ico color--theme">
|
<div className="shape-ico color--theme">
|
||||||
@@ -85,8 +85,8 @@ export default function MermsFeatures() {
|
|||||||
</div> {/* End Icon */}
|
</div> {/* End Icon */}
|
||||||
{/* Text */}
|
{/* Text */}
|
||||||
<div className="fbox-txt">
|
<div className="fbox-txt">
|
||||||
<h5 className="s-20 w-700">SEO Services</h5>
|
<h5 className="s-20 w-700">Unified Management</h5>
|
||||||
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
|
<p>Manage everything from one portal with MERMS AI Assist Tools</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -99,21 +99,18 @@ export default function MermsFeatures() {
|
|||||||
{/* Section ID */}
|
{/* Section ID */}
|
||||||
{/*<span className="section-id">One-Stop Solution</span>*/}
|
{/*<span className="section-id">One-Stop Solution</span>*/}
|
||||||
{/* Title */}
|
{/* Title */}
|
||||||
<h2 className="s-46 w-700">Smart solutions, real-time results</h2>
|
<h2 className="s-46 w-700">Create a web presence without limits</h2>
|
||||||
{/* Text */}
|
{/* Text */}
|
||||||
<p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
|
<p>Bring your vision to life with the website builder that gives you the tools you need to succeed.
|
||||||
vitae dolor luctus placerat magna ligula and cursus vitae
|
|
||||||
</p>
|
</p>
|
||||||
{/* List */}
|
{/* List */}
|
||||||
<ul className="simple-list">
|
<ul className="simple-list">
|
||||||
<li className="list-item">
|
<li className="list-item">
|
||||||
<p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
|
<p>Design your website using our modern templates, designer fonts, and color palettes in minutes.
|
||||||
ipsum aliquam congue a dolor cursus congue varius magnis
|
|
||||||
</p>
|
</p>
|
||||||
</li>
|
</li>
|
||||||
<li className="list-item">
|
<li className="list-item">
|
||||||
<p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
|
<p className="mb-0">Promote your business and grow. Create a blog to grow your community and drive more traffic.
|
||||||
sapien ultrice auctor
|
|
||||||
</p>
|
</p>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@@ -11,48 +11,43 @@ export default function MermsHowItWorks() {
|
|||||||
{/* TEXT BLOCK */}
|
{/* TEXT BLOCK */}
|
||||||
<div className="col-md-6 order-last order-md-2">
|
<div className="col-md-6 order-last order-md-2">
|
||||||
<div className="txt-block left-column wow fadeInRight">
|
<div className="txt-block left-column wow fadeInRight">
|
||||||
{/* CONTENT BOX #1 */}
|
|
||||||
<div className="cbox-4">
|
|
||||||
{/* Icon & Title */}
|
|
||||||
<div className="box-title">
|
|
||||||
<span className="flaticon-paper-sizes color--theme" />
|
|
||||||
<h5 className="s-24 w-700">Built-in automation</h5>
|
|
||||||
</div>
|
|
||||||
{/* Text */}
|
|
||||||
<div className="cbox-4-txt">
|
|
||||||
<p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
|
|
||||||
luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
|
|
||||||
magna turpis
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div> {/* END CONTENT BOX #1 */}
|
|
||||||
{/* CONTENT BOX #2 */}
|
{/* CONTENT BOX #2 */}
|
||||||
<div className="cbox-4">
|
<div className="cbox-4">
|
||||||
{/* Icon & Title */}
|
{/* Icon & Title */}
|
||||||
<div className="box-title">
|
<div className="box-title">
|
||||||
<span className="flaticon-layers-1 color--theme" />
|
<span className="flaticon-layers-1 color--theme" />
|
||||||
<h5 className="s-24 w-700">Automatic workflows</h5>
|
<h5 className="s-24 w-700">Automatic Workflows</h5>
|
||||||
</div>
|
</div>
|
||||||
{/* Text */}
|
{/* Text */}
|
||||||
<div className="cbox-4-txt">
|
<div className="cbox-4-txt">
|
||||||
<p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
|
<p>It takes a single touch! Standardize service delivery using visual process workflows and AI-based automation. Get a quick visual summary of all your requests and monitor them in one place.
|
||||||
luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
|
|
||||||
magna turpis
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div> {/* END CONTENT BOX #2 */}
|
</div> {/* END CONTENT BOX #2 */}
|
||||||
|
{/* CONTENT BOX #1 */}
|
||||||
|
<div className="cbox-4">
|
||||||
|
{/* Icon & Title */}
|
||||||
|
<div className="box-title">
|
||||||
|
<span className="flaticon-paper-sizes color--theme" />
|
||||||
|
<h5 className="s-24 w-700">Efficient A.I Assist</h5>
|
||||||
|
</div>
|
||||||
|
{/* Text */}
|
||||||
|
<div className="cbox-4-txt">
|
||||||
|
<p>Drive brand loyalty, boost your brand with social media marketing, and build your digital identity with our A.I. Assist creator tools.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div> {/* END CONTENT BOX #1 */}
|
||||||
|
|
||||||
{/* CONTENT BOX #3 */}
|
{/* CONTENT BOX #3 */}
|
||||||
<div className="cbox-4">
|
<div className="cbox-4">
|
||||||
{/* Icon & Title */}
|
{/* Icon & Title */}
|
||||||
<div className="box-title">
|
<div className="box-title">
|
||||||
<span className="flaticon-pie-chart color--theme" />
|
<span className="flaticon-pie-chart color--theme" />
|
||||||
<h5 className="s-24 w-700">Real-time analytics</h5>
|
<h5 className="s-24 w-700">Useful Analytics</h5>
|
||||||
</div>
|
</div>
|
||||||
{/* Text */}
|
{/* Text */}
|
||||||
<div className="cbox-4-txt">
|
<div className="cbox-4-txt">
|
||||||
<p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
|
<p className="mb-0">Monitor your website performance with our simplified data dashboard. You can stay on top of your website's performance with real-time traffic statistics and trend charts.
|
||||||
augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
|
|
||||||
magna turpis
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div> {/* END CONTENT BOX #3 */}
|
</div> {/* END CONTENT BOX #3 */}
|
||||||
|
|||||||
@@ -18,7 +18,7 @@ export default function MersmHero() {
|
|||||||
<p className="p-lg">In the digital age, your online reputation has to work for you for your practice to be effective and create trust.
|
<p className="p-lg">In the digital age, your online reputation has to work for you for your practice to be effective and create trust.
|
||||||
</p>
|
</p>
|
||||||
{/* Button */}
|
{/* Button */}
|
||||||
<Link href="https://dev-panel.mermsemr.com/auth/signup" className="btn r-04 btn--theme hover--tra-black">Get started for free</Link>
|
<Link href={process.env.NEXT_PUBLIC_SIGNUP_URL} className="btn r-04 btn--theme hover--tra-black">Get started for free</Link>
|
||||||
{/*<p className="p-sm btn-txt ico-15">*/}
|
{/*<p className="p-sm btn-txt ico-15">*/}
|
||||||
{/* <span className="flaticon-check" /> No credit card needed, free 14-day trial*/}
|
{/* <span className="flaticon-check" /> No credit card needed, free 14-day trial*/}
|
||||||
{/*</p>*/}
|
{/*</p>*/}
|
||||||
|
|||||||
@@ -15,6 +15,7 @@ services:
|
|||||||
# - ./next:/app/.next
|
# - ./next:/app/.next
|
||||||
extra_hosts:
|
extra_hosts:
|
||||||
- blogdata.chiefsoft.net:10.10.33.15
|
- blogdata.chiefsoft.net:10.10.33.15
|
||||||
|
- blog.mermsemr.com:10.10.33.15
|
||||||
- backend.wrenchboard.api.test:10.10.33.15
|
- backend.wrenchboard.api.test:10.10.33.15
|
||||||
tty: true
|
tty: true
|
||||||
stdin_open: true
|
stdin_open: true
|
||||||
|
|||||||
@@ -11,6 +11,7 @@
|
|||||||
"sass": "sass --watch public/assets/scss/main.scss:public/assets/css/main.css"
|
"sass": "sass --watch public/assets/scss/main.scss:public/assets/css/main.css"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@tanstack/react-query": "^5.62.16",
|
||||||
"eslint": "8.41.0",
|
"eslint": "8.41.0",
|
||||||
"eslint-config-next": "13.4.3",
|
"eslint-config-next": "13.4.3",
|
||||||
"next": "^13.5.8",
|
"next": "^13.5.8",
|
||||||
|
|||||||
+1
-1
@@ -24,7 +24,7 @@ export default function Home() {
|
|||||||
Oops! The page you are looking for might have been moved, renamed or might never existed
|
Oops! The page you are looking for might have been moved, renamed or might never existed
|
||||||
</h6>
|
</h6>
|
||||||
{/* Button */}
|
{/* Button */}
|
||||||
<Link href="/demo-1" className="btn btn--theme hover--theme">Back to home</Link>
|
<Link href="/" className="btn btn--theme hover--theme">Back to home</Link>
|
||||||
</div>
|
</div>
|
||||||
</div> {/* END 404 PAGE TEXT */}
|
</div> {/* END 404 PAGE TEXT */}
|
||||||
</div> {/* End row */}
|
</div> {/* End row */}
|
||||||
|
|||||||
+4
-1
@@ -10,6 +10,7 @@ import "/public/css/lunar.css"
|
|||||||
import "/public/css/animate.css"
|
import "/public/css/animate.css"
|
||||||
import "/public/css/merms.css"
|
import "/public/css/merms.css"
|
||||||
import "/public/css/responsive.css"
|
import "/public/css/responsive.css"
|
||||||
|
import QueryClientContext from "../components/queryclientProvider/QueryClientContext"
|
||||||
|
|
||||||
function MyApp({ Component, pageProps }) {
|
function MyApp({ Component, pageProps }) {
|
||||||
|
|
||||||
@@ -24,7 +25,9 @@ function MyApp({ Component, pageProps }) {
|
|||||||
{/* <SmoothScroll /> */}
|
{/* <SmoothScroll /> */}
|
||||||
{!loading ? (
|
{!loading ? (
|
||||||
// <ProductHome />
|
// <ProductHome />
|
||||||
<Component {...pageProps} />
|
<QueryClientContext>
|
||||||
|
<Component {...pageProps} />
|
||||||
|
</QueryClientContext>
|
||||||
) : (
|
) : (
|
||||||
<Preloader />
|
<Preloader />
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -331,76 +331,7 @@ export default function Home() {
|
|||||||
</section> {/* END BOX CONTENT */}
|
</section> {/* END BOX CONTENT */}
|
||||||
{/* TEXT CONTENT
|
{/* TEXT CONTENT
|
||||||
============================================= */}
|
============================================= */}
|
||||||
<section className="pt-100 ct-02 content-section division">
|
|
||||||
<div className="container">
|
|
||||||
{/* SECTION CONTENT (ROW) */}
|
|
||||||
<div className="row d-flex align-items-center">
|
|
||||||
{/* IMAGE BLOCK */}
|
|
||||||
<div className="col-md-6">
|
|
||||||
<div className="img-block left-column wow fadeInRight">
|
|
||||||
<img className="img-fluid" src="/images/img-07.png" alt="content-image" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* TEXT BLOCK */}
|
|
||||||
<div className="col-md-6">
|
|
||||||
<div className="txt-block right-column wow fadeInLeft">
|
|
||||||
{/* Section ID */}
|
|
||||||
<span className="section-id">Strategies That Work</span>
|
|
||||||
{/* Title */}
|
|
||||||
<h2 className="s-46 w-700">Right strategies & implementations</h2>
|
|
||||||
{/* Text */}
|
|
||||||
<p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
|
||||||
vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
|
|
||||||
</p>
|
|
||||||
{/* Text */}
|
|
||||||
<p className="mb-0">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice
|
|
||||||
an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula
|
|
||||||
purus egestas magna cursus undo varius purus magnis sapien quaerat
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div> {/* END TEXT BLOCK */}
|
|
||||||
</div> {/* END SECTION CONTENT (ROW) */}
|
|
||||||
</div> {/* End container */}
|
|
||||||
</section> {/* END TEXT CONTENT */}
|
|
||||||
{/* TESTIMONIALS-2
|
|
||||||
============================================= */}
|
|
||||||
{/* RATING-1
|
|
||||||
============================================= */}
|
|
||||||
|
|
||||||
<section className="bg--white-400 py-100 ct-03 content-section division">
|
|
||||||
<div className="container">
|
|
||||||
<div className="row d-flex align-items-center">
|
|
||||||
{/* TEXT BLOCK */}
|
|
||||||
<div className="col-md-6 col-lg-5 order-last order-md-2">
|
|
||||||
<div className="txt-block left-column wow fadeInRight">
|
|
||||||
{/* Section ID */}
|
|
||||||
<span className="section-id">One-Stop Solution</span>
|
|
||||||
{/* Title */}
|
|
||||||
<h2 className="s-46 w-700">Data-driven digital marketing</h2>
|
|
||||||
{/* List */}
|
|
||||||
<ul className="simple-list">
|
|
||||||
<li className="list-item">
|
|
||||||
<p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
|
|
||||||
ipsum aliquam undo congue dolor cursus congue varius magnis
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li className="list-item">
|
|
||||||
<p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
|
|
||||||
sapien ultrice auctor
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div> {/* END TEXT BLOCK */}
|
|
||||||
{/* IMAGE BLOCK */}
|
|
||||||
<div className="col-md-6 col-lg-7 order-first order-md-2">
|
|
||||||
<div className="img-block right-column wow fadeInLeft">
|
|
||||||
<img className="img-fluid" src="/images/img-14.png" alt="content-image" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div> {/* End row */}
|
|
||||||
</div> {/* End container */}
|
|
||||||
</section> {/* END TEXT CONTENT */}
|
|
||||||
{/* BLOG-1
|
{/* BLOG-1
|
||||||
============================================= */}
|
============================================= */}
|
||||||
<section id="blog-1" className="py-100 blog-section division">
|
<section id="blog-1" className="py-100 blog-section division">
|
||||||
|
|||||||
+155
-445
@@ -1,29 +1,26 @@
|
|||||||
//"use server"
|
//"use server"
|
||||||
|
import { useQuery } from "@tanstack/react-query";
|
||||||
import VideoPopup from "../components/elements/VidepPopup"
|
import VideoPopup from "../components/elements/VidepPopup"
|
||||||
import Layout from "../components/layout/Layout"
|
import Layout from "../components/layout/Layout"
|
||||||
import Link from "next/link"
|
import Link from "next/link"
|
||||||
import {useState, useEffect } from "react";
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
|
|
||||||
const [posts, setPosts] = useState(null)
|
const {data, isFetching, isError, error} = useQuery({
|
||||||
|
queryKey: ['blog'],
|
||||||
useEffect(() => {
|
queryFn: async () => {
|
||||||
async function fetchPosts() {
|
|
||||||
try {
|
try {
|
||||||
const res = await fetch('https://blogdata.chiefsoft.net/blogdata/mermsemr')
|
const blog_url = 'https://blogdata.chiefsoft.net/mermsblogdata/mermsemr';
|
||||||
|
//http://localhost:8805/mermsblogdata/mermsemr'; // https://blogdata.chiefsoft.net/mermsblogdata/mermsemr
|
||||||
|
const res = await fetch(blog_url)
|
||||||
const data = await res.json()
|
const data = await res.json()
|
||||||
setPosts(data)
|
return data
|
||||||
console.log(data)
|
|
||||||
}
|
}
|
||||||
catch(e){
|
catch(e){
|
||||||
console.log(e)
|
return(e)
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
fetchPosts().then(r => {
|
})
|
||||||
console.log(r)
|
|
||||||
})
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
@@ -31,452 +28,165 @@ export default function Home() {
|
|||||||
<div>
|
<div>
|
||||||
<section id="blog-page" className="pb-60 inner-page-hero blog-page-section">
|
<section id="blog-page" className="pb-60 inner-page-hero blog-page-section">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
{/* WIDE BLOG POST */}
|
{isFetching ?
|
||||||
<div className="blog-post wide-post wow fadeInUp">
|
<div className="">
|
||||||
<div className="row d-flex align-items-center">
|
<div className="">
|
||||||
{/* BLOG POST IMAGE */}
|
<p className='text-mute text-center'>Loading...</p>
|
||||||
<div className="col-md-6">
|
</div>
|
||||||
<div className="blog-post-img">
|
</div>
|
||||||
<img className="img-fluid r-16" src="/images/blog/post-11-img.jpg" alt="blog-post-image" />
|
: isError ?
|
||||||
</div>
|
<div className="">
|
||||||
</div>
|
<div className="">
|
||||||
{/* BLOG POST TEXT */}
|
<p className='text-danger text-center'>{error.message}</p>
|
||||||
<div className="col-md-6">
|
</div>
|
||||||
<div className="blog-post-txt">
|
</div>
|
||||||
|
:
|
||||||
|
<>
|
||||||
|
{(data && data?.payload?.blogdata?.length > 0) ?
|
||||||
|
<>
|
||||||
|
{/* WIDE BLOG POST */}
|
||||||
|
<div className="blog-post wide-post wow fadeInUp">
|
||||||
|
<div className="row d-flex align-items-center">
|
||||||
|
{/* BLOG POST IMAGE */}
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="blog-post-img">
|
||||||
|
<img
|
||||||
|
className="img-fluid r-16"
|
||||||
|
src={`${data?.payload?.image_url}/${data?.payload?.blogdata[0].meta_value}`}
|
||||||
|
alt="blog-post-image" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/* BLOG POST TEXT */}
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="blog-post-txt">
|
||||||
|
|
||||||
<h3 className="s-38 w-700">
|
<h3 className="s-38 w-700">
|
||||||
<Link href="/single-post">Congue magna tempor and ipsum Martex sapien turpis
|
<Link href={data?.payload?.blogdata[0].guid}> {data?.payload?.blogdata[0].post_title}</Link>
|
||||||
laoreet augue
|
</h3>
|
||||||
</Link>
|
{/* Text */}
|
||||||
</h3>
|
{/* <p>{data?.payload?.blogdata[0].post_content.substring(0, 250)}</p> */}
|
||||||
{/* Text */}
|
<p dangerouslySetInnerHTML={{ __html: data?.payload?.blogdata[0].post_content.length > 250 ? data?.payload?.blogdata[0].post_content.substring(0, 250) + ' ...' : data?.payload?.blogdata[0].post_content.substring(0, 250) }} />
|
||||||
<p>Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida porta undo
|
{/* Post Meta */}
|
||||||
velna dolor libero a risus aliquet tempus posuere a tempor velna tempus posuere dolor
|
<div className="blog-post-meta mt-30">
|
||||||
</p>
|
<ul className="post-meta-list ico-10">
|
||||||
{/* Post Meta */}
|
<li><p className="w-500">MERMS </p></li>
|
||||||
<div className="blog-post-meta mt-30">
|
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||||
<ul className="post-meta-list ico-10">
|
<li><p>{new Date(data?.payload?.blogdata[0]?.post_date).toDateString()}</p></li>
|
||||||
<li><p className="w-500">MermsEmr Team</p></li>
|
</ul>
|
||||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
</div>
|
||||||
<li><p>Apr 28, 2023</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST TEXT */}
|
|
||||||
</div> {/* End row */}
|
|
||||||
</div> {/* END WIDE BLOG POST */}
|
|
||||||
{/* POSTS WRAPPER */}
|
|
||||||
<div className="posts-wrapper">
|
|
||||||
<div className="row">
|
|
||||||
{/* BLOG POST #1 */}
|
|
||||||
<div className="col-md-6 col-lg-4">
|
|
||||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
|
||||||
{/* BLOG POST IMAGE */}
|
|
||||||
<div className="blog-post-img mb-35">
|
|
||||||
<img className="img-fluid r-16" src="/images/blog/post-1-img.jpg" alt="blog-post-image" />
|
|
||||||
</div>
|
|
||||||
{/* BLOG POST TEXT */}
|
|
||||||
<div className="blog-post-txt">
|
|
||||||
{/* Post Tag */}
|
|
||||||
<span className="post-tag color--red-400">Product News</span>
|
|
||||||
{/* Post Link */}
|
|
||||||
<h6 className="s-20 w-700">
|
|
||||||
<Link href="/single-post">Aliqum mullam porta blandit: lacus and sapien
|
|
||||||
gravida
|
|
||||||
</Link>
|
|
||||||
</h6>
|
|
||||||
{/* Text */}
|
|
||||||
<p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat
|
|
||||||
congue diam ultrice laoreet sagittis
|
|
||||||
</p>
|
|
||||||
{/* Post Meta */}
|
|
||||||
<div className="blog-post-meta mt-20">
|
|
||||||
<ul className="post-meta-list ico-10">
|
|
||||||
<li><p className="p-sm w-500">MermsEmr Team</p></li>
|
|
||||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
|
||||||
<li><p className="p-sm">Apr 23, 2023</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div> {/* END BLOG POST TEXT */}
|
</div> {/* END BLOG POST TEXT */}
|
||||||
</div>
|
</div> {/* End row */}
|
||||||
</div> {/* END BLOG POST #1 */}
|
</div> {/* END WIDE BLOG POST */}
|
||||||
{/* BLOG POST #2 */}
|
{/* POSTS WRAPPER */}
|
||||||
<div className="col-md-6 col-lg-4">
|
<div className="posts-wrapper">
|
||||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
<div className="row">
|
||||||
{/* BLOG POST IMAGE */}
|
{/* BLOG POST #1 */}
|
||||||
<div className="blog-post-img mb-35">
|
{data?.payload?.blogdata.map((item, index)=>{
|
||||||
<img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
|
if(index > 0){
|
||||||
</div>
|
return (
|
||||||
{/* BLOG POST TEXT */}
|
<div key={item.id || index} className="col-md-6 col-lg-4">
|
||||||
<div className="blog-post-txt">
|
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
||||||
{/* Post Tag */}
|
{/* BLOG POST IMAGE */}
|
||||||
<span className="post-tag color--green-400">Community</span>
|
<div className="blog-post-img mb-35">
|
||||||
{/* Post Link */}
|
<img
|
||||||
<h6 className="s-20 w-700">
|
className="img-fluid r-16"
|
||||||
<Link href="/single-post">Porttitor cursus fusce neque CEO egestas cursus
|
src={`${data?.payload?.image_url}/${item.meta_value}`}
|
||||||
magna sapien and suscipit ipsum
|
alt="blog-post-image"
|
||||||
</Link>
|
/>
|
||||||
</h6>
|
</div>
|
||||||
{/* Text */}
|
{/* BLOG POST TEXT */}
|
||||||
<p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
|
<div className="blog-post-txt">
|
||||||
{/* Post Meta */}
|
{/* Post Tag */}
|
||||||
<div className="blog-post-meta mt-20">
|
{/* <span className="post-tag color--red-400">Product News</span> */}
|
||||||
<ul className="post-meta-list ico-10">
|
{/* Post Link */}
|
||||||
<li><p className="p-sm w-500">By Miranda Green</p></li>
|
<h6 className="s-20 w-700">
|
||||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
<Link href={item.guid}> {item.post_title}</Link>
|
||||||
<li><p className="p-sm">Apr 09, 2023</p></li>
|
</h6>
|
||||||
</ul>
|
{/* Text */}
|
||||||
</div>
|
<p dangerouslySetInnerHTML={{ __html: item.post_content.length > 250 ? item.post_content.substring(0, 250) + ' ...' : item.post_content.substring(0, 250) }} />
|
||||||
</div> {/* END BLOG POST TEXT */}
|
{/* Post Meta */}
|
||||||
</div>
|
<div className="blog-post-meta mt-20">
|
||||||
</div> {/* END BLOG POST #2 */}
|
<ul className="post-meta-list ico-10">
|
||||||
{/* BLOG POST #3 */}
|
<li><p className="p-sm w-500">Merms</p></li>
|
||||||
<div className="col-md-12 col-lg-4">
|
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
<li><p className="p-sm">{new Date(item.post_date).toDateString()}</p></li>
|
||||||
{/* BLOG POST IMAGE */}
|
</ul>
|
||||||
<div className="blog-post-img mb-35">
|
</div>
|
||||||
<img className="img-fluid r-16" src="/images/blog/post-3-img.jpg" alt="blog-post-image" />
|
</div> {/* END BLOG POST TEXT */}
|
||||||
</div>
|
</div>
|
||||||
{/* BLOG POST TEXT */}
|
|
||||||
<div className="blog-post-txt">
|
|
||||||
{/* Post Tag */}
|
|
||||||
<span className="post-tag color--violet-400">Freelancer Tips</span>
|
|
||||||
{/* Post Link */}
|
|
||||||
<h6 className="s-20 w-700">
|
|
||||||
<Link href="/single-post">Cubilia laoreet ipsum augue eget egestas Martex magna</Link>
|
|
||||||
</h6>
|
|
||||||
{/* Text */}
|
|
||||||
<p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat
|
|
||||||
egets congue ultrice sagittis laoreet
|
|
||||||
</p>
|
|
||||||
{/* Post Meta */}
|
|
||||||
<div className="blog-post-meta mt-20">
|
|
||||||
<ul className="post-meta-list ico-10">
|
|
||||||
<li><p className="p-sm w-500">By Helen J.</p></li>
|
|
||||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
|
||||||
<li><p className="p-sm">Apr 01, 2023</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST TEXT */}
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST #3 */}
|
|
||||||
</div>
|
|
||||||
</div> {/* END POSTS WRAPPER */}
|
|
||||||
{/* BLOG POSTS CATEGORY */}
|
|
||||||
<div className="row">
|
|
||||||
<div className="col">
|
|
||||||
<div className="posts-category ico-20 wow fadeInUp">
|
|
||||||
<h4 className="s-34 w-700">Latest News <span className="flaticon-next" /></h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* POSTS WRAPPER */}
|
|
||||||
<div className="posts-wrapper">
|
|
||||||
<div className="row">
|
|
||||||
{/* BLOG POST #4 */}
|
|
||||||
<div className="col-md-6 col-lg-4">
|
|
||||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
|
||||||
{/* BLOG POST IMAGE */}
|
|
||||||
<div className="blog-post-img mb-35">
|
|
||||||
<img className="img-fluid r-16" src="/images/blog/post-4-img.jpg" alt="blog-post-image" />
|
|
||||||
</div>
|
|
||||||
{/* BLOG POST TEXT */}
|
|
||||||
<div className="blog-post-txt">
|
|
||||||
{/* Post Tag */}
|
|
||||||
<span className="post-tag color--pink-400">Tutorials</span>
|
|
||||||
{/* Post Link */}
|
|
||||||
<h6 className="s-20 w-700">
|
|
||||||
<Link href="/single-post">Phasellus blandit justo undo aliquam vitae molestie
|
|
||||||
nunc sapien augue justo aliquet
|
|
||||||
</Link>
|
|
||||||
</h6>
|
|
||||||
{/* Text */}
|
|
||||||
<p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
|
|
||||||
{/* Post Meta */}
|
|
||||||
<div className="blog-post-meta mt-20">
|
|
||||||
<ul className="post-meta-list ico-10">
|
|
||||||
<li><p className="p-sm w-500">By Miranda Green</p></li>
|
|
||||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
|
||||||
<li><p className="p-sm">Mar 20, 2023</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST TEXT */}
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST #4 */}
|
|
||||||
{/* BLOG POST #5 */}
|
|
||||||
<div className="col-md-6 col-lg-4">
|
|
||||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
|
||||||
{/* BLOG POST IMAGE */}
|
|
||||||
<div className="blog-post-img mb-35">
|
|
||||||
<img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
|
|
||||||
</div>
|
|
||||||
{/* BLOG POST TEXT */}
|
|
||||||
<div className="blog-post-txt">
|
|
||||||
{/* Post Tag */}
|
|
||||||
<span className="post-tag color--violet-400">Freelancer Tips</span>
|
|
||||||
{/* Post Link */}
|
|
||||||
<h6 className="s-20 w-700">
|
|
||||||
<Link href="/single-post">Blandit justo phasellus undo aliquam diam molestie
|
|
||||||
vitae
|
|
||||||
</Link>
|
|
||||||
</h6>
|
|
||||||
{/* Text */}
|
|
||||||
<p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat
|
|
||||||
egets congue ultrice sagittis laoreet
|
|
||||||
</p>
|
|
||||||
{/* Post Meta */}
|
|
||||||
<div className="blog-post-meta mt-20">
|
|
||||||
<ul className="post-meta-list ico-10">
|
|
||||||
<li><p className="p-sm w-500">MermsEmr Team</p></li>
|
|
||||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
|
||||||
<li><p className="p-sm">Mar 13, 2023</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST TEXT */}
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST #5 */}
|
|
||||||
{/* BLOG POST #6 */}
|
|
||||||
<div className="col-md-12 col-lg-4">
|
|
||||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
|
||||||
{/* BLOG POST IMAGE */}
|
|
||||||
<div className="blog-post-img mb-35">
|
|
||||||
<img className="img-fluid r-16" src="/images/blog/post-6-img.jpg" alt="blog-post-image" />
|
|
||||||
</div>
|
|
||||||
{/* BLOG POST TEXT */}
|
|
||||||
<div className="blog-post-txt">
|
|
||||||
{/* Post Tag */}
|
|
||||||
<span className="post-tag color--blue-400">Extensions</span>
|
|
||||||
{/* Post Link */}
|
|
||||||
<h6 className="s-20 w-700">
|
|
||||||
<Link href="/single-post">Cursus porttitor fusce neque CEO egestas cursus magna
|
|
||||||
sapien and ipsum suscipit
|
|
||||||
</Link>
|
|
||||||
</h6>
|
|
||||||
{/* Text */}
|
|
||||||
<p>Mullam ipsum aliqum vitae and blandit vitae tempor sapien and lipsum donec</p>
|
|
||||||
{/* Post Meta */}
|
|
||||||
<div className="blog-post-meta mt-20">
|
|
||||||
<ul className="post-meta-list ico-10">
|
|
||||||
<li><p className="p-sm w-500">MermsEmr Team</p></li>
|
|
||||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
|
||||||
<li><p className="p-sm">Feb 23, 2023</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST TEXT */}
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST #6 */}
|
|
||||||
</div> {/* End row */}
|
|
||||||
</div> {/* END POSTS WRAPPER */}
|
|
||||||
{/* SQUARE BLOG POST */}
|
|
||||||
<div className="blog-post square-post">
|
|
||||||
<div className="row">
|
|
||||||
<div className="col">
|
|
||||||
{/* SQUARE BLOG POST WRAPPER */}
|
|
||||||
<div className="square-post-wrapper bg--black-400 block-shadow r-16 wow fadeInUp">
|
|
||||||
<div className="row d-flex align-items-center">
|
|
||||||
{/* BLOG POST TEXT */}
|
|
||||||
<div className="col-md-6 order-last order-md-2">
|
|
||||||
<div className="blog-post-txt color--white">
|
|
||||||
{/* Post Tag */}
|
|
||||||
<span className="post-tag color--pink-400">Video Tutorials</span>
|
|
||||||
{/* Post Link */}
|
|
||||||
<h4 className="s-34 w-700 mb-20">
|
|
||||||
<Link href="/single-post">Lipsum sodales sapien Martex aliquet blandit
|
|
||||||
augue gravida posuere
|
|
||||||
</Link>
|
|
||||||
</h4>
|
|
||||||
{/* Text */}
|
|
||||||
<p>Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida porta
|
|
||||||
undo velna dolor libero risus aliquet tempus posuere vitae tempor
|
|
||||||
</p>
|
|
||||||
{/* Post Meta */}
|
|
||||||
<div className="blog-post-meta mt-30">
|
|
||||||
<ul className="post-meta-list ico-10">
|
|
||||||
<li><p className="w-500">MermsEmr Team</p></li>
|
|
||||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
|
||||||
<li><p>Feb 12, 2023</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
)
|
||||||
</div>
|
}
|
||||||
{/* BLOG POST IMAGE */}
|
})}
|
||||||
<div className="col-md-6 order-first order-md-2">
|
{/* END BLOG POST #1 */}
|
||||||
<div className="blog-post-img video-preview">
|
</div>
|
||||||
{/* Play Icon */}
|
</div> {/* END POSTS WRAPPER */}
|
||||||
<VideoPopup style={1}/>
|
|
||||||
{/* Preview Image */}
|
<div className="blog-post square-post">
|
||||||
<img className="img-fluid" src="/images/blog/post-10-img.jpg" alt="video-preview" />
|
<div className="row">
|
||||||
</div>
|
<div className="col">
|
||||||
</div>
|
{/* SQUARE BLOG POST WRAPPER */}
|
||||||
</div> {/* End row */}
|
<div className="square-post-wrapper bg--black-400 block-shadow r-16 wow fadeInUp">
|
||||||
</div> {/* END SQUARE BLOG POST WRAPPER */}
|
<div className="row d-flex align-items-center">
|
||||||
</div>
|
{/* BLOG POST TEXT */}
|
||||||
</div> {/* End row */}
|
<div className="col-md-6 order-last order-md-2">
|
||||||
</div> {/* END SQUARE BLOG POST */}
|
<div className="blog-post-txt color--white">
|
||||||
{/* BLOG POSTS CATEGORY */}
|
|
||||||
<div className="row">
|
<h4 className="s-34 w-700 mb-20">
|
||||||
<div className="col">
|
<Link href="/single-post">Lipsum sodales sapien Martex aliquet blandit
|
||||||
<div className="posts-category ico-20 wow fadeInUp">
|
augue gravida posuere
|
||||||
<h4 className="s-34 w-700">All Stories <span className="flaticon-next" /></h4>
|
</Link>
|
||||||
|
</h4>
|
||||||
|
{/* Text */}
|
||||||
|
<p>Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida porta
|
||||||
|
undo velna dolor libero risus aliquet tempus posuere vitae tempor
|
||||||
|
</p>
|
||||||
|
{/* Post Meta */}
|
||||||
|
<div className="blog-post-meta mt-30">
|
||||||
|
<ul className="post-meta-list ico-10">
|
||||||
|
<li><p className="w-500">MermsEmr Team</p></li>
|
||||||
|
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||||
|
<li><p>Feb 12, 2023</p></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/* BLOG POST IMAGE */}
|
||||||
|
<div className="col-md-6 order-first order-md-2">
|
||||||
|
<div className="blog-post-img video-preview">
|
||||||
|
{/* Play Icon */}
|
||||||
|
<VideoPopup style={1}/>
|
||||||
|
{/* Preview Image */}
|
||||||
|
<img className="img-fluid" src="/images/blog/post-10-img.jpg" alt="video-preview" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> {/* End row */}
|
||||||
|
</div> {/* END SQUARE BLOG POST WRAPPER */}
|
||||||
|
</div>
|
||||||
|
</div> {/* End row */}
|
||||||
|
</div> {/* END SQUARE BLOG POST */}
|
||||||
|
</>
|
||||||
|
:
|
||||||
|
<div className="">
|
||||||
|
<div className="">
|
||||||
|
<p className='text-mute text-center'>No Blog Found!</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
}
|
||||||
{/* POSTS WRAPPER */}
|
</>
|
||||||
<div className="posts-wrapper">
|
}
|
||||||
<div className="row">
|
|
||||||
{/* BLOG POST #7 */}
|
|
||||||
<div className="col-md-6 col-lg-4">
|
|
||||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
|
||||||
{/* BLOG POST IMAGE */}
|
|
||||||
<div className="blog-post-img mb-35">
|
|
||||||
<img className="img-fluid r-16" src="/images/blog/post-7-img.jpg" alt="blog-post-image" />
|
|
||||||
</div>
|
|
||||||
{/* BLOG POST TEXT */}
|
|
||||||
<div className="blog-post-txt">
|
|
||||||
{/* Post Tag */}
|
|
||||||
<span className="post-tag color--red-400">Product News</span>
|
|
||||||
{/* Post Link */}
|
|
||||||
<h6 className="s-20 w-700">
|
|
||||||
<Link href="/single-post">Phasellus blandit justo undo aliquam diam vitae
|
|
||||||
molestie
|
|
||||||
</Link>
|
|
||||||
</h6>
|
|
||||||
{/* Text */}
|
|
||||||
<p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat
|
|
||||||
congue diam ultrice laoreet sagittis
|
|
||||||
</p>
|
|
||||||
{/* Post Meta */}
|
|
||||||
<div className="blog-post-meta mt-20">
|
|
||||||
<ul className="post-meta-list ico-10">
|
|
||||||
<li><p className="p-sm w-500">MermsEmr Team</p></li>
|
|
||||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
|
||||||
<li><p className="p-sm">Feb 02, 2023</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST TEXT */}
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST #7 */}
|
|
||||||
{/* BLOG POST #8 */}
|
|
||||||
<div className="col-md-6 col-lg-4">
|
|
||||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
|
||||||
{/* BLOG POST IMAGE */}
|
|
||||||
<div className="blog-post-img mb-35">
|
|
||||||
<img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
|
|
||||||
</div>
|
|
||||||
{/* BLOG POST TEXT */}
|
|
||||||
<div className="blog-post-txt">
|
|
||||||
{/* Post Tag */}
|
|
||||||
<span className="post-tag color--violet-400">Freelancer Tips</span>
|
|
||||||
{/* Post Link */}
|
|
||||||
<h6 className="s-20 w-700">
|
|
||||||
<Link href="/single-post">Porttitor cursus fusce neque CEO egestas cursus
|
|
||||||
magna sapien and suscipit ipsum
|
|
||||||
</Link>
|
|
||||||
</h6>
|
|
||||||
{/* Text */}
|
|
||||||
<p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
|
|
||||||
{/* Post Meta */}
|
|
||||||
<div className="blog-post-meta mt-20">
|
|
||||||
<ul className="post-meta-list ico-10">
|
|
||||||
<li><p className="p-sm w-500">By Miranda Green</p></li>
|
|
||||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
|
||||||
<li><p className="p-sm">Jan 26, 2023</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST TEXT */}
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST #8 */}
|
|
||||||
{/* BLOG POST #9 */}
|
|
||||||
<div className="col-md-12 col-lg-4">
|
|
||||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
|
||||||
{/* BLOG POST IMAGE */}
|
|
||||||
<div className="blog-post-img mb-35">
|
|
||||||
<img className="img-fluid r-16" src="/images/blog/post-9-img.jpg" alt="blog-post-image" />
|
|
||||||
</div>
|
|
||||||
{/* BLOG POST TEXT */}
|
|
||||||
<div className="blog-post-txt">
|
|
||||||
{/* Post Tag */}
|
|
||||||
<span className="post-tag color--green-400">Community</span>
|
|
||||||
{/* Post Link */}
|
|
||||||
<h6 className="s-20 w-700">
|
|
||||||
<Link href="/single-post">Aliqum mullam porta blandit: lacus and sapien
|
|
||||||
gravida
|
|
||||||
</Link>
|
|
||||||
</h6>
|
|
||||||
{/* Text */}
|
|
||||||
<p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat
|
|
||||||
egets congue ultrice sagittis laoreet
|
|
||||||
</p>
|
|
||||||
{/* Post Meta */}
|
|
||||||
<div className="blog-post-meta mt-20">
|
|
||||||
<ul className="post-meta-list ico-10">
|
|
||||||
<li><p className="p-sm w-500">By Miranda Green</p></li>
|
|
||||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
|
||||||
<li><p className="p-sm">Jan 12, 2023</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST TEXT */}
|
|
||||||
</div>
|
|
||||||
</div> {/* END BLOG POST #9 */}
|
|
||||||
</div> {/* End row */}
|
|
||||||
</div> {/* END POSTS WRAPPER */}
|
|
||||||
</div> {/* End container */}
|
</div> {/* End container */}
|
||||||
</section> {/* END BLOG POSTS LISTING */}
|
</section> {/* END BLOG POSTS LISTING */}
|
||||||
{/* PAGE PAGINATION
|
{/* PAGE PAGINATION
|
||||||
============================================= */}
|
============================================= */}
|
||||||
<div className="pb-100 page-pagination theme-pagination">
|
|
||||||
<div className="container">
|
|
||||||
<div className="row">
|
|
||||||
<div className="col-md-12">
|
|
||||||
<nav aria-label="Page navigation">
|
|
||||||
<ul className="pagination ico-20 justify-content-center">
|
|
||||||
<li className="page-item disabled"><Link className="page-link" href="#" tabIndex={-1}><span className="flaticon-back" /></Link>
|
|
||||||
</li>
|
|
||||||
<li className="page-item active" aria-current="page"><Link className="page-link" href="#">1</Link></li>
|
|
||||||
<li className="page-item"><Link className="page-link" href="#">2</Link></li>
|
|
||||||
<li className="page-item"><Link className="page-link" href="#">3</Link></li>
|
|
||||||
<li className="page-item"><Link className="page-link" href="#" aria-label="Next"><span className="flaticon-next" /></Link></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div> {/* End row */}
|
|
||||||
</div> {/* End container */}
|
|
||||||
</div> {/* END PAGE PAGINATION */}
|
|
||||||
{/* DIVIDER LINE */}
|
{/* DIVIDER LINE */}
|
||||||
<hr className="divider" />
|
<hr className="divider" />
|
||||||
{/* NEWSLETTER-1
|
{/* NEWSLETTER-1
|
||||||
============================================= */}
|
============================================= */}
|
||||||
<section id="newsletter-1" className="newsletter-section">
|
|
||||||
<div className="newsletter-overlay">
|
|
||||||
<div className="container">
|
|
||||||
<div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
|
|
||||||
{/* NEWSLETTER TEXT */}
|
|
||||||
<div className="col">
|
|
||||||
<div className="newsletter-txt">
|
|
||||||
<h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* NEWSLETTER FORM */}
|
|
||||||
<div className="col">
|
|
||||||
<form className="newsletter-form">
|
|
||||||
<div className="input-group">
|
|
||||||
<input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
|
|
||||||
<span className="input-group-btn">
|
|
||||||
<button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
{/* Newsletter Form Notification */}
|
|
||||||
<label htmlFor="s-email" className="form-notification" />
|
|
||||||
</form>
|
|
||||||
</div> {/* END NEWSLETTER FORM */}
|
|
||||||
</div> {/* End row */}
|
|
||||||
</div> {/* End container */}
|
|
||||||
</div> {/* End newsletter-overlay */}
|
|
||||||
</section> {/* END NEWSLETTER-1 */}
|
|
||||||
{/* DIVIDER LINE */}
|
|
||||||
<hr className="divider" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
</div>
|
||||||
</Layout>
|
</Layout>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 419 KiB |
Reference in New Issue
Block a user