79 | );
80 | };
81 |
82 | export default Posts;
83 |
--------------------------------------------------------------------------------
/lib/contentParser.js:
--------------------------------------------------------------------------------
1 | import fs from "fs";
2 | import matter from "gray-matter";
3 | import path from "path";
4 | import { parseMDX } from "./utils/mdxParser";
5 |
6 | // get index page data, ex: _index.md
7 | export const getListPage = async (filePath) => {
8 | const pageData = fs.readFileSync(path.join(filePath), "utf-8");
9 | const pageDataParsed = matter(pageData);
10 | const notFoundPage = fs.readFileSync(path.join("content/404.md"), "utf-8");
11 | const notFoundDataParsed = matter(notFoundPage);
12 | let frontmatter, content;
13 |
14 | if (pageDataParsed) {
15 | content = pageDataParsed.content;
16 | frontmatter = pageDataParsed.data;
17 | } else {
18 | content = notFoundDataParsed.content;
19 | frontmatter = notFoundDataParsed.data;
20 | }
21 | const mdxContent = await parseMDX(content);
22 |
23 | return {
24 | frontmatter,
25 | content,
26 | mdxContent,
27 | };
28 | };
29 |
30 | // get all single pages, ex: blog/post.md
31 | export const getSinglePage = (folder) => {
32 | const filesPath = fs.readdirSync(path.join(folder));
33 | const sanitizeFiles = filesPath.filter((file) => file.includes(".md"));
34 | const filterSingleFiles = sanitizeFiles.filter((file) =>
35 | file.match(/^(?!_)/)
36 | );
37 | const singlePages = filterSingleFiles.map((filename) => {
38 | const slug = filename.replace(".md", "");
39 | const pageData = fs.readFileSync(path.join(folder, filename), "utf-8");
40 | const pageDataParsed = matter(pageData);
41 | const frontmatterString = JSON.stringify(pageDataParsed.data);
42 | const frontmatter = JSON.parse(frontmatterString);
43 | const content = pageDataParsed.content;
44 | const url = frontmatter.url ? frontmatter.url.replace("/", "") : slug;
45 | return { frontmatter: frontmatter, slug: url, content: content };
46 | });
47 |
48 | const publishedPages = singlePages.filter(
49 | (page) =>
50 | !page.frontmatter.draft && page.frontmatter.layout !== "404" && page
51 | );
52 | const filterByDate = publishedPages.filter(
53 | (page) => new Date(page.frontmatter.date || new Date()) <= new Date()
54 | );
55 |
56 | return filterByDate;
57 | };
58 |
59 | // get regular page data, ex: about.md
60 | export const getRegularPage = async (slug) => {
61 | const publishedPages = getSinglePage("content");
62 | const pageData = publishedPages.filter((data) => data.slug === slug);
63 | const notFoundPage = fs.readFileSync(path.join("content/404.md"), "utf-8");
64 | const notFoundDataParsed = matter(notFoundPage);
65 |
66 | let frontmatter, content;
67 | if (pageData[0]) {
68 | content = pageData[0].content;
69 | frontmatter = pageData[0].frontmatter;
70 | } else {
71 | content = notFoundDataParsed.content;
72 | frontmatter = notFoundDataParsed.data;
73 | }
74 | const mdxContent = await parseMDX(content);
75 |
76 | return {
77 | frontmatter,
78 | content,
79 | mdxContent,
80 | };
81 | };
82 |
--------------------------------------------------------------------------------
/styles/components.scss:
--------------------------------------------------------------------------------
1 | // section style
2 | .section {
3 | @apply pt-[70px] pb-[70px];
4 | }
5 |
6 | // container
7 | .container {
8 | @apply mx-auto max-w-[1140px] px-4;
9 | }
10 |
11 | // form style
12 | .form-inputs * {
13 | @apply mb-5 leading-10;
14 | }
15 |
16 | // social icon style
17 | .social-icons {
18 | @apply space-x-4;
19 | li {
20 | @apply inline-block;
21 | a {
22 | @apply block h-9 w-9 rounded-full border border-primary text-center text-white transition hover:bg-primary;
23 |
24 | svg {
25 | @apply m-auto h-9 fill-primary;
26 | }
27 |
28 | &:hover svg {
29 | @apply fill-white;
30 | }
31 | }
32 | }
33 | }
34 |
35 | // form style
36 | .form-input,
37 | .form-textarea {
38 | @apply border-border py-[6px] focus:border-primary focus:ring-transparent;
39 | }
40 |
41 | // content style
42 | .content {
43 | @apply prose max-w-none prose-headings:font-bold prose-h1:mb-4 prose-h1:text-h1-sm prose-h2:mb-4 prose-h2:mt-4 prose-h2:text-h2-sm prose-h3:mt-4 prose-h3:text-h3-sm prose-h4:mt-4 prose-h5:mb-4 prose-h5:text-base prose-h6:mb-6 prose-h6:text-[15px] prose-a:no-underline hover:prose-a:text-primary prose-blockquote:border-primary prose-blockquote:py-1 prose-blockquote:px-4 prose-ol:pl-4 prose-ul:list-none prose-ul:pl-0 prose-hr:my-5 md:prose-h1:text-h1 md:prose-h2:text-h2 md:prose-h3:text-h3;
44 |
45 | ul {
46 | li {
47 | @apply relative pl-5 before:absolute before:left-0 before:top-[10px] before:h-2 before:w-2 before:rounded-full before:bg-primary before:content-[''];
48 | }
49 | }
50 | }
51 |
52 | //feature card
53 | .feature-card {
54 | @apply transition-all duration-200 ease-in-out hover:shadow;
55 | }
56 |
57 | //swiper pagination
58 | .service-carousel .swiper-pagination {
59 | @apply flex justify-center;
60 |
61 | span {
62 | @apply mx-[5px] inline-block h-[10px] w-[10px] cursor-pointer rounded-full border border-primary;
63 | &.swiper-pagination-bullet-active {
64 | @apply bg-primary;
65 | }
66 | }
67 | }
68 |
69 | //cta link
70 | .cta-link {
71 | img {
72 | transition: margin 0.3s ease;
73 | }
74 | &:hover {
75 | img {
76 | @apply ml-2;
77 | }
78 | }
79 | }
80 |
81 | //card
82 | .card {
83 | @apply mt-10 rounded-[4px] border border-[rgba(0,0,0,.125)] bg-white px-5 px-5 py-12 py-12 shadow md:mt-0;
84 | }
85 |
86 | .col-recommended {
87 | @apply relative z-10 md:-mx-8 md:-my-6;
88 |
89 | .card {
90 | @apply border-0 shadow-[0_1rem_3rem_rgba(0,0,0,.175)];
91 | }
92 | }
93 |
94 | //faq
95 | .faq {
96 | &-head {
97 | &::before {
98 | @apply absolute -left-8 top-1 h-6 w-6 bg-[length:24px] content-[''];
99 | background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='342.508px' height='342.508px' viewBox='0 0 342.508 342.508' style='enable-background:new 0 0 342.508 342.508;' xml:space='preserve'%3E%3Cpath fill='%230aa8a7' d='M171.254,0C76.837,0,0.003,76.819,0.003,171.248c0,94.428,76.829,171.26,171.251,171.26 c94.438,0,171.251-76.826,171.251-171.26C342.505,76.819,265.697,0,171.254,0z M245.371,136.161l-89.69,89.69 c-2.693,2.69-6.242,4.048-9.758,4.048c-3.543,0-7.059-1.357-9.761-4.048l-39.007-39.007c-5.393-5.398-5.393-14.129,0-19.521 c5.392-5.392,14.123-5.392,19.516,0l29.252,29.262l79.944-79.948c5.381-5.386,14.111-5.386,19.504,0 C250.764,122.038,250.764,130.769,245.371,136.161z'/%3E%3C/svg%3E");
100 | }
101 | }
102 | &-body {
103 | a {
104 | @apply text-primary;
105 | }
106 | }
107 | }
108 |
109 | //contact
110 | .contact-list {
111 | a {
112 | @apply font-semibold text-dark;
113 | }
114 | }
115 |
--------------------------------------------------------------------------------
/public/.htaccess:
--------------------------------------------------------------------------------
1 | ##### Optimize default expiration time - BEGIN
2 |
3 |
4 | ## Enable expiration control
5 | ExpiresActive On
6 |
7 | ## CSS and JS expiration: 1 week after request
8 | ExpiresByType text/css "now plus 1 week"
9 | ExpiresByType application/javascript "now plus 1 week"
10 | ExpiresByType application/x-javascript "now plus 1 week"
11 |
12 | ## Image files expiration: 1 month after request
13 | ExpiresByType image/bmp "now plus 1 month"
14 | ExpiresByType image/gif "now plus 1 month"
15 | ExpiresByType image/jpeg "now plus 1 month"
16 | ExpiresByType image/webp "now plus 1 month"
17 | ExpiresByType image/jp2 "now plus 1 month"
18 | ExpiresByType image/pipeg "now plus 1 month"
19 | ExpiresByType image/png "now plus 1 month"
20 | ExpiresByType image/svg+xml "now plus 1 month"
21 | ExpiresByType image/tiff "now plus 1 month"
22 | ExpiresByType image/x-icon "now plus 1 month"
23 | ExpiresByType image/ico "now plus 1 month"
24 | ExpiresByType image/icon "now plus 1 month"
25 | ExpiresByType text/ico "now plus 1 month"
26 | ExpiresByType application/ico "now plus 1 month"
27 | ExpiresByType image/vnd.wap.wbmp "now plus 1 month"
28 |
29 | ## Font files expiration: 1 month after request
30 | ExpiresByType application/x-font-ttf "now plus 1 month"
31 | ExpiresByType application/x-font-opentype "now plus 1 month"
32 | ExpiresByType application/x-font-woff "now plus 1 month"
33 | ExpiresByType font/woff2 "now plus 1 month"
34 | ExpiresByType image/svg+xml "now plus 1 month"
35 |
36 | ## Audio files expiration: 1 month after request
37 | ExpiresByType audio/ogg "now plus 1 month"
38 | ExpiresByType application/ogg "now plus 1 month"
39 | ExpiresByType audio/basic "now plus 1 month"
40 | ExpiresByType audio/mid "now plus 1 month"
41 | ExpiresByType audio/midi "now plus 1 month"
42 | ExpiresByType audio/mpeg "now plus 1 month"
43 | ExpiresByType audio/mp3 "now plus 1 month"
44 | ExpiresByType audio/x-aiff "now plus 1 month"
45 | ExpiresByType audio/x-mpegurl "now plus 1 month"
46 | ExpiresByType audio/x-pn-realaudio "now plus 1 month"
47 | ExpiresByType audio/x-wav "now plus 1 month"
48 |
49 | ## Movie files expiration: 1 month after request
50 | ExpiresByType application/x-shockwave-flash "now plus 1 month"
51 | ExpiresByType x-world/x-vrml "now plus 1 month"
52 | ExpiresByType video/x-msvideo "now plus 1 month"
53 | ExpiresByType video/mpeg "now plus 1 month"
54 | ExpiresByType video/mp4 "now plus 1 month"
55 | ExpiresByType video/quicktime "now plus 1 month"
56 | ExpiresByType video/x-la-asf "now plus 1 month"
57 | ExpiresByType video/x-ms-asf "now plus 1 month"
58 |
59 | ##### Optimize default expiration time - END
60 |
61 | ##### 1 Month for most static resources
62 |
63 | Header set Cache-Control "max-age=2592000, public"
64 |
65 |
66 | ##### Enable gzip compression for resources
67 |
68 | mod_gzip_on Yes
69 | mod_gzip_dechunk Yes
70 | mod_gzip_item_include file .(html?|txt|css|js|php)$
71 | mod_gzip_item_include handler ^cgi-script$
72 | mod_gzip_item_include mime ^text/.*
73 | mod_gzip_item_include mime ^application/x-javascript.*
74 | mod_gzip_item_exclude mime ^image/.*
75 | mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
76 |
77 |
78 | ##### Or, compress certain file types by extension:
79 |
80 | SetOutputFilter DEFLATE
81 |
82 |
83 | ##### Set Header Vary: Accept-Encoding
84 |
85 |
86 | Header append Vary: Accept-Encoding
87 |
88 |
--------------------------------------------------------------------------------
/content/elements.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: "Elements"
3 | draft: false
4 | ---
5 |
6 | #### Heading example
7 |
8 | Here is an example of headings. You can use this heading by the following markdown rules. For example: use `#` for heading 1 and use `######` for heading 6.
9 |
10 | # Heading 1
11 |
12 | ## Heading 2
13 |
14 | ### Heading 3
15 |
16 | #### Heading 4
17 |
18 | ##### Heading 5
19 |
20 | ###### Heading 6
21 |
22 | ---
23 |
24 | ### Emphasis
25 |
26 | The emphasis, aka italics, with _asterisks_ or _underscores_.
27 |
28 | Strong emphasis, aka bold, with **asterisks** or **underscores**.
29 |
30 | The combined emphasis with **asterisks and _underscores_**.
31 |
32 | Strikethrough uses two tildes. ~~Scratch this.~~
33 |
34 | ---
35 |
36 | ### Link
37 |
38 | [I'm an inline-style link](https://www.google.com)
39 |
40 | [I'm an inline-style link with title](https://www.google.com "Google's Homepage")
41 |
42 | [I'm a reference-style link][arbitrary case-insensitive reference text]
43 |
44 | [I'm a relative reference to a repository file](../blob/master/LICENSE)
45 |
46 | [You can use numbers for reference-style link definitions][1]
47 |
48 | Or leave it empty and use the [link text itself].
49 |
50 | example.com (but not on Github, for example).
51 |
52 | Some text to show that the reference links can follow later.
53 |
54 | [arbitrary case-insensitive reference text]: https://www.themefisher.com
55 | [1]: https://gethugothemes.com
56 | [link text itself]: https://www.getjekyllthemes.com
57 |
58 | ---
59 |
60 | ### Paragraph
61 |
62 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
63 |
64 | ---
65 |
66 | ### Ordered List
67 |
68 | 1. List item
69 | 2. List item
70 | 3. List item
71 | 4. List item
72 | 5. List item
73 |
74 | ---
75 |
76 | ### Unordered List
77 |
78 | - List item
79 | - List item
80 | - List item
81 | - List item
82 | - List item
83 |
84 | ---
85 |
86 | ### Code and Syntax Highlighting
87 |
88 | This is an `Inline code` sample.
89 |
90 | ```javascript
91 | var s = "JavaScript syntax highlighting";
92 | alert(s);
93 | ```
94 |
95 | ```python
96 | s = "Python syntax highlighting"
97 | print s
98 | ```
99 |
100 | ---
101 |
102 | ### Blockquote
103 |
104 | > This is a blockquote example.
105 |
106 | ---
107 |
108 | ### Inline HTML
109 |
110 | You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
111 |
112 |
113 |
Definition list
114 |
Is something people use sometimes.
115 |
116 |
Markdown in HTML
117 |
Does *not* work **very** well. Use HTML tags.
118 |
119 |
120 | ---
121 |
122 | ### Tables
123 |
124 | | Tables | Are | Cool |
125 | | ------------- | :-----------: | ----: |
126 | | col 3 is | right-aligned | $1600 |
127 | | col 2 is | centered | $12 |
128 | | zebra stripes | are neat | $1 |
129 |
130 | There must be at least 3 dashes separating each header cell.
131 | The outer pipes (|) are optional, and you don't need to make the
132 | raw Markdown line up prettily. You can also use inline Markdown.
133 |
134 | | Markdown | Less | Pretty |
135 | | -------- | --------- | ---------- |
136 | | _Still_ | `renders` | **nicely** |
137 | | 1 | 2 | 3 |
138 |
--------------------------------------------------------------------------------
/content/_index.md:
--------------------------------------------------------------------------------
1 | ---
2 | banner:
3 | title: Let us solve your critical website development challenges
4 | content: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus.
5 | image: /images/banner-art.svg
6 | button:
7 | label: "Contact Us"
8 | link: "/contact"
9 |
10 | # feature
11 | feature:
12 | title: Something You Need To Know
13 | features:
14 | - name: "Clean Code"
15 | icon: "/images/code.svg"
16 | content: "Lorem ipsum dolor sit amet consectetur adipisicing elit quam nihil"
17 | - name: "Object Oriented"
18 | icon: "/images/oop.svg"
19 | content: "Lorem ipsum dolor sit amet consectetur adipisicing elit quam nihil"
20 | - name: "24h Service"
21 | icon: "/images/user-clock.svg"
22 | content: "Lorem ipsum dolor sit amet consectetur adipisicing elit quam nihil"
23 | - name: "Value for Money"
24 | icon: "/images/love.svg"
25 | content: "Lorem ipsum dolor sit amet consectetur adipisicing elit quam nihil"
26 | - name: "Faster Response"
27 | icon: "/images/speedometer.svg"
28 | content: "Lorem ipsum dolor sit amet consectetur adipisicing elit quam nihil"
29 | - name: "Cloud Support"
30 | icon: "/images/cloud.svg"
31 | content: "Lorem ipsum dolor sit amet consectetur adipisicing elit quam nihil"
32 |
33 | # services
34 | services:
35 | - title: "It is the most advanced digital marketing and it company."
36 | content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat. consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat."
37 | images:
38 | - "/images/service-slide-1.png"
39 | - "/images/service-slide-2.png"
40 | - "/images/service-slide-3.png"
41 | button:
42 | enable: true
43 | label: Check it out
44 | link: /contact
45 |
46 | - title: "It is a privately owned Information and cyber security company"
47 | content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat. consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat."
48 | images:
49 | - "/images/service-slide-1.png"
50 | button:
51 | enable: true
52 | label: Check it out
53 | link: /contact
54 |
55 | - title: "It’s a team of experienced and skilled people with distributions"
56 | content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat. consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat."
57 | images:
58 | - "/images/service-slide-1.png"
59 | - "/images/service-slide-2.png"
60 | - "/images/service-slide-3.png"
61 | button:
62 | enable: true
63 | label: Check it out
64 | link: /contact
65 |
66 | - title: "A company standing different from others"
67 | content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat. consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat."
68 | images:
69 | - "/images/service-slide-1.png"
70 | - "/images/service-slide-2.png"
71 | - "/images/service-slide-3.png"
72 | button:
73 | enable: true
74 | label: Check it out
75 | link: /contact
76 |
77 | # workflow
78 | workflow:
79 | title: "Experience the best workflow with us"
80 | image: "/images/banner.svg"
81 | description: ""
82 |
83 | # call_to_action
84 | call_to_action:
85 | title: Ready to get started?
86 | content: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur.
87 | image: '/images/cta.svg'
88 | button:
89 | enable: true
90 | label: "Contact Us"
91 | link: "/contact"
92 | ---
93 |
--------------------------------------------------------------------------------
/content/blogs/blog-2.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: How to make toys from old Olarpaper
3 | description: "Heading example Here is example of hedings. You can use this heading by following markdownify rules."
4 | image: "/images/blog-2.jpg"
5 | date: 2022-05-04T05:00:00Z
6 | draft: false
7 | ---
8 |
9 | ##### Heading example
10 |
11 | Here is an example of headings. You can use this heading by the following markdown rules. For example: use `#` for heading 1 and use `######` for heading 6.
12 |
13 | # Heading 1
14 |
15 | ## Heading 2
16 |
17 | ### Heading 3
18 |
19 | #### Heading 4
20 |
21 | ##### Heading 5
22 |
23 | ###### Heading 6
24 |
25 | ---
26 |
27 | ##### Emphasis
28 |
29 | The emphasis, aka italics, with _asterisks_ or _underscores_.
30 |
31 | Strong emphasis, aka bold, with **asterisks** or **underscores**.
32 |
33 | The combined emphasis with **asterisks and _underscores_**.
34 |
35 | Strikethrough uses two tildes. ~~Scratch this.~~
36 |
37 | ---
38 |
39 | ##### Link
40 |
41 | [I'm an inline-style link](https://www.google.com)
42 |
43 | [I'm an inline-style link with title](https://www.google.com "Google's Homepage")
44 |
45 | [I'm a reference-style link][arbitrary case-insensitive reference text]
46 |
47 | [I'm a relative reference to a repository file](../blob/master/LICENSE)
48 |
49 | [You can use numbers for reference-style link definitions][1]
50 |
51 | Or leave it empty and use the [link text itself].
52 |
53 | example.com (but not on Github, for example).
54 |
55 | Some text to show that the reference links can follow later.
56 |
57 | [arbitrary case-insensitive reference text]: https://www.themefisher.com
58 | [1]: https://gethugothemes.com
59 | [link text itself]: https://www.getjekyllthemes.com
60 |
61 | ---
62 |
63 | ##### Paragraph
64 |
65 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
66 |
67 | ---
68 |
69 | ##### Ordered List
70 |
71 | 1. List item
72 | 2. List item
73 | 3. List item
74 | 4. List item
75 | 5. List item
76 |
77 | ---
78 |
79 | ##### Unordered List
80 |
81 | - List item
82 | - List item
83 | - List item
84 | - List item
85 | - List item
86 |
87 | ---
88 |
89 | ##### Code and Syntax Highlighting
90 |
91 | This is an `Inline code` sample.
92 |
93 | ```javascript
94 | var s = "JavaScript syntax highlighting";
95 | alert(s);
96 | ```
97 |
98 | ```python
99 | s = "Python syntax highlighting"
100 | print s
101 | ```
102 |
103 | ---
104 |
105 | ##### Blockquote
106 |
107 | > This is a blockquote example.
108 |
109 | ---
110 |
111 | ##### Inline HTML
112 |
113 | You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
114 |
115 |
116 |
Definition list
117 |
Is something people use sometimes.
118 |
119 |
Markdown in HTML
120 |
Does *not* work **very** well. Use HTML tags.
121 |
122 |
123 | ---
124 |
125 | ##### Tables
126 |
127 | | Tables | Are | Cool |
128 | | ------------- | :-----------: | ----: |
129 | | col 3 is | right-aligned | $1600 |
130 | | col 2 is | centered | $12 |
131 | | zebra stripes | are neat | $1 |
132 |
133 | There must be at least 3 dashes separating each header cell.
134 | The outer pipes (|) are optional, and you don't need to make the
135 | raw Markdown line up prettily. You can also use inline Markdown.
136 |
137 | | Markdown | Less | Pretty |
138 | | -------- | --------- | ---------- |
139 | | _Still_ | `renders` | **nicely** |
140 | | 1 | 2 | 3 |
141 |
142 | ---
143 |
144 | ##### Images
145 |
146 | 
147 |
148 | ---
149 |
150 | ##### Youtube video
151 |
152 |
153 |
--------------------------------------------------------------------------------
/content/blogs/blog-4.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: "How to make toys from old Olarpaper"
3 | description: "Heading example Here is example of hedings. You can use this heading by following markdownify rules."
4 | image: "/images/blog-4.jpg"
5 | date: 2022-07-04T05:00:00Z
6 | draft: false
7 | ---
8 |
9 | ##### Heading example
10 |
11 | Here is an example of headings. You can use this heading by the following markdown rules. For example: use `#` for heading 1 and use `######` for heading 6.
12 |
13 | # Heading 1
14 |
15 | ## Heading 2
16 |
17 | ### Heading 3
18 |
19 | #### Heading 4
20 |
21 | ##### Heading 5
22 |
23 | ###### Heading 6
24 |
25 | ---
26 |
27 | ##### Emphasis
28 |
29 | The emphasis, aka italics, with _asterisks_ or _underscores_.
30 |
31 | Strong emphasis, aka bold, with **asterisks** or **underscores**.
32 |
33 | The combined emphasis with **asterisks and _underscores_**.
34 |
35 | Strikethrough uses two tildes. ~~Scratch this.~~
36 |
37 | ---
38 |
39 | ##### Link
40 |
41 | [I'm an inline-style link](https://www.google.com)
42 |
43 | [I'm an inline-style link with title](https://www.google.com "Google's Homepage")
44 |
45 | [I'm a reference-style link][arbitrary case-insensitive reference text]
46 |
47 | [I'm a relative reference to a repository file](../blob/master/LICENSE)
48 |
49 | [You can use numbers for reference-style link definitions][1]
50 |
51 | Or leave it empty and use the [link text itself].
52 |
53 | example.com (but not on Github, for example).
54 |
55 | Some text to show that the reference links can follow later.
56 |
57 | [arbitrary case-insensitive reference text]: https://www.themefisher.com
58 | [1]: https://gethugothemes.com
59 | [link text itself]: https://www.getjekyllthemes.com
60 |
61 | ---
62 |
63 | ##### Paragraph
64 |
65 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
66 |
67 | ---
68 |
69 | ##### Ordered List
70 |
71 | 1. List item
72 | 2. List item
73 | 3. List item
74 | 4. List item
75 | 5. List item
76 |
77 | ---
78 |
79 | ##### Unordered List
80 |
81 | - List item
82 | - List item
83 | - List item
84 | - List item
85 | - List item
86 |
87 | ---
88 |
89 | ##### Code and Syntax Highlighting
90 |
91 | This is an `Inline code` sample.
92 |
93 | ```javascript
94 | var s = "JavaScript syntax highlighting";
95 | alert(s);
96 | ```
97 |
98 | ```python
99 | s = "Python syntax highlighting"
100 | print s
101 | ```
102 |
103 | ---
104 |
105 | ##### Blockquote
106 |
107 | > This is a blockquote example.
108 |
109 | ---
110 |
111 | ##### Inline HTML
112 |
113 | You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
114 |
115 |
116 |
Definition list
117 |
Is something people use sometimes.
118 |
119 |
Markdown in HTML
120 |
Does *not* work **very** well. Use HTML tags.
121 |
122 |
123 | ---
124 |
125 | ##### Tables
126 |
127 | | Tables | Are | Cool |
128 | | ------------- | :-----------: | ----: |
129 | | col 3 is | right-aligned | $1600 |
130 | | col 2 is | centered | $12 |
131 | | zebra stripes | are neat | $1 |
132 |
133 | There must be at least 3 dashes separating each header cell.
134 | The outer pipes (|) are optional, and you don't need to make the
135 | raw Markdown line up prettily. You can also use inline Markdown.
136 |
137 | | Markdown | Less | Pretty |
138 | | -------- | --------- | ---------- |
139 | | _Still_ | `renders` | **nicely** |
140 | | 1 | 2 | 3 |
141 |
142 | ---
143 |
144 | ##### Images
145 |
146 | 
147 |
148 | ---
149 |
150 | ##### Youtube video
151 |
152 |
153 |
--------------------------------------------------------------------------------
/content/blogs/blog-1.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: "What you need to know about Photography"
3 | description: "Heading example Here is example of hedings. You can use this heading by following markdownify rules."
4 | image: "/images/blog-1.jpg"
5 | date: 2022-04-04T05:00:00Z
6 | draft: false
7 | ---
8 |
9 | ##### Heading example
10 |
11 | Here is an example of headings. You can use this heading by the following markdown rules. For example: use `#` for heading 1 and use `######` for heading 6.
12 |
13 | # Heading 1
14 |
15 | ## Heading 2
16 |
17 | ### Heading 3
18 |
19 | #### Heading 4
20 |
21 | ##### Heading 5
22 |
23 | ###### Heading 6
24 |
25 | ---
26 |
27 | ##### Emphasis
28 |
29 | The emphasis, aka italics, with _asterisks_ or _underscores_.
30 |
31 | Strong emphasis, aka bold, with **asterisks** or **underscores**.
32 |
33 | The combined emphasis with **asterisks and _underscores_**.
34 |
35 | Strikethrough uses two tildes. ~~Scratch this.~~
36 |
37 | ---
38 |
39 | ##### Link
40 |
41 | [I'm an inline-style link](https://www.google.com)
42 |
43 | [I'm an inline-style link with title](https://www.google.com "Google's Homepage")
44 |
45 | [I'm a reference-style link][arbitrary case-insensitive reference text]
46 |
47 | [I'm a relative reference to a repository file](../blob/master/LICENSE)
48 |
49 | [You can use numbers for reference-style link definitions][1]
50 |
51 | Or leave it empty and use the [link text itself].
52 |
53 | example.com (but not on Github, for example).
54 |
55 | Some text to show that the reference links can follow later.
56 |
57 | [arbitrary case-insensitive reference text]: https://www.themefisher.com
58 | [1]: https://gethugothemes.com
59 | [link text itself]: https://www.getjekyllthemes.com
60 |
61 | ---
62 |
63 | ##### Paragraph
64 |
65 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
66 |
67 | ---
68 |
69 | ##### Ordered List
70 |
71 | 1. List item
72 | 2. List item
73 | 3. List item
74 | 4. List item
75 | 5. List item
76 |
77 | ---
78 |
79 | ##### Unordered List
80 |
81 | - List item
82 | - List item
83 | - List item
84 | - List item
85 | - List item
86 |
87 | ---
88 |
89 | ##### Code and Syntax Highlighting
90 |
91 | This is an `Inline code` sample.
92 |
93 | ```javascript
94 | var s = "JavaScript syntax highlighting";
95 | alert(s);
96 | ```
97 |
98 | ```python
99 | s = "Python syntax highlighting"
100 | print s
101 | ```
102 |
103 | ---
104 |
105 | ##### Blockquote
106 |
107 | > This is a blockquote example.
108 |
109 | ---
110 |
111 | ##### Inline HTML
112 |
113 | You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
114 |
115 |
116 |
Definition list
117 |
Is something people use sometimes.
118 |
119 |
Markdown in HTML
120 |
Does *not* work **very** well. Use HTML tags.
121 |
122 |
123 | ---
124 |
125 | ##### Tables
126 |
127 | | Tables | Are | Cool |
128 | | ------------- | :-----------: | ----: |
129 | | col 3 is | right-aligned | $1600 |
130 | | col 2 is | centered | $12 |
131 | | zebra stripes | are neat | $1 |
132 |
133 | There must be at least 3 dashes separating each header cell.
134 | The outer pipes (|) are optional, and you don't need to make the
135 | raw Markdown line up prettily. You can also use inline Markdown.
136 |
137 | | Markdown | Less | Pretty |
138 | | -------- | --------- | ---------- |
139 | | _Still_ | `renders` | **nicely** |
140 | | 1 | 2 | 3 |
141 |
142 | ---
143 |
144 | ##### Images
145 |
146 | 
147 |
148 | ---
149 |
150 | ##### Youtube video
151 |
152 |
153 |
--------------------------------------------------------------------------------
/content/blogs/blog-3.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: What you need to know about Photography
3 | description: "Heading example Here is example of hedings. You can use this heading by following markdownify rules."
4 | image: "/images/blog-3.jpg"
5 | date: 2022-06-02T06:00:00+00:00
6 | draft: false
7 | ---
8 |
9 | ##### Heading example
10 |
11 | Here is an example of headings. You can use this heading by the following markdown rules. For example: use `#` for heading 1 and use `######` for heading 6.
12 |
13 | # Heading 1
14 |
15 | ## Heading 2
16 |
17 | ### Heading 3
18 |
19 | #### Heading 4
20 |
21 | ##### Heading 5
22 |
23 | ###### Heading 6
24 |
25 | ---
26 |
27 | ##### Emphasis
28 |
29 | The emphasis, aka italics, with _asterisks_ or _underscores_.
30 |
31 | Strong emphasis, aka bold, with **asterisks** or **underscores**.
32 |
33 | The combined emphasis with **asterisks and _underscores_**.
34 |
35 | Strikethrough uses two tildes. ~~Scratch this.~~
36 |
37 | ---
38 |
39 | ##### Link
40 |
41 | [I'm an inline-style link](https://www.google.com)
42 |
43 | [I'm an inline-style link with title](https://www.google.com "Google's Homepage")
44 |
45 | [I'm a reference-style link][arbitrary case-insensitive reference text]
46 |
47 | [I'm a relative reference to a repository file](../blob/master/LICENSE)
48 |
49 | [You can use numbers for reference-style link definitions][1]
50 |
51 | Or leave it empty and use the [link text itself].
52 |
53 | example.com (but not on Github, for example).
54 |
55 | Some text to show that the reference links can follow later.
56 |
57 | [arbitrary case-insensitive reference text]: https://www.themefisher.com
58 | [1]: https://gethugothemes.com
59 | [link text itself]: https://www.getjekyllthemes.com
60 |
61 | ---
62 |
63 | ##### Paragraph
64 |
65 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
66 |
67 | ---
68 |
69 | ##### Ordered List
70 |
71 | 1. List item
72 | 2. List item
73 | 3. List item
74 | 4. List item
75 | 5. List item
76 |
77 | ---
78 |
79 | ##### Unordered List
80 |
81 | - List item
82 | - List item
83 | - List item
84 | - List item
85 | - List item
86 |
87 | ---
88 |
89 | ##### Code and Syntax Highlighting
90 |
91 | This is an `Inline code` sample.
92 |
93 | ```javascript
94 | var s = "JavaScript syntax highlighting";
95 | alert(s);
96 | ```
97 |
98 | ```python
99 | s = "Python syntax highlighting"
100 | print s
101 | ```
102 |
103 | ---
104 |
105 | ##### Blockquote
106 |
107 | > This is a blockquote example.
108 |
109 | ---
110 |
111 | ##### Inline HTML
112 |
113 | You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
114 |
115 |
116 |
Definition list
117 |
Is something people use sometimes.
118 |
119 |
Markdown in HTML
120 |
Does *not* work **very** well. Use HTML tags.
121 |
122 |
123 | ---
124 |
125 | ##### Tables
126 |
127 | | Tables | Are | Cool |
128 | | ------------- | :-----------: | ----: |
129 | | col 3 is | right-aligned | $1600 |
130 | | col 2 is | centered | $12 |
131 | | zebra stripes | are neat | $1 |
132 |
133 | There must be at least 3 dashes separating each header cell.
134 | The outer pipes (|) are optional, and you don't need to make the
135 | raw Markdown line up prettily. You can also use inline Markdown.
136 |
137 | | Markdown | Less | Pretty |
138 | | -------- | --------- | ---------- |
139 | | _Still_ | `renders` | **nicely** |
140 | | 1 | 2 | 3 |
141 |
142 | ---
143 |
144 | ##### Images
145 |
146 | 
147 |
148 | ---
149 |
150 | ##### Youtube video
151 |
152 |
153 |
--------------------------------------------------------------------------------
/content/blogs/blog-5.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: "Adversus is a web-based dialer and practical CRM solution"
3 | description: "Heading example Here is example of hedings. You can use this heading by following markdownify rules."
4 | image: "/images/blog-4.jpg"
5 | date: 2022-08-04T05:00:00Z
6 | draft: false
7 | ---
8 |
9 | ##### Heading example
10 |
11 | Here is an example of headings. You can use this heading by the following markdown rules. For example: use `#` for heading 1 and use `######` for heading 6.
12 |
13 | # Heading 1
14 |
15 | ## Heading 2
16 |
17 | ### Heading 3
18 |
19 | #### Heading 4
20 |
21 | ##### Heading 5
22 |
23 | ###### Heading 6
24 |
25 | ---
26 |
27 | ##### Emphasis
28 |
29 | The emphasis, aka italics, with _asterisks_ or _underscores_.
30 |
31 | Strong emphasis, aka bold, with **asterisks** or **underscores**.
32 |
33 | The combined emphasis with **asterisks and _underscores_**.
34 |
35 | Strikethrough uses two tildes. ~~Scratch this.~~
36 |
37 | ---
38 |
39 | ##### Link
40 |
41 | [I'm an inline-style link](https://www.google.com)
42 |
43 | [I'm an inline-style link with title](https://www.google.com "Google's Homepage")
44 |
45 | [I'm a reference-style link][arbitrary case-insensitive reference text]
46 |
47 | [I'm a relative reference to a repository file](../blob/master/LICENSE)
48 |
49 | [You can use numbers for reference-style link definitions][1]
50 |
51 | Or leave it empty and use the [link text itself].
52 |
53 | example.com (but not on Github, for example).
54 |
55 | Some text to show that the reference links can follow later.
56 |
57 | [arbitrary case-insensitive reference text]: https://www.themefisher.com
58 | [1]: https://gethugothemes.com
59 | [link text itself]: https://www.getjekyllthemes.com
60 |
61 | ---
62 |
63 | ##### Paragraph
64 |
65 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
66 |
67 | ---
68 |
69 | ##### Ordered List
70 |
71 | 1. List item
72 | 2. List item
73 | 3. List item
74 | 4. List item
75 | 5. List item
76 |
77 | ---
78 |
79 | ##### Unordered List
80 |
81 | - List item
82 | - List item
83 | - List item
84 | - List item
85 | - List item
86 |
87 | ---
88 |
89 | ##### Code and Syntax Highlighting
90 |
91 | This is an `Inline code` sample.
92 |
93 | ```javascript
94 | var s = "JavaScript syntax highlighting";
95 | alert(s);
96 | ```
97 |
98 | ```python
99 | s = "Python syntax highlighting"
100 | print s
101 | ```
102 |
103 | ---
104 |
105 | ##### Blockquote
106 |
107 | > This is a blockquote example.
108 |
109 | ---
110 |
111 | ##### Inline HTML
112 |
113 | You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
114 |
115 |
116 |
Definition list
117 |
Is something people use sometimes.
118 |
119 |
Markdown in HTML
120 |
Does *not* work **very** well. Use HTML tags.
121 |
122 |
123 | ---
124 |
125 | ##### Tables
126 |
127 | | Tables | Are | Cool |
128 | | ------------- | :-----------: | ----: |
129 | | col 3 is | right-aligned | $1600 |
130 | | col 2 is | centered | $12 |
131 | | zebra stripes | are neat | $1 |
132 |
133 | There must be at least 3 dashes separating each header cell.
134 | The outer pipes (|) are optional, and you don't need to make the
135 | raw Markdown line up prettily. You can also use inline Markdown.
136 |
137 | | Markdown | Less | Pretty |
138 | | -------- | --------- | ---------- |
139 | | _Still_ | `renders` | **nicely** |
140 | | 1 | 2 | 3 |
141 |
142 | ---
143 |
144 | ##### Images
145 |
146 | 
147 |
148 | ---
149 |
150 | ##### Youtube video
151 |
152 |
153 |
--------------------------------------------------------------------------------
/layouts/partials/Header.js:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import Logo from "@components/Logo";
4 | import menu from "@config/menu.json";
5 | import Link from "next/link";
6 | import { usePathname } from "next/navigation";
7 | import React, { useState } from "react";
8 | import config from "../../config/config.json";
9 |
10 | const Header = () => {
11 | const pathname = usePathname();
12 |
13 | // distructuring the main menu from menu object
14 | const { main } = menu;
15 |
16 | // states declaration
17 | const [navOpen, setNavOpen] = useState(false);
18 |
19 | // logo source
20 | const { logo } = config.site;
21 | const { enable, label, link } = config.nav_button;
22 |
23 | return (
24 |
25 |
120 |
121 | );
122 | };
123 |
124 | export default Header;
125 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
Bigspring Light Nextjs
2 |
Bigspring is a web development business template built in Nextjs. Perfect for Creative Agency, Marketing Agency, Design Studios, Digital Marketing Agencies, and other business service websites.
21 |
22 | 
23 |
24 | ## 🔑Key Features
25 |
26 | - 📄 9+ Pre-Designed Pages
27 | - ✨ Simple and Minimal
28 | - 📱 Fully Responsive
29 | - 🚀 Google Page Speed score 100! (Desktop)
30 | - 📊 Google Analytics support
31 | - 🗂️ Caching enabled
32 | - ✉️ Supports Contact Form
33 | - 🌍 SEO Friendly
34 |
35 | ## 📄 9+ Pre-Designed Pages
36 |
37 | - 🏠 Home Page
38 | - 📚 Blog Page
39 | - 📝 Blog Single Page
40 | - 📞 Contact Page
41 | - 📄 Features Page
42 | - ❓ FAQ Page
43 | - 💰 Pricing Page
44 | - 🔒 Privacy Policy Page
45 | - 🔒 Terms and Condition Page
46 |
47 |
48 | ## ⚙️Installation
49 |
50 | After downloading the template, you have some prerequisites to install. Then you can run it on your localhost. You can view the package.json file to see which scripts are included.
51 |
52 | ### 🔧Install prerequisites (once for a machine)
53 |
54 | * **Node Installation:** [Install node js](https://nodejs.org/en/download/) [Recommended LTS version]
55 |
56 | ### 🖥️Local setup
57 |
58 | After successfully installing those dependencies, open this template with any IDE [[VS Code](https://code.visualstudio.com/) recommended], and then open the internal terminal of IDM [vs code shortcut ctrl/cmd+\`]
59 |
60 | * Install dependencies
61 |
62 | ```
63 | npm install
64 | ```
65 |
66 | * Run locally
67 |
68 | ```
69 | npm run dev
70 | ```
71 |
72 | After that, it will open up a preview of the template in your default browser, watch for changes to source files, and live-reload the browser when changes are saved.
73 |
74 | ## 🔨Production Build
75 |
76 | After finishing all the customization, you can create a production build by running this command.
77 |
78 | ```
79 | npm run build
80 | ```
81 |
82 |
83 | ## 🐞Reporting Issues
84 |
85 | We use GitHub Issues as the official bug tracker for this Template. Please Search [existing issues](https://github.com/themefisher/bigspring-light-nextjs/issues). It’s possible someone has already reported the same problem.
86 | If your problem or idea has not been addressed yet, feel free to [open a new issue](https://github.com/themefisher/bigspring-light-nextjs/issues).
87 |
88 |
89 | ## ✉️Technical Support or Questions (Paid)
90 |
91 | If you have questions or need help integrating the product please [contact us](https://themefisher.com/contact) instead of opening an issue.
92 |
93 |
94 | ## 📄License
95 |
96 | Copyright (c) 2016 - Present, Designed & Developed by [Themefisher](https://themefisher.com)
97 |
98 | **Code License:** Released under the [MIT](https://github.com/themefisher/bigspring-light-nextjs/blob/main/LICENSE) license.
99 |
100 | **Image license:** The images are only for demonstration purposes. They have their license, we don't have permission to share those images.
101 |
102 | ## 👨💻Hire Us
103 |
104 | Besides developing unique, blazing-fast Nextjs templates, we also provide customized services. We specialize in creating affordable, high-quality static websites based on Nextjs.
105 |
106 | If you need to customize the theme or complete website development from scratch, you can hire us. **Check Our
107 | [Contact Page](https://themefisher.com/contact)**
108 |
109 | ## 👉Nextjs Templates By Us
110 |
111 |
112 |
113 |
114 |
115 |
116 |
--------------------------------------------------------------------------------
/content/faq.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Frequently Asked Questions
3 | layout: faq
4 | draft: false
5 | faqs:
6 | - title: Will updates also be free?
7 | answer: Lorem, [link](https://www.example.com) ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
8 |
9 | - title: Discounts for students and Non Profit Organizations?
10 | answer: Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://www.example.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
11 |
12 | - title: I need something unique, Can you make it?
13 | answer: Lorem, [link](https://www.example.com) ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
14 |
15 | - title: Is there any documentation and support?
16 | answer: Lorem, [link](https://www.example.com) ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
17 |
18 | - title: Any refunds?
19 | answer: Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://www.example.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
20 |
21 | - title: What is a product key?
22 | answer: Lorem, [link](https://www.example.com) ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
23 | ---
24 |
--------------------------------------------------------------------------------
/public/images/oop.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/layouts/components/Pagination.js:
--------------------------------------------------------------------------------
1 | import Link from "next/link";
2 | import React from "react";
3 |
4 | const Pagination = ({ section, currentPage, totalPages }) => {
5 | const indexPageLink = currentPage === 2;
6 | const hasPrevPage = currentPage > 1;
7 | const hasNextPage = totalPages > currentPage;
8 |
9 | let pageList = [];
10 | for (let i = 1; i <= totalPages; i++) {
11 | pageList.push(i);
12 | }
13 |
14 | return (
15 | <>
16 | {totalPages > 1 && (
17 |
136 | )}
137 |
138 | );
139 | };
140 |
141 | export default Pagination;
142 |
--------------------------------------------------------------------------------
/layouts/components/Social.js:
--------------------------------------------------------------------------------
1 | import {
2 | IoCall,
3 | IoGlobeOutline,
4 | IoLocation,
5 | IoLogoBehance,
6 | IoLogoBitbucket,
7 | IoLogoCodepen,
8 | IoLogoDiscord,
9 | IoLogoDribbble,
10 | IoLogoFacebook,
11 | IoLogoFoursquare,
12 | IoLogoGithub,
13 | IoLogoGitlab,
14 | IoLogoInstagram,
15 | IoLogoLinkedin,
16 | IoLogoMedium,
17 | IoLogoPinterest,
18 | IoLogoReddit,
19 | IoLogoRss,
20 | IoLogoSkype,
21 | IoLogoSlack,
22 | IoLogoSnapchat,
23 | IoLogoSoundcloud,
24 | IoLogoTiktok,
25 | IoLogoTumblr,
26 | IoLogoTwitter,
27 | IoLogoVimeo,
28 | IoLogoVk,
29 | IoLogoWhatsapp,
30 | IoLogoYoutube,
31 | IoMail,
32 | } from "react-icons/io5";
33 |
34 | const Social = ({ source, className }) => {
35 | const {
36 | facebook,
37 | twitter,
38 | instagram,
39 | youtube,
40 | linkedin,
41 | github,
42 | gitlab,
43 | discord,
44 | slack,
45 | medium,
46 | codepen,
47 | bitbucket,
48 | dribbble,
49 | behance,
50 | pinterest,
51 | soundcloud,
52 | tumblr,
53 | reddit,
54 | vk,
55 | whatsapp,
56 | snapchat,
57 | vimeo,
58 | tiktok,
59 | foursquare,
60 | rss,
61 | email,
62 | phone,
63 | address,
64 | skype,
65 | website,
66 | } = source;
67 | return (
68 |
11 |
12 |
13 |
14 | 
15 |
16 | 
17 |
18 |
19 | 
20 | 
113 |