first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,93 @@
|
||||
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import BlogStyle1 from "../../../components/blog/BlogStyle1";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
export const metadata = {
|
||||
title: 'Blog V1 || Deski-Saas & Software Nextjs Template',
|
||||
description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
|
||||
}
|
||||
const BlogV1 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero One
|
||||
============================================== */}
|
||||
<div className="fancy-hero-one">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-9 col-lg-10 m-auto">
|
||||
<h2 className="font-gilroy-bold">
|
||||
Check our company inside story
|
||||
</h2>
|
||||
</div>
|
||||
<div className="col-lg-9 m-auto">
|
||||
<p className="font-rubik">
|
||||
You will find here our company news and latest update
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="bubble-four"></div>
|
||||
<div className="bubble-five"></div>
|
||||
<div className="bubble-six"></div>
|
||||
</div>
|
||||
{/* /.fancy-hero-one */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="feature-blog-one blog-page-bg">
|
||||
<div className="shapes shape-one"></div>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<BlogStyle1 />
|
||||
</div>
|
||||
{/* End .row */}
|
||||
<div
|
||||
className="text-center mt-30 md-mt-10"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="50"
|
||||
>
|
||||
<a href="#" className="theme-btn-one">
|
||||
Show More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<footer className="theme-footer-one pt-130 md-pt-70">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<Footer />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<CopyRight />
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-one */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogV1;
|
||||
@@ -0,0 +1,119 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import BlogStyle2 from "../../../components/blog/BlogStyle2";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import BlogSidebar from "../../../components/blog/BlogSidebar";
|
||||
export const metadata = {
|
||||
title: 'Blog V2 || Deski-Saas & Software Nextjs Template',
|
||||
description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
|
||||
}
|
||||
const BlogV2 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero One
|
||||
============================================== */}
|
||||
<div className="fancy-hero-one">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-9 col-lg-10 m-auto">
|
||||
<h2 className="font-rubik">Check our company inside story</h2>
|
||||
</div>
|
||||
<div className="col-lg-9 m-auto">
|
||||
<p className="font-rubik">
|
||||
You will find here our company news and latest update
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="bubble-four"></div>
|
||||
<div className="bubble-five"></div>
|
||||
<div className="bubble-six"></div>
|
||||
</div>
|
||||
{/* /.fancy-hero-one */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="blog-page-bg">
|
||||
<div className="shapes shape-one"></div>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 feature-blog-one width-lg">
|
||||
<BlogStyle2 />
|
||||
<div className="page-pagination-one pt-15">
|
||||
<ul className="d-flex align-items-center">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-left"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="active">
|
||||
1
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">3</a>
|
||||
</li>
|
||||
<li> ... </li>
|
||||
<li>
|
||||
<a href="#">13</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.page-pagination-one */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<BlogSidebar />
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<footer className="theme-footer-one pt-130 md-pt-70">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<Footer />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<CopyRight />
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-one */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogV2;
|
||||
@@ -0,0 +1,142 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import BlogStyle3 from "../../../components/blog/BlogStyle3";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import BlogSidebarClassic from "../../../components/blog/BlogSidebarClassic";
|
||||
import Link from "next/link";
|
||||
export const metadata = {
|
||||
title: 'Blog V3 || Deski-Saas & Software Nextjs Template',
|
||||
description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
|
||||
}
|
||||
const BlogV3 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-two">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="page-title">Blog</div>
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-10 m-auto">
|
||||
<h1 className="heading md-p0">Check our company inside news</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="blog-page-white-bg blog-v3">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8">
|
||||
<div className="feature-blog-three">
|
||||
<BlogStyle3 />
|
||||
</div>
|
||||
|
||||
<div className="page-pagination-one pt-15">
|
||||
<ul className="d-flex align-items-center">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-left"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="active">
|
||||
1
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">3</a>
|
||||
</li>
|
||||
<li> ... </li>
|
||||
<li>
|
||||
<a href="#">13</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.page-pagination-one */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<BlogSidebarClassic />
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<div className="fancy-short-banner-two pt-130 md-pt-70">
|
||||
<div className="container">
|
||||
<div className="content-wrapper">
|
||||
<div
|
||||
className="
|
||||
bg-wrapper
|
||||
d-lg-flex
|
||||
align-items-center
|
||||
justify-content-between
|
||||
"
|
||||
>
|
||||
<h2 className="font-gilroy-bold">
|
||||
Don’t find the answer? contact us for any query.
|
||||
</h2>
|
||||
<Link href="/contact-cs">Contact us</Link>
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="bubble-four"></div>
|
||||
<div className="bubble-five"></div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.content-wrapper */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.fancy-short-banner-two */}
|
||||
|
||||
<footer className="theme-footer-one pt-130 md-pt-70">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<Footer />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<CopyRight />
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-one */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogV3;
|
||||
@@ -0,0 +1,152 @@
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import BlogStyle3 from "../../../components/blog/BlogStyle3";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
|
||||
export const metadata = {
|
||||
title: 'Blog V4 || Deski-Saas & Software Nextjs Template',
|
||||
description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
|
||||
}
|
||||
|
||||
|
||||
const BlogV4 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five">
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/95.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="200" height="408"
|
||||
src="/images/shape/96.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="col-lg-7 m-auto text-center">
|
||||
<h6 className="page-title">Our News</h6>
|
||||
<h1 className="heading">
|
||||
<span>
|
||||
Our inside stories
|
||||
<Image width={577} height={58} src="/images/shape/line-shape-11.svg" alt="image" />
|
||||
</span>
|
||||
lorem que
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="blog-page-white-bg blog-v4">
|
||||
<div className="shapes shape-one"></div>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="container">
|
||||
<div className="wrapper">
|
||||
<BlogStyle3 />
|
||||
<div className="page-pagination-one pt-15">
|
||||
<ul className="d-flex align-items-center">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-left"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="active">
|
||||
1
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">3</a>
|
||||
</li>
|
||||
<li> ... </li>
|
||||
<li>
|
||||
<a href="#">13</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.page-pagination-one */}
|
||||
</div>
|
||||
{/* End .wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<div className="fancy-short-banner-two pt-130 md-pt-70">
|
||||
<div className="container">
|
||||
<div className="content-wrapper">
|
||||
<div
|
||||
className="
|
||||
bg-wrapper
|
||||
d-lg-flex
|
||||
align-items-center
|
||||
justify-content-between
|
||||
"
|
||||
>
|
||||
<h2 className="font-gilroy-bold">
|
||||
Don’t find the answer? contact us for any query.
|
||||
</h2>
|
||||
<Link href="/contact-cs">Contact us</Link>
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="bubble-four"></div>
|
||||
<div className="bubble-five"></div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.content-wrapper */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.fancy-short-banner-two */}
|
||||
|
||||
<footer className="theme-footer-one pt-130 md-pt-70">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<Footer />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<CopyRight />
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-one */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogV4;
|
||||
@@ -0,0 +1,83 @@
|
||||
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import BlogStyle5 from "../../../components/blog/BlogStyle5";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
export const metadata = {
|
||||
title: 'Blog V5 || Deski-Saas & Software Nextjs Template',
|
||||
description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
|
||||
}
|
||||
const BlogV5 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero One
|
||||
============================================== */}
|
||||
<div className="fancy-hero-one">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-9 col-lg-10 m-auto">
|
||||
<h2 className="font-gilroy-bold">
|
||||
Check our company inside story
|
||||
</h2>
|
||||
</div>
|
||||
<div className="col-lg-9 m-auto">
|
||||
<p className="font-rubik">
|
||||
You will find here our company news and latest update
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="bubble-four"></div>
|
||||
<div className="bubble-five"></div>
|
||||
<div className="bubble-six"></div>
|
||||
</div>
|
||||
{/* /.fancy-hero-one */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="feature-blog-four blog-page-bg">
|
||||
<div className="shapes shape-one"></div>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<BlogStyle5 />
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<footer className="theme-footer-one pt-130 md-pt-70">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<Footer />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<CopyRight />
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-one */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogV5;
|
||||
@@ -0,0 +1,145 @@
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/header/Header";
|
||||
import BlogStyle2 from "../../../components/blog/BlogStyle2";
|
||||
import Footer from "../../../components/footer/Footer";
|
||||
import CopyRight from "../../../components/footer/CopyRight";
|
||||
import BlogSidebar from "../../../components/blog/BlogSidebar";
|
||||
import Link from "next/link";
|
||||
export const metadata = {
|
||||
title: 'Blog V6 || Deski-Saas & Software Nextjs Template',
|
||||
description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
|
||||
}
|
||||
const BlogV6 = () => {
|
||||
return (
|
||||
<div className="main-page-wrapper">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-two">
|
||||
<div className="bg-wrapper">
|
||||
<div className="container">
|
||||
<div className="page-title">Blog</div>
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-10 m-auto">
|
||||
<h1 className="heading md-p0">Check our company inside news</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="blog-page-white-bg blog-v2">
|
||||
<div className="shapes shape-one"></div>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8 feature-blog-one width-lg">
|
||||
<BlogStyle2 />
|
||||
<div className="page-pagination-one pt-15">
|
||||
<ul className="d-flex align-items-center">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-left"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="active">
|
||||
1
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">3</a>
|
||||
</li>
|
||||
<li> ... </li>
|
||||
<li>
|
||||
<a href="#">13</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.page-pagination-one */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<BlogSidebar />
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<div className="fancy-short-banner-two pt-130 md-pt-70">
|
||||
<div className="container">
|
||||
<div className="content-wrapper">
|
||||
<div
|
||||
className="
|
||||
bg-wrapper
|
||||
d-lg-flex
|
||||
align-items-center
|
||||
justify-content-between
|
||||
"
|
||||
>
|
||||
<h2 className="font-gilroy-bold">
|
||||
Don’t find the answer? contact us for any query.
|
||||
</h2>
|
||||
<Link href="/contact-cs">Contact us</Link>
|
||||
<div className="bubble-one"></div>
|
||||
<div className="bubble-two"></div>
|
||||
<div className="bubble-three"></div>
|
||||
<div className="bubble-four"></div>
|
||||
<div className="bubble-five"></div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.content-wrapper */}
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.fancy-short-banner-two */}
|
||||
|
||||
<footer className="theme-footer-one pt-130 md-pt-70">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<Footer />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<CopyRight />
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-one */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogV6;
|
||||
@@ -0,0 +1,260 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Header from "../../../../components/header/Header";
|
||||
import Footer from "../../../../components/footer/Footer";
|
||||
import CopyRight from "../../../../components/footer/CopyRight";
|
||||
import BlogDetailsForm from "../../../../components/form/BlogDetailsForm";
|
||||
import { allblogs } from "@/data/blogs";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title: 'Blog Details || Deski-Saas & Software Nextjs Template',
|
||||
description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
|
||||
}
|
||||
const BlogDetails = ({ params }) => {
|
||||
|
||||
const blog = allblogs.filter((elm)=>elm.id==params.id)[0] || allblogs[0]
|
||||
|
||||
|
||||
return (
|
||||
<div className="main-page-wrapper p0">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
<Header />
|
||||
{/* End Header */}
|
||||
|
||||
{/* =============================================
|
||||
Fancy Hero Two
|
||||
============================================== */}
|
||||
<div className="fancy-hero-five bg-white">
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/95.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="286" height="426"
|
||||
src="/images/shape/96.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<div className="bg-wrapper ">
|
||||
<div className="container">
|
||||
<div className="col-lg-10 m-auto text-center">
|
||||
<h6 className="page-title">Our News</h6>
|
||||
<h1 className="heading">
|
||||
<span>
|
||||
{blog.title?.split(' ').slice(0,3).join(' ') || 'Quis Nostr Exercitation' }
|
||||
|
||||
<Image width={577} height={58} src="/images/shape/line-shape-11.svg" alt="image" />
|
||||
</span>{" "}
|
||||
{blog.title?.split(' ').slice(3).join(' ') || 'Laboris nisi' }
|
||||
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.bg-wrapper */}
|
||||
</div>
|
||||
{/* /.fancy-hero-two */}
|
||||
|
||||
{/* =====================================================
|
||||
Feature Blog One
|
||||
===================================================== */}
|
||||
<div className="blog-page-bg">
|
||||
<div className="shapes shape-one"></div>
|
||||
<div className="shapes shape-two"></div>
|
||||
<div className="shapes shape-three"></div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-10 offset-xl-1 col-lg-12 feature-blog-one width-lg blog-details-post-v1">
|
||||
<div className="post-meta">
|
||||
<Image width={990} height={890} style={{width:'100%',height:'fit-content'}}
|
||||
src={`/images/blog/${blog.img ? blog.img :'media_28.png'}`}
|
||||
alt="media post"
|
||||
className="image-meta"
|
||||
/>
|
||||
<div className="tag">23 Apr. 2020</div>
|
||||
<h3 className="title">
|
||||
Quis Nostr Exercitation Ullamco Laboris nisi ut Aliquip exeal
|
||||
nothing.
|
||||
</h3>
|
||||
<p>
|
||||
Tomfoolery crikey bits and bobs brilliant bamboozled down the
|
||||
pub amongst brolly hanky panky, cack bonnet arse over tit
|
||||
burke bugger all mate bodge. cillum dolore eu fugiat nulla
|
||||
pariatur. Excepteur sint occaecat cupidatat non proident, sunt
|
||||
in culpa qui officia deserunt mollit anim id est
|
||||
laborum.Suspendisse interdum consectetur libero id faucibu
|
||||
nisl. Lacus vel facilisis volutpat est velit egestas.
|
||||
</p>
|
||||
<p>
|
||||
Tempus imperdiet nulla malesuada pellentesque elit eget
|
||||
gravida cum. Sit amet ris nullam eget felis. Enim praesent
|
||||
elementum facilisis leo. Ultricies leo integer. all mate
|
||||
bodge. cillum dolore eu fugiat nulla pariatur. Excepteur sint
|
||||
occaecat cupidatat non proident, sunt in culpa qui officia
|
||||
deserunt
|
||||
</p>
|
||||
<blockquote className="blog-quote">
|
||||
If you’ve been waiting for an invitation, this calligraphy is
|
||||
it. Commissioned by Notebook hand-lettered design for a
|
||||
poster. Quote is Notebook Building 8 VP’s Regina Dugan—and
|
||||
mine.
|
||||
</blockquote>
|
||||
<p>
|
||||
Tempus imperdiet nulla malesuada pellentesque elit eget
|
||||
gravida cum. Sit amet ris nullam eget felis. Enim praesent
|
||||
elementum facilisis leo. Ultricies leo integer.
|
||||
</p>
|
||||
<Image width={990} height={890} style={{width:'100%',height:'fit-content'}}
|
||||
src="/images/blog/media_29.png"
|
||||
alt="media post"
|
||||
className="image-meta mt-35"
|
||||
/>
|
||||
<div className="mark-text">
|
||||
This response is important for our ability to from mistakes
|
||||
but it alsogives rise to self-criticism.
|
||||
</div>
|
||||
<p>
|
||||
One touch of a red-hot stove is usually all we need to avoid
|
||||
that kind of discomfort in the future. The same is true as we
|
||||
experienc the emotional sensation of stress from our first
|
||||
instances. We quickly learn to fear and thus automatically.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
</p>
|
||||
<h4>Work Harder & Gain Succsess.</h4>
|
||||
<p>
|
||||
One touch of a red-hot stove is usually all we need to avoid
|
||||
that kind of discomfort in que future. The same Duis aute
|
||||
irure dolor in reprehenderit .
|
||||
</p>
|
||||
<p>
|
||||
is true as we experience the emotional sensation of stress
|
||||
from our firs social rejection ridicule.We quickly learn to
|
||||
fear and thus automatically. potentially stressful situation
|
||||
of all kinds, including the most common of all.
|
||||
</p>
|
||||
<div className="d-sm-flex align-items-center justify-content-between share-area">
|
||||
<ul className="tag-feature d-flex">
|
||||
<li>Tag: </li>
|
||||
<li>
|
||||
<a href="#">business,</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">makreting,</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">tips</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="share-option d-flex align-items-center">
|
||||
<li>Share</li>
|
||||
<li>
|
||||
<a href="#" style={{ background: " #F6616F" }}>
|
||||
<i className="fa fa-google-plus" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" style={{ background: " #41CFED" }}>
|
||||
<i className="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" style={{ background: " #588DE7" }}>
|
||||
<i className="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* /End post content */}
|
||||
|
||||
<div className="comment-area">
|
||||
<h3 className="title">2 Comments</h3>
|
||||
<div className="single-comment">
|
||||
<div className="d-flex">
|
||||
<Image width={61} height={61}
|
||||
src="/images/blog/media_30.png"
|
||||
alt="blog post"
|
||||
className="user-img"
|
||||
/>
|
||||
<div className="comment">
|
||||
<h6 className="name">Al Hasani</h6>
|
||||
<div className="time">13 June, 2018, 7:30pm</div>
|
||||
<p>
|
||||
One touch of a red-hot stove is usually all we need to
|
||||
avoid that kind of discomfort in future. The same true
|
||||
we experience{" "}
|
||||
</p>
|
||||
<button className="reply">Reply</button>
|
||||
</div>
|
||||
{/* /.comment */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.single-comment */}
|
||||
<div className="single-comment">
|
||||
<div className="d-flex">
|
||||
<Image width={61} height={61}
|
||||
src="/images/blog/media_31.png"
|
||||
alt="blog post"
|
||||
className="user-img"
|
||||
/>
|
||||
<div className="comment">
|
||||
<h6 className="name">Rashed ka.</h6>
|
||||
<div className="time">13 June, 2018, 7:30pm</div>
|
||||
<p>
|
||||
One touch of a red-hot stove is usually all we need to
|
||||
avoid that kind of discomfort in future. The same true
|
||||
we experience{" "}
|
||||
</p>
|
||||
<button className="reply">Reply</button>
|
||||
</div>
|
||||
{/* /.comment */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.single-comment */}
|
||||
</div>
|
||||
{/* /.comment-area */}
|
||||
|
||||
<div className="comment-form-section m0">
|
||||
<h3 className="title">Leave A Comment</h3>
|
||||
<p>
|
||||
<Link href="/login">Sign in</Link> to post your comment or
|
||||
singup if you dont have any account.
|
||||
</p>
|
||||
<div className="form-style-light">
|
||||
<BlogDetailsForm />
|
||||
</div>
|
||||
{/* /.form-style-light */}
|
||||
</div>
|
||||
{/* /.comment-form-section */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
</div>
|
||||
</div>
|
||||
{/* /.feature-blog-one */}
|
||||
|
||||
<footer className="theme-footer-one pt-130 md-pt-70">
|
||||
<div className="top-footer">
|
||||
<div className="container">
|
||||
<Footer />
|
||||
</div>
|
||||
{/* /.container */}
|
||||
</div>
|
||||
{/* /.top-footer */}
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer-content">
|
||||
<CopyRight />
|
||||
</div>
|
||||
{/* /.bottom-footer */}
|
||||
</div>
|
||||
</footer>
|
||||
{/* /.theme-footer-one */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default BlogDetails;
|
||||
Reference in New Issue
Block a user