first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,34 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
const CopyRight = () => {
|
||||
return (
|
||||
<div className="d-md-flex align-items-center justify-content-between">
|
||||
<ul className="order-md-last">
|
||||
<li>
|
||||
<Link href="/terms-conditions"></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/terms-conditions">Security</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/terms-conditions">Terms</Link>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
Copyright @{new Date().getFullYear()}{" "}
|
||||
<a
|
||||
href="https://themeforest.net/user/ib-themes/portfolio"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
ib-themes
|
||||
</a>{" "}
|
||||
inc.
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CopyRight;
|
||||
@@ -0,0 +1,54 @@
|
||||
import React from "react";
|
||||
|
||||
const socialContent = [
|
||||
{
|
||||
icon: "fa-facebook",
|
||||
link: "https://www.facebook.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-twitter",
|
||||
link: "https://twitter.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-linkedin",
|
||||
link: "https://www.linkedin.com/",
|
||||
},
|
||||
];
|
||||
|
||||
const CopyRightFour = () => {
|
||||
return (
|
||||
<div className="row">
|
||||
<div className="col-lg-6 order-lg-2 mb-20">
|
||||
<p className="copyright text-center text-lg-left">
|
||||
Copyright @{new Date().getFullYear()}{" "}
|
||||
<a
|
||||
href="https://themeforest.net/user/ib-themes/portfolio"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
ib-themes
|
||||
</a>{" "}
|
||||
inc.
|
||||
</p>
|
||||
</div>
|
||||
<div className="col-lg-6 order-lg-3 mb-20">
|
||||
<ul
|
||||
className=" d-flex
|
||||
justify-content-center justify-content-lg-end
|
||||
social-icon"
|
||||
>
|
||||
{socialContent.map((val, i) => (
|
||||
<li key={i}>
|
||||
<a href={val.link} target="_blank" rel="noreferrer">
|
||||
<i className={`fa ${val.icon}`}></i>
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
{/* End .social-icon */}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CopyRightFour;
|
||||
@@ -0,0 +1,71 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
const socialContent = [
|
||||
{
|
||||
icon: "fa-facebook",
|
||||
link: "https://www.facebook.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-twitter",
|
||||
link: "https://twitter.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-linkedin",
|
||||
link: "https://www.linkedin.com/",
|
||||
},
|
||||
];
|
||||
|
||||
const CopyRightThree = () => {
|
||||
return (
|
||||
<div className="row">
|
||||
<div className="col-lg-4 order-lg-1 mb-20">
|
||||
<ul
|
||||
className="
|
||||
d-flex
|
||||
justify-content-center justify-content-lg-start
|
||||
footer-nav
|
||||
"
|
||||
>
|
||||
<li>
|
||||
<Link href="/terms-conditions">Privacy & Terms.</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/contact-cs">Contact Us</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="col-lg-4 order-lg-3 mb-20">
|
||||
<ul
|
||||
className=" d-flex
|
||||
justify-content-center justify-content-lg-end
|
||||
social-icon"
|
||||
>
|
||||
{socialContent.map((val, i) => (
|
||||
<li key={i}>
|
||||
<a href={val.link} target="_blank" rel="noreferrer">
|
||||
<i className={`fa ${val.icon}`}></i>
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
{/* End .social-icon */}
|
||||
</div>
|
||||
<div className="col-lg-4 order-lg-2 mb-20">
|
||||
<p className="copyright text-center">
|
||||
Copyright @{new Date().getFullYear()}{" "}
|
||||
<a
|
||||
href="https://themeforest.net/user/ib-themes/portfolio"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
ib-themes
|
||||
</a>{" "}
|
||||
inc.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CopyRightThree;
|
||||
@@ -0,0 +1,27 @@
|
||||
'use client'
|
||||
|
||||
import React from "react";
|
||||
|
||||
const CopyRightTwo = () => {
|
||||
return (
|
||||
<div className="bottom-footer-content">
|
||||
<div className="d-flex align-items-center justify-content-center">
|
||||
<p>
|
||||
{" "}
|
||||
Copyright @{new Date().getFullYear()}{" "}
|
||||
<a
|
||||
href="https://themeforest.net/user/ib-themes/portfolio"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
ib-themes
|
||||
</a>{" "}
|
||||
inc.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
// /.bottom-footer
|
||||
);
|
||||
};
|
||||
|
||||
export default CopyRightTwo;
|
||||
@@ -0,0 +1,94 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
|
||||
const Footer = () => {
|
||||
return (
|
||||
<div className="row justify-content-end">
|
||||
<div
|
||||
className="col-lg-3 col-md-12 footer-about-widget"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<Link href="/" className="logo">
|
||||
<Image width="110" height="49" src="/images/logo/deski_02.svg" alt="image" />
|
||||
</Link>
|
||||
</div>
|
||||
{/* /.about-widget */}
|
||||
<div
|
||||
className="col-lg-3 col-md-4 footer-list"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="50"
|
||||
>
|
||||
<h5 className="footer-title">Services</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href={`/blogs/1`}>Web Design</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Development</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Wordpress</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Online Marketing</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Content</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
<div
|
||||
className="col-lg-3 col-md-4 footer-list"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<h5 className="footer-title">About us</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/about-cs">About us</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/faqs/2">Faq Details</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/team-6">Team</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/pricing-cs">Plan & Pricing</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blog-v5">News</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
<div
|
||||
className="col-lg-3 col-md-4 address-list"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="150"
|
||||
>
|
||||
<h5 className="footer-title">Address</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">companyinfo@mail.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="mobile-num">
|
||||
+761 412 3224
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
</div>
|
||||
//.row
|
||||
);
|
||||
};
|
||||
|
||||
export default Footer;
|
||||
@@ -0,0 +1,99 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
const FooterEight = () => {
|
||||
return (
|
||||
<div className="row justify-content-end">
|
||||
<div className="col-xl-4 col-lg-3 col-12 footer-about-widget">
|
||||
<div className="logo">
|
||||
<a href="index">
|
||||
<Image width={138} height={47} src="/images/logo/deski_06.svg" alt="image" />
|
||||
</a>
|
||||
</div>
|
||||
<ul className="font-rubik mt-10">
|
||||
<li>
|
||||
<a href="mailto:deskiinc@gmail.com">deskiinc@gmail.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="tel:+761 412 3224" className="phone">
|
||||
+761 412 3224
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.about-widget */}
|
||||
<div className="col-lg-3 col-md-4 footer-list">
|
||||
<h5 className="footer-title">Links</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/">Home</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/pricing-cs">Pricing</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/about-eo">About us</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/features-customer-support">Careers</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/solution-management">Features</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blog-v3">Blog</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/">Demo the product</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
<div className="col-lg-3 col-md-4 footer-list">
|
||||
<h5 className="footer-title">Legal</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/terms-conditions">Terms of use</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/terms-conditions">Terms & conditions</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/terms-conditions">Privacy policy</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/terms-conditions">Cookie policy</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
<div className="col-xl-2 col-lg-3 col-md-4 footer-list">
|
||||
<h5 className="footer-title">Products</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/product-customer-support">Take the tour</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/login">Live chat</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/solution-management">Self-service</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/doc-box">Docs</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/doc-box-with-banner">Info Box</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">deski Reviews</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
</div>
|
||||
// /.row
|
||||
);
|
||||
};
|
||||
|
||||
export default FooterEight;
|
||||
@@ -0,0 +1,62 @@
|
||||
|
||||
|
||||
'use client'
|
||||
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
const socialContent = [
|
||||
{
|
||||
icon: "fa-facebook",
|
||||
link: "https://www.facebook.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-twitter",
|
||||
link: "https://twitter.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-linkedin",
|
||||
link: "https://www.linkedin.com/",
|
||||
},
|
||||
];
|
||||
|
||||
const FooterFive = () => {
|
||||
return (
|
||||
<div className="row justify-content-center align-items-center">
|
||||
<div className="col-lg-4">
|
||||
<div className="logo">
|
||||
<Link href="/">
|
||||
<Image width={138} height={47} style={{width:'100%',height:'fit-content'}} src="/images/logo/deski_06.svg" alt="brand" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-lg-4">
|
||||
<div className="title">Find us on Social Media</div>
|
||||
<ul className="d-flex justify-content-center social-icon">
|
||||
{socialContent.map((val, i) => (
|
||||
<li key={i}>
|
||||
<a href={val.link} target="_blank" rel="noreferrer">
|
||||
<i className={`fa ${val.icon}`}></i>
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-lg-4">
|
||||
<div className="title">We’r always happy to help.</div>
|
||||
<div className="text-center">
|
||||
<a href="mailto:ib-themes21@gmail.com" className="email">
|
||||
ask@jdeski.com
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default FooterFive;
|
||||
@@ -0,0 +1,146 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
|
||||
const linksFooterContent = [
|
||||
{
|
||||
itemName: "Home",
|
||||
routePath: "/",
|
||||
},
|
||||
// {
|
||||
// itemName: "Product",
|
||||
// routePath: "/product-customer-support",
|
||||
// },
|
||||
// {
|
||||
// itemName: "Pricing",
|
||||
// routePath: "/pricing-pm",
|
||||
// },
|
||||
{
|
||||
itemName: "About us",
|
||||
routePath: "/about-pm",
|
||||
},
|
||||
// {
|
||||
// itemName: "Features",
|
||||
// routePath: "/solution-management",
|
||||
// },
|
||||
{
|
||||
itemName: "Blog",
|
||||
routePath: "/blog-v4",
|
||||
},
|
||||
// {
|
||||
// itemName: "Help & Support",
|
||||
// routePath: "/login",
|
||||
// },
|
||||
// {
|
||||
// itemName: "API documentation",
|
||||
// routePath: "/doc-full-width",
|
||||
// },
|
||||
];
|
||||
|
||||
const legalFooterContent = [
|
||||
// {
|
||||
// itemName: "Terms of use",
|
||||
// routePath: "/terms-conditions",
|
||||
// },
|
||||
{
|
||||
itemName: "Terms & conditions",
|
||||
routePath: "/terms-conditions",
|
||||
},
|
||||
{
|
||||
itemName: "Privacy policy",
|
||||
routePath: "/terms-conditions",
|
||||
},
|
||||
{
|
||||
itemName: "Cookie policy",
|
||||
routePath: "",
|
||||
},
|
||||
];
|
||||
|
||||
const productsFooterContent = [
|
||||
// {
|
||||
// itemName: "Take the tour",
|
||||
// routePath: "/product-customer-support",
|
||||
// },
|
||||
// {
|
||||
// itemName: "Team",
|
||||
// routePath: "/team-5",
|
||||
// },
|
||||
{
|
||||
itemName: "Services",
|
||||
routePath: "#",
|
||||
},
|
||||
{
|
||||
itemName: "News",
|
||||
routePath: "/blog-v3",
|
||||
},
|
||||
// {
|
||||
// itemName: "About us",
|
||||
// routePath: "/about-doc",
|
||||
// },
|
||||
{
|
||||
itemName: "Contact",
|
||||
routePath: "/contact-cs",
|
||||
},
|
||||
];
|
||||
|
||||
const FooterFour = () => {
|
||||
return (
|
||||
<div className="row justify-content-end">
|
||||
<div className="col-xl-4 col-lg-3 col-12 footer-about-widget">
|
||||
<div className="logo">
|
||||
<Link href="/">
|
||||
<Image width={136}
|
||||
height={43} src="/images/logo/deski_05.svg" alt="brand" />
|
||||
</Link>
|
||||
</div>
|
||||
<ul className="font-rubik mt-10">
|
||||
<li>
|
||||
<a href="mailto:deskiinc@gmail.com">tokslaw@gmail.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="tel:+761 412 3224">+761 412 3224</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
|
||||
<div className="col-lg-3 col-md-4 footer-list">
|
||||
<h5 className="footer-title font-slab">Links</h5>
|
||||
<ul>
|
||||
{linksFooterContent.map((list, i) => (
|
||||
<li key={i}>
|
||||
<Link href={list.routePath}>{list.itemName}</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* /.footer-list */}
|
||||
<div className="col-lg-3 col-md-4 footer-list">
|
||||
<h5 className="footer-title font-slab">Legal</h5>
|
||||
<ul>
|
||||
{legalFooterContent.map((list, i) => (
|
||||
<li key={i}>
|
||||
<Link href={list.routePath}>{list.itemName}</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
|
||||
<div className="col-xl-2 col-lg-3 col-md-4 footer-list">
|
||||
<h5 className="footer-title font-slab">Products</h5>
|
||||
<ul className="pe-5">
|
||||
{productsFooterContent.map((list, i) => (
|
||||
<li key={i}>
|
||||
<Link href={list.routePath}>{list.itemName}</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default FooterFour;
|
||||
@@ -0,0 +1,100 @@
|
||||
|
||||
'use client'
|
||||
|
||||
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import FormFooterSignup from "../form/FormFooterSignup";
|
||||
import Image from "next/image";
|
||||
const FooterSeven = () => {
|
||||
return (
|
||||
<div className="row ">
|
||||
<div
|
||||
className="col-xl-3 col-lg-2 mb-40"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="logo">
|
||||
<a href="index.html">
|
||||
<Image width={138} height={47} style={{width:'100%',height:'fit-content'}} src="/images/logo/deski_06.svg" alt="logo" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div
|
||||
className="col-lg-2 col-md-6 mb-40"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<h5 className="title">Links</h5>
|
||||
<ul className="footer-list">
|
||||
<li>
|
||||
<Link href="/">Home</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/pricing-cs">Pricing</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/about-eo">About us</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/features-customer-support">Careers</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/solution-management">Features</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blog-v3">Blog</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
className="col-lg-3 col-md-6 mb-40"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="150"
|
||||
>
|
||||
<h5 className="title">Legal</h5>
|
||||
<ul className="footer-list">
|
||||
<li>
|
||||
<Link href="/terms-conditions">Terms of use</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/terms-conditions">Terms & conditions</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/terms-conditions">Privacy policy</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/terms-conditions">Cookie policy</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
className="col-xl-4 col-lg-5 mb-40"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="200"
|
||||
>
|
||||
<div className="newsletter">
|
||||
<h5 className="title">Newslettert</h5>
|
||||
<p>
|
||||
Join over <span>68,000</span> people getting our emails
|
||||
</p>
|
||||
|
||||
<FormFooterSignup />
|
||||
|
||||
<div className="info">
|
||||
We only send interesting and relevant emails.
|
||||
</div>
|
||||
</div>
|
||||
{/* /.newsletter */}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default FooterSeven;
|
||||
@@ -0,0 +1,59 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
const socialContent = [
|
||||
{
|
||||
icon: "fa-facebook",
|
||||
link: "https://www.facebook.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-twitter",
|
||||
link: "https://twitter.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-linkedin",
|
||||
link: "https://www.linkedin.com/",
|
||||
},
|
||||
];
|
||||
import Image from "next/image";
|
||||
const FooterSix = () => {
|
||||
return (
|
||||
<div className="row justify-content-center align-items-center">
|
||||
<div className="col-lg-4">
|
||||
<div className="logo">
|
||||
<Link href="/">
|
||||
<Image width={138} height={47} style={{width:'100%',height:'fit-content'}} src="/images/logo/deski_06.svg" alt="logo" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-lg-4">
|
||||
<div className="title">Find us on Social Media</div>
|
||||
<ul className="d-flex justify-content-center social-icon">
|
||||
{socialContent.map((val, i) => (
|
||||
<li key={i}>
|
||||
<a href={val.link} target="_blank" rel="noreferrer">
|
||||
<i className={`fa ${val.icon}`}></i>
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
{/* End .social-icon */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-lg-4">
|
||||
<div className="title">We’r always happy to help.</div>
|
||||
<div className="text-center">
|
||||
<a href="mailto:ib-themes21@gmail.com" className="email">
|
||||
ask@jdeski.com
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default FooterSix;
|
||||
@@ -0,0 +1,127 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
|
||||
const socialContent = [
|
||||
{
|
||||
icon: "fa-facebook",
|
||||
link: "https://www.facebook.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-twitter",
|
||||
link: "https://twitter.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-linkedin",
|
||||
link: "https://www.linkedin.com/",
|
||||
},
|
||||
];
|
||||
|
||||
const FooterThree = () => {
|
||||
return (
|
||||
<div className="row justify-content-between">
|
||||
<div className="col-lg-4 col-12 footer-about-widget">
|
||||
<Link
|
||||
href="/"
|
||||
className="logo"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<Image width="87" height="40" src="/images/logo/deski_01.svg" alt="brand" />
|
||||
</Link>
|
||||
</div>
|
||||
{/* /.about-widget */}
|
||||
|
||||
<div
|
||||
className="col-lg-2 col-md-4 footer-list"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="50"
|
||||
>
|
||||
<h5 className="footer-title">Services</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blogs/1">Web Design</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Development</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Wordpress</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Online Marketing</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Content</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
|
||||
<div
|
||||
className="col-lg-2 col-md-4 footer-list"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<h5 className="footer-title">About us</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/about-cs">About us</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/faqs/2">Faq Details</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/team-6">Team</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/pricing-cs">Plan & Pricing</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blog-v5">News</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
|
||||
<div
|
||||
className="col-lg-3 col-md-4 address-list"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="150"
|
||||
>
|
||||
<h5 className="footer-title">Contact Info</h5>
|
||||
<p className="font-rubik">
|
||||
432 Melbourne Stadium Market <br />
|
||||
Melbourne , Australia
|
||||
</p>
|
||||
<ul className="info">
|
||||
<li>
|
||||
<a href="mailto:ib-themes21@gmail.com">deskisupportinc@gmail.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Tel: 7614123224" className="mobile-num">
|
||||
+761 412 3224
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
{/* End ul */}
|
||||
<ul className="social-icon d-flex pt-15">
|
||||
{socialContent.map((val, i) => (
|
||||
<li key={i}>
|
||||
<a href={val.link} target="_blank" rel="noreferrer">
|
||||
<i className={`fa ${val.icon}`}></i>
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
</div>
|
||||
// /.row
|
||||
);
|
||||
};
|
||||
|
||||
export default FooterThree;
|
||||
@@ -0,0 +1,152 @@
|
||||
'use client'
|
||||
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
|
||||
const socialContent = [
|
||||
{
|
||||
icon: "fa-facebook",
|
||||
link: "https://www.facebook.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-twitter",
|
||||
link: "https://twitter.com/",
|
||||
},
|
||||
{
|
||||
icon: "fa-linkedin",
|
||||
link: "https://www.linkedin.com/",
|
||||
},
|
||||
];
|
||||
|
||||
const FooterTwo = () => {
|
||||
return (
|
||||
<div className="row justify-content-between">
|
||||
<div
|
||||
className="col-lg-2 col-12 footer-about-widget"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<Link href="/" className="logo">
|
||||
<Image width="46" height="46" src="/images/logo/deski_03.svg" alt="brand" />
|
||||
</Link>
|
||||
</div>
|
||||
{/* /.about-widget */}
|
||||
<div
|
||||
className="col-lg-2 col-md-3 col-sm-6 footer-list"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="50"
|
||||
>
|
||||
<h5 className="footer-title">Products</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/about-cs">Take the tour</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/">Live chat</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/solution-management">Self-service</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Social</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Mobile</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Collaboration</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">deski Reviews</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
<div
|
||||
className="col-lg-2 col-md-3 col-sm-6 footer-list"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<h5 className="footer-title">Services</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blogs/1">Web Design</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Development</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Wordpress</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Online Marketing</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blogs/1">Content</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
<div
|
||||
className="col-lg-2 col-md-3 col-sm-6 footer-list"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="150"
|
||||
>
|
||||
<h5 className="footer-title">About us</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/about-cs">About us</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/faqs/3">Faq Details</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/team-6">Team</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/pricing-cs">Plan & Pricing</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blog-v5">News</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
<div
|
||||
className="col-lg-3 col-md-3 col-sm-6 address-list"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="200"
|
||||
>
|
||||
<h5 className="footer-title">Address</h5>
|
||||
<ul className="info">
|
||||
<li>
|
||||
<a href="mailto:ib-themes21@gmail.com">deskisupportinc@gmail.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Tel: 7614123224" className="mobile-num">
|
||||
+761 412 3224
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="social-icon d-flex">
|
||||
{socialContent.map((val, i) => (
|
||||
<li key={i}>
|
||||
<a href={val.link} target="_blank" rel="noreferrer">
|
||||
<i className={`fa ${val.icon}`}></i>
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
{/* /.footer-list */}
|
||||
</div>
|
||||
//.row
|
||||
);
|
||||
};
|
||||
|
||||
export default FooterTwo;
|
||||
Reference in New Issue
Block a user