Compare commits

...

15 Commits

Author SHA1 Message Date
victorAnumudu 298c4a9e8c single blog view added 2025-01-28 19:08:45 +01:00
CHIEFSOFT\ameye 9aba07763a New sections 2025-01-28 11:45:18 -05:00
CHIEFSOFT\ameye 5779313e26 Rearrange features 2025-01-28 11:37:12 -05:00
CHIEFSOFT\ameye e3669ad48d Featues page 2025-01-28 11:22:28 -05:00
victor.ebuka 48a573dc50 Merge branch 'single-blog' of MERMS/MermsWebsite2025 into master 2025-01-27 22:17:44 +00:00
victorAnumudu cacb32b319 single blog page displayed 2025-01-27 23:14:31 +01:00
CHIEFSOFT\ameye ed72ce43a1 Pahe fix 2025-01-27 11:48:27 -05:00
CHIEFSOFT\ameye e713b91689 Fix page contents 2025-01-27 11:19:50 -05:00
victor.ebuka e6970dbfaf Merge branch 'img-replacement' of MERMS/MermsWebsite2025 into master 2025-01-16 12:12:32 +00:00
victorAnumudu d0aed5ee24 about image replacement 2025-01-16 13:10:53 +01:00
victor.ebuka ac51fc9e1b Merge branch 'image-replacement' of MERMS/MermsWebsite2025 into master 2025-01-12 04:18:14 +00:00
victorAnumudu 1203a45682 replaced some about images 2025-01-12 05:10:30 +01:00
victor.ebuka 1d21dc7740 Merge branch 'about-top' of MERMS/MermsWebsite2025 into master 2025-01-10 20:47:17 +00:00
victorAnumudu 03b5fb81ff about page top fixed 2025-01-10 21:44:41 +01:00
victor.ebuka f98fe930d6 Merge branch 'text-replacement' of MERMS/MermsWebsite2025 into master 2025-01-10 08:36:03 +00:00
25 changed files with 738 additions and 633 deletions
+1 -1
View File
@@ -29,7 +29,7 @@ export default function Menu() {
</li>
{/* SIMPLE NAVIGATION LINK */}
<li className="nl-simple" aria-haspopup="true">
<Link href="#merms-features" className="h-link">
<Link href="/#merms-features" className="h-link">
Features
</Link>
</li>
+5 -5
View File
@@ -8,7 +8,7 @@ export default function MermsFooter() {
{/* FOOTER CONTENT */}
<div className="row">
{/* FOOTER LOGO */}
<div className="col-xl-4">
<div className="col-md-6 col-xl-4">
<div className="footer-info">
<img className="footer-logo" src="/images/logo-pink.png" alt="footer-logo" />
</div>
@@ -18,9 +18,9 @@ export default function MermsFooter() {
</p>
</div>
</div>
<div className="row col-xl-8">
<div className="col-12 col-md-6 col-xl-8 row">
{/* FOOTER LINKS */}
<div className="col-xl-4">
<div className="col-6 col-sm-4 col-md-4 col-xl-4">
<div className="footer-links fl-1">
{/* Title */}
<h6 className="s-17 w-700">Company</h6>
@@ -39,7 +39,7 @@ export default function MermsFooter() {
</div>
</div> {/* END FOOTER LINKS */}
{/* FOOTER LINKS */}
<div className="col-xl-4">
<div className="col-6 col-sm-4 col-md-4 col-xl-4">
<div className="footer-links fl-2">
{/* Title */}
<h6 className="s-17 w-700">Product</h6>
@@ -61,7 +61,7 @@ export default function MermsFooter() {
</div>
</div> {/* END FOOTER LINKS */}
{/* FOOTER LINKS */}
<div className="col-xl-4">
<div className="col-6 col-sm-4 col-md-4 col-xl-4">
<div className="footer-links fl-3">
{/* Title */}
<h6 className="s-17 w-700">Legal</h6>
@@ -8,7 +8,7 @@ function QueryClientContext({children}) {
refetchOnWindowFocus: false,
retry: 3,
// refetchOnMount: false,
staleTime: 60000,
staleTime: Infinity,
},
},
})
+13 -19
View File
@@ -9,7 +9,7 @@ export default function MermsAboutFeautures(){
<div className="col-md-10 col-lg-9">
<div className="section-title mb-70">
{/* Title */}
<h2 className="s-50 w-700">We make your business gain more revenue at a glance</h2>
<h2 className="s-50 w-700">We help you drive your goals with ease</h2>
</div>
</div>
@@ -35,9 +35,8 @@ export default function MermsAboutFeautures(){
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">Market Research</h6>
<p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
<h6 className="s-22 w-700">Healthcare Website</h6>
<p>Our platform is thoughtfully designed to cater to the unique needs of healthcare practitioners, ensuring that you can focus on what truly matters - your mission.
</p>
</div>
</div>
@@ -60,9 +59,8 @@ export default function MermsAboutFeautures(){
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">User Experience</h6>
<p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
<h6 className="s-22 w-700">Auto Engage</h6>
<p>We use our artificial intelligence tools to assist you in getting your users' engagement activities going with ease. We help you connect your contestants on social media sites.
</p>
</div>
</div>
@@ -85,9 +83,8 @@ export default function MermsAboutFeautures(){
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">Digital Marketing</h6>
<p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
<h6 className="s-22 w-700">Patient News</h6>
<p>Engage your patients and others will topics that educate and improve outcomes with blog addition to your website.
</p>
</div>
</div>
@@ -110,9 +107,8 @@ export default function MermsAboutFeautures(){
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">Web Development</h6>
<p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
<h6 className="s-22 w-700">Practice Tools</h6>
<p>From appointment scheduling, messaging patient records management and billing, manage your features account in one simple portal.
</p>
</div>
</div>
@@ -135,9 +131,8 @@ export default function MermsAboutFeautures(){
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">Brand Design Identity</h6>
<p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
<h6 className="s-22 w-700">Personal Website</h6>
<p>You are already a practitioner , sometimes you need to engage in general health discourse, we provide personal channels that augments your online presence.
</p>
</div>
</div>
@@ -160,9 +155,8 @@ export default function MermsAboutFeautures(){
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">SEO &amp; SMM Services</h6>
<p>Porta semper lacus cursus feugiat primis ultrice ligula risus ociis auctor and
tempus feugiat impedit felis cursus auctor augue mauris blandit ipsum
<h6 className="s-22 w-700">SEO &amp; Insight</h6>
<p>Monitor traffic and performance of your sites, get improvement recommendations and assist for improvement applicable.
</p>
</div>
</div>
+45
View File
@@ -0,0 +1,45 @@
import Link from "next/link";
export default function MermsBlogFix() {
return (
<>
<div className="blog-post square-post">
<div className="row">
<div className="col">
<div className="square-post-wrapper bg--black-400 block-shadow r-16 wow fadeInUp">
<div className="row d-flex align-items-center">
<div className="col-md-6 order-last order-md-2">
<div className="blog-post-txt color--white">
<h4 className="s-34 w-700 mb-20">
<Link href="/merms-blogview">Lipsum sodales sapien Martex aliquet blandit
augue gravida posuere
</Link>
</h4>
<p>Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida porta
undo velna dolor libero risus aliquet tempus posuere vitae tempor
</p>
<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>
</ul>
</div>
</div>
</div>
<div className="col-md-6 order-first order-md-2">
<div className="blog-post-img video-preview">
<img className="img-fluid" src="/images/blog/post-10-img.jpg" alt="video-preview" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</>
)
}
@@ -0,0 +1,76 @@
export default function MermsFeatureSection4 (){
return (
<>
<section className="pt-100 ct-04 content-section division">
<div className="container">
{/* SECTION CONTENT (ROW) */}
<div className="row d-flex align-items-center">
{/* TEXT BLOCK */}
<div className="col-md-6 order-last order-md-2">
<div className="txt-block left-column wow fadeInRight">
{/* CONTENT BOX #1 */}
<div className="cbox-2 process-step">
{/* Icon */}
<div className="ico-wrap">
<div className="cbox-2-ico bg--theme color--white">1</div>
<span className="cbox-2-line" />
</div>
{/* Text */}
<div className="cbox-2-txt">
<h5 className="s-22 w-700">Simple, Secure &amp; Intuitive</h5>
<p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
quaerat
</p>
</div>
</div> {/* END CONTENT BOX #1 */}
{/* CONTENT BOX #2 */}
<div className="cbox-2 process-step">
{/* Icon */}
<div className="ico-wrap">
<div className="cbox-2-ico bg--theme color--white">2</div>
<span className="cbox-2-line" />
</div>
{/* Text */}
<div className="cbox-2-txt">
<h5 className="s-22 w-700">Weekly Email Reports</h5>
<p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
quaerat
</p>
</div>
</div> {/* END CONTENT BOX #2 */}
{/* CONTENT BOX #3 */}
<div className="cbox-2 process-step">
{/* Icon */}
<div className="ico-wrap">
<div className="cbox-2-ico bg--theme color--white">3</div>
</div>
{/* Text */}
<div className="cbox-2-txt">
<h5 className="s-22 w-700">No Personal Data Collected</h5>
<p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
eque ligula quaerat
</p>
</div>
</div> {/* END CONTENT BOX #3 */}
</div>
</div> {/* END TEXT BLOCK */}
{/* IMAGE BLOCK */}
<div className="col-md-6 order-first order-md-2">
<div className="img-block wow fadeInLeft">
<img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
</div>
</div>
</div> {/* END SECTION CONTENT (ROW) */}
</div> {/* End container */}
</section> {/* END TEXT CONTENT */}
</>
)
}
@@ -0,0 +1,76 @@
export default function MermsFeaturesSection1(){
return (
<>
<section id="features-2" className="pt-100 features-section division">
<div className="container">
{/* SECTION TITLE */}
<div className="row justify-content-center">
<div className="col-md-10 col-lg-9">
<div className="section-title mb-80">
{/* Title */}
<h2 className="s-50 w-700">Everything in One Place</h2>
{/* Text */}
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
</div>
</div>
</div>
{/* FEATURES-2 WRAPPER */}
<div className="fbox-wrapper text-center">
<div className="row row-cols-1 row-cols-md-3">
{/* FEATURE BOX #1 */}
<div className="col">
<div className="fbox-2 fb-1 wow fadeInUp">
{/* Image */}
<div className="fbox-img gr--whitesmoke h-175">
<img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
<img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
</div>
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">Intuitive Dashboard</h6>
<p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
</div>
</div>
</div> {/* END FEATURE BOX #1 */}
{/* FEATURE BOX #2 */}
<div className="col">
<div className="fbox-2 fb-2 wow fadeInUp">
{/* Image */}
<div className="fbox-img gr--whitesmoke h-175">
<img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
<img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
</div>
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">Effortless Integration</h6>
<p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
</div>
</div>
</div> {/* END FEATURE BOX #2 */}
{/* FEATURE BOX #3 */}
<div className="col">
<div className="fbox-2 fb-3 wow fadeInUp">
{/* Image */}
<div className="fbox-img gr--whitesmoke h-175">
<img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
<img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
</div>
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">Real-time Analytics</h6>
<p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
</div>
</div>
</div> {/* END FEATURE BOX #3 */}
</div> {/* End row */}
</div> {/* END FEATURES-2 WRAPPER */}
</div> {/* End container */}
</section> {/* END FEATURES-2 */}
<hr className="divider" />
</>
)
}
@@ -0,0 +1,127 @@
export default function MermsFeaturesSectionTwo(){
return (
<>
<section id="features-12" className="shape--bg shape--white-400 pt-100 features-section division">
<div className="container">
<div className="row d-flex align-items-center">
{/* TEXT BLOCK */}
<div className="col-md-5">
<div className="txt-block left-column wow fadeInRight">
<h2 className="s-46 w-700">Smart solutions, real-time results</h2>
{/* Text */}
<p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
vitae dolor luctus placerat magna ligula and cursus vitae
</p>
{/* List */}
<ul className="simple-list">
<li className="list-item">
<p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
ipsum aliquam congue a 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 */}
{/* FEATURES-12 WRAPPER */}
<div className="col-md-7">
<div className="fbox-12-wrapper wow fadeInLeft">
<div className="row">
<div className="col-md-6">
{/* FEATURE BOX #1 */}
<div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
{/* Icon */}
<div className="fbox-ico ico-50">
<div className="shape-ico color--theme">
{/* Vector Icon */}
<span className="flaticon-layers-1" />
{/* Shape */}
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h5 className="s-20 w-700">Comprehensive</h5>
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
</div>
</div>
{/* FEATURE BOX #2 */}
<div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
{/* Icon */}
<div className="fbox-ico ico-50">
<div className="shape-ico color--theme">
{/* Vector Icon */}
<span className="flaticon-click-1" />
{/* Shape */}
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h5 className="s-20 w-700">Intuitive</h5>
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
</div>
</div>
</div>
<div className="col-md-6">
{/* FEATURE BOX #3 */}
<div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
{/* Icon */}
<div className="fbox-ico ico-50">
<div className="shape-ico color--theme">
{/* Vector Icon */}
<span className="flaticon-prioritize" />
{/* Shape */}
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h5 className="s-20 w-700">Flexible</h5>
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
</div>
</div>
{/* FEATURE BOX #4 */}
<div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
{/* Icon */}
<div className="fbox-ico ico-50">
<div className="shape-ico color--theme">
{/* Vector Icon */}
<span className="flaticon-analytics" />
{/* Shape */}
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h5 className="s-20 w-700">Efficient</h5>
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
</div>
</div>
</div>
</div>
</div> {/* End row */}
</div> {/* END FEATURES-12 WRAPPER */}
</div> {/* End row */}
</div> {/* End container */}
</section>
</>
)
}
+3 -5
View File
@@ -22,12 +22,10 @@ export default function Home() {
<div className="col-md-11 col-lg-10 col-xl-9">
<div className="about-2-title mb-60">
{/* Title */}
<h2 className="s-52 w-700 mb-30">We provide solutions for your creative ideas</h2>
<h2 className="s-52 w-700 mb-30">Helping healthcare providers with creative solutions.</h2>
{/* Text */}
<p className="mb-0">An enim nullam tempor sapien gravida donec pretium ipsum porta justo
integer and purus velna vitae auctor integer undo congue diam purus pretium and ligula
tempor primis libero at tempus, blandit and cursus varius magnis at sapien egestas
purus vitae purus an ipsum
<p className="mb-0">We aim to provide users with everything they need to succeed, from web presence and design to marketing,
content creation, and more. Our specialists understand the unique challenges of running an efficient modern operation. We work with the latest technologies to maximize your return on investment.
</p>
</div>
</div>
+161
View File
@@ -0,0 +1,161 @@
import { useRouter } from "next/router"
import Layout from "../../../components/layout/Layout"
import Link from "next/link"
import { useQuery } from "@tanstack/react-query"
import queryKeys from "../../../components/queryclientProvider/queryKeys"
export default function Home() {
const {data, isFetching, isError, error} = useQuery({
queryKey: queryKeys.blog,
queryFn: async () => {
try {
const blog_url = 'https://blogdata.chiefsoft.net/mermsblogdata/mermsemr';
const res = await fetch(blog_url)
const data = await res.json()
return data
}
catch(e){
return(e)
}
}
})
let {query} = useRouter()
const blogData = data?.payload?.blogdata
const imageURL = data?.payload?.image_url
return (
<>
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
<div>
{isFetching ?
<div className="pb-90 inner-page-hero blog-page-section">
<div className="">
<p className='text-mute text-center'>Loading...</p>
</div>
</div>
: isError ?
<div className="pb-90 inner-page-hero blog-page-section">
<div className="">
<p className='text-danger text-center'>{error.message}</p>
</div>
</div>
:
<>
<section id="single-post" className="pb-90 inner-page-hero blog-page-section">
<div className="container">
<div className="row justify-content-center">
{/* SINGLE POST CONTENT */}
<div className="col-xl-10">
{blogData?.filter(item => item?.id == query?.id).length > 0 ?
<>
{blogData?.filter(item => item?.id == query?.id).map(blog => {
return (
<div key={blog?.id} className="post-content">
{/* SINGLE POST TITLE */}
<div className="single-post-title text-center">
{/* Post Tag */}
{/* <span className="post-tag color--green-400">Community</span> */}
{/* Title */}
<h2 className="s-46 w-700">{blog?.post_title}</h2>
{/* Post Meta */}
<div className="blog-post-meta mt-35">
<ul className="post-meta-list ico-10">
<li><p className="w-500">MERMS </p></li>
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
<li><p>{new Date(blog?.post_date).toDateString()}</p></li>
</ul>
</div>
</div> {/* END SINGLE POST TITLE */}
{/* SINGLE POST IMAGE */}
<div className="blog-post-img py-50">
<img className="img-fluid r-16" src={`${imageURL}/${blog?.meta_value}`} alt="blog-post-image" />
</div>
{/* SINGLE POST TEXT */}
<p dangerouslySetInnerHTML={{ __html: blog?.post_content }} />
{/* END SINGLE POST TEXT */}
</div>
)
})}
</>
:
<div className="">
<p className='text-danger text-center'>Error! Blog not found.</p>
</div>
}
</div> {/* END SINGLE POST CONTENT */}
</div> {/* End row */}
</div> {/* End container */}
</section> {/* END SINGLE POST */}
{/* BLOG-1
============================================= */}
<section id="blog-1" className="bg--white-300 py-100 blog-section division">
<div className="container">
{/* SECTION TITLE */}
<div className="row justify-content-center">
<div className="col-md-10 col-lg-9">
<div className="section-title mb-70">
<h2 className="s-50 w-700">Recent Postings</h2>
</div>
</div>
</div>
<div className="row">
{/* BLOG POST #1 */}
{blogData?.filter(item => item.id != query?.id).map((item, index)=>{
if(index < 3){
return (
<div key={item.id || index} 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={`${imageURL}/${item.meta_value}`}
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={item.guid}> {item.post_title}</Link> */}
<Link
href={`/blogview/${item.id}`}
// href={{pathname: '/merms-blogview', query:{...item, image_url:data?.payload?.image_url}}}
>
{item.post_title}
</Link>
</h6>
{/* Text */}
<p dangerouslySetInnerHTML={{ __html: item.post_content.length > 250 ? item.post_content.substring(0, 250) + ' ...' : item.post_content.substring(0, 250) }} />
{/* Post Meta */}
<div className="blog-post-meta mt-20">
<ul className="post-meta-list ico-10">
<li><p className="p-sm w-500">Merms</p></li>
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
<li><p className="p-sm">{new Date(item.post_date).toDateString()}</p></li>
</ul>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div>
)
}
})}
{/* END BLOG POST #1 */}
</div> {/* End row */}
</div> {/* End container */}
</section>
</>
}
</div>
</Layout>
</>
)
}
+1 -29
View File
@@ -80,35 +80,7 @@ export default function Home() {
<hr className="divider" />
{/* 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>
</Layout>
+48 -392
View File
@@ -4,400 +4,15 @@ import Layout from "../components/layout/Layout"
import Link from "next/link"
import MermsAboutFeautures from "../components/sections/MermsAboutFeautures";
import MermsBanner from "../components/sections/MermsBanner";
import MermsFeatureSection4 from "../components/sections/MermsFeatureSection4";
import MermsFeaturesSection1 from "../components/sections/MermsFeaturesSection1";
import MermsFeaturesSectionTwo from "../components/sections/MermsFeaturesSectionTwo";
export default function Home() {
return (
<>
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
<div>
<section className="ct-01 inner-page-hero content-section division">
<div className="container">
{/* SECTION CONTENT (ROW) */}
<div className="row d-flex align-items-center">
{/* TEXT BLOCK */}
<div className="col-md-6 order-last order-md-2">
<div className="txt-block left-column wow fadeInRight">
{/* Section ID */}
<span className="section-id">Productivity Focused</span>
{/* Title */}
<h2 className="s-46 w-700">Achieve more with better workflows</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>
{/* List */}
<ul className="simple-list">
<li className="list-item">
<p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice
ipsum aliquam undo congue dolor cursus
</p>
</li>
<li className="list-item">
<p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
sapien turpis ultrice auctor congue placerat
</p>
</li>
</ul>
</div>
</div> {/* END TEXT BLOCK */}
{/* IMAGE BLOCK */}
<div className="col-md-6 order-first order-md-2">
<div className="img-block right-column wow fadeInLeft">
<img className="img-fluid" src="/images/img-06.png" alt="content-image" />
</div>
</div>
</div> {/* END SECTION CONTENT (ROW) */}
</div> {/* End container */}
</section> {/* END TEXT CONTENT */}
<MermsAboutFeautures />
<section className="pt-100 ws-wrapper content-section">
<div className="container">
<div className="bc-1-wrapper bg--white-400 bg--fixed r-16">
<div className="section-overlay">
<div className="row d-flex align-items-center">
{/* TEXT BLOCK */}
<div className="col-md-6 order-last order-md-2">
<div className="txt-block left-column wow fadeInRight">
{/* Section ID */}
<span className="section-id">Enhance Engagement</span>
{/* Title */}
<h2 className="s-46 w-700">Automate your way to success</h2>
{/* Text */}
<p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
vitae eros dolor luctus placerat magna ligula cursus and purus pretium
</p>
{/* Small Title */}
<h5 className="s-24 w-700 h5-title">The smarter way to work</h5>
{/* Text */}
<p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
</p>
</div>
</div> {/* END TEXT BLOCK */}
{/* IMAGE BLOCK */}
<div className="col-md-6 order-first order-md-2">
<div className="img-block right-column wow fadeInLeft">
<img className="img-fluid" src="/images/img-05.png" alt="content-image" />
</div>
</div>
</div> {/* End row */}
</div> {/* End section overlay */}
</div> {/* End content wrapper */}
</div> {/* End container */}
</section> {/* END BOX 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-03.png" alt="content-image" />
</div>
</div>
{/* TEXT BLOCK */}
<div className="col-md-6">
<div className="txt-block right-column wow fadeInLeft">
{/* TEXT BOX */}
<div className="txt-box">
{/* Title */}
<h5 className="s-24 w-700">Solution that grows with you</h5>
{/* 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>
</div> {/* END TEXT BOX */}
{/* TEXT BOX */}
<div className="txt-box mb-0">
{/* Title */}
<h5 className="s-24 w-700">Connect your data sources</h5>
{/* Text */}
<p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
purus
</p>
{/* List */}
<ul className="simple-list">
<li className="list-item">
<p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
aliquam undo congue dolor cursus
</p>
</li>
<li className="list-item">
<p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
sapien turpis ultrice auctor congue magna placerat
</p>
</li>
</ul>
</div> {/* END TEXT BOX */}
</div>
</div> {/* END TEXT BLOCK */}
</div> {/* END SECTION CONTENT (ROW) */}
</div> {/* End container */}
</section> {/* END TEXT CONTENT */}
{/* FEATURES-12
============================================= */}
<section id="features-12" className="shape--bg shape--white-400 pt-100 features-section division">
<div className="container">
<div className="row d-flex align-items-center">
{/* TEXT BLOCK */}
<div className="col-md-5">
<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">Smart solutions, real-time results</h2>
{/* Text */}
<p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
vitae dolor luctus placerat magna ligula and cursus vitae
</p>
{/* List */}
<ul className="simple-list">
<li className="list-item">
<p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
ipsum aliquam congue a 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 */}
{/* FEATURES-12 WRAPPER */}
<div className="col-md-7">
<div className="fbox-12-wrapper wow fadeInLeft">
<div className="row">
<div className="col-md-6">
{/* FEATURE BOX #1 */}
<div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
{/* Icon */}
<div className="fbox-ico ico-50">
<div className="shape-ico color--theme">
{/* Vector Icon */}
<span className="flaticon-layers-1" />
{/* Shape */}
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h5 className="s-20 w-700">Integrated</h5>
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
</div>
</div>
{/* FEATURE BOX #2 */}
<div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
{/* Icon */}
<div className="fbox-ico ico-50">
<div className="shape-ico color--theme">
{/* Vector Icon */}
<span className="flaticon-click-1" />
{/* Shape */}
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h5 className="s-20 w-700">Intuitive</h5>
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
</div>
</div>
</div>
<div className="col-md-6">
{/* FEATURE BOX #3 */}
<div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
{/* Icon */}
<div className="fbox-ico ico-50">
<div className="shape-ico color--theme">
{/* Vector Icon */}
<span className="flaticon-prioritize" />
{/* Shape */}
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h5 className="s-20 w-700">Flexible</h5>
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
</div>
</div>
{/* FEATURE BOX #4 */}
<div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
{/* Icon */}
<div className="fbox-ico ico-50">
<div className="shape-ico color--theme">
{/* Vector Icon */}
<span className="flaticon-analytics" />
{/* Shape */}
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> {/* End Icon */}
{/* Text */}
<div className="fbox-txt">
<h5 className="s-20 w-700">Efficient</h5>
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
</div>
</div>
</div>
</div>
</div> {/* End row */}
</div> {/* END FEATURES-12 WRAPPER */}
</div> {/* End row */}
</div> {/* End container */}
</section> {/* END FEATURES-12 */}
{/* FEATURES-2
============================================= */}
<section id="features-2" className="pt-100 features-section division">
<div className="container">
{/* SECTION TITLE */}
<div className="row justify-content-center">
<div className="col-md-10 col-lg-9">
<div className="section-title mb-80">
{/* Title */}
<h2 className="s-50 w-700">Everything in One Place</h2>
{/* Text */}
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
</div>
</div>
</div>
{/* FEATURES-2 WRAPPER */}
<div className="fbox-wrapper text-center">
<div className="row row-cols-1 row-cols-md-3">
{/* FEATURE BOX #1 */}
<div className="col">
<div className="fbox-2 fb-1 wow fadeInUp">
{/* Image */}
<div className="fbox-img gr--whitesmoke h-175">
<img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
<img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
</div>
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">Intuitive Dashboard</h6>
<p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
</div>
</div>
</div> {/* END FEATURE BOX #1 */}
{/* FEATURE BOX #2 */}
<div className="col">
<div className="fbox-2 fb-2 wow fadeInUp">
{/* Image */}
<div className="fbox-img gr--whitesmoke h-175">
<img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
<img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
</div>
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">Effortless Integration</h6>
<p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
</div>
</div>
</div> {/* END FEATURE BOX #2 */}
{/* FEATURE BOX #3 */}
<div className="col">
<div className="fbox-2 fb-3 wow fadeInUp">
{/* Image */}
<div className="fbox-img gr--whitesmoke h-175">
<img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
<img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
</div>
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">Real-time Analytics</h6>
<p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
</div>
</div>
</div> {/* END FEATURE BOX #3 */}
</div> {/* End row */}
</div> {/* END FEATURES-2 WRAPPER */}
</div> {/* End container */}
</section> {/* END FEATURES-2 */}
<hr className="divider" />
<section className="pt-100 ct-04 content-section division">
<div className="container">
{/* SECTION CONTENT (ROW) */}
<div className="row d-flex align-items-center">
{/* TEXT BLOCK */}
<div className="col-md-6 order-last order-md-2">
<div className="txt-block left-column wow fadeInRight">
{/* CONTENT BOX #1 */}
<div className="cbox-2 process-step">
{/* Icon */}
<div className="ico-wrap">
<div className="cbox-2-ico bg--theme color--white">1</div>
<span className="cbox-2-line" />
</div>
{/* Text */}
<div className="cbox-2-txt">
<h5 className="s-22 w-700">Simple, Secure &amp; Intuitive</h5>
<p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
quaerat
</p>
</div>
</div> {/* END CONTENT BOX #1 */}
{/* CONTENT BOX #2 */}
<div className="cbox-2 process-step">
{/* Icon */}
<div className="ico-wrap">
<div className="cbox-2-ico bg--theme color--white">2</div>
<span className="cbox-2-line" />
</div>
{/* Text */}
<div className="cbox-2-txt">
<h5 className="s-22 w-700">Weekly Email Reports</h5>
<p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
quaerat
</p>
</div>
</div> {/* END CONTENT BOX #2 */}
{/* CONTENT BOX #3 */}
<div className="cbox-2 process-step">
{/* Icon */}
<div className="ico-wrap">
<div className="cbox-2-ico bg--theme color--white">3</div>
</div>
{/* Text */}
<div className="cbox-2-txt">
<h5 className="s-22 w-700">No Personal Data Collected</h5>
<p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
eque ligula quaerat
</p>
</div>
</div> {/* END CONTENT BOX #3 */}
</div>
</div> {/* END TEXT BLOCK */}
{/* IMAGE BLOCK */}
<div className="col-md-6 order-first order-md-2">
<div className="img-block wow fadeInLeft">
<img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
</div>
</div>
</div> {/* END SECTION CONTENT (ROW) */}
</div> {/* End container */}
</section> {/* END TEXT CONTENT */}
{/* TEXT CONTENT
============================================= */}
<section className="pt-100 ct-02 content-section division">
<div className="container">
{/* SECTION CONTENT (ROW) */}
@@ -454,13 +69,54 @@ export default function Home() {
</div> {/* END TEXT BLOCK */}
</div> {/* END SECTION CONTENT (ROW) */}
</div> {/* End container */}
</section> {/* END TEXT CONTENT */}
</section>
<MermsFeaturesSectionTwo />
<MermsFeaturesSection1 />
<MermsFeatureSection4 />
<MermsAboutFeautures />
<section className="pt-100 ws-wrapper content-section">
<div className="container">
<div className="bc-1-wrapper bg--white-400 bg--fixed r-16">
<div className="section-overlay">
<div className="row d-flex align-items-center">
{/* TEXT BLOCK */}
<div className="col-md-6 order-last order-md-2">
<div className="txt-block left-column wow fadeInRight">
{/* Section ID */}
<span className="section-id">Enhance Engagement</span>
{/* Title */}
<h2 className="s-46 w-700">Automate your way to success</h2>
{/* Text */}
<p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
vitae eros dolor luctus placerat magna ligula cursus and purus pretium
</p>
{/* Small Title */}
<h5 className="s-24 w-700 h5-title">The smarter way to work</h5>
{/* Text */}
<p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
</p>
</div>
</div> {/* END TEXT BLOCK */}
{/* IMAGE BLOCK */}
<div className="col-md-6 order-first order-md-2">
<div className="img-block right-column wow fadeInLeft">
<img className="img-fluid" src="/images/img-05.png" alt="content-image" />
</div>
</div>
</div> {/* End row */}
</div> {/* End section overlay */}
</div> {/* End content wrapper */}
</div> {/* End container */}
</section> {/* END BOX CONTENT */}
<hr className="divider" />
<MermsBanner />
</div>
</Layout>
</>
)
+18 -47
View File
@@ -4,6 +4,7 @@ import VideoPopup from "../components/elements/VidepPopup"
import Layout from "../components/layout/Layout"
import Link from "next/link"
import queryKeys from "../components/queryclientProvider/queryKeys";
import MermsBlogFix from "../components/sections/MermsBlogFix";
export default function Home() {
@@ -21,6 +22,7 @@ export default function Home() {
}
}
})
return (
<>
@@ -61,7 +63,13 @@ export default function Home() {
<div className="blog-post-txt">
<h3 className="s-38 w-700">
<Link href={data?.payload?.blogdata[0].guid}> {data?.payload?.blogdata[0].post_title}</Link>
{/*<Link href={data?.payload?.blogdata[0].guid}> {data?.payload?.blogdata[0].post_title}</Link>*/}
<Link
href={`/blogview/${data?.payload?.blogdata[0].id}`}
// href={{pathname: '/merms-blogview', query:{...data?.payload?.blogdata[0], image_url:data?.payload?.image_url}}}
>
{data?.payload?.blogdata[0].post_title}
</Link>
</h3>
{/* Text */}
{/* <p>{data?.payload?.blogdata[0].post_content.substring(0, 250)}</p> */}
@@ -83,7 +91,7 @@ export default function Home() {
<div className="row">
{/* BLOG POST #1 */}
{data?.payload?.blogdata.map((item, index)=>{
if(index > 0){
if(index > 0 && index < 10){
return (
<div key={item.id || index} className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp clearfix">
@@ -101,7 +109,13 @@ export default function Home() {
{/* <span className="post-tag color--red-400">Product News</span> */}
{/* Post Link */}
<h6 className="s-20 w-700">
<Link href={item.guid}> {item.post_title}</Link>
{/* <Link href={item.guid}> {item.post_title}</Link> */}
<Link
href={`/blogview/${item.id}`}
// href={{pathname: '/merms-blogview', query:{...item, image_url:data?.payload?.image_url}}}
>
{item.post_title}
</Link>
</h6>
{/* Text */}
<p dangerouslySetInnerHTML={{ __html: item.post_content.length > 250 ? item.post_content.substring(0, 250) + ' ...' : item.post_content.substring(0, 250) }} />
@@ -122,50 +136,7 @@ export default function Home() {
{/* END BLOG POST #1 */}
</div>
</div> {/* END POSTS WRAPPER */}
<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">
<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>
{/* 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 */}
<MermsBlogFix />
</>
:
<div className="">
+159
View File
@@ -0,0 +1,159 @@
import { usePathname } from "next/navigation"
import { useRouter } from "next/router"
import VideoPopup from "../components/elements/VidepPopup"
import Layout from "../components/layout/Layout"
import Link from "next/link"
export default function Home() {
let {query} = useRouter()
return (
<>
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
<div>
<section id="single-post" className="pb-90 inner-page-hero blog-page-section">
<div className="container">
<div className="row justify-content-center">
{/* SINGLE POST CONTENT */}
<div className="col-xl-10">
<div className="post-content">
{/* SINGLE POST TITLE */}
<div className="single-post-title text-center">
{/* Post Tag */}
{/* <span className="post-tag color--green-400">Community</span> */}
{/* Title */}
<h2 className="s-46 w-700">{query.post_title}</h2>
{/* Post Meta */}
<div className="blog-post-meta mt-35">
<ul className="post-meta-list ico-10">
<li><p className="w-500">MERMS </p></li>
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
<li><p>{new Date(query?.post_date).toDateString()}</p></li>
</ul>
</div>
</div> {/* END SINGLE POST TITLE */}
{/* SINGLE POST IMAGE */}
<div className="blog-post-img py-50">
<img className="img-fluid r-16" src={`${query?.image_url}/${query.meta_value}`} alt="blog-post-image" />
</div>
{/* SINGLE POST TEXT */}
<p dangerouslySetInnerHTML={{ __html: query.post_content }} />
{/* END SINGLE POST TEXT */}
</div>
</div> {/* END SINGLE POST CONTENT */}
</div> {/* End row */}
</div> {/* End container */}
</section> {/* END SINGLE POST */}
{/* BLOG-1
============================================= */}
<section id="blog-1" className="bg--white-300 py-100 blog-section division">
<div className="container">
{/* SECTION TITLE */}
<div className="row justify-content-center">
<div className="col-md-10 col-lg-9">
<div className="section-title mb-70">
<h2 className="s-50 w-700">Recent Postings</h2>
</div>
</div>
</div>
<div className="row">
{/* BLOG POST #1 */}
<div className="col-md-6 col-lg-4">
<div id="bp-1-1" className="blog-post wow fadeInUp">
{/* 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--pink-400">Product News</span>
{/* Post Link */}
<h6 className="s-20 w-700">
<Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and 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">By Helen J.</p></li>
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
<li><p className="p-sm">Apr 28, 2023</p></li>
</ul>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #1 */}
{/* BLOG POST #2 */}
<div className="col-md-6 col-lg-4">
<div id="bp-1-2" className="blog-post wow fadeInUp">
{/* BLOG POST IMAGE */}
<div className="blog-post-img mb-35">
<img className="img-fluid r-16" src="/images/blog/post-2-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">Porttitor cursus fusce egestas CEO cursus at magna sapien
suscipit and egestas 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 Martex Team</p></li>
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
<li><p className="p-sm">Apr 14, 2023</p></li>
</ul>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #2 */}
{/* BLOG POST #3 */}
<div className="col-md-12 col-lg-4">
<div id="bp-1-3" className="blog-post wow fadeInUp">
{/* 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--purple-400">Freelancer Tips</span>
{/* Post Link */}
<h6 className="s-20 w-700">
<Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</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">Mar 27, 2023</p></li>
</ul>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #3 */}
</div> {/* End row */}
</div> {/* End container */}
</section>
</div>
</Layout>
</>
)
}
+4 -134
View File
@@ -19,9 +19,9 @@ export default function Home() {
<div className="rel">
<span className="version-data">4.13.019</span>
<span className="release-date">2023-05-31 <span>68.91 MB</span></span>
<Link href="download/example.zip" download="example.zip" className="btn btn--theme hover--tra-grey ico-20 ico-left release-download">
<span className="flaticon-down-arrow-1" /> Download 4.13.019
</Link>
{/*<Link href="download/example.zip" download="example.zip" className="btn btn--theme hover--tra-grey ico-20 ico-left release-download">*/}
{/* <span className="flaticon-down-arrow-1" /> Download 4.13.019*/}
{/*</Link>*/}
</div>
</div>
{/* Release Highlights */}
@@ -35,137 +35,7 @@ export default function Home() {
</ul>
</div>
</div> {/* END VERSION RELEASE */}
{/* VERSION RELEASE */}
<div className="version-release">
{/* Release Data */}
<div className="release-data">
<h5 className="s-28 w-700">Older Versions</h5>
{/* Version Data */}
<div className="rel">
<span className="version-data">4.11.020</span>
<span className="release-date">2023-05-18 <span>62.46 MB</span></span>
<Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
<span className="flaticon-down-arrow-1" /> Download 4.11.020
</Link>
</div>
</div>
{/* Release Highlights */}
<div className="release-highlights">
<ul className="simple-list">
<li className="list-item">
<p>Quaerat sodales sapien undo euismod purus and blandit egestas magna on macOS 10.12.*</p>
</li>
<li className="list-item">
<p>Fixed suscipit lectus auctor integer cursus orci vitae auctor integer</p>
</li>
<li className="list-item">
<p>Fixed Fringilla risus nec, luctus mauris auctor integer an auctor cursus euismod</p>
</li>
<li className="list-item"><p>Fixed Crash#8341682687</p></li>
</ul>
</div>
</div> {/* END VERSION RELEASE */}
{/* VERSION RELEASE */}
<div className="version-release">
{/* Release Data */}
<div className="release-data">
{/* Version Data */}
<div className="rel">
<span className="version-data">4.08.106</span>
<span className="release-date">2023-04-12 <span>58.83 MB</span></span>
<Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
<span className="flaticon-down-arrow-1" /> Download 4.08.106
</Link>
</div>
</div>
{/* Release Highlights */}
<div className="release-highlights">
<ul className="simple-list">
<li className="list-item">
<p>Quaerat sodales sapien undo euismod magna on 10.12 (Sierra)</p>
</li>
<li className="list-item">
<p>Fixed suscipit lectus auctor integer cursus orci vitae auctor integer</p>
</li>
<li className="list-item">
<p>Fixed risus nec luctus mauris auctor integer an integera congue magna</p>
</li>
<li className="list-item">
<p>Fixed cubilia laoreet magna at auctor integer congue egestas</p>
</li>
<li className="list-item">
<p>Fringilla risus nec, luctus mauris auctor integer an auctor cursus euismod purus
pretium efficitur ipsum ligula undo cubilia laoreet magna and dolor suscipit
</p>
</li>
<li className="list-item">
<p>Fixes other minor bugs</p>
</li>
</ul>
</div>
</div> {/* END VERSION RELEASE */}
{/* VERSION RELEASE */}
<div className="version-release">
{/* Release Data */}
<div className="release-data">
{/* Version Data */}
<div className="rel">
<span className="version-data">4.0.018</span>
<span className="release-date">2023-02-26 <span>64.95 MB</span></span>
<Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
<span className="flaticon-down-arrow-1" /> Download 4.0.018
</Link>
</div>
</div>
{/* Release Highlights */}
<div className="release-highlights">
<ul className="simple-list">
<li className="list-item">
<p>Fixes integer cursus orci bugs on 10.13 (High Sierra)</p>
</li>
<li className="list-item">
<p>Fixed auctor integer cursus orci vitae auctor integer</p>
</li>
<li className="list-item">
<p>Fixed Crash#8341689840</p>
</li>
<li className="list-item">
<p>Fixes other minor bugs</p>
</li>
</ul>
</div>
</div> {/* END VERSION RELEASE */}
{/* VERSION RELEASE */}
<div className="version-release">
{/* Release Data */}
<div className="release-data">
{/* Version Data */}
<div className="rel">
<span className="version-data">3.76.231</span>
<span className="release-date">2022-12-08 <span>57.39 MB</span></span>
<Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
<span className="flaticon-down-arrow-1" /> Download 3.76.231
</Link>
</div>
</div>
{/* Release Highlights */}
<div className="release-highlights">
<ul className="simple-list">
<li className="list-item">
<p>Quaerat sodales sapien undo euismod magna on 10.12 (Sierra)</p>
</li>
<li className="list-item">
<p>Fixed suscipit lectus auctor integer cursus orci vitae auctor integer</p>
</li>
<li className="list-item">
<p>Fixes integer cursus orci bugs on 10.13 (High Sierra)</p>
</li>
<li className="list-item">
<p>Fixed auctor integer cursus orci vitae auctor integer</p>
</li>
</ul>
</div>
</div> {/* END VERSION RELEASE */}
</div>
</div> {/* End row */}
</div> {/* End container */}
Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 81 KiB

After

Width:  |  Height:  |  Size: 181 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 106 KiB

After

Width:  |  Height:  |  Size: 194 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 138 KiB