MetatroncubeSoftwareSolutions/janahan-law
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Services and Service-Details Page Dynamic updated

Browse Source
This commit is contained in:
akash 2025-08-14 00:26:43 +05:30
parent 336322cbd1
commit 80980f5024
7 changed files with 364 additions and 154 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

138
api/blogs.js
View File

@ -1,72 +1,72 @@
import blogImg1 from "/public/images/blog/img-1.jpg";
import blogImg2 from "/public/images/blog/img-2.jpg";
import blogImg3 from "/public/images/blog/img-3.jpg";
import blogImg1 from "/public/images/blog/img-1.jpg";
import blogImg2 from "/public/images/blog/img-2.jpg";
import blogImg3 from "/public/images/blog/img-3.jpg";
import blogSingleImg1 from "/public/images/blog/blog-single/img-1.jpg";
import blogSingleImg2 from "/public/images/blog/blog-single/img-2.jpg";
import blogSingleImg3 from "/public/images/blog/blog-single/img-3.jpg";
import blogSingleImg1 from "/public/images/blog/blog-single/img-1.jpg";
import blogSingleImg2 from "/public/images/blog/blog-single/img-2.jpg";
import blogSingleImg3 from "/public/images/blog/blog-single/img-3.jpg";
const blogs = [
{
id: '1',
title: 'The people who just support progressive change.',
slug:'the-people-who-just-support-progressive-change.',
screens: blogImg1,
description: `
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<blockquote>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
`,
author: 'Anne William',
para: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',
authorTitle:'Admin',
create_at: '25 Sep 2023',
blogSingleImg:blogSingleImg1,
comment:'35',
blClass:'format-standard-image',
},
{
id: '2',
title: 'Politics is why we have nice things. Like the internet.',
slug:'politics-is-why-we-have-nice-things-like-the-internet.',
screens: blogImg2,
description: `
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<blockquote>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
`,
author: 'Robert Fox',
para: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',
authorTitle:'Admin',
create_at: '26 Sep 2023',
blogSingleImg:blogSingleImg2,
comment:'80',
blClass:'format-standard-image',
},
{
id: '3',
title: 'Liberty Divided Over Criticism Justice League',
slug:'liberty-divided-over-criticism-justice-league',
screens: blogImg3,
description: `
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<blockquote>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
`,
author: 'Devon Lane',
para: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',
authorTitle:'Admin',
create_at: '28 Sep 2023',
blogSingleImg:blogSingleImg3,
comment:'95',
blClass:'format-video',
},
];
const blogs = [
{
id: '1',
title: 'The people who just support progressive change.',
slug:'the-people-who-just-support-progressive-change.',
screens: blogImg1,
description: `
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<blockquote>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
`,
author: 'Anne William',
para: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',
authorTitle:'Admin',
create_at: '25 Sep 2023',
blogSingleImg:blogSingleImg1,
comment:'35',
blClass:'format-standard-image',
},
{
id: '2',
title: 'Politics is why we have nice things. Like the internet.',
slug:'politics-is-why-we-have-nice-things-like-the-internet.',
screens: blogImg2,
description: `
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<blockquote>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
`,
author: 'Robert Fox',
para: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',
authorTitle:'Admin',
create_at: '26 Sep 2023',
blogSingleImg:blogSingleImg2,
comment:'80',
blClass:'format-standard-image',
},
{
id: '3',
title: 'Liberty Divided Over Criticism Justice League',
slug:'liberty-divided-over-criticism-justice-league',
screens: blogImg3,
description: `
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<blockquote>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
`,
author: 'Devon Lane',
para: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',
authorTitle:'Admin',
create_at: '28 Sep 2023',
blogSingleImg:blogSingleImg3,
comment:'95',
blClass:'format-video',
},
];
export default blogs;
export default blogs;

159
api/campaign.js
View File

@ -1,63 +1,104 @@
import cimg1 from '/public/images/campaign/img-1.jpg'
import cimg2 from '/public/images/campaign/img-2.jpg'
import cimg3 from '/public/images/campaign/img-3.jpg'
import cS2img1 from '/public/images/campaign/img-4.jpg'
import cS2img2 from '/public/images/campaign/img-5.jpg'
import cS2img3 from '/public/images/campaign/img-6.jpg'
import cSimg1 from '/public/images/campaign/single/img-1.jpg'
import cSimg2 from '/public/images/campaign/single/img-2.jpg'
import cSimg3 from '/public/images/campaign/single/img-3.jpg'
import cimg1 from '/public/images/campaign/img-1.jpg';
import cimg2 from '/public/images/campaign/img-2.jpg';
import cimg3 from '/public/images/campaign/img-3.jpg';
import cS2img1 from '/public/images/campaign/img-4.jpg';
import cS2img2 from '/public/images/campaign/img-5.jpg';
import cS2img3 from '/public/images/campaign/img-6.jpg';
import cSimg1 from '/public/images/campaign/single/img-1.jpg';
import cSimg2 from '/public/images/campaign/single/img-2.jpg';
import cSimg3 from '/public/images/campaign/single/img-3.jpg';
const Campaign = [
{
Id:'1',
cImg:cimg1,
cImg2:cS2img1,
cSimg:cSimg1,
thumb:'Conference',
title:'New York: Support for Womans April 2023',
slug:'Support-for-Womans',
date:'July 1, 2023',
time:'15:00 - 19:00',
location:'85 Preston Rd. Inglewood',
progress:'90',
raised:'2000.00',
goal:'3000.00',
},
{
Id:'2',
cImg:cimg2,
cImg2:cS2img2,
cSimg:cSimg2,
thumb:'Entertainment',
title:'The Best Strategically Build Your Business Earning',
slug:'Business-Earning',
date:'July 2, 2023',
time:'10:00 - 15:00',
location:'85 Preston Rd. Inglewood',
progress:'80',
raised:'3000.00',
goal:'4000.00',
},
{
Id:'3',
cImg:cimg3,
cImg2:cS2img3,
cSimg:cSimg3,
thumb:'Conference',
title:'Political Commitment for Your Deportation Issue',
slug:'Political-Commitment',
date:'July 5, 2023',
time:'13:00 - 16:00',
location:'85 Preston Rd. Inglewood',
progress:'95',
raised:'4000.00',
goal:'5000.00',
}
]
id: '1',
title: 'New York: Support for Womans April 2023',
slug: 'Support-for-Womans',
cImg: cimg1,
cSimg: cSimg1,
date: 'July 1, 2023',
description: `
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
export default Campaign;
<blockquote>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<div class="gallery">
<div><img src="${cS2img1.src}" alt="Gallery 1"/></div>
<div><img src="${cS2img2.src}" alt="Gallery 2"/></div>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<blockquote>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
`,
author: 'Anne William',
para: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',
authorTitle: 'Admin',
comment: '35',
},
{
id: '2',
title: 'The Best Strategically Build Your Business Earning',
slug: 'Business-Earning',
cImg: cimg2,
cSimg: cSimg2,
date: 'July 2, 2023',
description: `
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<blockquote>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<div class="gallery">
<div><img src="${cS2img1.src}" alt="Gallery 1"/></div>
<div><img src="${cS2img2.src}" alt="Gallery 2"/></div>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<blockquote>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
`,
author: 'Robert Fox',
para: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',
authorTitle: 'Admin',
comment: '80',
},
{
id: '3',
title: 'Political Commitment for Your Deportation Issue',
slug: 'Political-Commitment',
cImg: cimg3,
cSimg: cSimg3,
date: 'July 5, 2023',
description: `
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<blockquote>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<div class="gallery">
<div><img src="${cS2img1.src}" alt="Gallery 1"/></div>
<div><img src="${cS2img2.src}" alt="Gallery 2"/></div>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<blockquote>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
`,
author: 'Devon Lane',
para: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',
authorTitle: 'Admin',
comment: '95',
}
];
export default Campaign;

16
components/BlogList/BlogList.js
View File

@ -46,15 +46,25 @@ const BlogList = (props) => {
width: '100%',
display: 'block',
}}>
<Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>
<Link
onClick={ClickHandler}
href={`/blog/${blog.slug}`}
>
{blog.title}
</Link>
</h3>
<p>
{blog.para}
</p>
<Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`} className="read-more">
Continue Reading
<Link
onClick={ClickHandler}
href={`/blog/${blog.slug}`}
className="read-more"
>
Continue Reading
</Link>
</div>
</div>

5
components/header2/Header2.js
View File

@ -87,7 +87,7 @@ const Header2 = (props) => {
<li><Link onClick={ClickHandler} href="/register">Register</Link></li>
</ul>
</li> */}
<li className="menu-item-has-children">
{/* <li className="menu-item-has-children">
<Link onClick={ClickHandler} href="/">Blog</Link>
<ul className="sub-menu">
<li><Link onClick={ClickHandler} href="/blog">Blog right sidebar</Link></li>
@ -105,7 +105,8 @@ const Header2 = (props) => {
</ul>
</li>
</ul>
</li>
</li> */}
<li><Link onClick={ClickHandler} href="/blog">Blog</Link></li>
<li><Link onClick={ClickHandler} href="/services">Services</Link></li>
<li><Link onClick={ClickHandler} href="/contact">Contact</Link></li>
</ul>

29
components/services/ServicesSection.js
View File

@ -1,10 +1,9 @@
import React from "react";
import Link from 'next/link'
import Link from 'next/link';
import SectionTitle from "../SectionTitle/SectionTitle";
import Campaign from '../../api/campaign'
import Campaign from '../../api/campaign';
import Image from "next/image";
const ClickHandler = () => {
window.scrollTo(10, 0);
}
@ -25,30 +24,18 @@ const ServicesSection = (props) => {
</div>
<div className="wpo-campaign-content">
<div className="wpo-campaign-text-top">
{/* <small>{campaign.thumb}</small> */}
<h2><Link onClick={ClickHandler} href={'/campaign-single/[slug]'} as={`/campaign-single/${campaign.slug}`}>{campaign.title}</Link></h2>
<h2>
<Link onClick={ClickHandler} href={`/services/${campaign.slug}`}>
{campaign.title}
</Link>
</h2>
<p><i className="fi flaticon-calendar"></i> {campaign.date}</p>
{/* <p><i className="fi flaticon-pin"></i> {campaign.location}</p> */}
{/* <div className="progress-section">
<div className="process">
<div className="progress">
<div className="progress-bar" style={{width: `${campaign.progress}%`}}>
<div className="progress-value"><span>{campaign.progress}</span>%</div>
</div>
</div>
</div>
</div> */}
{/* <ul>
<li><span>Raised:</span> ${campaign.raised}</li>
<li><span>Goal:</span> ${campaign.goal}</li>
</ul> */}
</div>
</div>
</div>
</div>
</div>
))}
</div>
</div>
</div>
@ -56,4 +43,4 @@ const ServicesSection = (props) => {
);
}
export default ServicesSection;
export default ServicesSection;

73
pages/blog/[slug].js Normal file
View File

@ -0,0 +1,73 @@
import React, { Fragment } from 'react';
import { useRouter } from 'next/router';
import blogs from '../../api/blogs';
import Link from 'next/link';
import PageTitle from '../../components/pagetitle/PageTitle';
import Navbar2 from '../../components/Navbar2/Navbar2';
import Footer from '../../components/footer/Footer';
import Scrollbar from '../../components/scrollbar/scrollbar';
import Image from 'next/image';
const BlogSingle = (props) => {
const router = useRouter();
const { slug } = router.query;
const BlogDetails = blogs.find(blog => blog.slug === slug);
if (!BlogDetails) {
return (
<div className="container text-center py-5">
<h2>Blog not found!</h2>
<Link href="/blog">Back to Blog</Link>
</div>
);
}
return (
<Fragment>
<Navbar2 />
<PageTitle pageTitle={BlogDetails.title} pagesub={'Blog'} />
<section className="wpo-blog-single-section section-padding">
<div className="container">
<div className="row">
<div className={`col col-lg-12 col-12 ${props.blRight}`}>
<div className="wpo-blog-content">
<div className={`post ${BlogDetails.blClass}`}>
<div className="entry-media">
<div style={{ width: "100%", height: "400px", position: "relative" }}>
<Image
src={BlogDetails.blogSingleImg}
alt={BlogDetails.title}
fill
style={{ objectFit: "cover" }}
/>
</div>
</div>
<div className="entry-meta">
<ul>
<li><i className="fi flaticon-calendar"></i> {BlogDetails.create_at}</li>
<li>
<i className="fi ti-user"></i> By{' '}
<Link href="/blog">{BlogDetails.authorTitle}</Link>
</li>
</ul>
</div>
<h2>{BlogDetails.title}</h2>
<div dangerouslySetInnerHTML={{ __html: BlogDetails.description }}></div>
</div>
</div>
</div>
</div>
</div>
</section>
<Footer />
<Scrollbar />
</Fragment>
);
};
export default BlogSingle;

98
pages/services/[slug].js Normal file
View File

@ -0,0 +1,98 @@
import React, { Fragment } from 'react';
import Navbar2 from '../../components/Navbar2/Navbar2';
import PageTitle from '../../components/pagetitle/PageTitle';
import Scrollbar from '../../components/scrollbar/scrollbar';
import { useRouter } from 'next/router';
import Campaign from '../../api/campaign';
import Footer from '../../components/footer/Footer';
import Image from 'next/image';
import Link from 'next/link';
const ServiceDetailsPage = () => {
const router = useRouter();
const { slug } = router.query;
const service = Campaign.find(item => item.slug === slug);
if (!service) {
return (
<Fragment>
<Navbar2 />
<div className="container text-center py-5">
<h2>Service not found!</h2>
<Link href="/">Back to Home</Link>
</div>
<Footer />
<Scrollbar />
</Fragment>
);
}
return (
<Fragment>
<Navbar2 />
<PageTitle pageTitle={service.title} pagesub={'Services'} />
<section className="wpo-blog-single-section section-padding">
<div className="container">
<div className="row">
<div className="col-12">
<div className="wpo-blog-content">
<div className="post format-standard-image">
<div className="entry-media" style={{ width: "100%", height: "auto", overflow: "hidden" }}>
<Image
src={service.cImg}
alt={service.title}
width={800}
height={500}
style={{ objectFit: "cover" }}
/>
</div>
<div className="entry-meta">
<ul>
<li>
<i className="fi flaticon-user"></i> By{' '}
<span>{service.author || 'Admin'}</span>
</li>
<li>
<i className="fi flaticon-calendar"></i> {service.date}
</li>
</ul>
</div>
<h2>{service.title}</h2>
<div dangerouslySetInnerHTML={{ __html: service.description }} />
{service.blockquotes && service.blockquotes.map((quote, idx) => (
<blockquote key={idx}>{quote}</blockquote>
))}
{service.gallery && (
<div className="gallery">
{service.gallery.map((img, i) => (
<div key={i}>
<Image src={img} alt={`Gallery ${i}`} width={400} height={300} />
</div>
))}
</div>
)}
{service.extraText && <p className="mt-4">{service.extraText}</p>}
</div>
</div>
</div>
</div>
</div>
</section>
<Footer />
<Scrollbar />
</Fragment>
);
};
export default ServiceDetailsPage;