From 80980f5024a2a46739c94678444b083511bc26a7 Mon Sep 17 00:00:00 2001 From: akash Date: Thu, 14 Aug 2025 00:26:43 +0530 Subject: [PATCH] Services and Service-Details Page Dynamic updated --- api/blogs.js | 138 ++++++++++----------- api/campaign.js | 159 ++++++++++++++++--------- components/BlogList/BlogList.js | 16 ++- components/header2/Header2.js | 5 +- components/services/ServicesSection.js | 29 ++--- pages/blog/[slug].js | 73 ++++++++++++ pages/services/[slug].js | 98 +++++++++++++++ 7 files changed, 364 insertions(+), 154 deletions(-) create mode 100644 pages/blog/[slug].js create mode 100644 pages/services/[slug].js diff --git a/api/blogs.js b/api/blogs.js index a65bac6..8bf275f 100644 --- a/api/blogs.js +++ b/api/blogs.js @@ -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: ` -

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.

-
- 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. -
-

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.

- `, - 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: ` -

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.

-
- 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. -
-

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.

- `, - 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: ` -

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.

-
- 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. -
-

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.

- `, - 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: ` +

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.

+
+ 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. +
+

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.

+ `, + 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: ` +

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.

+
+ 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. +
+

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.

+ `, + 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: ` +

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.

+
+ 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. +
+

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.

+ `, + 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; diff --git a/api/campaign.js b/api/campaign.js index a0263b2..6a55c22 100644 --- a/api/campaign.js +++ b/api/campaign.js @@ -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: ` +

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.

-export default Campaign; \ No newline at end of file +
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.
+ +

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.

+ +
+
Gallery 1
+
Gallery 2
+
+ +

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.

+ +
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.
+ +

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.

+ `, + 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: ` +

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.

+ +
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.
+ +

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.

+ +
+
Gallery 1
+
Gallery 2
+
+ +

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.

+ +
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.
+ +

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.

+ `, + 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: ` +

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.

+ +
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.
+ +

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.

+ +
+
Gallery 1
+
Gallery 2
+
+ +

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.

+ +
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.
+ +

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.

+ `, + 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; diff --git a/components/BlogList/BlogList.js b/components/BlogList/BlogList.js index a1f320b..b072ab7 100644 --- a/components/BlogList/BlogList.js +++ b/components/BlogList/BlogList.js @@ -46,15 +46,25 @@ const BlogList = (props) => { width: '100%', display: 'block', }}> - + {blog.title} + + +

{blog.para}

- - Continue Reading + + Continue Reading diff --git a/components/header2/Header2.js b/components/header2/Header2.js index b213a71..021eb7f 100644 --- a/components/header2/Header2.js +++ b/components/header2/Header2.js @@ -87,7 +87,7 @@ const Header2 = (props) => {
  • Register
    • */} -
  • + {/*
  • Blog
    • - + */} +
  • Blog
  • Services
  • Contact
    • diff --git a/components/services/ServicesSection.js b/components/services/ServicesSection.js index 2c82099..dde2154 100644 --- a/components/services/ServicesSection.js +++ b/components/services/ServicesSection.js @@ -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) => {
    - {/* {campaign.thumb} */} -

    {campaign.title}

    +

    + + {campaign.title} + +

    {campaign.date}

    - {/*

    {campaign.location}

    */} - {/*
    -
    -
    -
    -
    {campaign.progress}%
    -
    -
    -
    -
    */} - {/*
      -
    • Raised: ${campaign.raised}
      • -
    • Goal: ${campaign.goal}
      • -
    */}
    ))} - @@ -56,4 +43,4 @@ const ServicesSection = (props) => { ); } -export default ServicesSection; \ No newline at end of file +export default ServicesSection; diff --git a/pages/blog/[slug].js b/pages/blog/[slug].js new file mode 100644 index 0000000..e41e3b1 --- /dev/null +++ b/pages/blog/[slug].js @@ -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 ( +
    +

    Blog not found!

    + Back to Blog +
    + ); + } + + return ( + + + + +
    +
    +
    +
    +
    +
    +
    +
    + {BlogDetails.title} +
    +
    + +
    +
      +
    • {BlogDetails.create_at}
      • +
    • + By{' '} + {BlogDetails.authorTitle} +
      • +
    +
    + +

    {BlogDetails.title}

    +
    +
    +
    +
    +
    +
    +
    + +