initial commit

.gitignore

@@ -0,0 +1,28 @@
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+/out
+
+# misc
+.env
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+package-lock.json
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# package
+/dist
+/.next

README.md

@@ -0,0 +1,31 @@
+# Redux example
+
+This example shows how to integrate Redux in Next.js.
+
+Usually splitting your app state into `pages` feels natural but sometimes you'll want to have global state for your app. This is an example on how you can use Redux that also works with Next.js's universal rendering approach.
+
+In the first example we are going to display a digital clock that updates every second. The first render is happening in the server and then the browser will take over. To illustrate this, the server rendered clock will have a different background color (black) than the client one (grey).
+
+The trick here for supporting universal Redux is to separate the cases for the client and the server. When we are on the server we want to create a new store every time, otherwise different users data will be mixed up. If we are in the client we want to use always the same store. That's what we accomplish on `store.js`.
+
+All components have access to the Redux store using `useSelector`, `useDispatch` or `connect` from `react-redux`.
+
+On the server side every request initializes a new store, because otherwise different user data can be mixed up. On the client side the same store is used, even between page changes.
+
+## Deploy your own
+
+Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example):
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-redux&project-name=with-redux&repository-name=with-redux)
+
+## How to use
+
+Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
+
+```bash
+npx create-next-app --example with-redux with-redux-app
+# or
+yarn create next-app --example with-redux with-redux-app
+```
+
+Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

components/Accomodation/Superior.js

@@ -0,0 +1,161 @@
+import React from 'react';
+import * as Icon from 'react-feather';
+import Link from 'next/link';
+import SliderImage from 'react-zoom-slider';
+
+const data = [
+    {
+        image: 'https://origin.pegipegi.com/jalan/images/pict1L/Y2/Y996372/Y996372001.jpg',
+        text: 'img1'
+    },
+    {
+        image: 'https://pix10.agoda.net/hotelImages/602/6025213/6025213_18111511050069716941.jpg?s=1024x768',
+        text: 'img2'
+    },
+    {
+        image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSf-p3S-ls6H91EnKbEf3T9SO2Sz8Hh9BjpIA&usqp=CAU',
+        text: 'img3'
+    },
+    {
+        image: 'https://origin.pegipegi.com/jalan/images/pict1L/Y2/Y996372/Y996372001.jpg',
+        text: 'img4'
+    },
+    {
+        image: 'https://pix10.agoda.net/hotelImages/602/6025213/6025213_18111511050069716941.jpg?s=1024x768',
+        text: 'img5'
+    },
+    {
+        image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSf-p3S-ls6H91EnKbEf3T9SO2Sz8Hh9BjpIA&usqp=CAU',
+        text: 'img6'
+    },
+];
+
+const SuperiorRoom = () => {
+    return (
+        <>
+            <div className="blog-details-area ptb-80">
+                <div className="container">
+                    <div className="row">
+                        <div className="col-lg-8 col-md-12">
+                            <div className="blog-details-desc">
+                                <div className="article-image">
+                                    <SliderImage
+                                        data={data}
+                                        showDescription={true}
+                                        direction="left"
+                                    />
+                                </div>
+
+                                <div className="article-content">
+                                    <div className="entry-meta">
+                                        <ul>
+                                            <li>
+                                                <Icon.Clock /> September 31, 2021
+                                            </li>
+                                            <li>
+                                                <Icon.User /> <a href="#">Steven Smith</a>
+                                            </li>
+                                        </ul>
+                                    </div>
+
+                                    <h2>Room Description</h2>
+
+                                    <p>Quuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quia non numquam eius modi tempora incidunt ut labore et dolore magnam dolor sit amet, consectetur adipisicing.</p>
+
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in  sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
+
+                                    <p>Quuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quia non numquam eius modi tempora incidunt ut labore et dolore magnam dolor sit amet, consectetur adipisicing.</p><br />
+
+                                    {/* <h2>Gallery</h2>
+                                    <ul className="block-gallery columns-3">
+                                        <li className="blocks-gallery-item">
+                                            <figure>
+                                                <img src="/images/blog-image/blog8.jpg" alt="image" />
+                                            </figure>
+                                        </li>
+
+                                        <li className="blocks-gallery-item">
+                                            <figure>
+                                                <img src="/images/blog-image/blog7.jpg" alt="image" />
+                                            </figure>
+                                        </li>
+
+                                        <li className="blocks-gallery-item">
+                                            <figure>
+                                                <img src="/images/blog-image/blog9.jpg" alt="image" />
+                                            </figure>
+                                        </li>
+                                    </ul> */}
+
+                                    <h3>Fasilitas</h3>
+
+                                    <ul className="features-list">
+                                        <li><Icon.Wifi /> Free Wifi</li>
+                                        <li><Icon.Phone /> Telpon</li>
+                                        <li><Icon.Coffee /> Breakfas</li>
+                                    </ul>
+                                </div>
+
+                                {/* <div className="article-footer">
+                                    <div className="article-tags">
+                                        <a href="#">Fashion</a>
+                                        <a href="#">Smart</a>
+                                        <a href="#">Marketing</a>
+                                        <a href="#">Games</a>
+                                        <a href="#">Travel</a>
+                                    </div>
+                                </div> */}
+                            </div>
+                        </div>
+
+                        <div className="col-lg-4 col-md-12">
+                            <div className="widget-area" id="secondary">
+                                <div className="widget widget_search">
+                                    <h1 align="center">Booking Room</h1><br />
+                                    <h3 className="widget-title" align="center">Rp.400.000,- / Night</h3><br /><br />
+
+                                    <form className="search-form">
+                                        <div className="col-lg-12 col-md-6">
+                                            <div className="form-group">
+                                                <label>Check In</label>
+                                                <input type="date" className="search-field" placeholder="Search..." />
+                                            </div>
+                                        </div>
+                                        <div className="col-lg-12 col-md-6">
+                                            <div className="form-group">
+                                                <label>Check Out</label>
+                                                <input type="date" className="search-field" placeholder="Search..." />
+                                            </div>
+                                        </div>
+                                        <div className="col-lg-12 col-md-6">
+                                            <div className="form-group">
+                                                <label>Person</label>
+                                                <div className="select-box">
+                                                    <select className="form-select">
+                                                        <option value="0">- Jumlah Pengunjung -</option>
+                                                        <option value="1">1 Orang</option>
+                                                        <option value="2">2 Orang</option>
+                                                        <option value="3">3 Orang</option>
+                                                        <option value="4">4 Orang</option>
+                                                    </select>
+                                                </div>
+                                            </div>
+                                        </div><br />
+                                        <div className="col-lg-12 col-md-6">
+                                            <div className="form-group" align="center">
+                                                <a href="/booking" className="btn btn-primary order-btn">Book Now!</a>
+                                            </div>
+                                        </div>
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </>
+    )
+}
+
+
+export default SuperiorRoom;

components/Blog/BlogSidebar.js

@@ -0,0 +1,108 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const BlogSidebar = () => {
+    return (
+        <div className="widget-area" id="secondary">
+            <div className="widget widget_search">
+                <form className="search-form">
+                    <label>
+                        <input type="search" className="search-field" placeholder="Search..." />
+                    </label>
+                    <button type="submit">
+                        <Icon.Search />
+                    </button>
+                </form>
+            </div>
+
+            <div className="widget widget_startp_posts_thumb">
+                <h3 className="widget-title">Popular Posts</h3>
+
+                <article className="item">
+                    <Link href="/blog-details">
+                        <a className="thumb">
+                            <span className="fullimage cover bg1" role="img"></span>
+                        </a>
+                    </Link>
+
+                    <div className="info">
+                        <time>June 10, 2021</time>
+                        <h4 className="title usmall">
+                            <Link href="/blog-details">
+                                <a>Making Peace With The Feast Or Famine Of Freelancing</a>
+                            </Link>
+                        </h4>
+                    </div>
+
+                    <div className="clear"></div>
+                </article>
+
+                <article className="item">
+                    <Link href="/blog-details">
+                        <a className="thumb">
+                            <span className="fullimage cover bg2" role="img"></span>
+                        </a>
+                    </Link>
+                    <div className="info">
+                        <time>June 21, 2021</time>
+                        <h4 className="title usmall">
+                            <Link href="/blog-details">
+                                <a>I Used The Web For A Day On A 50 MB Budget</a>
+                            </Link>
+                        </h4>
+                    </div>
+
+                    <div className="clear"></div>
+                </article>
+
+                <article className="item">
+                    <Link href="/blog-details">
+                        <a className="thumb">
+                            <span className="fullimage cover bg3" role="img"></span>
+                        </a>
+                    </Link>
+                    <div className="info">
+                        <time>June 30, 2021</time>
+                        <h4 className="title usmall">
+                            <Link href="/blog-details">
+                                <a>How To Create A Responsive Popup Gallery?</a>
+                            </Link>
+                        </h4>
+                    </div>
+
+                    <div className="clear"></div>
+                </article>
+            </div>
+
+            <div className="widget widget_categories">
+                <h3 className="widget-title">Categories</h3>
+
+                <ul>
+                    <li><a href="#">Business</a></li>
+                    <li><a href="#">Privacy</a></li>
+                    <li><a href="#">Technology</a></li>
+                    <li><a href="#">Tips</a></li>
+                    <li><a href="#">Uncategorized</a></li>
+                </ul>
+            </div>
+
+            <div className="widget widget_tag_cloud">
+                <h3 className="widget-title">Tags</h3>
+
+                <div className="tagcloud">
+                    <a href="#">IT <span className="tag-link-count">(3)</span></a>
+                    <a href="#">Spacle <span className="tag-link-count">(3)</span></a>
+                    <a href="#">Games <span className="tag-link-count">(2)</span></a>
+                    <a href="#">Fashion <span className="tag-link-count">(2)</span></a>
+                    <a href="#">Travel <span className="tag-link-count">(1)</span></a>
+                    <a href="#">Smart <span className="tag-link-count">(1)</span></a>
+                    <a href="#">Marketing <span className="tag-link-count">(1)</span></a>
+                    <a href="#">Tips <span className="tag-link-count">(2)</span></a>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default BlogSidebar;  

components/Common/BlogPost.js

@@ -0,0 +1,123 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const BlogPost = () => {
+    return (
+        <div className="blog-area pt-80 pb-50">
+            <div className="container">
+                <div className="section-title">
+                    <h2>The News from Our Blog</h2>
+                    <div className="bar"></div>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                </div>
+
+                <div className="row justify-content-center">
+                    <div className="col-lg-4 col-md-6">
+                        <div className="single-blog-post">
+                            <div className="blog-image">
+                                <Link href="/blog-details">
+                                    <a>
+                                        <img src="/images/blog-image/blog1.jpg" alt="image" />
+                                    </a>
+                                </Link>
+
+                                <div className="date">
+                                    <Icon.Calendar /> March 15, 2021
+                                </div>
+                            </div>
+
+                            <div className="blog-post-content">
+                                <h3>
+                                    <Link href="/blog-details">
+                                        <a>The Security Risks of Changing Package Owners</a>
+                                    </Link>
+                                </h3>
+
+                                <span>
+                                    By <Link href="#"><a href="#">Admin</a></Link>
+                                </span>
+
+                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse.</p>
+
+                                <Link href="/blog-details">
+                                    <a className="read-more-btn">Read More <Icon.ArrowRight /></a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-4 col-md-6">
+                        <div className="single-blog-post">
+                            <div className="blog-image">
+                                <Link href="/blog-details">
+                                    <a>
+                                        <img src="/images/blog-image/blog2.jpg" alt="image" />
+                                    </a>
+                                </Link>
+
+                                <div className="date">
+                                    <Icon.Calendar /> March 17, 2021
+                                </div>
+                            </div>
+
+                            <div className="blog-post-content">
+                                <h3>
+                                    <Link href="/blog-details">
+                                        <a>Tips to Protecting Your Business and Family</a>
+                                    </Link>
+                                </h3>
+
+                                <span>
+                                    By <Link href="#"><a>Smith</a></Link>
+                                </span>
+
+                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse.</p>
+
+                                <Link href="/blog-details">
+                                    <a className="read-more-btn">Read More <Icon.ArrowRight /></a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-4 col-md-6">
+                        <div className="single-blog-post">
+                            <div className="blog-image">
+                                <Link href="/blog-details">
+                                    <a>
+                                        <img src="/images/blog-image/blog3.jpg" alt="image" />
+                                    </a>
+                                </Link>
+
+                                <div className="date">
+                                    <Icon.Calendar /> March 19, 2021
+                                </div>
+                            </div>
+
+                            <div className="blog-post-content">
+                                <h3>
+                                    <Link href="/blog-details">
+                                        <a>Protect Your Workplace from Cyber Attacks</a>
+                                    </Link>
+                                </h3>
+
+                                <span>
+                                    By <Link href="#"><a>John</a></Link>
+                                </span>
+
+                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse.</p>
+
+                                <Link href="/blog-details">
+                                    <a className="read-more-btn">Read More <Icon.ArrowRight /></a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default BlogPost;  

components/Common/BlogPostStyleThree.js

@@ -0,0 +1,132 @@
+import React from 'react';
+import Link from 'next/link';
+import dynamic from 'next/dynamic';
+const OwlCarousel = dynamic(import('react-owl-carousel3'));
+
+const options = {
+    loop: true,
+    nav: false,
+    dots: true,
+    autoplayHoverPause: true,
+    autoplay: true,
+    smartSpeed: 1000,
+    autoplayTimeout: 5000,
+    margin: 30,
+    responsive: {
+        0: {
+            items: 1,
+        },
+        768: {
+            items: 2,
+        },
+        992: {
+            items: 3,
+        }
+    }
+};
+
+const BlogPostStyleThree = () => {
+    const [display, setDisplay] = React.useState(false);
+
+    React.useEffect(() => {
+        setDisplay(true);
+    }, [])
+
+    return (
+        <div className="blog-area ptb-80">
+			<div className="container">
+				<div className="section-title text-left">
+					<h2>Our Recent <span>News</span></h2>
+					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+				</div>
+
+                {display ? <OwlCarousel 
+                    className="blog-slides owl-carousel owl-theme"
+                    {...options}
+                >   
+                    <div className="single-blog-item">
+                        <div className="post-image">
+                            <Link href="/blog-details">
+                                <a><img src="/images/blog-image/blog1.jpg" alt="image" /></a>
+                            </Link>
+                        </div>
+
+                        <div className="post-content">
+                            <ul className="post-meta">
+                                <li>By <a href="#">Admin</a></li>
+                                <li>20 February 2020</li>
+                            </ul>
+                            <h3>
+                                <Link href="/blog-details">
+                                    <a>The security risks of changing package owners</a>
+                                </Link>
+                            </h3>
+                        </div>
+                    </div>
+
+                    <div className="single-blog-item">
+                        <div className="post-image">
+                            <Link href="/blog-details">
+                                <a><img src="/images/blog-image/blog2.jpg" alt="image" /></a>
+                            </Link>
+                        </div>
+
+                        <div className="post-content">
+                            <ul className="post-meta">
+                                <li>By <a href="#">Admin</a></li>
+                                <li>21 February 2020</li>
+                            </ul>
+                            <h3>
+                                <Link href="/blog-details">
+                                    <a>Tips to Protecting Your Business and Family</a>
+                                </Link>
+                            </h3>
+                        </div>
+                    </div>
+
+                    <div className="single-blog-item">
+                        <div className="post-image">
+                            <Link href="/blog-details">
+                                <a><img src="/images/blog-image/blog3.jpg" alt="image" /></a>
+                            </Link>
+                        </div>
+
+                        <div className="post-content">
+                            <ul className="post-meta">
+                                <li>By <a href="#">Admin</a></li>
+                                <li>22 February 2020</li>
+                            </ul>
+                            <h3>
+                                <Link href="/blog-details">
+                                    <a>Protect Your Workplace from Cyber Attacks</a>
+                                </Link>
+                            </h3>
+                        </div>
+                    </div>
+
+                    <div className="single-blog-item">
+                        <div className="post-image">
+                            <Link href="/blog-details">
+                                <a><img src="/images/blog-image/blog3.jpg" alt="image" /></a>
+                            </Link>
+                        </div>
+
+                        <div className="post-content">
+                            <ul className="post-meta">
+                                <li>By <a href="#">Admin</a></li>
+                                <li>22 February 2020</li>
+                            </ul>
+                            <h3>
+                                <Link href="/blog-details">
+                                    <a>Four New WordPress.com Color Schemes</a>
+                                </Link>
+                            </h3>
+                        </div>
+                    </div>
+                </OwlCarousel> : ''}
+			</div>
+		</div>
+    )
+}
+
+export default BlogPostStyleThree;  

components/Common/BlogPostStyleTwo.js

@@ -0,0 +1,140 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const BlogPostStyleTwo = () => {
+    return (
+        <div className="blog-area pt-80 pb-50">
+            <div className="container">
+                <div className="section-title st-fs-28">
+                    <span className="sub-title">News</span>
+                    <h2>The News from Our Blog</h2>
+                    <div className="bar"></div>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                </div>
+
+                <div className="row justify-content-center">
+                    <div className="col-lg-4 col-md-6">
+                        <div className="single-blog-post-item">
+                            <div className="post-image">
+                                <Link href="/blog-details">
+                                    <a>
+                                        <img src="/images/blog-image/blog1.jpg" alt="image" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="post-content">
+                                <ul className="post-meta">
+                                    <li>
+                                        <Link href="#"><a>Admin</a></Link>
+                                    </li>
+                                    <li>August 15, 2021</li>
+                                </ul>
+
+                                <h3>
+                                    <Link href="/blog-details">
+                                        <a>The security risks of changing package owners</a>
+                                    </Link>
+                                </h3>
+
+                                <Link href="/blog-details">
+                                    <a className="read-more-btn">
+                                        Read More <Icon.PlusCircle />
+                                    </a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-4 col-md-6">
+                        <div className="single-blog-post-item">
+                            <div className="post-image">
+                                <Link href="/blog-details">
+                                    <a>
+                                        <img src="/images/blog-image/blog2.jpg" alt="image" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="post-content">
+                                <ul className="post-meta">
+                                    <li>
+                                        <Link href="#"><a>Admin</a></Link>
+                                    </li>
+                                    <li>August 15, 2021</li>
+                                </ul>
+
+                                <h3>
+                                    <Link href="/blog-details">
+                                        <a>Tips to Protecting Your Business and Family</a>
+                                    </Link>
+                                </h3>
+
+                                <Link href="/blog-details">
+                                    <a className="read-more-btn">
+                                        Read More <Icon.PlusCircle />
+                                    </a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-4 col-md-6">
+                        <div className="single-blog-post-item">
+                            <div className="post-image">
+                                <Link href="/blog-details">
+                                    <a>
+                                        <img src="/images/blog-image/blog3.jpg" alt="image" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="post-content">
+                                <ul className="post-meta">
+                                    <li>
+                                        <Link href="#"><a>Admin</a></Link>
+                                    </li>
+                                    <li>August 15, 2021</li>
+                                </ul>
+                                <h3>
+                                    <Link href="/blog-details">
+                                        <a>Protect Your Workplace from Cyber Attacks</a>
+                                    </Link>
+                                </h3>
+
+                                <Link href="/blog-details">
+                                    <a className="read-more-btn">
+                                        Read More <Icon.PlusCircle />
+                                    </a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            {/* Shape Images */}
+            <div className="shape2 rotateme">
+                <img src="/images/shape2.svg" alt="shape"/>
+            </div>
+            <div className="shape3">
+                <img src="/images/shape3.svg" alt="shape" />
+            </div>
+            <div className="shape4">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape6 rotateme">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape7">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape8 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+        </div>
+    );
+}
+
+export default BlogPostStyleTwo;

components/Common/CTA.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import Link from 'next/link';
+
+const CTA = () => {
+    return (
+        <div className="cta-area ptb-80">
+            <div className="container">
+                <div className="row align-items-center">
+                    <div className="col-lg-7 col-md-6">
+                        <div className="cta-content">
+                            <h3>Sign up for web hosting today!</h3>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-5 col-md-6">
+                        <div className="cta-right-content">
+                            <div className="hosting-price">
+                                <span>Starting at only</span>
+                                <h4>$4.75/mo*</h4>
+                            </div>
+
+                            <div className="buy-btn">
+                                <Link href="/contact">
+                                    <a className="btn btn-primary">Get Started</a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
+
+export default CTA;

components/Common/CTAStyleTwo.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import Link from 'next/link';
+
+const CTAStyleTwo = () => {
+    return (
+        <div className="agency-cta-area ptb-80">
+            <div className="container">
+                <div className="agency-cta-content">
+                    <h2>Do you have any projects?</h2>
+
+                    <Link href="/contact">
+                        <a className="btn btn-gradient">Contact Us</a>
+                    </Link>
+                </div>
+            </div>
+        </div>
+    );
+}
+
+export default CTAStyleTwo;

components/Common/Feedback.js

@@ -0,0 +1,228 @@
+import React from 'react';
+import Slider from "react-slick";
+import * as Icon from 'react-feather';
+
+const NextArrow = (props) => {
+    const { onClick } = props;
+    return (
+        <button
+            className="next-arrow slick-arrow"
+            onClick={onClick}
+        >
+            <Icon.ArrowRight />
+        </button>
+    );
+}
+  
+const PrevArrow = (props) => {
+    const { onClick } = props;
+    return (
+        <button 
+            className="prev-arrow slick-arrow"
+            onClick={onClick}
+        >
+            <Icon.ArrowLeft />
+        </button>
+    );
+}
+
+class Feedback extends React.Component {
+    state = {
+        imagesSlider: null,
+        thumbnailsSlider: null,
+        oldSlide: 0,
+        activeSlide: 0,
+        activeSlide2: 0
+    };
+    
+    componentDidMount() {
+        this.setState({
+            imagesSlider: this.slider1,
+            thumbnailsSlider: this.slider2
+        });
+    }
+
+    renderSliderFullContent = () => {
+        return DEFAULT_PROPS.map(({name,profession,image,content}) => {
+            return (
+                <div key={name}>
+                    <div className="item">
+                        <div className="single-feedback">
+                            <div className="client-img">
+                                <img src={image} alt="image" />
+                            </div>
+
+                            <h3>{name}</h3>
+                            <span>{profession}</span>
+                            <p>{content}</p>
+                        </div>
+                    </div>
+                </div>
+            )
+        })
+    }
+
+    renderSliderImages = () => {
+        return DEFAULT_PROPS.map(({name, image}) => {
+            return (
+                <div key={name}>
+                    <div className="item">
+                        <div className="img-fill">
+                            <img src={image} alt="client" />
+                        </div>
+                    </div>
+                </div>
+            )
+        })
+    }
+
+    render() {
+        const sliderSettings1 = {
+            speed: 100,
+            slidesToShow: 1,
+            slidesToScroll: 1,
+            cssEase: 'linear',
+            fade: true,
+            autoplay: true,
+            draggable: true,
+            asNavFor: this.state.thumbnailsSlider,
+            draggable: false,
+            arrows: false,
+            nextArrow: false,
+            prevArrow: false
+        }
+        
+        const sliderSettings2 = {
+            speed: 300,
+            slidesToShow: 5,
+            slidesToScroll: 1,
+            cssEase: 'linear',
+            autoplay: true,
+            centerMode: true,
+            draggable: false,
+            focusOnSelect: true,
+            asNavFor: this.state.imagesSlider,
+            nextArrow: <NextArrow />,
+            prevArrow: <PrevArrow />,
+            beforeChange: (current, next) => this.setState({ oldSlide: current, activeSlide: next }),
+            afterChange: current => this.setState({ activeSlide2: current })
+        }
+
+        return (
+            <section className="feedback-area ptb-80 bg-f7fafd">
+                <div className="container">
+                    <div className="section-title">
+                        <h2>What users Saying</h2>
+                        <div className="bar"></div>
+                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                    </div>
+
+                    <div className="feedback-slides">
+                        <div className="client-feedback">
+                            <div>
+                                <Slider
+                                    ref={slider => (this.slider1 = slider)}
+                                    {...sliderSettings1}
+                                >
+                                    {
+                                        this.renderSliderFullContent()
+                                    }
+                                </Slider>
+                            </div>
+                        </div>
+
+                        <div className="client-thumbnails">
+                            <div>
+                                <Slider
+                                    ref={slider => (this.slider2 = slider)}
+                                    {...sliderSettings2}
+                                >
+                                    {
+                                        this.renderSliderImages()
+                                    }
+                                </Slider>
+                            </div>
+                        </div>
+
+                    </div>
+
+                </div>
+
+                <div className="shape1">
+                    <img src="/images/shape1.png" alt="shape" />
+                </div>
+                <div className="shape2 rotateme">
+                    <img src="/images/shape2.svg" alt="shape" />
+                </div>
+                <div className="shape4">
+                    <img src="/images/shape4.svg" alt="shape" />
+                </div>
+                <div className="shape5">
+                    <img src="/images/shape5.png" alt="shape" />
+                </div>
+                <div className="shape6 rotateme">
+                    <img src="/images/shape4.svg" alt="shape" />
+                </div>
+                <div className="shape7">
+                    <img src="/images/shape4.svg" alt="shape" />
+                </div>
+                <div className="shape8 rotateme">
+                    <img src="/images/shape2.svg" alt="shape" />
+                </div>
+            </section>
+        );
+    }
+}
+
+const DEFAULT_PROPS = [
+    {
+        name: 'David Gale', 
+        profession: 'Web Developer',
+        image: '/images/client-image/client2.jpg', 
+        content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+    },
+    {
+        name: 'Matt Damon', 
+        profession: 'Software Engineer',
+        image: '/images/client-image/client4.jpg', 
+        content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+    },
+    {
+        name: 'Nicky Parsons', 
+        profession: 'Fictional Character',
+        image: '/images/client-image/client1.jpg', 
+        content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+    },
+    {
+        name: 'Jason Momoa', 
+        profession: 'American Actor',
+        image: '/images/client-image/client5.jpg', 
+        content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+    },
+    {
+        name: 'Gennady Korotkevich', 
+        profession: 'Sport Programmer',
+        image: '/images/client-image/client3.jpg', 
+        content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+    },
+    {
+        name: 'Petr Mitrichev', 
+        profession: 'Russian Programmer',
+        image: '/images/client-image/client3.jpg', 
+        content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+    },
+    {
+        name: 'Reid W. Barton', 
+        profession: 'Mathematics',
+        image: '/images/client-image/client2.jpg', 
+        content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+    },
+    {
+        name: 'Lisa Sauermann', 
+        profession: 'Mathematician',
+        image: '/images/client-image/client1.jpg', 
+        content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+    }
+];
+
+export default Feedback;

components/Common/FeedbackStyleFive.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import dynamic from 'next/dynamic';
+const OwlCarousel = dynamic(import('react-owl-carousel3'));
+
+const options = {
+    loop: false,
+    nav: false,
+    smartSpeed: 1000,
+    autoplayTimeout: 5000,
+    dots: true,
+    autoplayHoverPause: true,
+    autoplay: true,
+    items: 1,
+};
+
+const FeedbackStyleFive = () => {
+    const [display, setDisplay] = React.useState(false);
+
+    React.useEffect(() => {
+        setDisplay(true);
+    }, [])
+
+    return (
+        <div className="agency-portfolio-feedback-area ptb-80">
+            <div className="container">
+                {display ? <OwlCarousel 
+                    className="agency-portfolio-feedback-slides owl-carousel owl-theme"
+                    {...options}
+                >  
+                    <div className="agency-portfolio-feedback-item">
+                        <img src="/images/client-image/client1.jpg" alt="image" />
+                        <p>Pellentesque sed purus eu urna vulputate interdum quis sit amet sapien. Pellentesque porta mauris at orci sagittis commodo. Curabitur aliquam nibh odio, vel ornare nisl volutpat quis. Maecenas congue dapibus lacus id fringilla. Vestibulum id augue massa. Proin sed neque dapibus, vulputate ligula eget, aliquam eros.</p>
+                    </div>
+
+                    <div className="agency-portfolio-feedback-item">
+                        <img src="/images/client-image/client2.jpg" alt="image" />
+                        <p>Pellentesque sed purus eu urna vulputate interdum quis sit amet sapien. Pellentesque porta mauris at orci sagittis commodo. Curabitur aliquam nibh odio, vel ornare nisl volutpat quis. Maecenas congue dapibus lacus id fringilla. Vestibulum id augue massa. Proin sed neque dapibus, vulputate ligula eget, aliquam eros.</p>
+                    </div>
+
+                    <div className="agency-portfolio-feedback-item">
+                        <img src="/images/client-image/client3.jpg" alt="image" />
+                        <p>Pellentesque sed purus eu urna vulputate interdum quis sit amet sapien. Pellentesque porta mauris at orci sagittis commodo. Curabitur aliquam nibh odio, vel ornare nisl volutpat quis. Maecenas congue dapibus lacus id fringilla. Vestibulum id augue massa. Proin sed neque dapibus, vulputate ligula eget, aliquam eros.</p>
+                    </div>
+                </OwlCarousel> : ''}
+            </div>
+        </div>
+    )
+}
+
+export default FeedbackStyleFive;  

components/Common/FeedbackStyleFour.js

@@ -0,0 +1,112 @@
+import React from 'react';
+import OwlCarousel from 'react-owl-carousel3';
+import * as Icon from 'react-feather';
+
+const options = {
+    loop: false,
+    nav: false,
+    dots: true,
+    autoplay: true,
+    smartSpeed: 1000,
+    autoplayTimeout: 5000,
+    items: 1,
+    animateOut: 'fadeOut',
+}
+
+const FeedbackStyleFour = () => {
+    const [display, setDisplay] = React.useState(false);
+
+    React.useEffect(() => {
+        setDisplay(true);
+    }, [])
+
+    return (
+        <div className="ml-feedback-area ptb-80">
+            <div className="container">
+                <div className="section-title">
+                    <h2>Our Clients Feedback</h2>
+                    <div className="bar"></div>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                </div>
+
+                {display ? <OwlCarousel 
+                    className="ml-feedback-slides owl-carousel owl-theme"
+                    {...options}
+                > 
+                    <div className="single-ml-feedback-item">
+                        <div className="client-info">
+                            <img src="/images/client-image/client1.jpg" alt="image" />
+                            <h3>Sarah Taylor</h3>
+                            <span>CEO at Envato</span>
+                        </div>
+                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid ullam harum sit. Accusantium veritatis dolore ducimus illum, cumque excepturi, autem rerum illo amet placeat odit corporis!</p>
+
+                        <div className="rating">
+                            <Icon.Star />
+                            <Icon.Star />
+                            <Icon.Star />
+                            <Icon.Star />
+                            <Icon.Star />
+                        </div>
+                    </div>
+
+                    <div className="single-ml-feedback-item">
+                        <div className="client-info">
+                            <img src="/images/client-image/client2.jpg" alt="image" />
+                            <h3>Steven Smith</h3>
+                            <span>CEO at Envato</span>
+                        </div>
+                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid ullam harum sit. Accusantium veritatis dolore ducimus illum, cumque excepturi, autem rerum illo amet placeat odit corporis!</p>
+
+                        <div className="rating">
+                            <Icon.Star />
+                            <Icon.Star />
+                            <Icon.Star />
+                            <Icon.Star />
+                            <Icon.Star />
+                        </div>
+                    </div>
+
+                    <div className="single-ml-feedback-item">
+                        <div className="client-info">
+                            <img src="/images/client-image/client3.jpg" alt="image" />
+                            <h3>James Eva</h3>
+                            <span>CEO at Envato</span>
+                        </div>
+                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid ullam harum sit. Accusantium veritatis dolore ducimus illum, cumque excepturi, autem rerum illo amet placeat odit corporis!</p>
+
+                        <div className="rating">
+                            <Icon.Star />
+                            <Icon.Star />
+                            <Icon.Star />
+                            <Icon.Star />
+                            <Icon.Star />
+                        </div>
+                    </div>
+                </OwlCarousel> : ''}
+            </div>
+
+            {/* Shape Images */}
+            <div className="shape1">
+                <img src="/images/shape1.png" alt="shape" />
+            </div>
+            <div className="shape2 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+            <div className="shape3">
+                <img src="/images/shape3.svg" alt="shape" />
+            </div>
+            <div className="shape4">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape7">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape8 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+        </div>
+    );
+}
+
+export default FeedbackStyleFour;

components/Common/FeedbackStyleThree.js

@@ -0,0 +1,120 @@
+import React from 'react';
+import dynamic from 'next/dynamic';
+const OwlCarousel = dynamic(import('react-owl-carousel3'));
+import * as Icon from 'react-feather';
+
+const options = {
+    loop: false,
+    nav: false,
+    dots: true,
+    autoplay: true,
+    smartSpeed: 1000,
+    autoplayTimeout: 5000,
+    items: 1,
+    animateOut: 'fadeOut',
+}
+
+const FeedbackStyleThree = () => {
+    const [display, setDisplay] = React.useState(false);
+
+    React.useEffect(() => {
+        setDisplay(true);
+    }, [])
+
+    return (
+        <div className="ml-feedback-area ptb-80">
+            <div className="container">
+                <div className="section-title st-fs-28">
+                    <span className="sub-title">Testimonials</span>
+                    <h2>Our Clients Feedback</h2>
+                    <div className="bar"></div>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                </div>
+
+                {display ? <OwlCarousel 
+                    className="ml-feedback-slides owl-carousel owl-theme"
+                    {...options}
+                >  
+                    <div className="single-testimonials-item">
+                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid ullam harum sit. Accusantium veritatis dolore ducimus illum, cumque excepturi, autem rerum illo amet placeat odit corporis!</p>
+
+                        <div className="client-info">
+                            <img src="/images/client-image/client1.jpg" alt="image" />
+
+                            <div className="rating">
+                                <Icon.Star />
+                                <Icon.Star />
+                                <Icon.Star />
+                                <Icon.Star />
+                                <Icon.Star />
+                            </div>
+
+                            <h3>Sarah Taylor</h3>
+                            <span>CEO at Envato</span>
+                        </div> 
+                    </div>
+
+                    <div className="single-testimonials-item">
+                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid ullam harum sit. Accusantium veritatis dolore ducimus illum, cumque excepturi, autem rerum illo amet placeat odit corporis!</p>
+
+                        <div className="client-info">
+                            <img src="/images/client-image/client2.jpg" alt="image" />
+
+                            <div className="rating">
+                                <Icon.Star />
+                                <Icon.Star />
+                                <Icon.Star />
+                                <Icon.Star />
+                                <Icon.Star />
+                            </div>
+
+                            <h3>Steven Smith</h3>
+                            <span>CEO at Envato</span>
+                        </div>
+                    </div>
+
+                    <div className="single-testimonials-item">
+                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid ullam harum sit. Accusantium veritatis dolore ducimus illum, cumque excepturi, autem rerum illo amet placeat odit corporis!</p>
+
+                        <div className="client-info">
+                            <img src="/images/client-image/client3.jpg" alt="image" />
+
+                            <div className="rating">
+                                <Icon.Star />
+                                <Icon.Star />
+                                <Icon.Star />
+                                <Icon.Star />
+                                <Icon.Star />
+                            </div>
+
+                            <h3>James Eva</h3>
+                            <span>CEO at Envato</span>
+                        </div>
+                    </div>
+                </OwlCarousel> : ''}
+            </div>
+
+            {/* Shape Images */}
+            <div className="user-shape1">
+                <img src="/images/agency-image/agency-user1.png" alt="shape" />
+            </div>
+            <div className="user-shape2">
+                <img src="/images/agency-image/agency-user2.png" alt="shape" />
+            </div>
+            <div className="user-shape3">
+                <img src="/images/agency-image/agency-user3.png" alt="shape" />
+            </div>
+            <div className="user-shape4">
+                <img src="/images/agency-image/agency-user4.png" alt="shape" />
+            </div>
+            <div className="user-shape5">
+                <img src="/images/agency-image/agency-user5.png" alt="shape" />
+            </div>
+            <div className="user-shape6">
+                <img src="/images/agency-image/agency-user6.png" alt="shape" />
+            </div>
+        </div>
+    );
+}
+
+export default FeedbackStyleThree;

components/Common/FeedbackStyleTwo.js

@@ -0,0 +1,116 @@
+import React from 'react';
+import dynamic from 'next/dynamic';
+const OwlCarousel = dynamic(import('react-owl-carousel3'));
+
+const options = {
+    loop: false,
+    nav: false,
+    dots: true,
+    autoplay: true,
+    smartSpeed: 1000,
+    autoplayTimeout: 5000,
+    items: 1,
+}
+
+const FeedbackStyleTwo = () => {
+    const [display, setDisplay] = React.useState(false);
+
+    React.useEffect(() => {
+        setDisplay(true);
+    }, [])
+    return (
+        <div className="feedback-area ptb-80">
+            <div className="container">
+                <div className="section-title">
+                    <h2>What users Saying</h2>
+                    <div className="bar"></div>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                </div>
+
+                {display ? <OwlCarousel 
+                    className="testimonials-slides owl-carousel owl-theme"
+                    {...options}
+                >
+                    <div className="single-feedback-item">
+                        <div className="client-info align-items-center">
+                            <div className="image">
+                                <img 
+                                    src="/images/client-image/client1.jpg"
+                                    alt="image"
+                                />
+                            </div>
+
+                            <div className="title">
+                                <h3>Steve Lucy</h3>
+                                <span>Lead Developer at Envato</span>
+                            </div>
+                        </div>
+
+                        <p>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                    </div>
+
+                    <div className="single-feedback-item">
+                        <div className="client-info align-items-center">
+                            <div className="image">
+                                <img 
+                                    src="/images/client-image/client2.jpg"
+                                    alt="image"
+                                />
+                            </div>
+
+                            <div className="title">
+                                <h3>David Luiz</h3>
+                                <span>Lead Developer at Envato</span>
+                            </div>
+                        </div>
+
+                        <p>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                    </div>
+
+                    <div className="single-feedback-item">
+                        <div className="client-info align-items-center">
+                            <div className="image">
+                                <img 
+                                    src="/images/client-image/client3.jpg"
+                                    alt="image"
+                                />
+                            </div>
+
+                            <div className="title">
+                                <h3>Marta Smith</h3>
+                                <span>Lead Developer at Envato</span>
+                            </div>
+                        </div>
+
+                        <p>Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                    </div>
+                </OwlCarousel> : ''}
+            </div>
+
+            {/* Shape Images */}
+            <div className="shape1">
+                <img src="/images/shape1.png" alt="shape" />
+            </div>
+            <div className="shape2 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+            <div className="shape4">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape5">
+                <img src="/images/shape5.png" alt="shape" />
+            </div>
+            <div className="shape6 rotateme">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape7">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape8 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+        </div>
+    );
+}
+
+export default FeedbackStyleTwo;

components/Common/FunFactsArea.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import Link from 'next/link';
+
+const FunFactsArea = () => {
+    return (
+        <div className="funfacts-area ptb-80">
+            <div className="container">
+                <div className="section-title">
+                    <h2>We always try to understand users expectation</h2>
+                    <div className="bar"></div>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                </div>
+
+                <div className="row">
+                    <div className="col-lg-3 col-md-3 col-6">
+                        <div className="funfact">
+                            <h3>180K</h3>
+                            <p>Downloaded</p>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-md-3 col-6">
+                        <div className="funfact">
+                            <h3>20K</h3>
+                            <p>Feedback</p>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-md-3 col-6">
+                        <div className="funfact">
+                            <h3>500+</h3>
+                            <p>Workers</p>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-md-3 col-6">
+                        <div className="funfact">
+                            <h3>70+</h3>
+                            <p>Contributors</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div className="contact-cta-box">
+                    <h3>Have any question about us?</h3>
+                    <p>Don't hesitate to contact us</p>
+
+                    <Link href="/contact">
+                        <a className="btn btn-primary">Contact Us</a>
+                    </Link>
+                </div>
+
+                <div className="map-bg">
+                    <img src="/images/map.png" alt="map" />
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default FunFactsArea;

components/Common/Newsletter.js

@@ -0,0 +1,46 @@
+import React from 'react';
+
+const Newsletter = () => {
+    return (
+        <div className="free-trial-area">
+            <div className="container-fluid">
+                <div className="row align-items-center">
+                    <div className="col-lg-6 col-md-12">
+                        <div className="free-trial-image">
+                            <img src="/images/free-trial-img.png" alt="image" />
+                        </div>
+                    </div>
+
+                    <div className="col-lg-6 col-md-12">
+                        <div className="free-trial-content">
+                            <h2>Start your free trial</h2>
+
+                            <form className="newsletter-form">
+                                <input type="email" className="input-newsletter" placeholder="Enter your business email here" />
+                                <button type="submit">Sign Up Free</button>
+                            </form>
+
+                            <p>Test out the Machine Learning features for 14 days, no credit card required.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            {/* Shape Images */}
+            <div className="shape2 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+            <div className="shape4">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape7">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape8 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+        </div>
+    );
+}
+
+export default Newsletter;

components/Common/NewsletterStyleTwo.js

@@ -0,0 +1,32 @@
+import React from 'react'; 
+
+const NewsletterStyleTwo = () => {
+    return (
+        <div className="newsletter-area">
+            <div className="container-fluid">
+                <div className="row align-items-center">
+                    <div className="col-lg-6 col-md-12">
+                        <div className="newsletter-image">
+                            <img src="/images/bigdata-analytics/newsletter.jpg" alt="image" />
+                        </div>
+                    </div>
+    
+                    <div className="col-lg-6 col-md-12 p-0">
+                        <div className="newsletter-content">
+                            <h2>Start your free trial</h2>
+
+                            <form className="newsletter-form">
+                                <input type="email" className="input-newsletter" placeholder="Enter your business email here" />
+                                <button type="submit">Sign Up Free</button>
+                            </form>
+                            
+                            <p>Test out the Big Data Analytics features for 14 days, no credit card required.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default NewsletterStyleTwo;  

components/Common/PageBanner.js

@@ -0,0 +1,43 @@
+import React from 'react';
+
+const PageBanner = ({pageTitle}) => {
+    return (
+        <div className="page-title-area">
+            <div className="d-table">
+                <div className="d-table-cell">
+                    <div className="container">
+                        <h2>{pageTitle}</h2>
+                    </div>
+                </div>
+            </div>
+
+            {/* Shape Images */}
+            <div className="shape1">
+                <img src="/images/shape1.png" alt="shape" />
+            </div>
+			<div className="shape2 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+			<div className="shape3">
+                <img src="/images/shape3.svg" alt="shape" />
+            </div>
+			<div className="shape4">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+			<div className="shape5">
+                <img src="/images/shape5.png" alt="shape" />
+            </div>
+			<div className="shape6 rotateme">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+			<div className="shape7">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+			<div className="shape8 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+        </div>
+    );
+}
+
+export default PageBanner;

components/Common/Partner.js

@@ -0,0 +1,200 @@
+import React from 'react'
+import Link from 'next/link'
+
+const Partner = () => {
+    return (
+        <>
+            <div className="ready-to-talk">
+                <div className="container">
+                    <h3>Ready to talk?</h3>
+                    <p>Our team is here to answer your question about StartP</p>
+                    
+                    <Link href="/contact">
+                        <a className="btn btn-primary">Contact Us</a>
+                    </Link>
+
+                    <span>
+                        <Link href="#">
+                            <a>Or, get started now with a free trial</a>
+                        </Link>
+                    </span>
+                </div>
+            </div>
+
+            <div className="partner-area partner-section">
+                <div className="container">
+                    <h5>More that 1.5 million businesses and organizations use StartP</h5>
+
+                    <div className="partner-inner">
+                        <div className="row justify-content-center">
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-6.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover6.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-2.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover2.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-3.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover3.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-4.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover4.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-5.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover5.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-6.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover6.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-7.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover7.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-6.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover6.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-2.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover2.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-3.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover3.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-4.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover4.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-5.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover5.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-6.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover6.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-7.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover7.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-3.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover3.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-4.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover4.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-5.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover5.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+
+                            <div className="col-lg-2 col-md-3 col-6">
+                                <Link href="#">
+                                    <a target="_balnk">
+                                        <img src="/images/partner-img/partner-6.png" alt="partner" />
+                                        <img src="/images/partner-img/partner-hover6.png" alt="partner" />
+                                    </a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </>
+    )
+ 
+}
+
+export default Partner;  

components/Common/PartnerStyleTwo.js

@@ -0,0 +1,93 @@
+import React from 'react';
+import dynamic from 'next/dynamic';
+const OwlCarousel = dynamic(import('react-owl-carousel3'));
+
+const options = {
+    loop: true,
+    nav: false,
+    dots: false,
+    autoplay: true,
+    smartSpeed: 1000,
+    autoplayTimeout: 5000,
+    responsive: {
+        0:{
+            items:2,
+        },
+        768:{
+            items:4,
+        },
+        1200:{
+            items:6,
+        }
+    }
+}
+
+const PartnerStyleTwo = () => {
+    const [display, setDisplay] = React.useState(false);
+
+    React.useEffect(() => {
+        setDisplay(true);
+    }, [])
+
+    return (
+        <div className="repair-partner-area bg-f9fafb">
+            <div className="container">
+                {display ? <OwlCarousel 
+                    className="repair-partner-slides owl-carousel owl-theme"
+                    {...options}
+                >
+                    <div className="single-repair-partner">
+                        <a href="#" target="_blank">
+                            <img src='/images/partner-img/partner-1.png' alt="image" />
+                            <img src='/images/partner-img/partner-hover1.png' alt="image" />
+                        </a>
+                    </div>
+            
+                    <div className="single-repair-partner">
+                        <a href="#" target="_blank">
+                            <img src='/images/partner-img/partner-2.png' alt="image" />
+                            <img src='/images/partner-img/partner-hover2.png' alt="image" />
+                        </a>
+                    </div>
+                
+                    <div className="single-repair-partner">
+                        <a href="#" target="_blank">
+                            <img src='/images/partner-img/partner-3.png' alt="image" />
+                            <img src='/images/partner-img/partner-hover3.png' alt="image" />
+                        </a>
+                    </div>
+        
+                    <div className="single-repair-partner">
+                        <a href="#" target="_blank">
+                            <img src='/images/partner-img/partner-10.png' alt="image" />
+                            <img src='/images/partner-img/partner-hover10.png' alt="image" />
+                        </a>
+                    </div>
+            
+                    <div className="single-repair-partner">
+                        <a href="#" target="_blank">
+                            <img src='/images/partner-img/partner-5.png' alt="image" />
+                            <img src='/images/partner-img/partner-hover5.png' alt="image" />
+                        </a>
+                    </div>
+        
+                    <div className="single-repair-partner">
+                        <a href="#" target="_blank">
+                            <img src='/images/partner-img/partner-6.png' alt="image" />
+                            <img src='/images/partner-img/partner-hover6.png' alt="image" />
+                        </a>
+                    </div>
+        
+                    <div className="single-repair-partner">
+                        <a href="#" target="_blank">
+                            <img src='/images/partner-img/partner-7.png' alt="image" />
+                            <img src='/images/partner-img/partner-hover7.png' alt="image" />
+                        </a>
+                    </div>
+                </OwlCarousel> : ''}
+            </div>
+        </div>
+    );
+}
+
+export default PartnerStyleTwo;

components/Common/RecentWorks.js

@@ -0,0 +1,152 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+import dynamic from 'next/dynamic';
+const OwlCarousel = dynamic(import('react-owl-carousel3'));
+
+const options = {
+    items: 4,
+    loop: true,
+    nav: false,
+    autoplay: true,
+    margin:30,
+    dots: false,
+    responsive: {
+        0: {
+            items: 1
+        },
+        768: {
+            items: 2
+        },
+        1200: {
+            items: 3
+        },
+        1500: {
+            items: 4
+        }
+    }
+}
+
+const RecentWorks = () => {
+    const [display, setDisplay] = React.useState(false);
+
+    React.useEffect(() => {
+        setDisplay(true);
+    }, [])
+
+    return (
+        <div className="works-area pt-80 pb-50 bg-f7fafd">
+            <div className="container">
+                <div className="section-title">
+                    <h2>Our Recent Works</h2>
+                    <div className="bar"></div>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                </div>
+            </div>
+
+            {display ? <OwlCarousel 
+                className="works-slides owl-carousel owl-theme"
+                {...options}
+            > 
+                <div className="single-works">
+                    <img src="/images/works-image/works-image1.jpg" alt="image" />
+
+                    <Link href="/project-details">
+                        <a className="icon"><Icon.Settings /></a>
+                    </Link>
+
+                    <div className="works-content">
+                        <h3>
+                            <Link href="/project-details">
+                                <a>Incredible infrastructure</a>
+                            </Link>
+                        </h3>
+                        <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
+                    </div>
+                </div>
+    
+                <div className="single-works">
+                    <img src="/images/works-image/works-image2.jpg" alt="image" />
+
+                    <Link href="/project-details">
+                        <a className="icon"><Icon.Settings /></a>
+                    </Link>
+
+                    <div className="works-content">
+                        <h3>
+                            <Link href="/project-details">
+                                <a>Email Notifications</a>
+                            </Link>
+                        </h3>
+                        <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
+                    </div>
+                </div>
+    
+                <div className="single-works">
+                    <img src="/images/works-image/works-image3.jpg" alt="image" />
+
+                    <Link href="/project-details">
+                        <a className="icon"><Icon.Settings /></a>
+                    </Link>
+
+                    <div className="works-content">
+                        <h3>
+                            <Link href="/project-details">
+                                <a>Best Analytics Audits</a>
+                            </Link>
+                        </h3>
+                        <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
+                    </div>
+                </div>
+        
+                <div className="single-works">
+                    <img src="/images/works-image/works-image4.jpg" alt="image" />
+
+                    <Link href="/project-details">
+                        <a className="icon"><Icon.Settings /></a>
+                    </Link>
+
+                    <div className="works-content">
+                        <h3>
+                            <Link href="/project-details">
+                                <a>Simple Dashboard</a>
+                            </Link>
+                        </h3>
+                        <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
+                    </div>
+                </div>
+    
+                <div className="single-works">
+                    <img src="/images/works-image/works-image5.jpg" alt="image" />
+
+                    <Link href="/project-details">
+                        <a className="icon"><Icon.Settings /></a>
+                    </Link>
+                    
+                    <div className="works-content">
+                        <h3>
+                            <Link href="/project-details"><a>Information Retrieval</a></Link>
+                        </h3>
+                        <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
+                    </div>
+                </div>
+            </OwlCarousel> : ''}
+            
+            {/* Shape Images */}
+            <div className="shape8 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+            <div className="shape2 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+            <div className="shape7">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape4">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+        </div>
+    )
+}
+
+export default RecentWorks;

components/Common/Team.js

@@ -0,0 +1,446 @@
+import React from 'react';
+import dynamic from 'next/dynamic';
+const OwlCarousel = dynamic(import('react-owl-carousel3'));
+import * as Icon from 'react-feather';
+import Link from 'next/link'
+
+const options = {
+    items: 5,
+    loop: true,
+    nav: false,
+    dots: true,
+    margin: 30,
+    autoplay: false,
+    smartSpeed: 1000,
+    responsive: {
+        0: {
+            items: 1
+        },
+        768: {
+            items: 2
+        },
+        1200: {
+            items: 4
+        },
+        1500: {
+            items: 5
+        }
+    }
+}
+
+const Team = () => {
+    const [display, setDisplay] = React.useState(false);
+
+    React.useEffect(() => {
+        setDisplay(true);
+    }, [])
+
+    return (
+        <div className="team-area ptb-80 bg-f9f6f6">
+            <div className="container">
+                <div className="section-title">
+                    <h2>Our Awesome Team</h2>
+                    <div className="bar"></div>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                </div>
+            </div>
+
+            {display ? <OwlCarousel 
+                className="team-slider owl-carousel owl-theme owl-theme-style"
+                {...options}
+            > 
+                <div className="single-team">
+                    <div className="team-image">
+                        <img src="/images/team-image/team1.jpg" alt="image" />
+                    </div>
+
+                    <div className="team-content">
+                        <div className="team-info">
+                            <h3>Josh Buttler</h3>
+                            <span>CEO & Founder</span>
+                        </div>
+
+                        <ul>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Facebook /></a>
+                                </Link>
+                                
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Twitter /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Linkedin /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Gitlab /></a>
+                                </Link>
+                            </li>
+                        </ul>
+
+                        <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
+                    </div>
+                </div>
+            
+                <div className="single-team">
+                    <div className="team-image">
+                        <img src="/images/team-image/team2.jpg" alt="image" />
+                    </div>
+
+                    <div className="team-content">
+                        <div className="team-info">
+                            <h3>Alex Maxwel</h3>
+                            <span>Marketing Manager</span>
+                        </div>
+
+                        <ul>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Facebook /></a>
+                                </Link>
+                                
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Twitter /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Linkedin /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Gitlab /></a>
+                                </Link>
+                            </li>
+                        </ul>
+
+                        <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
+                    </div>
+                </div>
+    
+                <div className="single-team">
+                    <div className="team-image">
+                        <img src="/images/team-image/team3.jpg" alt="image" />
+                    </div>
+
+                    <div className="team-content">
+                        <div className="team-info">
+                            <h3>Janny Cotller</h3>
+                            <span>Web Developer</span>
+                        </div>
+
+                        <ul>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Facebook /></a>
+                                </Link>
+                                
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Twitter /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Linkedin /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Gitlab /></a>
+                                </Link>
+                            </li>
+                        </ul>
+
+                        <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
+                    </div>
+                </div>
+            
+                <div className="single-team">
+                    <div className="team-image">
+                        <img src="/images/team-image/team4.jpg" alt="image" />
+                    </div>
+
+                    <div className="team-content">
+                        <div className="team-info">
+                            <h3>Jason Statham</h3>
+                            <span>UX/UI Designer</span>
+                        </div>
+
+                        <ul>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Facebook /></a>
+                                </Link>
+                                
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Twitter /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Linkedin /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Gitlab /></a>
+                                </Link>
+                            </li>
+                        </ul>
+
+                        <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
+                    </div>
+                </div>
+        
+                <div className="single-team">
+                    <div className="team-image">
+                        <img src="/images/team-image/team5.jpg" alt="image" />
+                    </div>
+
+                    <div className="team-content">
+                        <div className="team-info">
+                            <h3>Corey Anderson</h3>
+                            <span>Project Manager</span>
+                        </div>
+
+                        <ul>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Facebook /></a>
+                                </Link>
+                                
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Twitter /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Linkedin /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Gitlab /></a>
+                                </Link>
+                            </li>
+                        </ul>
+
+                        <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
+                    </div>
+                </div>
+        
+                <div className="single-team">
+                    <div className="team-image">
+                        <img src="/images/team-image/team1.jpg" alt="image" />
+                    </div>
+
+                    <div className="team-content">
+                        <div className="team-info">
+                            <h3>Josh Buttler</h3>
+                            <span>CEO & Founder</span>
+                        </div>
+
+                        <ul>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Facebook /></a>
+                                </Link>
+                                
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Twitter /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Linkedin /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Gitlab /></a>
+                                </Link>
+                            </li>
+                        </ul>
+
+                        <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
+                    </div>
+                </div>
+        
+                <div className="single-team">
+                    <div className="team-image">
+                        <img src="/images/team-image/team2.jpg" alt="image" />
+                    </div>
+
+                    <div className="team-content">
+                        <div className="team-info">
+                            <h3>Alex Maxwel</h3>
+                            <span>Marketing Manager</span>
+                        </div>
+
+                        <ul>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Facebook /></a>
+                                </Link>
+                                
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Twitter /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Linkedin /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Gitlab /></a>
+                                </Link>
+                            </li>
+                        </ul>
+
+                        <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
+                    </div>
+                </div>
+        
+                <div className="single-team">
+                    <div className="team-image">
+                        <img src="/images/team-image/team3.jpg" alt="image" />
+                    </div>
+
+                    <div className="team-content">
+                        <div className="team-info">
+                            <h3>Janny Cotller</h3>
+                            <span>Web Developer</span>
+                        </div>
+
+                        <ul>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Facebook /></a>
+                                </Link>
+                                
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Twitter /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Linkedin /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Gitlab /></a>
+                                </Link>
+                            </li>
+                        </ul>
+
+                        <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
+                    </div>
+                </div>
+    
+                <div className="single-team">
+                    <div className="team-image">
+                        <img src="/images/team-image/team4.jpg" alt="image" />
+                    </div>
+
+                    <div className="team-content">
+                        <div className="team-info">
+                            <h3>Jason Statham</h3>
+                            <span>UX/UI Designer</span>
+                        </div>
+
+                        <ul>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Facebook /></a>
+                                </Link>
+                                
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Twitter /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Linkedin /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Gitlab /></a>
+                                </Link>
+                            </li>
+                        </ul>
+
+                        <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
+                    </div>
+                </div>
+            
+                <div className="single-team">
+                    <div className="team-image">
+                        <img src="/images/team-image/team5.jpg" alt="image" />
+                    </div>
+
+                    <div className="team-content">
+                        <div className="team-info">
+                            <h3>Corey Anderson</h3>
+                            <span>Project Manager</span>
+                        </div>
+
+                        <ul>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Facebook /></a>
+                                </Link>
+                                
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Twitter /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Linkedin /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Gitlab /></a>
+                                </Link>
+                            </li>
+                        </ul>
+
+                        <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum. </p>
+                    </div>
+                </div>
+            </OwlCarousel> : ''}
+        </div>
+    )
+}
+
+export default Team;

components/Common/TeamStyleTwo.js

@@ -0,0 +1,185 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const TeamStyleTwo = () => {
+    return (
+        <div className="team-area repair-team-area pt-80 pb-50 bg-f9f6f6">
+            <div className="container">
+                <div className="section-title">
+                    <h2>Our Awesome Team</h2>
+                    <div className="bar"></div>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                </div>
+            
+                <div className="row justify-content-center">
+                    <div className="col-lg-3 col-md-6">
+                        <div className="single-team">
+                            <div className="team-image">
+                                <img src='/images/team-image/team1.jpg' alt="image" />
+                            </div>
+
+                            <div className="team-content">
+                                <div className="team-info">
+                                    <h3>Josh Buttler</h3>
+                                    <span>CEO & Founder</span>
+                                </div>
+
+                                <ul>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Facebook /></a>
+                                        </Link>
+                                        
+                                    </li>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Twitter /></a>
+                                        </Link>
+                                    </li>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Linkedin /></a>
+                                        </Link>
+                                    </li>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Gitlab /></a>
+                                        </Link>
+                                    </li>
+                                </ul>
+
+                                <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum.</p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-md-6">
+                        <div className="single-team">
+                            <div className="team-image">
+                                <img src='/images/team-image/team2.jpg' alt="image" />
+                            </div>
+
+                            <div className="team-content">
+                                <div className="team-info">
+                                    <h3>Alex Maxwel</h3>
+                                    <span>CEO & Founder</span>
+                                </div>
+
+                                <ul>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Facebook /></a>
+                                        </Link>
+                                        
+                                    </li>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Twitter /></a>
+                                        </Link>
+                                    </li>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Linkedin /></a>
+                                        </Link>
+                                    </li>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Gitlab /></a>
+                                        </Link>
+                                    </li>
+                                </ul>
+
+                                <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum.</p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-md-6">
+                        <div className="single-team">
+                            <div className="team-image">
+                                <img src='/images/team-image/team3.jpg' alt="image" />
+                            </div>
+
+                            <div className="team-content">
+                                <div className="team-info">
+                                    <h3>Janny Cotller</h3>
+                                    <span>CEO & Founder</span>
+                                </div>
+
+                                <ul>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Facebook /></a>
+                                        </Link>
+                                        
+                                    </li>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Twitter /></a>
+                                        </Link>
+                                    </li>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Linkedin /></a>
+                                        </Link>
+                                    </li>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Gitlab /></a>
+                                        </Link>
+                                    </li>
+                                </ul>
+
+                                <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum.</p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-md-6">
+                        <div className="single-team">
+                            <div className="team-image">
+                                <img src='/images/team-image/team4.jpg' alt="image" />
+                            </div>
+
+                            <div className="team-content">
+                                <div className="team-info">
+                                    <h3>Jason Statham</h3>
+                                    <span>CEO & Founder</span>
+                                </div>
+
+                                <ul>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Facebook /></a>
+                                        </Link>
+                                        
+                                    </li>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Twitter /></a>
+                                        </Link>
+                                    </li>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Linkedin /></a>
+                                        </Link>
+                                    </li>
+                                    <li>
+                                        <Link href="#">
+                                            <a target="_blank"><Icon.Gitlab /></a>
+                                        </Link>
+                                    </li>
+                                </ul>
+
+                                <p>Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default TeamStyleTwo;

components/ContactUs/ContactForm.js

@@ -0,0 +1,170 @@
+import React, { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import axios from 'axios';
+import Swal from 'sweetalert2'
+import withReactContent from 'sweetalert2-react-content'
+const MySwal = withReactContent(Swal)
+import baseUrl from '../../utils/baseUrl';
+
+const alertContent = () => {
+    MySwal.fire({
+        title: 'Congratulations!',
+        text: 'Your message was successfully send and will back to you soon',
+        icon: 'success',
+        timer: 2000,
+        timerProgressBar: true,
+        showConfirmButton: false,
+    })
+}
+
+// Form initial state
+const INITIAL_STATE = {
+    name: "",
+    email: "",
+    number: "",
+    subject: "",
+    text: ""
+};
+
+const ContactForm = () => {
+
+    const [contact, setContact] = useState(INITIAL_STATE);
+    const { register, handleSubmit, errors } = useForm();
+
+    const handleChange = e => {
+        const { name, value } = e.target;
+        setContact(prevState => ({ ...prevState, [name]: value }));
+        console.log(contact)
+    }
+
+    const onSubmit = async e => {
+        // e.preventDefault();
+        try {
+            const url = `${baseUrl}/api/contact`;
+            const { name, email, number, subject, text } = contact;
+            const payload = { name, email, number, subject, text };
+            await axios.post(url, payload);
+            console.log(url);
+            setContact(INITIAL_STATE);
+            alertContent();
+        } catch (error) {
+            console.log(error)
+        }
+    };
+
+    return (
+        <div className="contact-area ptb-80">
+            <div className="container">
+                <div className="section-title">
+                    <h2>Get In Touch With Us</h2>
+                    <div className="bar"></div>
+                    <p>Anything On your Mind. We’ll Be Glad To Assist You!</p>
+                </div>
+
+                <div className="row align-items-center">
+                    <div className="col-lg-6 col-md-12">
+                        <img src="/images/contact-img.png" alt="image" />
+                    </div>
+
+                    <div className="col-lg-6 col-md-12">
+                        <form id="contactForm" onSubmit={handleSubmit(onSubmit)}>
+                            <div className="row">
+                                <div className="col-lg-12 col-md-12">
+                                    <div className="form-group">
+                                        <input 
+                                            type="text" 
+                                            name="name" 
+                                            placeholder="Your Name" 
+                                            className="form-control" 
+                                            value={contact.name}
+                                            onChange={handleChange}
+                                            ref={register({ required: true })}
+                                        />
+                                        <div className='invalid-feedback' style={{display: 'block'}}>
+                                            {errors.name && 'Name is required.'}
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div className="col-lg-12 col-md-12">
+                                    <div className="form-group">
+                                        <input 
+                                            type="text" 
+                                            name="email" 
+                                            placeholder="Your email address" 
+                                            className="form-control" 
+                                            value={contact.email}
+                                            onChange={handleChange}
+                                            ref={register({ required: true, pattern: /^\S+@\S+$/i })}
+                                        />
+                                        <div className='invalid-feedback' style={{display: 'block'}}>
+                                            {errors.email && 'Email is required.'}
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div className="col-lg-6 col-md-6">
+                                    <div className="form-group">
+                                        <input 
+                                            type="text" 
+                                            name="number" 
+                                            placeholder="Your phone number" 
+                                            className="form-control" 
+                                            value={contact.number}
+                                            onChange={handleChange}
+                                            ref={register({ required: true })}
+                                        />
+                                        <div className='invalid-feedback' style={{display: 'block'}}>
+                                            {errors.number && 'Number is required.'}
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div className="col-lg-6 col-md-6">
+                                    <div className="form-group">
+                                        <input 
+                                            type="text" 
+                                            name="subject" 
+                                            placeholder="Your Subject" 
+                                            className="form-control" 
+                                            value={contact.subject}
+                                            onChange={handleChange}
+                                            ref={register({ required: true })}
+                                        />
+                                        <div className='invalid-feedback' style={{display: 'block'}}>
+                                            {errors.subject && 'Subject is required.'}
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div className="col-lg-12 col-md-12">
+                                    <div className="form-group">
+                                        <textarea 
+                                            name="text" 
+                                            cols="30" 
+                                            rows="5" 
+                                            placeholder="Write your message..." 
+                                            className="form-control" 
+                                            value={contact.text}
+                                            onChange={handleChange}
+                                            ref={register({ required: true })}
+                                        />
+                                        <div className='invalid-feedback' style={{display: 'block'}}>
+                                            {errors.text && 'Message is required.'}
+                                        </div>
+                                    </div>
+                                </div>
+            
+                                <div className="col-lg-12 col-sm-12">
+                                    <button type="submit" className="btn btn-primary">Send Message</button>
+                                </div>
+                            </div>
+                        </form> 
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default ContactForm;  

components/ContactUs/ContactUs.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import * as Icon from 'react-feather';
+
+const ContactInfo = () => {
+    return (
+        <div className="contact-info-area ptb-80">
+            <div className="container">
+                <div className="row justify-content-center">
+                    <div className="col-lg-4 col-md-6 col-sm-6">
+                        <div className="contact-info-box">
+                            <div className="icon">
+                                <Icon.Mail />
+                            </div>
+                            <h3>Mail Here</h3>
+                            <p><a href="mailto:admin@startp.com">admin@startp.com</a></p>
+                            <p><a href="mailto:info@startp.com">info@startp.com</a></p>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-4 col-md-6 col-sm-6">
+                        <div className="contact-info-box">
+                            <div className="icon">
+                                <Icon.MapPin />
+                            </div>
+                            <h3>Visit Here</h3>
+                            <p>Catania Hotel Bangau</p>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-4 col-md-6 col-sm-6">
+                        <div className="contact-info-box">
+                            <div className="icon">
+                                <Icon.Phone />
+                            </div>
+                            <h3>Call Here</h3>
+                            <p><a href="tel:+1234567890">+123 456 7890</a></p>
+                            <p><a href="tel:+2414524526">+241 452 4526</a></p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default ContactInfo;  

components/Fasilitas/Fasilitas.js

@@ -0,0 +1,156 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const Services5 = () => {
+    return (
+        <>
+            <div className="agency-services-area ptb-80 pb-50">
+                <div className="container">
+                    <div className="row justify-content-center">
+                        <div className="col-lg-4 col-sm-6 col-md-6">
+                            <div className="agency-services-box">
+                                <img src="/images/agency-image/agency-services-img1.jpg" alt="image" />
+
+                                <div className="content">
+                                    <h3>
+                                        <Link href="/service-details">
+                                            <a>IT Professionals</a>
+                                        </Link>
+                                    </h3>
+
+                                    <Link href="/service-details">
+                                        <a className="read-more-btn">
+                                            Read More <Icon.PlusCircle />
+                                        </a>
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="col-lg-4 col-sm-6 col-md-6">
+                            <div className="agency-services-box">
+                                <img src="/images/agency-image/agency-services-img2.jpg" alt="image" />
+
+                                <div className="content">
+                                    <h3>
+                                        <Link href="/service-details">
+                                            <a>Software Engineers</a>
+                                        </Link>
+                                    </h3>
+
+                                    <Link href="/service-details">
+                                        <a className="read-more-btn">
+                                            Read More <Icon.PlusCircle />
+                                        </a>
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="col-lg-4 col-sm-6 col-md-6">
+                            <div className="agency-services-box">
+                                <img src="/images/agency-image/agency-services-img3.jpg" alt="image" />
+
+                                <div className="content">
+                                    <h3>
+                                        <Link href="/service-details">
+                                            <a>Web Development</a>
+                                        </Link>
+                                    </h3>
+
+                                    <Link href="/service-details">
+                                        <a className="read-more-btn">
+                                            Read More <Icon.PlusCircle />
+                                        </a>
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>
+                        <div className="col-lg-4 col-sm-6 col-md-6">
+                            <div className="agency-services-box">
+                                <img src="/images/agency-image/agency-services-img4.jpg" alt="image" />
+
+                                <div className="content">
+                                    <h3>
+                                        <Link href="/service-details">
+                                            <a>SEO & Content</a>
+                                        </Link>
+                                    </h3>
+
+                                    <Link href="/service-details">
+                                        <a className="read-more-btn">
+                                            Read More <Icon.PlusCircle />
+                                        </a>
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="col-lg-4 col-sm-6 col-md-6">
+                            <div className="agency-services-box">
+                                <img src="/images/agency-image/agency-services-img5.jpg" alt="image" />
+
+                                <div className="content">
+                                    <h3>
+                                        <Link href="/service-details">
+                                            <a>Digital Marketing</a>
+                                        </Link>
+                                    </h3>
+
+                                    <Link href="/service-details">
+                                        <a className="read-more-btn">
+                                            Read More <Icon.PlusCircle />
+                                        </a>
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="col-lg-4 col-sm-6 col-md-6">
+                            <div className="agency-services-box">
+                                <img src="/images/agency-image/agency-services-img6.jpg" alt="image" />
+
+                                <div className="content">
+                                    <h3>
+                                        <Link href="/service-details">
+                                            <a>Data Analysts</a>
+                                        </Link>
+                                    </h3>
+
+                                    <Link href="/service-details">
+                                        <a className="read-more-btn">
+                                            Read More <Icon.PlusCircle />
+                                        </a>
+                                    </Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {/* Shape Images */}
+                <div className="shape2 rotateme">
+                    <img src="/images/shape2.svg" alt="shape" />
+                </div>
+                <div className="shape3">
+                    <img src="/images/shape3.svg" alt="shape" />
+                </div>
+                <div className="shape4">
+                    <img src="/images/shape4.svg" alt="shape" />
+                </div>
+                <div className="shape6 rotateme">
+                    <img src="/images/shape4.svg" alt="shape" />
+                </div>
+                <div className="shape7">
+                    <img src="/images/shape4.svg" alt="shape" />
+                </div>
+                <div className="shape8 rotateme">
+                    <img src="/images/shape2.svg" alt="shape" />
+                </div>
+            </div>
+        </>
+    )
+}
+
+export default Services5;

components/Gallery/Gallery.js

@@ -0,0 +1,111 @@
+import React, { Component } from 'react';
+import Masonry from 'react-masonry-component';
+import Link from 'next/link';
+
+const masonryOptions = {
+    transitionDuration: 0
+};
+ 
+export class Projects extends Component {
+    render() {
+        const images = this.props.images.map((image, idx) => {
+            return (
+                <div className="col-lg-4 col-sm-6 item" key={idx}>
+                    <div className="single-latest-projects">
+                        <img src={image.image} alt="portfolio-image" />
+
+                        <div className="content">
+                            <span>{image.category}</span>
+                            <h3>{image.title}</h3>
+                        </div>
+
+                        <Link href="/project-details">
+                            <a className="link-btn"></a>
+                        </Link>
+                    </div>
+                </div>
+            )
+        })
+        return (
+            <div className="our-latest-projects ptb-80">
+                <div className="container">
+                    <div className="section-title text-left">
+                        <h2>Catania Hotel <span>Gallery</span></h2>
+                    </div>
+                 
+                    <Masonry
+                        className={'row'} // default ''
+                        elementType={'div'} // default 'div'
+                        options={masonryOptions} // default {}
+                        disableImagesLoaded={false} // default false
+                        updateOnEachImageLoad={false} // default false and works only if disableImagesLoaded is false
+                    >
+                        {images}
+                    </Masonry>
+                </div>
+            </div>
+        );
+    }
+}
+
+Projects.defaultProps = {
+    images: [
+        { 
+            image: "/images/agency-portfolio-projects/ap-project1.jpg",
+            category: "Business",
+            title: "Business Stratagy"
+        },
+        { 
+            image: "/images/agency-portfolio-projects/ap-project2.jpg", 
+            category: "Development",
+            title: "Web Development"
+        },
+        { 
+            image: "/images/agency-portfolio-projects/ap-project3.jpg", 
+            category: "Marketing",
+            title: "Digital Marketing"
+        },
+        { 
+            image: "/images/agency-portfolio-projects/ap-project4.jpg",
+            category: "App",
+            title: "Mobile App Development"
+        },
+        { 
+            image: "/images/agency-portfolio-projects/ap-project6.jpg",
+            category: "Marketing",
+            title: "Email Marketing"
+        },
+        { 
+            image: "/images/agency-portfolio-projects/ap-project5.jpg",
+            category: "Development",
+            title: "E-commerce Development"
+        },
+        { 
+            image: "/images/agency-portfolio-projects/ap-project9.jpg",
+            category: "App",
+            title: "React App Development"
+        },
+        { 
+            image: "/images/agency-portfolio-projects/ap-project8.jpg",
+            category: "Writing",
+            title: "Content Writing"
+        },
+        { 
+            image: "/images/agency-portfolio-projects/ap-project7.jpg",
+            category: "IT",
+            title: "IT Consultancy"
+        },
+        { 
+            image: "/images/agency-portfolio-projects/ap-project11.jpg",
+            category: "Solutions",
+            title: "IT Solutions"
+        },
+        { 
+            image: "/images/agency-portfolio-projects/ap-project10.jpg",
+            category: "Marketing",
+            title: "Marketing & Reporting"
+        },
+    ]
+}
+
+export default Projects;

components/Home/Facilities.js

@@ -0,0 +1,159 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const OurServices = () => {
+    return (
+        <div className="agency-services-area pt-80 pb-50">
+            <div className="container">
+                <div className="section-title st-fs-28">
+                    <h2>Catania Hotel Facilities</h2>
+                    <div className="bar"></div>
+                </div>
+
+                <div className="row justify-content-center">
+                    <div className="col-lg-4 col-sm-6 col-md-6">
+                        <div className="agency-services-box">
+                            <img src="/images/agency-image/agency-services-img1.jpg" alt="image" />
+
+                            <div className="content">
+                                <h3>
+                                    <Link href="/service-details">
+                                        <a>Room</a>
+                                    </Link>
+                                </h3>
+
+                                <Link href="/service-details">
+                                    <a className="read-more-btn">
+                                        Read More <Icon.PlusCircle />
+                                    </a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-4 col-sm-6 col-md-6">
+                        <div className="agency-services-box">
+                            <img src="/images/agency-image/agency-services-img2.jpg" alt="image" />
+
+                            <div className="content">
+                                <h3>
+                                    <Link href="/service-details">
+                                        <a>Restaurant</a>
+                                    </Link>
+                                </h3>
+
+                                <Link href="/service-details">
+                                    <a className="read-more-btn">
+                                        Read More <Icon.PlusCircle />
+                                    </a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-4 col-sm-6 col-md-6">
+                        <div className="agency-services-box">
+                            <img src="/images/agency-image/agency-services-img3.jpg" alt="image" />
+
+                            <div className="content">
+                                <h3>
+                                    <Link href="/service-details">
+                                        <a>Spa & Relax</a>
+                                    </Link>
+                                </h3>
+
+                                <Link href="/service-details">
+                                    <a className="read-more-btn">
+                                        Read More <Icon.PlusCircle />
+                                    </a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="col-lg-4 col-sm-6 col-md-6">
+                        <div className="agency-services-box">
+                            <img src="/images/agency-image/agency-services-img4.jpg" alt="image" />
+
+                            <div className="content">
+                                <h3>
+                                    <Link href="/service-details">
+                                        <a>GYM & Sport Room</a>
+                                    </Link>
+                                </h3>
+
+                                <Link href="/service-details">
+                                    <a className="read-more-btn">
+                                        Read More <Icon.PlusCircle />
+                                    </a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-4 col-sm-6 col-md-6">
+                        <div className="agency-services-box">
+                            <img src="/images/agency-image/agency-services-img5.jpg" alt="image" />
+
+                            <div className="content">
+                                <h3>
+                                    <Link href="/service-details">
+                                        <a>Main Lobby</a>
+                                    </Link>
+                                </h3>
+
+                                <Link href="/service-details">
+                                    <a className="read-more-btn">
+                                        Read More <Icon.PlusCircle />
+                                    </a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-4 col-sm-6 col-md-6">
+                        <div className="agency-services-box">
+                            <img src="/images/agency-image/agency-services-img6.jpg" alt="image" />
+
+                            <div className="content">
+                                <h3>
+                                    <Link href="/service-details">
+                                        <a>Swimming Pool</a>
+                                    </Link>
+                                </h3>
+
+                                <Link href="/service-details">
+                                    <a className="read-more-btn">
+                                        Read More <Icon.PlusCircle />
+                                    </a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            {/* Shape Images */}
+            <div className="shape2 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+            <div className="shape3">
+                <img src="/images/shape3.svg" alt="shape" />
+            </div>
+            <div className="shape4">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape6 rotateme">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape7">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape8 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+        </div>
+    );
+}
+
+export default OurServices;

components/Home/MainBanner.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import Link from 'next/link';
+
+const MainBanner = () => {
+	return (
+		<div className="main-banner" style={{ marginTop: "-50px" }}>
+			<div className="d-table">
+				<div className="d-table-cell">
+					<div className="container">
+						<div className="row h-100 justify-content-center align-items-center">
+							<div className="col-lg-5">
+								<div className="hero-content">
+									<h1 style={{ color: 'white' }}>Catania Hotel & Resort</h1>
+									<p style={{ color: 'white' }}>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
+
+									<Link href="/contact">
+										<a className="btn btn-primary">Get Started</a>
+									</Link>
+								</div>
+							</div>
+
+							<div className="col-lg-5 offset-lg-1">
+								<div className="pricing-table">
+									<div className="pricing-header">
+										<h3>Superior Room</h3>
+									</div>
+
+									<div className="price">
+										<span><sup>Rp.</sup>200.000,- <span>/Night</span></span>
+									</div>
+
+									<div className="pricing-features">
+										<ul>
+											<li className="active">5 GB Bandwidth</li>
+											<li className="active">Highest Speed</li>
+											<li className="active">1 GB Storage</li>
+											<li className="active">Unlimited Website</li>
+										</ul>
+									</div>
+
+									<div className="pricing-footer">
+										<Link href="#">
+											<a className="btn btn-primary">Book Now</a>
+										</Link>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	)
+}
+
+export default MainBanner;

components/Home/Pricing.js

@@ -0,0 +1,127 @@
+import React from 'react';
+import Link from 'next/link'
+
+const PricingStyleOne = () => {
+    return (
+        <div className="pricing-area pt-80 pb-50 bg-f9f6f6">
+            <div className="container">
+                <div className="section-title">
+                    <h2>Catania Room Pricing</h2>
+                    <div className="bar"></div><br />
+                </div>
+
+                <div className="row justify-content-center">
+                    <div className="col-lg-4 col-md-6">
+                        <div className="pricing-table">
+                            <div className="pricing-header">
+                                <h3>Superior Room</h3>
+                            </div>
+
+                            <div className="price">
+                                <span><sup>Rp.</sup>200.000,- <span>/Night</span></span>
+                            </div>
+
+                            <div className="pricing-features">
+                                <ul>
+                                    <li className="active">5 GB Bandwidth</li>
+                                    <li className="active">Highest Speed</li>
+                                    <li className="active">1 GB Storage</li>
+                                    <li className="active">Unlimited Website</li>
+                                    <li className="active">Unlimited Users</li>
+                                    <li className="active">24x7 Great Support</li>
+                                    <li>Data Security and Backups</li>
+                                    <li>Monthly Reports and Analytics</li>
+                                </ul>
+                            </div>
+
+                            <div className="pricing-footer">
+                                <Link href="#">
+                                    <a className="btn btn-primary">Select Plan</a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-4 col-md-6">
+                        <div className="pricing-table">
+                            <div className="pricing-header">
+                                <h3>Deluxe Room</h3>
+                            </div>
+
+                            <div className="price">
+                                <span><sup>Rp.</sup>400.000,- <span>/Night</span></span>
+                            </div>
+
+                            <div className="pricing-features">
+                                <ul>
+                                    <li className="active">10 GB Bandwidth</li>
+                                    <li className="active">Highest Speed</li>
+                                    <li className="active">3 GB Storage</li>
+                                    <li className="active">Unlimited Website</li>
+                                    <li className="active">Unlimited Users</li>
+                                    <li className="active">24x7 Great Support</li>
+                                    <li className="active">Data Security and Backups</li>
+                                    <li>Monthly Reports and Analytics</li>
+                                </ul>
+                            </div>
+
+                            <div className="pricing-footer">
+                                <Link href="#">
+                                    <a className="btn btn-primary">Select Plan</a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-4 col-md-6">
+                        <div className="pricing-table">
+                            <div className="pricing-header">
+                                <h3>Executive Room</h3>
+                            </div>
+
+                            <div className="price">
+                                <span><sup>Rp.</sup>600.000,- <span>/Night</span></span>
+                            </div>
+
+                            <div className="pricing-features">
+                                <ul>
+                                    <li className="active">Highest Speed</li>
+                                    <li className="active">5 GB Storage</li>
+                                    <li className="active">Unlimited Website</li>
+                                    <li className="active">Unlimited Users</li>
+                                    <li className="active">24x7 Great Support</li>
+                                    <li className="active">Data Security and Backups</li>
+                                    <li className="active">Monthly Reports and Analytics</li>
+                                    <li classname="active">15 GB Bandwith</li>
+                                </ul>
+                            </div>
+
+                            <div className="pricing-footer">
+                                <Link href="#">
+                                    <a className="btn btn-primary">Select Plan</a>
+                                </Link>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            {/* Shape Images */}
+            <div className="shape8 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+            <div className="shape2 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+            <div className="shape7">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+            <div className="shape4">
+                <img src="/images/shape4.svg" alt="shape" />
+            </div>
+        </div>
+    );
+
+}
+
+export default PricingStyleOne;

components/Home/PromoCarousel.js

@@ -0,0 +1,97 @@
+import React from 'react';
+import Link from 'next/link';
+import dynamic from 'next/dynamic';
+const OwlCarousel = dynamic(import('react-owl-carousel3'));
+
+const options = {
+    loop: true,
+    nav: false,
+    dots: true,
+    autoplay: true,
+    smartSpeed: 1000,
+    margin: 30,
+    autoplayTimeout: 5000,
+    responsive: {
+        0:{
+            items: 1,
+        },
+        576:{
+            items: 2,
+        },
+        768:{
+            items: 2,
+        },
+        1024:{
+            items: 3,
+        },
+        1200:{
+            items: 4,
+        }
+    },
+}
+
+const Projects = () => {
+    const [display, setDisplay] = React.useState(false);
+
+    React.useEffect(() => {
+        setDisplay(true);
+    }, [])
+    
+    return (
+        <div className="ml-projects-area pt-0 ptb-80" style={{marginTop:"-100px"}}>
+            <div className="container-fluid">
+                {display ? <OwlCarousel 
+                    className="ml-projects-slides owl-carousel owl-theme"
+                    {...options}
+                >  
+                    <div className="single-ml-projects-box">
+                        <img src="/images/projects-img1.jpg" alt="image" />
+                        <div className="plus-icon">
+                            <Link href="/project-details">
+                                <a><span></span></a>
+                            </Link>
+                        </div>
+                    </div>
+
+                    <div className="single-ml-projects-box">
+                        <img src="/images/projects-img2.jpg" alt="image" />
+                        <div className="plus-icon">
+                            <Link href="/project-details">
+                                <a><span></span></a>
+                            </Link>
+                        </div>
+                    </div>
+
+                    <div className="single-ml-projects-box">
+                        <img src="/images/projects-img3.jpg" alt="image" />
+                        <div className="plus-icon">
+                            <Link href="/project-details">
+                                <a><span></span></a>
+                            </Link>
+                        </div>
+                    </div>
+
+                    <div className="single-ml-projects-box">
+                        <img src="/images/projects-img4.jpg" alt="image" />
+                        <div className="plus-icon">
+                            <Link href="/project-details">
+                                <a><span></span></a>
+                            </Link>
+                        </div>
+                    </div>
+
+                    <div className="single-ml-projects-box">
+                        <img src="/images/projects-img5.jpg" alt="image" />
+                        <div className="plus-icon">
+                            <Link href="/project-details">
+                                <a><span></span></a>
+                            </Link>
+                        </div>
+                    </div>
+                </OwlCarousel> : ''}
+            </div>
+        </div>
+    );
+}
+
+export default Projects;

components/Shop/AddToCartBtn.js

@@ -0,0 +1,28 @@
+import React from 'react'
+import Link from 'next/link'
+import { useToasts } from 'react-toast-notifications'
+import { useDispatch } from 'react-redux'
+
+const AddToCartBtn = ({ id }) => {
+    // console.log(id)
+    const { addToast } = useToasts()
+    const dispatch = useDispatch()
+
+    const addToCart = () => {
+        dispatch({
+            type: 'ADD_TO_CART',
+            id
+        })
+        addToast('Cart Added Successfully', { appearance: 'success' })
+    }
+    return (
+        <Link href="#">
+            <a onClick={e => {
+                e.preventDefault();
+                addToCart()
+            }} className="add-to-cart-btn">Add to Cart</a>
+        </Link>
+    )
+}
+
+export default AddToCartBtn

components/Shop/ProductCard.js

@@ -0,0 +1,112 @@
+import React from 'react'
+import Link from 'next/link'
+import * as Icon from 'react-feather'
+import { useSelector } from 'react-redux'
+import AddToCartBtn from './AddToCartBtn'
+
+const ProductCard = () => {
+    const products = useSelector((state) => state.products)
+
+    // console.log(products)
+
+    return (
+        <div className="shop-area ptb-80">
+            <div className="container">
+                <div className="woocommerce-topbar">
+                    <div className="row align-items-center">
+                        <div className="col-lg-9 col-md-7 col-sm-7">
+                            <div className="woocommerce-result-count">
+                                <p>Showing 1-8 of 14 results</p>
+                            </div>
+                        </div>
+
+                        <div className="col-lg-3 col-md-5 col-sm-5">
+                            <div className="woocommerce-topbar-ordering">
+                                <select className="form-select">
+                                    <option value="1">Sort by Popularity</option>
+                                    <option value="2">Sort by Average Rating</option>
+                                    <option value="3">Sort by Latest</option>
+                                    <option value="4">Sort by price: Low to High</option>
+                                    <option value="5">Sort by price: High to Low</option>
+                                    <option value="6">Sort by New</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div className="row justify-content-md-center">
+
+                    {products.map(product => (
+                        <div className="col-lg-3 col-md-6 col-sm-6" key={product.id}>
+                            <div className="single-products">
+                                <div className="products-image">
+                                    <img src={product.image} alt={product.name} />
+
+                                    <ul>
+                                        <li>
+                                            <a href="#">
+                                                <Icon.Search />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <Icon.Heart />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <Link href="/products/[id]" as={`/products/${product.id}`}>
+                                                <a>
+                                                    <Icon.Link />
+                                                </a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </div>
+
+                                <div className="products-content">
+                                    <h3>
+                                        <Link href="/products/[id]" as={`/products/${product.id}`}>
+                                            <a>{product.name}</a>
+                                        </Link>
+                                    </h3>
+                                    <span>${product.price}</span>
+                                    <ul>
+                                        <li><i className="flaticon-star-1"></i></li>
+                                        <li><i className="flaticon-star-1"></i></li>
+                                        <li><i className="flaticon-star-1"></i></li>
+                                        <li><i className="flaticon-star-1"></i></li>
+                                        <li><i className="flaticon-star-1"></i></li>
+                                    </ul>
+
+                                    <AddToCartBtn {...product} />
+                                </div>
+                            </div>
+                        </div>
+                    ))}
+
+                    {/* Pagination */}
+                    <div className="col-lg-12 col-md-12 col-sm-12">
+						<div className="pagination-area">
+							<nav aria-label="Page navigation">
+								<ul className="pagination justify-content-center">
+									<li className="page-item"><a className="page-link" href="#">Prev</a></li>
+									
+									<li className="page-item active"><a className="page-link" href="#">1</a></li>
+									
+									<li className="page-item"><a className="page-link" href="#">2</a></li>
+									
+									<li className="page-item"><a className="page-link" href="#">3</a></li>
+									
+									<li className="page-item"><a className="page-link" href="#">Next</a></li>
+								</ul>
+							</nav>
+						</div>
+					</div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default ProductCard;  

components/Shop/ProductSlider.js

@@ -0,0 +1,42 @@
+import React from 'react'
+import dynamic from 'next/dynamic'
+const OwlCarousel = dynamic(import('react-owl-carousel3'))
+
+const options = {
+    loop: true,
+    nav: true,
+    dots: false,
+    autoplay: true,
+    items: 1,
+    smartSpeed: 1000,
+    autoplayTimeout: 5000,
+    navText: [
+        "<i class='bx bx-chevron-left'></i>",
+        "<i class='bx bx-chevron-right'></i>"
+    ],
+};
+
+const ProductSlider = ({ images }) => {
+    const [display, setDisplay] = React.useState(false);
+
+    React.useEffect(() => {
+        setDisplay(true);
+    }, [])
+
+    return (
+        <>
+            {display ? <OwlCarousel 
+                className="products-details-image products-details-image-slides owl-carousel owl-theme"
+                {...options}
+            >  
+                {images && images.map((img, idx) => (
+                    <div className="single-image-box" key={idx}>
+                        <img src={img.img} alt="img" />
+                    </div>
+                ))}
+            </OwlCarousel> : ''}
+        </>
+    )
+}
+
+export default ProductSlider;  

components/Shop/ProductsDetailsTabs.js

@@ -0,0 +1,82 @@
+import React from 'react';
+import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+resetIdCounter();
+
+const ProductsDetailsTabs = () => {
+    return (
+        <div className="products-details-tabs">
+            <Tabs>
+                <TabList>
+                    <Tab>Description</Tab>
+                    <Tab>Additional Information</Tab>
+                    <Tab>Review</Tab>
+                </TabList>
+            
+                <TabPanel>
+                    <div className="products-description">
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum is simply dummy text of the printing.</p>
+                    </div>
+                </TabPanel>
+
+                <TabPanel>
+                    <div className="products-description">
+                        <ul className="additional-information">
+                            <li><span>Brand</span> ThemeForest</li>
+                            <li><span>Color</span> Brown</li>
+                            <li><span>Size</span> Large, Medium</li>
+                            <li><span>Weight</span> 27 kg</li>
+                            <li><span>Dimensions</span> 16 x 22 x 123 cm</li>
+                        </ul>
+                    </div>
+                </TabPanel>
+
+                <TabPanel>
+                    <div className="products-reviews">
+                        <h3>Customer Reviews</h3>
+                        <p>There are no reviews yet.</p>
+
+                        <form className="review-form">
+                            <p>Rate this item:</p>
+
+                            <div className="star-rating">
+                                <i className='bx bxs-star'></i>
+                                <i className='bx bxs-star'></i>
+                                <i className='bx bxs-star'></i>
+                                <i className='bx bxs-star'></i>
+                                <i className='bx bxs-star'></i>
+
+                                <p>Very good product!</p>
+                            </div>
+
+                            <div className="row">
+                                <div className="col-lg-12">
+                                    <div className="form-group">
+                                        <textarea name="review-message" id="message" cols="30" rows="4" placeholder="Write your review*" className="form-control"></textarea>
+                                    </div>
+                                </div>
+
+                                <div className="col-lg-6 col-md-6">
+                                    <div className="form-group">
+                                        <input type="text" placeholder="Name*" className="form-control" />
+                                    </div>
+                                </div>
+                                
+                                <div className="col-lg-6 col-md-6">
+                                    <div className="form-group">
+                                        <input type="email" placeholder="Email*" className="form-control" />
+                                    </div>
+                                </div>
+
+                                <div className="col-lg-12 col-md-12">
+                                    <button type="submit" className="btn btn-primary">Submit</button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </TabPanel>
+            </Tabs> 
+        </div>
+    )
+}
+
+export default ProductsDetailsTabs;  

components/Shop/QuickViewModal.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import * as Icon from 'react-feather';
+
+const QuickViewModal = () => {
+    return (
+        <div className="modal fade" id="productsModalCenter">
+            <div className="modal-dialog modal-dialog-centered">
+                <div className="modal-content">
+                    <button type="button" className="close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                    
+                    <div className="row align-items-center">
+                        <div className="col-lg-6 col-md-6 col-sm-6">
+                            <div className="products-image">
+                                <img src="/images/shop-image/shop-image1.jpg" alt="image" />
+                            </div>
+                        </div>
+
+                        <div className="col-lg-6 col-md-6 col-sm-6">
+                            <div className="products-content">
+                                <h3>Wood Pencil</h3>
+
+                                <div className="price">
+                                    <span>$200.00</span> $191.00
+                                </div>
+                                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
+
+                                <form>
+                                    <div className="quantity">
+                                        <div className="input-counter">
+                                            <span className="minus-btn">
+                                                <Icon.Minus />
+                                            </span>
+                                            <input type="text" min="1" value="1" />
+                                            <span className="plus-btn">
+                                                <Icon.Plus />
+                                            </span>
+                                        </div>
+                                    </div>
+                                    
+                                    <button type="submit">Add to Cart</button>
+                                </form>
+
+                                <div className="product-meta">
+                                    <span>Category: <a href="#">Pencil</a></span>
+                                    <span>Tag: <a href="#">Prints</a></span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default QuickViewModal;  

components/_App/Footer.js

@@ -0,0 +1,157 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const Footer = () => {
+
+    const currentYear = new Date().getFullYear();
+
+    return (
+        <footer className="footer-area bg-f7fafd">
+            <div className="container">
+                <div className="row">
+                    <div className="col-lg-3 col-md-6">
+                        <div className="single-footer-widget">
+                            <div className="logo">
+                                <Link href="/it-startup">
+                                    <a>
+                                        <img src="/images/logo.png" alt="logo" />
+                                    </a>
+                                </Link>
+                            </div>
+                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-md-6">
+                        <div className="single-footer-widget pl-5">
+                            <h3>Menu</h3>
+                            <ul className="list">
+                                <li>
+                                    <Link href="/about-1">
+                                        <a>Home</a>
+                                    </Link>
+                                </li>
+                                <li>
+                                    <Link href="/services-1">
+                                        <a>Accomodation</a>
+                                    </Link>
+                                </li>
+                                <li>
+                                    <Link href="/features">
+                                        <a>Facilities</a>
+                                    </Link>
+                                </li>
+                                <li>
+                                    <Link href="/pricing">
+                                        <a>Gallery</a>
+                                    </Link>
+                                </li>
+                                <li>
+                                    <Link href="/blog-1">
+                                        <a>Blog</a>
+                                    </Link>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-md-6">
+                        <div className="single-footer-widget">
+                            <h3>Support</h3>
+                            <ul className="list">
+                                <li>
+                                    <Link href="/faq">
+                                        <a>FAQ's</a>
+                                    </Link>
+                                </li>
+                                <li>
+                                    <Link href="/privacy-policy">
+                                        <a>Privacy Policy</a>
+                                    </Link>
+                                </li>
+                                <li>
+                                    <Link href="/term-condition">
+                                        <a>Terms & Condition</a>
+                                    </Link>
+                                </li>
+                                <li>
+                                    <Link href="/team">
+                                        <a>Team</a>
+                                    </Link>
+                                </li>
+                                <li>
+                                    <Link href="/contact">
+                                        <a>Contact Us</a>
+                                    </Link>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-md-6">
+                        <div className="single-footer-widget">
+                            <h3>Address</h3>
+                            
+                            <ul className="footer-contact-info">
+                                <li> 
+                                    <Icon.MapPin />
+                                    27 Division St, New York, <br /> NY 10002, USA
+                                </li>
+                                <li>
+                                    <Icon.Mail />
+                                    Email: <a href="mailto:startp@gmail.com">startp@gmail.com</a>
+                                </li>
+                                <li> 
+                                    <Icon.PhoneCall />
+                                    Phone: <a href="tel:321984754">+ (321) 984 754</a>
+                                </li>
+                            </ul>
+                            <ul className="social-links">
+                                <li>
+                                    <Link href="#">
+                                        <a className="facebook" target="_blank"><Icon.Facebook /></a>
+                                    </Link>
+                                </li>
+                                <li>
+                                    <Link href="#">
+                                        <a className="twitter" target="_blank"><Icon.Twitter /></a>
+                                    </Link>
+                                </li>
+                                <li>
+                                    <Link href="#">
+                                        <a className="instagram" target="_blank"><Icon.Instagram /></a>
+                                    </Link>
+                                </li>
+                                <li>
+                                    <Link href="#">
+                                        <a className="linkedin" target="_blank"><Icon.Linkedin /></a>
+                                    </Link>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-12 col-md-12">
+                        <div className="copyright-area">
+                            <p>Copyright &copy; {currentYear} Catania Hotel. All rights reserved by</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <img src="/images/map.png" className="map" alt="map" />
+
+            {/* Shape Images */}
+            <div className="shape1">
+                <img src="/images/shape1.png" alt="shape" />
+            </div>
+            <div className="shape8 rotateme">
+                <img src="/images/shape2.svg" alt="shape" />
+            </div>
+        </footer>
+    )
+     
+}
+
+export default Footer; 

components/_App/GoTop.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import * as Icon from 'react-feather';
+
+const GoTop = ({scrollStepInPx, delayInMs}) => {
+
+    const [thePosition, setThePosition] = React.useState(false);
+    const timeoutRef = React.useRef(null);
+
+    React.useEffect(() => {
+        document.addEventListener("scroll", () => {
+            if (window.scrollY > 170) {
+                setThePosition(true)
+            } else {
+                setThePosition(false);
+            }
+        });
+    }, [])
+    
+    const onScrollStep = () => {
+        if (window.pageYOffset === 0){
+            clearInterval(timeoutRef.current);
+        }
+        window.scroll(0, window.pageYOffset - scrollStepInPx);
+    }
+
+    const scrollToTop = () => {
+        timeoutRef.current = setInterval(onScrollStep, delayInMs);
+    }
+
+    const renderGoTopIcon = () => {
+        return (
+            <div className={`go-top ${thePosition ? 'active' : ''}`} onClick={scrollToTop}>
+                <Icon.ArrowUp />
+            </div>
+        )
+    }
+
+    return (
+        <React.Fragment>
+            {renderGoTopIcon()}
+        </React.Fragment>
+    )
+}
+
+export default GoTop;

components/_App/Layout.js

@@ -0,0 +1,20 @@
+import React from 'react'
+import Head from "next/head"
+import GoTop from './GoTop'
+ 
+const Layout = ({ children }) => {
+    return(
+        <>
+            <Head>
+                <meta charSet="utf-8" />
+                <meta name="viewport" content="width=device-width, initial-scale=1" />
+                <title>Catania Hotel & Rooms</title>
+            </Head>
+            {children}
+
+            <GoTop scrollStepInPx="100" delayInMs="10.50" />
+        </>
+    )
+}
+
+export default Layout

components/_App/Navbar.js

@@ -0,0 +1,429 @@
+import React from "react"
+import Link from '@/utils/ActiveLink'
+import * as Icon from 'react-feather'
+import { useSelector } from 'react-redux'
+
+const Navbar = () => {
+    const cart = useSelector((state) => state.cart)
+    const [menu, setMenu] = React.useState(true)
+ 
+    const toggleNavbar = () => {
+        setMenu(!menu)
+    }
+
+    React.useEffect(() => {
+        let elementId = document.getElementById("header");
+        document.addEventListener("scroll", () => {
+            if (window.scrollY > 170) {
+                elementId.classList.add("is-sticky");
+            } else {
+                elementId.classList.remove("is-sticky");
+            }
+        });
+        window.scrollTo(0, 0); 
+    })
+ 
+    const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+    const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+    return (
+        <header id="header" className="headroom">
+            <div className="startp-nav">
+                <div className="container">
+                    <nav className="navbar navbar-expand-md navbar-light">
+                        <Link href="/it-startup">
+                            <a onClick={toggleNavbar} className="navbar-brand">
+                                <img src="/images/logo.png" alt="logo" />
+                            </a>
+                        </Link>
+
+                        <button 
+                            onClick={toggleNavbar} 
+                            className={classTwo}
+                            type="button" 
+                            data-toggle="collapse" 
+                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 
+                            aria-expanded="false" 
+                            aria-label="Toggle navigation"
+                        >
+                            <span className="icon-bar top-bar"></span>
+                            <span className="icon-bar middle-bar"></span>
+                            <span className="icon-bar bottom-bar"></span>
+                        </button>
+
+                        <div className={classOne} id="navbarSupportedContent">
+                            <ul className="navbar-nav ms-auto">
+                                <li className="nav-item">
+                                    <Link href="/#" activeClassName="active">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Home <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/it-startup" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IT Startup</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/it-startup-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IT Startup Two</a>
+                                            </Link>
+                                        </li>
+ 
+                                        <li className="nav-item">
+                                            <Link href="/iot" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IOT</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/hosting" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Hosting</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/machine-learning" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Machine Learning</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/machine-learning-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Machine Learning 2</a>
+                                            </Link>
+                                        </li> 
+
+                                        <li className="nav-item">
+                                            <Link href="/bigdata-analytics" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Bigdata Analytics</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/digital-agency" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Digital Agency</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/digital-agency-portfolio" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Digital Agency Portfolio</a>
+                                            </Link>
+                                        </li>
+  
+                                        <li className="nav-item">
+                                            <Link href="/pc-repair" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">PC Repair</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            About <Icon.ChevronDown />
+                                        </a>
+                                    </Link> 
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/about-1" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 1</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-3" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 3</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Pages <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Features <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/features" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Features</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/feature-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Features Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Services <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/services-1" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-2" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 2</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-3" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 3</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-4" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 4</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-5" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 5</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/service-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/feedback" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Feedback</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Projects <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/projects-1" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/projects-2" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/project-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/team" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Team</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/pricing" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Pricing</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    User <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/login" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Login</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/sign-up" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Sign Up</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/forgot-password" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Forgot Password</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+                                    
+                                        <li className="nav-item">
+                                            <Link href="/faq" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">FAQ's</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/coming-soon" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Coming Soon</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/404" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">404 Error Page</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#" activeClassName="active">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Shop <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/shop" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Shop</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/checkout" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Checkout</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Blog <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/blog-1" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-3" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-4" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-5" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid 3</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-6" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar 3</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-details" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Details</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/contact" activeClassName="active">
+                                        <a onClick={toggleNavbar} className="nav-link">Contact</a>
+                                    </Link>
+                                </li>
+                            </ul>
+                        </div>
+
+                        <div className="others-option">
+                            <Link href="/cart">
+                                <a className="cart-wrapper-btn">
+                                    <Icon.ShoppingCart /> 
+                                    <span>{cart.length}</span>
+                                </a>
+                            </Link>
+
+                            <Link href="/contact">
+							    <a className="btn btn-light">Support</a>
+                            </Link>
+
+                            <Link href="/login">
+							    <a className="btn btn-primary">Login</a>
+                            </Link>
+						</div>
+                    </nav>
+                </div>
+            </div>
+        </header>
+    );
+}
+
+export default Navbar;

components/_App/NavbarHome.js

@@ -0,0 +1,134 @@
+import React, { useState } from "react";
+import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+const NavbarStyleTwo = () => {
+    const [menu, setMenu] = React.useState(true)
+ 
+    const toggleNavbar = () => {
+        setMenu(!menu)
+    }
+
+    React.useEffect(() => {
+        let elementId = document.getElementById("header");
+        document.addEventListener("scroll", () => {
+            if (window.scrollY > 170) {
+                elementId.classList.add("is-sticky");
+            } else {
+                elementId.classList.remove("is-sticky");
+            }
+        });
+        window.scrollTo(0, 0); 
+    })
+ 
+    const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+    const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+    return (
+        <header id="header" className="headroom navbar-style-two">
+            <div className="startp-nav">
+                <div className="container">
+                    <nav className="navbar navbar-expand-md navbar-light">
+                        <Link href="/it-startup">
+                            <a onClick={toggleNavbar} className="navbar-brand">
+                                <img src="/images/logo.png" alt="logo" />
+                            </a>
+                        </Link>
+
+                        <button 
+                            onClick={toggleNavbar}
+                            className={classTwo}
+                            type="button" 
+                            data-toggle="collapse" 
+                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 
+                            aria-expanded="false" 
+                            aria-label="Toggle navigation"
+                        >
+                            <span className="icon-bar top-bar"></span>
+                            <span className="icon-bar middle-bar"></span>
+                            <span className="icon-bar bottom-bar"></span>
+                        </button>
+
+                        <div className={classOne} id="navbarSupportedContent">
+                            <ul className="navbar-nav ms-auto">
+                                <li className="nav-item">
+                                    <Link href="/#" activeClassName="active">
+                                        <a onClick={toggleNavbar} className="nav-link">
+                                            Home
+                                        </a>
+                                    </Link>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={toggleNavbar} className="nav-link">
+                                            Accomodation <Icon.ChevronDown />
+                                        </a>
+                                    </Link> 
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/Accomodation/Superior" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Superior Room</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Deluxe Room</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-3" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Executive Room</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/fasilitas">
+                                        <a onClick={toggleNavbar} className="nav-link">
+                                            Facilities
+                                        </a>
+                                    </Link>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/gallery" activeClassName="active">
+                                        <a onClick={toggleNavbar} className="nav-link">
+                                            Gallery
+                                        </a>
+                                    </Link>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={toggleNavbar} className="nav-link">
+                                            Blog
+                                        </a>
+                                    </Link>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/contactus" activeClassName="active">
+                                        <a onClick={toggleNavbar} className="nav-link">About Us</a>
+                                    </Link>
+                                </li>
+                            </ul>
+                        </div>
+
+                        <div className="others-option">
+                            <Link href="/login">
+							    <a className="btn btn-primary">Need Help ?</a>
+                            </Link>
+						</div>
+                    </nav>
+                </div>
+            </div>
+        </header>
+    );
+}
+
+export default NavbarStyleTwo;

components/_App/NavbarStyleFive.js

@@ -0,0 +1,428 @@
+import React, { useState } from "react";
+import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+const NavbarStyleFive = () => {
+    const [menu, setMenu] = React.useState(true)
+ 
+    const toggleNavbar = () => {
+        setMenu(!menu)
+    }
+
+    React.useEffect(() => {
+        let elementId = document.getElementById("header");
+        document.addEventListener("scroll", () => {
+            if (window.scrollY > 170) {
+                elementId.classList.add("is-sticky");
+            } else {
+                elementId.classList.remove("is-sticky");
+            }
+        });
+        window.scrollTo(0, 0); 
+    })
+ 
+    const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+    const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+    return (
+        <header id="header" className="headroom navbar-style-three">
+            <div className="startp-nav">
+                <div className="container-fluid">
+                    <nav className="navbar navbar-expand-md navbar-light">
+                        <Link href="/it-startup">
+                            <a onClick={toggleNavbar} className="navbar-brand">
+                                <img src="/images/logo.png" alt="logo" />
+                            </a>
+                        </Link>
+
+                        <button 
+                            onClick={toggleNavbar} 
+                            className={classTwo}
+                            type="button" 
+                            data-toggle="collapse" 
+                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 
+                            aria-expanded="false" 
+                            aria-label="Toggle navigation"
+                        >
+                            <span className="icon-bar top-bar"></span>
+                            <span className="icon-bar middle-bar"></span>
+                            <span className="icon-bar bottom-bar"></span>
+                        </button>
+
+                        <div className={classOne} id="navbarSupportedContent">
+                            <ul className="navbar-nav">
+                                <li className="nav-item">
+                                    <Link href="/#" activeClassName="active">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Home <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/it-startup" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IT Startup</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/it-startup-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IT Startup Two</a>
+                                            </Link>
+                                        </li>
+ 
+                                        <li className="nav-item">
+                                            <Link href="/iot" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IOT</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/hosting" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Hosting</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/machine-learning" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Machine Learning</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/machine-learning-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Machine Learning 2</a>
+                                            </Link>
+                                        </li> 
+
+                                        <li className="nav-item">
+                                            <Link href="/bigdata-analytics" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Bigdata Analytics</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/digital-agency" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Digital Agency</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/digital-agency-portfolio" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Digital Agency Portfolio</a>
+                                            </Link>
+                                        </li>
+  
+                                        <li className="nav-item">
+                                            <Link href="/pc-repair" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">PC Repair</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            About <Icon.ChevronDown />
+                                        </a>
+                                    </Link> 
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/about-1" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 1</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-3" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 3</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Pages <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Features <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/features" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Features</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/feature-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Features Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Services <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/services-1" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-2" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 2</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-3" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 3</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-4" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 4</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-5" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 5</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/service-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/feedback" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Feedback</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Projects <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/projects-1" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/projects-2" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/project-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/team" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Team</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/pricing" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Pricing</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    User <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/login" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Login</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/sign-up" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Sign Up</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/forgot-password" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Forgot Password</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+                                    
+                                        <li className="nav-item">
+                                            <Link href="/faq" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">FAQ's</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/coming-soon" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Coming Soon</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/404" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">404 Error Page</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#" activeClassName="active">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Shop <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/shop" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Shop</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/product-details" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Products Details</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/cart" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Cart</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/checkout" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Checkout</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Blog <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/blog-1" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-3" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-4" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-5" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid 3</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-6" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar 3</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-details" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Details</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/contact" activeClassName="active">
+                                        <a onClick={toggleNavbar} className="nav-link">Contact</a>
+                                    </Link>
+                                </li>
+                            </ul>
+                        </div>
+
+                        <div className="others-option">
+                            <Link href="/contact">
+							    <a className="btn btn-gradient">Contact Us</a>
+                            </Link>
+						</div>
+                    </nav>
+                </div>
+            </div>
+        </header>
+    );
+}
+
+export default NavbarStyleFive;

components/_App/NavbarStyleFour.js

@@ -0,0 +1,435 @@
+import React, { useState } from "react";
+import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+const NavbarStyleFour = () => {
+    const [menu, setMenu] = React.useState(true)
+ 
+    const toggleNavbar = () => {
+        setMenu(!menu)
+    }
+
+    React.useEffect(() => {
+        let elementId = document.getElementById("header");
+        document.addEventListener("scroll", () => {
+            if (window.scrollY > 170) {
+                elementId.classList.add("is-sticky");
+            } else {
+                elementId.classList.remove("is-sticky");
+            }
+        });
+        window.scrollTo(0, 0); 
+    })
+ 
+    const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+    const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+    return (
+        <header id="header" className="headroom navbar-color-white navbar-style-four">
+            <div className="startp-nav">
+                <div className="container">
+                    <nav className="navbar navbar-expand-md navbar-light">
+                        <Link href="/it-startup">
+                            <a onClick={toggleNavbar} className="navbar-brand">
+                                <img src="/images/logo-white.png" alt="logo" />
+                            </a>
+                        </Link>
+
+                        <button 
+                            onClick={toggleNavbar} 
+                            className={classTwo}
+                            type="button" 
+                            data-toggle="collapse" 
+                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 
+                            aria-expanded="false" 
+                            aria-label="Toggle navigation"
+                        >
+                            <span className="icon-bar top-bar"></span>
+                            <span className="icon-bar middle-bar"></span>
+                            <span className="icon-bar bottom-bar"></span>
+                        </button>
+
+                        <div className={classOne} id="navbarSupportedContent">
+                            <ul className="navbar-nav ms-auto">
+                                <li className="nav-item">
+                                    <Link href="/#" activeClassName="active">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Home <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/it-startup" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IT Startup</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/it-startup-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IT Startup Two</a>
+                                            </Link>
+                                        </li>
+ 
+                                        <li className="nav-item">
+                                            <Link href="/iot" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IOT</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/hosting" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Hosting</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/machine-learning" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Machine Learning</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/machine-learning-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Machine Learning 2</a>
+                                            </Link>
+                                        </li> 
+
+                                        <li className="nav-item">
+                                            <Link href="/bigdata-analytics" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Bigdata Analytics</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/digital-agency" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Digital Agency</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/digital-agency-portfolio" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Digital Agency Portfolio</a>
+                                            </Link>
+                                        </li>
+  
+                                        <li className="nav-item">
+                                            <Link href="/pc-repair" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">PC Repair</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            About <Icon.ChevronDown />
+                                        </a>
+                                    </Link> 
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/about-1" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 1</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-3" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 3</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Pages <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Features <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/features" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Features</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/feature-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Features Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Services <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/services-1" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-2" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 2</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-3" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 3</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-4" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 4</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-5" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 5</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/service-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/feedback" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Feedback</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Projects <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/projects-1" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/projects-2" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/project-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/team" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Team</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/pricing" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Pricing</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    User <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/login" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Login</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/sign-up" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Sign Up</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/forgot-password" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Forgot Password</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+                                    
+                                        <li className="nav-item">
+                                            <Link href="/faq" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">FAQ's</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/coming-soon" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Coming Soon</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/404" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">404 Error Page</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#" activeClassName="active">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Shop <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/shop" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Shop</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/product-details" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Products Details</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/cart" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Cart</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/checkout" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Checkout</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Blog <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/blog-1" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-3" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-4" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-5" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid 3</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-6" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar 3</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-details" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Details</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/contact" activeClassName="active">
+                                        <a onClick={toggleNavbar} className="nav-link">Contact</a>
+                                    </Link>
+                                </li>
+                            </ul>
+                        </div>
+
+                        <div className="others-option">
+                            <Link href="/cart">
+                                <a className="cart-wrapper-btn">
+                                    <Icon.ShoppingCart /> 
+                                    <span>0</span>
+                                </a>
+                            </Link>
+
+                            <Link href="/contact">
+							    <a className="btn btn-primary">Support</a>
+                            </Link>
+						</div>
+                    </nav>
+                </div>
+            </div>
+        </header>
+    );
+}
+
+export default NavbarStyleFour;

components/_App/NavbarStyleSix.js

@@ -0,0 +1,439 @@
+import React, { useState } from "react";
+import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+const NavbarStyleSix = () => {
+    const [menu, setMenu] = React.useState(true)
+ 
+    const toggleNavbar = () => {
+        setMenu(!menu)
+    }
+
+    React.useEffect(() => {
+        let elementId = document.getElementById("header");
+        document.addEventListener("scroll", () => {
+            if (window.scrollY > 170) {
+                elementId.classList.add("is-sticky");
+            } else {
+                elementId.classList.remove("is-sticky");
+            }
+        });
+        window.scrollTo(0, 0); 
+    })
+ 
+    const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+    const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+    return (
+        <header id="header" className="headroom navbar-style-three">
+            <div className="startp-nav">
+                <div className="container-fluid">
+                    <nav className="navbar navbar-expand-md navbar-light">
+                        <Link href="/it-startup">
+                            <a onClick={toggleNavbar} className="navbar-brand">
+                                <img src="/images/logo.png" alt="logo" />
+                            </a>
+                        </Link>
+
+                        <button 
+                            onClick={toggleNavbar} 
+                            className={classTwo}
+                            type="button" 
+                            data-toggle="collapse" 
+                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 
+                            aria-expanded="false" 
+                            aria-label="Toggle navigation"
+                        >
+                            <span className="icon-bar top-bar"></span>
+                            <span className="icon-bar middle-bar"></span>
+                            <span className="icon-bar bottom-bar"></span>
+                        </button>
+
+                        <div className={classOne} id="navbarSupportedContent">
+                            <ul className="navbar-nav m-auto">
+                                <li className="nav-item">
+                                    <Link href="/#" activeClassName="active">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Home <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/it-startup" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IT Startup</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/it-startup-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IT Startup Two</a>
+                                            </Link>
+                                        </li>
+ 
+                                        <li className="nav-item">
+                                            <Link href="/iot" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IOT</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/hosting" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Hosting</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/machine-learning" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Machine Learning</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/machine-learning-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Machine Learning 2</a>
+                                            </Link>
+                                        </li> 
+
+                                        <li className="nav-item">
+                                            <Link href="/bigdata-analytics" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Bigdata Analytics</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/digital-agency" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Digital Agency</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/digital-agency-portfolio" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Digital Agency Portfolio</a>
+                                            </Link>
+                                        </li>
+  
+                                        <li className="nav-item">
+                                            <Link href="/pc-repair" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">PC Repair</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            About <Icon.ChevronDown />
+                                        </a>
+                                    </Link> 
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/about-1" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 1</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-3" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 3</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Pages <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Features <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/features" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Features</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/feature-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Features Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Services <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/services-1" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-2" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 2</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-3" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 3</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-4" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 4</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-5" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 5</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/service-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/feedback" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Feedback</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Projects <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/projects-1" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/projects-2" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/project-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/team" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Team</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/pricing" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Pricing</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    User <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/login" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Login</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/sign-up" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Sign Up</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/forgot-password" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Forgot Password</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+                                    
+                                        <li className="nav-item">
+                                            <Link href="/faq" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">FAQ's</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/coming-soon" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Coming Soon</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/404" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">404 Error Page</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#" activeClassName="active">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Shop <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/shop" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Shop</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/product-details" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Products Details</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/cart" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Cart</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/checkout" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Checkout</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Blog <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/blog-1" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-3" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-4" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-5" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid 3</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-6" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar 3</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-details" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Details</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/contact" activeClassName="active">
+                                        <a onClick={toggleNavbar} className="nav-link">Contact</a>
+                                    </Link>
+                                </li>
+                            </ul>
+                        </div>
+
+                        <div className="others-option">
+                            <Link href="/cart">
+                                <a className="cart-wrapper-btn">
+                                    <Icon.ShoppingCart /> 
+                                    <span>0</span>
+                                </a>
+                            </Link>
+
+                            <Link href="/contact">
+							    <a className="btn btn-light">Support</a>
+                            </Link>
+
+                            <Link href="/login">
+							    <a className="btn btn-primary">Login</a>
+                            </Link>
+						</div>
+                    </nav>
+                </div>
+            </div>
+        </header>
+    );
+}
+
+export default NavbarStyleSix;

components/_App/NavbarStyleThree.js

@@ -0,0 +1,439 @@
+import React, { useState } from "react";
+import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+const NavbarStyleThree = () => {
+    const [menu, setMenu] = React.useState(true)
+ 
+    const toggleNavbar = () => {
+        setMenu(!menu)
+    }
+
+    React.useEffect(() => {
+        let elementId = document.getElementById("header");
+        document.addEventListener("scroll", () => {
+            if (window.scrollY > 170) {
+                elementId.classList.add("is-sticky");
+            } else {
+                elementId.classList.remove("is-sticky");
+            }
+        });
+        window.scrollTo(0, 0); 
+    })
+ 
+    const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+    const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+    return (
+        <header id="header" className="headroom navbar-style-three">
+            <div className="startp-nav">
+                <div className="container-fluid">
+                    <nav className="navbar navbar-expand-md navbar-light">
+                        <Link href="/it-startup">
+                            <a onClick={toggleNavbar} className="navbar-brand">
+                                <img src="/images/logo.png" alt="logo" />
+                            </a>
+                        </Link>
+
+                        <button 
+                            onClick={toggleNavbar} 
+                            className={classTwo}
+                            type="button" 
+                            data-toggle="collapse" 
+                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 
+                            aria-expanded="false" 
+                            aria-label="Toggle navigation"
+                        >
+                            <span className="icon-bar top-bar"></span>
+                            <span className="icon-bar middle-bar"></span>
+                            <span className="icon-bar bottom-bar"></span>
+                        </button>
+
+                        <div className={classOne} id="navbarSupportedContent">
+                            <ul className="navbar-nav ms-auto">
+                                <li className="nav-item">
+                                    <Link href="/#" activeClassName="active">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Home <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/it-startup" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IT Startup</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/it-startup-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IT Startup Two</a>
+                                            </Link>
+                                        </li>
+ 
+                                        <li className="nav-item">
+                                            <Link href="/iot" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IOT</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/hosting" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Hosting</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/machine-learning" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Machine Learning</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/machine-learning-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Machine Learning 2</a>
+                                            </Link>
+                                        </li> 
+
+                                        <li className="nav-item">
+                                            <Link href="/bigdata-analytics" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Bigdata Analytics</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/digital-agency" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Digital Agency</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/digital-agency-portfolio" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Digital Agency Portfolio</a>
+                                            </Link>
+                                        </li>
+  
+                                        <li className="nav-item">
+                                            <Link href="/pc-repair" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">PC Repair</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            About <Icon.ChevronDown />
+                                        </a>
+                                    </Link> 
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/about-1" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 1</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-3" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 3</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Pages <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Features <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/features" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Features</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/feature-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Features Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Services <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/services-1" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-2" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 2</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-3" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 3</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-4" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 4</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-5" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 5</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/service-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/feedback" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Feedback</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Projects <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/projects-1" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/projects-2" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/project-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/team" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Team</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/pricing" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Pricing</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    User <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/login" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Login</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/sign-up" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Sign Up</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/forgot-password" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Forgot Password</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+                                    
+                                        <li className="nav-item">
+                                            <Link href="/faq" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">FAQ's</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/coming-soon" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Coming Soon</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/404" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">404 Error Page</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#" activeClassName="active">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Shop <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/shop" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Shop</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/product-details" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Products Details</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/cart" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Cart</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/checkout" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Checkout</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Blog <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/blog-1" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-3" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-4" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-5" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid 3</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-6" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar 3</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-details" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Details</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/contact" activeClassName="active">
+                                        <a onClick={toggleNavbar} className="nav-link">Contact</a>
+                                    </Link>
+                                </li>
+                            </ul>
+                        </div>
+
+                        <div className="others-option">
+                            <Link href="/cart">
+                                <a className="cart-wrapper-btn">
+                                    <Icon.ShoppingCart /> 
+                                    <span>0</span>
+                                </a>
+                            </Link>
+
+                            <Link href="/contact">
+							    <a className="btn btn-light">Support</a>
+                            </Link>
+
+                            <Link href="/login">
+							    <a className="btn btn-primary">Login</a>
+                            </Link>
+						</div>
+                    </nav>
+                </div>
+            </div>
+        </header>
+    );
+}
+
+export default NavbarStyleThree;

components/_App/NavbarStyleTwo.js

@@ -0,0 +1,439 @@
+import React, { useState } from "react";
+import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+const NavbarStyleTwo = () => {
+    const [menu, setMenu] = React.useState(true)
+ 
+    const toggleNavbar = () => {
+        setMenu(!menu)
+    }
+
+    React.useEffect(() => {
+        let elementId = document.getElementById("header");
+        document.addEventListener("scroll", () => {
+            if (window.scrollY > 170) {
+                elementId.classList.add("is-sticky");
+            } else {
+                elementId.classList.remove("is-sticky");
+            }
+        });
+        window.scrollTo(0, 0); 
+    })
+ 
+    const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+    const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+    return (
+        <header id="header" className="headroom navbar-style-two">
+            <div className="startp-nav">
+                <div className="container">
+                    <nav className="navbar navbar-expand-md navbar-light">
+                        <Link href="/it-startup">
+                            <a onClick={toggleNavbar} className="navbar-brand">
+                                <img src="/images/logo.png" alt="logo" />
+                            </a>
+                        </Link>
+
+                        <button 
+                            onClick={toggleNavbar} 
+                            className={classTwo}
+                            type="button" 
+                            data-toggle="collapse" 
+                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 
+                            aria-expanded="false" 
+                            aria-label="Toggle navigation"
+                        >
+                            <span className="icon-bar top-bar"></span>
+                            <span className="icon-bar middle-bar"></span>
+                            <span className="icon-bar bottom-bar"></span>
+                        </button>
+
+                        <div className={classOne} id="navbarSupportedContent">
+                            <ul className="navbar-nav ms-auto">
+                                <li className="nav-item">
+                                    <Link href="/#" activeClassName="active">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Home <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/it-startup" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IT Startup</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/it-startup-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IT Startup Two</a>
+                                            </Link>
+                                        </li>
+ 
+                                        <li className="nav-item">
+                                            <Link href="/iot" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">IOT</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/hosting" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Hosting</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/machine-learning" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Machine Learning</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/machine-learning-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Machine Learning 2</a>
+                                            </Link>
+                                        </li> 
+
+                                        <li className="nav-item">
+                                            <Link href="/bigdata-analytics" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Bigdata Analytics</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/digital-agency" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Digital Agency</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/digital-agency-portfolio" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Digital Agency Portfolio</a>
+                                            </Link>
+                                        </li>
+  
+                                        <li className="nav-item">
+                                            <Link href="/pc-repair" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">PC Repair</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            About <Icon.ChevronDown />
+                                        </a>
+                                    </Link> 
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/about-1" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 1</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/about-3" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">About Style 3</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Pages <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Features <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/features" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Features</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/feature-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Features Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Services <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/services-1" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-2" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 2</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-3" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 3</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-4" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 4</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/services-5" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Style 5</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/service-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Services Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/feedback" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Feedback</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    Projects <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/projects-1" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/projects-2" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Style 1</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/project-details" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Project Details</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/team" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Team</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/pricing" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Pricing</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/#" activeClassName="active">
+                                                <a onClick={e => e.preventDefault()} className="nav-link">
+                                                    User <Icon.ChevronDown />
+                                                </a>
+                                            </Link>
+
+                                            <ul className="dropdown-menu">
+                                                <li className="nav-item">
+                                                    <Link href="/login" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Login</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/sign-up" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Sign Up</a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
+                                                    <Link href="/forgot-password" activeClassName="active">
+                                                        <a onClick={toggleNavbar} className="nav-link">Forgot Password</a>
+                                                    </Link>
+                                                </li>
+                                            </ul>
+                                        </li>
+                                    
+                                        <li className="nav-item">
+                                            <Link href="/faq" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">FAQ's</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/coming-soon" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Coming Soon</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/404" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">404 Error Page</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#" activeClassName="active">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Shop <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/shop" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Shop</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/product-details" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Products Details</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/cart" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Cart</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/checkout" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Checkout</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/#">
+                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                            Blog <Icon.ChevronDown />
+                                        </a>
+                                    </Link>
+
+                                    <ul className="dropdown-menu">
+                                        <li className="nav-item">
+                                            <Link href="/blog-1" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-2" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-3" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-4" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar 2</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-5" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Grid 3</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-6" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Right Sidebar 3</a>
+                                            </Link>
+                                        </li>
+
+                                        <li className="nav-item">
+                                            <Link href="/blog-details" activeClassName="active">
+                                                <a onClick={toggleNavbar} className="nav-link">Blog Details</a>
+                                            </Link>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                                <li className="nav-item">
+                                    <Link href="/contact" activeClassName="active">
+                                        <a onClick={toggleNavbar} className="nav-link">Contact</a>
+                                    </Link>
+                                </li>
+                            </ul>
+                        </div>
+
+                        <div className="others-option">
+                            <Link href="/cart">
+                                <a className="cart-wrapper-btn">
+                                    <Icon.ShoppingCart /> 
+                                    <span>0</span>
+                                </a>
+                            </Link>
+
+                            <Link href="/contact">
+							    <a className="btn btn-light">Support</a>
+                            </Link>
+
+                            <Link href="/login">
+							    <a className="btn btn-primary">Login</a>
+                            </Link>
+						</div>
+                    </nav>
+                </div>
+            </div>
+        </header>
+    );
+}
+
+export default NavbarStyleTwo;

config/apollo-config.js

@@ -0,0 +1,6 @@
+// Apollo Value Configuration
+const ApolloConfig = {
+  graphql_uri: process.env.API_GRAPHQL_URI,
+};
+
+export default ApolloConfig;

jsconfig.json

@@ -0,0 +1,10 @@
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "paths": {
+            "@/components/*": ["components/*"],
+            "@/utils/*": ["utils/*"],
+            "@/public/*": ["public/*"]
+        }
+    }
+}

lib/apollo.js

@@ -0,0 +1,80 @@
+import {
+  ApolloClient,
+  InMemoryCache,
+  gql,
+  useQuery,
+  createHttpLink,
+} from "@apollo/client";
+import ApolloConfig from "../config/apollo-config";
+import fetch from "cross-fetch";
+
+function errorHandler(object) {
+  return object.graphQLErrors.length != 0
+    ? object.graphQLErrors[0].message
+    : object.networkError && object.networkError.result
+    ? object.networkError.result.errors.join(" ; ")
+    : object.networkError
+    ? object.networkError[Object.keys(object.networkError)[0]].toString()
+    : "Fetch failed";
+}
+
+function initApollo(token) {
+  const httpLink = createHttpLink({
+    uri: ApolloConfig.graphql_uri,
+    fetch: fetch,
+    headers:
+      token != ""
+        ? {
+            Authorization: `Bearer ${token}`,
+          }
+        : null,
+  });
+  return new ApolloClient({
+    ssrMode: false,
+    cache: new InMemoryCache({
+      addTypename: false,
+    }),
+    link: httpLink,
+  });
+}
+
+async function query(query, token = "", variables = {}, cache = false) {
+  const client = initApollo(token);
+  var res;
+  try {
+    var sql = await client.query({
+      query: gql`
+        ${query}
+      `,
+      variables: variables,
+      fetchPolicy: cache ? "cache-first" : "no-cache",
+    });
+    res = { STATUS: 1, DATA: sql.data };
+  } catch (e) {
+    res = { STATUS: 0, DATA: errorHandler(e) };
+  }
+  return res;
+}
+
+async function mutation(mutation, token = "", variables = {}) {
+  const client = initApollo(token);
+  var res;
+  try {
+    var sql = await client.mutate({
+      mutation: gql`
+        ${mutation}
+      `,
+      variables: variables,
+    });
+    res = { STATUS: 1, DATA: sql.data };
+  } catch (e) {
+    console.log(e.networkError.result);
+    res = { STATUS: 0, DATA: errorHandler(e) };
+  }
+  return res;
+}
+
+module.exports = {
+  query: query,
+  mutation: mutation,
+};

next.config.js

@@ -0,0 +1,12 @@
+const path = require('path')
+
+module.exports = {
+    sassOptions: {
+        includePaths: [path.join(__dirname, 'styles')],
+    },
+    trailingSlash: true,
+    i18n: {
+        locales: ['en', 'ar'],
+        defaultLocale: 'en',
+    },
+}

package.json

@@ -0,0 +1,37 @@
+{
+    "name": "startp",
+    "version": "3.2.0",
+    "description": "StartP - React Next IT Startups & Digital Services Template",
+    "main": "index.js",
+    "scripts": {
+        "dev": "next dev",
+        "build": "next build",
+        "start": "next start"
+    },
+    "author": "EnvyTheme.com",
+    "dependencies": {
+        "animate.css": "^4.1.1",
+        "axios": "^0.21.1",
+        "next": "^10.0.7",
+        "nodemailer": "^6.5.0",
+        "nodemailer-sendgrid-transport": "^0.2.0",
+        "react": "^17.0.1",
+        "react-accessible-accordion": "^3.3.4",
+        "react-dom": "^17.0.1",
+        "react-feather": "^2.0.9",
+        "react-hook-form": "^6.15.4",
+        "react-masonry-component": "^6.2.1",
+        "react-owl-carousel3": "^2.2.5",
+        "react-redux": "^7.1.0",
+        "react-slick": "^0.28.0",
+        "react-tabs": "^3.2.0",
+        "react-toast-notifications": "^2.4.3",
+        "react-zoom-slider": "^0.1.0",
+        "redux": "^3.6.0",
+        "redux-devtools-extension": "^2.13.2",
+        "sass": "^1.32.7",
+        "sweetalert2": "^10.15.5",
+        "sweetalert2-react-content": "^3.3.1"
+    },
+    "license": "MIT"
+}

pages/404.js

@@ -0,0 +1,28 @@
+import React from 'react'
+import Link from 'next/link'
+
+const Custom404 = () => {
+    return (
+		<div className="error-area">
+			<div className="d-table">
+				<div className="d-table-cell">
+					<div className="container">
+						<div className="error-content">
+							<div className="notfound-404">
+								<h1>Oops!</h1>
+							</div>
+							<h3>404 - Page not found</h3>
+							<p>The page you are looking for might have been removed had its name changed or is temporarily unavailable.</p>
+
+							<Link href="/">
+								<a className="btn btn-primary">Go to Homepage</a>
+							</Link>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+    )
+}
+
+export default Custom404

pages/Accomodation/Superior.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import Navbar from "@/components/_App/NavbarHome";
+import Footer from "@/components/_App/Footer";
+import PageBanner from '@/components/Common/PageBanner'; 
+
+import SuperiorContent from '@/components/Accomodation/Superior';
+ 
+const BlogDetails = () => {
+    return (
+        <>
+            <Navbar />
+
+            <PageBanner pageTitle="Superior Room" /> 
+
+            <SuperiorContent />
+
+            <Footer />
+        </>
+    )
+}
+
+export default BlogDetails;

pages/_app.js

@@ -0,0 +1,35 @@
+import '@/public/css/bootstrap.min.css'
+import 'animate.css'
+import '@/public/css/boxicons.min.css'
+import '@/public/css/flaticon.css'
+import "@/public/css/slick.css"
+import 'react-accessible-accordion/dist/fancy-example.css'
+import '@/public/css/style.css'
+import '@/public/css/responsive.css'
+
+// Multicolor if you want this color comment out 
+// import '@/public/css/colors/brink-pink-style.css'
+// import '@/public/css/colors/pink-style.css'
+// import '@/public/css/colors/purple-style.css'  
+
+import Layout from '@/components/_App/Layout'
+import { Provider } from 'react-redux'
+import { ToastProvider } from 'react-toast-notifications'
+import { useStore } from '../store'
+
+export default function App({ Component, pageProps }) {
+    const store = useStore(pageProps.initialReduxState)
+
+    return (
+        <ToastProvider 
+            placement = "bottom-left"
+            autoDismissTimeout={6000}
+            autoDismiss
+        >
+            <Provider store={store}>
+                <Layout />
+                <Component {...pageProps} />
+            </Provider>
+        </ToastProvider>
+    )
+}

pages/_document.js

@@ -0,0 +1,27 @@
+import Document, { Html, Head, Main, NextScript, DocumentContext } from 'next/document'
+
+class MyDocument extends Document {
+
+    static async getInitialProps(ctx) {
+        const initialProps = await Document.getInitialProps(ctx);
+        return { ...initialProps }
+    }
+
+    render() {
+        const {locale} = this.props.__NEXT_DATA__ 
+        const dir = locale === 'ar' ? 'rtl' : 'ltr';
+        return (
+            <Html>
+                <Head>
+                    <link rel="icon" type="image/png" href="/images/favicon.png"></link>
+                </Head>
+                <body dir={dir} lang={locale}>
+                    <Main />
+                    <NextScript />
+                </body>
+            </Html>
+        )
+    }
+}
+
+export default MyDocument;

pages/api/auth/login.js

@@ -0,0 +1,41 @@
+import auth from "api/auth/auth";
+import Cookies from "cookies";
+
+export default async function handler(req, res) {
+    if (req.method == "POST") {
+        const cookies = new Cookies(req, res);
+        var email = req.body.email;
+        var pass = req.body.pass;
+        var partner = req.body.partner;
+        var resp = await auth.login(partner, email, pass);
+        var login = resp["res"];
+        // console.log(login["DATA"]);
+        if (login["STATUS"] == 0) {
+            return res
+                .status(400)
+                .send(login["DATA"] + ". Check user and password again.");
+        }
+        var userObj = resp["cookies"]["user"];
+        await cookies.set("myToken", resp["cookies"]["token"], {
+            httpOnly: true, // true by default
+        });
+        await cookies.set("user", JSON.stringify(userObj), {
+            httpOnly: true, // true by default
+        });
+        let sessionId = userObj["partners_login_states"].filter(
+            (i) =>
+                i.business_partner &&
+                i.business_partner.name.toUpperCase() == partner.toUpperCase()
+        );
+        if (sessionId.length == 0) return res.status(400).send("Login Failed");
+        return res.status(200).send("Success Login");
+        // res.status(200).json(login);
+        // res.writeHead(200, {
+        //     Location: "../home",
+        //     //add other headers here...
+        // });
+        // res.end();
+    } else {
+        return res.status(400).send("NOT FOUND");
+    }
+}

pages/api/auth/logout.js

@@ -0,0 +1,36 @@
+import auth from "../../../api/auth/auth";
+import Cookies from "cookies";
+
+export default async function handler(req, res) {
+    if (req.method == "POST") {
+        const cookies = new Cookies(req, res);
+        const partner = req.body.p;
+        var user = await cookies.get("user");
+        var token = await cookies.get("myToken");
+        var userObj = user ? JSON.parse(user) : null;
+        let sessionId = userObj["partners_login_states"].filter(
+            (i) =>
+                i.business_partner &&
+                i.business_partner.name.toUpperCase() == partner.toUpperCase()
+        );
+        sessionId.forEach(async (i) => {
+            var resp = await auth.logout(i.id, token);
+            if (resp["STATUS"] == 0) {
+                return res.status(400).send(resp["DATA"]);
+            }
+        });
+        userObj["partners_login_states"] = userObj[
+            "partners_login_states"
+        ].filter(
+            (i) =>
+                i.business_partner &&
+                i.business_partner.name.toUpperCase() != partner.toUpperCase()
+        );
+        await cookies.set("user", JSON.stringify(userObj), {
+            httpOnly: true, // true by default
+        });
+        return res.status(200).send("Success Logout");
+    } else {
+        return res.status(400).send("NOT FOUND");
+    }
+}

pages/api/contact.js

@@ -0,0 +1,38 @@
+import nodemailer from 'nodemailer';
+import sgTransport from 'nodemailer-sendgrid-transport';
+
+const transporter = {
+    auth: {
+        // Use SendGrid API key 
+        api_key: '##'
+    }
+}
+
+const mailer = nodemailer.createTransport(sgTransport(transporter));
+
+export default async (req, res) => {
+    console.log(req.body)
+    const {name, email, number, subject, text} = req.body;
+
+    const data = {
+        to: 'example@gmail.com',
+        from: email,
+        subject: 'Hi there',
+        text: text,
+        html: `
+            <b>From:</b> ${name} <br /> 
+            <b>Number:</b> ${number} <br /> 
+            <b>Subject:</b> ${subject} <br /> 
+            <b>Message:</b> ${text} 
+        ` 
+    };
+
+    try {
+        const response = await mailer.sendMail(data);
+        console.log(response)
+        res.status(200).send("Email send successfully")
+    } catch (error) {
+        console.log(error);
+        res.status(500).send("Error proccessing charge");
+    }
+}

pages/api/register/create.js

@@ -0,0 +1,7 @@
+import Register from "api/auth/auth";
+
+export default async function handler(req, resp) {
+    var input = req.body;
+    var res = await Register.register(input);
+    resp.status(200).json(res);
+}

pages/api/transaction/AddToCart.js

@@ -0,0 +1,7 @@
+import Transaction from "../../../api/transaction/transaction";
+
+export default async function handler(req, resp) {
+    var input = req.body;
+    var res = await Transaction.AddToCart(input);
+    resp.status(200).json(res);
+}

pages/api/transaction/AddToCheckout.js

@@ -0,0 +1,7 @@
+import Transaction from "../../../api/transaction/transaction";
+
+export default async function handler(req, resp) {
+    var input = req.body;
+    var res = await Transaction.AddToCheckout(input);
+    resp.status(200).json(res);
+}

pages/api/transaction/create.js

@@ -0,0 +1,7 @@
+import Transaction from "api/transaction/transaction";
+
+export default async function handler(req, resp) {
+    var input = req.body;
+    var res = await Transaction.newTransactionYamaha(input);
+    resp.status(200).json(res);
+}

pages/api/transaction/createHino.js

@@ -0,0 +1,7 @@
+import Transaction from "api/transaction/transaction";
+
+export default async function handler(req, resp) {
+    var input = req.body;
+    var res = await Transaction.newTransactionHino(input);
+    resp.status(200).json(res);
+}

pages/api/transaction/createHonda.js

@@ -0,0 +1,8 @@
+import Transaction from "api/transaction/transaction";
+
+export default async function handler(req, resp) {
+    var input = req.body;
+    var res = await Transaction.newTransactionHonda(input);
+    console.log(input);
+    resp.status(200).json(res);
+}

pages/api/transaction/createSuzuki.js

@@ -0,0 +1,8 @@
+import Transaction from "api/transaction/transaction";
+
+export default async function handler(req, resp) {
+    var input = req.body;
+    var res = await Transaction.newTransactionSuzuki(input);
+    console.log(input);
+    resp.status(200).json(res);
+}

pages/booking/index.js

@@ -0,0 +1,264 @@
+import React from 'react';
+import Navbar from "@/components/_App/Navbar";
+import Footer from "@/components/_App/Footer";
+import PageBanner from '@/components/Common/PageBanner'; 
+import * as Icon from 'react-feather';
+ 
+const Checkout = () => {
+    return (
+        <>
+            <Navbar />
+
+            <PageBanner pageTitle="Checkout" />
+
+            <div className="checkout-area ptb-80">
+                <div className="container">
+                    <div className="row">
+                        <div className="col-lg-12 col-md-12">
+                            <div className="user-actions">
+                                <Icon.Edit />
+                                <span>Returning customer? <a href="#">Click here to login</a></span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <form>
+                        <div className="row">
+                            <div className="col-lg-6 col-md-12">
+                                <div className="billing-details">
+                                    <h3 className="title">Billing Details</h3>
+
+                                    <div className="row">
+                                        <div className="col-lg-12 col-md-12">
+                                            <div className="form-group">
+                                                <label>Country <span className="required">*</span></label>
+                                            
+                                                <div className="select-box">
+                                                    <select className="form-select">
+                                                        <option value="1">United Arab Emirates</option>
+                                                        <option value="2">China</option>
+                                                        <option value="3">United Kingdom</option>
+                                                        <option value="4">Germany</option>
+                                                        <option value="5">France</option>
+                                                        <option value="6">Japan</option>
+                                                    </select>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-6 col-md-6">
+                                            <div className="form-group">
+                                                <label>First Name <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-6 col-md-6">
+                                            <div className="form-group">
+                                                <label>Last Name <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-12 col-md-12">
+                                            <div className="form-group">
+                                                <label>Company Name</label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-12 col-md-6">
+                                            <div className="form-group">
+                                                <label>Address <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-12 col-md-6">
+                                            <div className="form-group">
+                                                <label>Town / City <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-6 col-md-6">
+                                            <div className="form-group">
+                                                <label>State / County <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-6 col-md-6">
+                                            <div className="form-group">
+                                                <label>Postcode / Zip <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-6 col-md-6">
+                                            <div className="form-group">
+                                                <label>Email Address <span className="required">*</span></label>
+                                                <input type="email" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-6 col-md-6">
+                                            <div className="form-group">
+                                                <label>Phone <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-12 col-md-12">
+                                            <div className="form-check">
+                                                <input type="checkbox" className="form-check-input" id="create-an-account" />
+                                                <label className="form-check-label" htmlFor="create-an-account">Create an account?</label>
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-12 col-md-12">
+                                            <div className="form-check">
+                                                <input type="checkbox" className="form-check-input" id="ship-different-address" />
+                                                <label className="form-check-label" htmlFor="ship-different-address">Ship to a different address?</label>
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-12 col-md-12">
+                                            <div className="form-group">
+                                                <textarea name="notes" id="notes" cols="30" rows="4" placeholder="Order Notes" className="form-control"></textarea>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div className="col-lg-6 col-md-12">
+                                <div className="order-details">
+                                    <h3 className="title">Your Order</h3>
+
+                                    <div className="order-table table-responsive">
+                                        <table className="table table-bordered">
+                                            <thead>
+                                                <tr>
+                                                    <th scope="col">Product Name</th>
+                                                    <th scope="col">Total</th>
+                                                </tr>
+                                            </thead>
+
+                                            <tbody>
+                                                <tr>
+                                                    <td className="product-name">
+                                                        <a href="#">Smart Watch</a>
+                                                    </td>
+
+                                                    <td className="product-total">
+                                                        <span className="subtotal-amount">$30.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="product-name">
+                                                        <a href="#">TV</a>
+                                                    </td>
+
+                                                    <td className="product-total">
+                                                        <span className="subtotal-amount">$30.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="product-name">
+                                                        <a href="#">Book</a>
+                                                    </td>
+
+                                                    <td className="product-total">
+                                                        <span className="subtotal-amount">$30.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="product-name">
+                                                        <a href="#">Smart Watch</a>
+                                                    </td>
+
+                                                    <td className="product-total">
+                                                        <span className="subtotal-amount">$30.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="product-name">
+                                                        <a href="#">TV</a>
+                                                    </td>
+
+                                                    <td className="product-total">
+                                                        <span className="subtotal-amount">$30.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="product-name">
+                                                        <a href="#">Book</a>
+                                                    </td>
+
+                                                    <td className="product-total">
+                                                        <span className="subtotal-amount">$30.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="order-subtotal">
+                                                        <span>Cart Subtotal</span>
+                                                    </td>
+
+                                                    <td className="order-subtotal-price">
+                                                        <span className="order-subtotal-amount">$210.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="order-shipping">
+                                                        <span>Shipping</span>
+                                                    </td>
+
+                                                    <td className="shipping-price">
+                                                        <span>$5.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="total-price">
+                                                        <span>Order Total</span>
+                                                    </td>
+
+                                                    <td className="product-subtotal">
+                                                        <span className="subtotal-amount">$215.00</span>
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </div>
+
+                                    <div className="payment-method">
+                                        <p>
+                                            <input type="radio" id="direct-bank-transfer" name="radio-group" defaultChecked />
+                                            <label htmlFor="direct-bank-transfer">Direct Bank Transfer</label>
+
+                                            Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order will not be shipped until the funds have cleared in our account.
+                                        </p>
+                                        <p>
+                                            <input type="radio" id="paypal" name="radio-group" />
+                                            <label htmlFor="paypal">PayPal</label>
+                                        </p>
+                                        <p>
+                                            <input type="radio" id="cash-on-delivery" name="radio-group" />
+                                            <label htmlFor="cash-on-delivery">Cash on Delivery</label>
+                                        </p>
+                                    </div>
+
+                                    <a href="#" className="btn btn-primary order-btn">Place Order</a>
+                                </div>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+ 
+            <Footer />
+        </>
+    )
+}
+
+export default Checkout;

pages/checkout.js

@@ -0,0 +1,264 @@
+import React from 'react';
+import Navbar from "@/components/_App/Navbar";
+import Footer from "@/components/_App/Footer";
+import PageBanner from '@/components/Common/PageBanner'; 
+import * as Icon from 'react-feather';
+ 
+const Checkout = () => {
+    return (
+        <>
+            <Navbar />
+
+            <PageBanner pageTitle="Checkout" />
+
+            <div className="checkout-area ptb-80">
+                <div className="container">
+                    <div className="row">
+                        <div className="col-lg-12 col-md-12">
+                            <div className="user-actions">
+                                <Icon.Edit />
+                                <span>Returning customer? <a href="#">Click here to login</a></span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <form>
+                        <div className="row">
+                            <div className="col-lg-6 col-md-12">
+                                <div className="billing-details">
+                                    <h3 className="title">Billing Details</h3>
+
+                                    <div className="row">
+                                        <div className="col-lg-12 col-md-12">
+                                            <div className="form-group">
+                                                <label>Country <span className="required">*</span></label>
+                                            
+                                                <div className="select-box">
+                                                    <select className="form-select">
+                                                        <option value="1">United Arab Emirates</option>
+                                                        <option value="2">China</option>
+                                                        <option value="3">United Kingdom</option>
+                                                        <option value="4">Germany</option>
+                                                        <option value="5">France</option>
+                                                        <option value="6">Japan</option>
+                                                    </select>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-6 col-md-6">
+                                            <div className="form-group">
+                                                <label>First Name <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-6 col-md-6">
+                                            <div className="form-group">
+                                                <label>Last Name <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-12 col-md-12">
+                                            <div className="form-group">
+                                                <label>Company Name</label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-12 col-md-6">
+                                            <div className="form-group">
+                                                <label>Address <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-12 col-md-6">
+                                            <div className="form-group">
+                                                <label>Town / City <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-6 col-md-6">
+                                            <div className="form-group">
+                                                <label>State / County <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-6 col-md-6">
+                                            <div className="form-group">
+                                                <label>Postcode / Zip <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-6 col-md-6">
+                                            <div className="form-group">
+                                                <label>Email Address <span className="required">*</span></label>
+                                                <input type="email" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-6 col-md-6">
+                                            <div className="form-group">
+                                                <label>Phone <span className="required">*</span></label>
+                                                <input type="text" className="form-control" />
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-12 col-md-12">
+                                            <div className="form-check">
+                                                <input type="checkbox" className="form-check-input" id="create-an-account" />
+                                                <label className="form-check-label" htmlFor="create-an-account">Create an account?</label>
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-12 col-md-12">
+                                            <div className="form-check">
+                                                <input type="checkbox" className="form-check-input" id="ship-different-address" />
+                                                <label className="form-check-label" htmlFor="ship-different-address">Ship to a different address?</label>
+                                            </div>
+                                        </div>
+
+                                        <div className="col-lg-12 col-md-12">
+                                            <div className="form-group">
+                                                <textarea name="notes" id="notes" cols="30" rows="4" placeholder="Order Notes" className="form-control"></textarea>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div className="col-lg-6 col-md-12">
+                                <div className="order-details">
+                                    <h3 className="title">Your Order</h3>
+
+                                    <div className="order-table table-responsive">
+                                        <table className="table table-bordered">
+                                            <thead>
+                                                <tr>
+                                                    <th scope="col">Product Name</th>
+                                                    <th scope="col">Total</th>
+                                                </tr>
+                                            </thead>
+
+                                            <tbody>
+                                                <tr>
+                                                    <td className="product-name">
+                                                        <a href="#">Smart Watch</a>
+                                                    </td>
+
+                                                    <td className="product-total">
+                                                        <span className="subtotal-amount">$30.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="product-name">
+                                                        <a href="#">TV</a>
+                                                    </td>
+
+                                                    <td className="product-total">
+                                                        <span className="subtotal-amount">$30.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="product-name">
+                                                        <a href="#">Book</a>
+                                                    </td>
+
+                                                    <td className="product-total">
+                                                        <span className="subtotal-amount">$30.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="product-name">
+                                                        <a href="#">Smart Watch</a>
+                                                    </td>
+
+                                                    <td className="product-total">
+                                                        <span className="subtotal-amount">$30.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="product-name">
+                                                        <a href="#">TV</a>
+                                                    </td>
+
+                                                    <td className="product-total">
+                                                        <span className="subtotal-amount">$30.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="product-name">
+                                                        <a href="#">Book</a>
+                                                    </td>
+
+                                                    <td className="product-total">
+                                                        <span className="subtotal-amount">$30.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="order-subtotal">
+                                                        <span>Cart Subtotal</span>
+                                                    </td>
+
+                                                    <td className="order-subtotal-price">
+                                                        <span className="order-subtotal-amount">$210.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="order-shipping">
+                                                        <span>Shipping</span>
+                                                    </td>
+
+                                                    <td className="shipping-price">
+                                                        <span>$5.00</span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="total-price">
+                                                        <span>Order Total</span>
+                                                    </td>
+
+                                                    <td className="product-subtotal">
+                                                        <span className="subtotal-amount">$215.00</span>
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </div>
+
+                                    <div className="payment-method">
+                                        <p>
+                                            <input type="radio" id="direct-bank-transfer" name="radio-group" defaultChecked />
+                                            <label htmlFor="direct-bank-transfer">Direct Bank Transfer</label>
+
+                                            Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order will not be shipped until the funds have cleared in our account.
+                                        </p>
+                                        <p>
+                                            <input type="radio" id="paypal" name="radio-group" />
+                                            <label htmlFor="paypal">PayPal</label>
+                                        </p>
+                                        <p>
+                                            <input type="radio" id="cash-on-delivery" name="radio-group" />
+                                            <label htmlFor="cash-on-delivery">Cash on Delivery</label>
+                                        </p>
+                                    </div>
+
+                                    <a href="#" className="btn btn-primary order-btn">Place Order</a>
+                                </div>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+ 
+            <Footer />
+        </>
+    )
+}
+
+export default Checkout;

pages/coming-soon.js

@@ -0,0 +1,99 @@
+import React from 'react';
+import * as Icon from 'react-feather';
+
+const ComingSoon = () => {
+	const [days, setDays] = React.useState('');
+    const [hours, setHours] = React.useState('');
+    const [minutes, setMinutes] = React.useState('');
+    const [seconds, setSeconds] = React.useState('');
+
+    React.useEffect(() => {
+        const interval = setInterval(() => { 
+            commingSoonTime();
+        }, 1000);
+        return () => clearInterval(interval);
+    }, [])
+
+    const commingSoonTime = () => {
+        let endTime = new Date("August 23, 2022 17:00:00 PDT");
+        let endTimeParse = (Date.parse(endTime)) / 1000;
+        let now = new Date();
+        let nowParse = (Date.parse(now) / 1000);
+        let timeLeft = endTimeParse - nowParse;
+        let days = Math.floor(timeLeft / 86400); 
+        let hours = Math.floor((timeLeft - (days * 86400)) / 3600);
+        let minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
+        let seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
+        if (hours < "10") { hours = "0" + hours; }
+        if (minutes < "10") { minutes = "0" + minutes; }
+        if (seconds < "10") { seconds = "0" + seconds; }
+        setDays(days);
+        setHours(hours);
+        setMinutes(minutes);
+        setSeconds(seconds);
+    }
+
+    return (
+        <div className="coming-soon-area">
+			<div className="d-table">
+				<div className="d-table-cell">
+					<div className="container">
+						<div className="coming-soon-content">
+                            <h1>Under Construction</h1>
+                            <p>Our website is currently undergoing scheduled maintenance. We Should be back shortly. Thank you for your patience.</p>
+
+                            <form>
+								<input type="email" className="email-input" placeholder="Enter email address" name="email" required />
+			
+								<button type="submit" className="submit-btn">
+									Notify Me
+								</button>
+							</form>
+
+							<div id="timer">
+                                <div id="days">
+                                    {days} <span>Days</span>
+                                </div>
+                                <div id="hours">
+                                    {hours} <span>Hours</span>
+                                </div>
+                                <div id="minutes">
+                                    {minutes} <span>Minutes</span>
+                                </div>
+                                <div id="seconds">
+                                    {seconds} <span>Seconds</span>
+                                </div>
+                            </div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+            <ul className="social-list">
+                <li className="list-heading">Follow us for update:</li>
+                <li>
+                    <a href="#" className="facebook" target="_blank">
+                        <Icon.Facebook />
+                    </a>
+                </li>
+                <li>
+                    <a href="#" className="twitter" target="_blank">
+                        <Icon.Twitter />
+                    </a>
+                </li>
+                <li>
+                    <a href="#" className="linkedin" target="_blank">
+                        <Icon.Linkedin />
+                    </a>
+                </li>
+                <li>
+                    <a href="#" className="instagram" target="_blank">
+                        <Icon.Instagram />
+                    </a>
+                </li>
+            </ul>
+		</div>
+    )
+}
+
+export default ComingSoon;

pages/contactus/index.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import Navbar from "@/components/_App/NavbarHome";
+import Footer from "@/components/_App/Footer";
+import PageBanner from '@/components/Common/PageBanner'; 
+import ContactInfo from '@/components/ContactUs/ContactUs';
+import ContactForm from '@/components/ContactUs/ContactForm';
+
+const Contact = () => {
+    return (
+        <>
+            <Navbar />
+
+            <PageBanner pageTitle="Contact Us" />
+
+            <ContactInfo />
+
+            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4877.20160768357!2d104.7667749109232!3d-2.9676806176934054!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e3b772d29451467%3A0x283d2cd7399d18dd!2sCatania%20BANGAU!5e0!3m2!1sid!2sid!4v1637288512772!5m2!1sid!2sid" width="100%" height="450" allowFullScreen="" loading="lazy"></iframe>
+
+            <ContactForm />
+           
+            <Footer />
+        </>
+    )
+}
+
+export default Contact;

pages/fasilitas/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Navbar from "@/components/_App/NavbarHome";
+import Footer from "@/components/_App/Footer";
+import PageBanner from '@/components/Common/PageBanner';
+import FasilitasContent from '@/components/Fasilitas/Fasilitas';
+ 
+const Services5 = () => {
+    return (
+        <>
+            <Navbar />
+
+            <PageBanner pageTitle="Catania Hotel Facilities" />
+
+            <FasilitasContent />
+
+            <Footer />
+        </>
+    )
+}
+
+export default Services5;

pages/forgot-password.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import Navbar from "@/components/_App/Navbar";
+import Footer from "@/components/_App/Footer";
+import PageBanner from '@/components/Common/PageBanner';
+import Link from 'next/link';
+ 
+const ForgotPassword = () => {
+    return (
+        <>
+            <Navbar />
+
+            <PageBanner pageTitle="Forgot Password" />
+
+            <div className="ptb-80">
+                <div className="container">
+                    <div className="auth-form">
+                        <div className="auth-head">
+                            <Link href="/it-startup">
+                                <a><img src="/images/logo.png" /></a>
+                            </Link>
+                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
+                        </div>
+
+                        <form>
+                            <div className="mb-3">
+                                <label className="form-label">Email</label>
+                                <input type="email" className="form-control" id="exampleInputEmail1" />
+                            </div>
+
+                            <button type="submit" className="btn btn-primary">Reset Password</button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+ 
+            <Footer />
+        </>
+    )
+}
+
+export default ForgotPassword;

pages/gallery/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Navbar from "@/components/_App/NavbarHome";
+import Footer from "@/components/_App/Footer";
+import PageBanner from '@/components/Common/PageBanner'; 
+import Gallery from '@/components/Gallery/Gallery';
+
+const Contact = () => {
+    return (
+        <>
+            <Navbar />
+
+            <PageBanner pageTitle="Gallery" />
+
+            <Gallery />
+           
+            <Footer />
+        </>
+    )
+}
+
+export default Contact;

pages/index.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import Navbar from "@/components/_App/NavbarHome";
+import MainBanner from "@/components/Home/MainBanner";
+import Pricing from "@/components/Home/Pricing";
+import Facilities from "@/components/Home/Facilities";
+import PromoCarousel from "@/components/Home/PromoCarousel";
+import Footer from "@/components/_App/Footer";
+
+const Index = () => {
+    return (
+        <>
+            <Navbar />
+            {/* <PromoCarousel /> */}
+            <MainBanner />
+            <Pricing />
+            <Facilities />
+            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4877.20160768357!2d104.7667749109232!3d-2.9676806176934054!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e3b772d29451467%3A0x283d2cd7399d18dd!2sCatania%20BANGAU!5e0!3m2!1sid!2sid!4v1637288512772!5m2!1sid!2sid" width="100%" height="450" allowFullScreen="" loading="lazy"></iframe>
+            <Footer />
+        </>
+    )
+}
+
+export default Index;

pages/login.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import Navbar from "@/components/_App/Navbar";
+import Footer from "@/components/_App/Footer";
+import PageBanner from '@/components/Common/PageBanner';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+ 
+const Login = () => {
+    return (
+        <>
+            <Navbar />
+
+            <PageBanner pageTitle="Login" />
+
+            <div className="ptb-80">
+                <div className="container">
+                    <div className="auth-form">
+                        <div className="auth-head">
+                            <Link href="/it-startup">
+                                <a><img src="/images/logo.png" /></a>
+                            </Link>
+                            <p>Don't have an account yet? <Link href="/sign-up">Sign Up</Link></p>
+                        </div>
+
+                        <form>
+                            <div className="mb-3">
+                                <label className="form-label">Email</label>
+                                <input type="email" className="form-control" id="exampleInputEmail1" />
+                            </div>
+
+                            <div className="mb-3">
+                                <label className="form-label">Password</label>
+                                <input type="password" className="form-control" id="exampleInputPassword1" />
+                            </div>
+
+                            <div className="mb-3">
+                                <p><Link href="/forgot-password"><a>Forgot Password</a></Link></p>
+                            </div>
+
+                            <button type="submit" className="btn btn-primary">Login</button>
+                        </form>
+
+                        <div className="foot">
+                            <p>or connect with</p>
+                            <ul>
+                                <li>
+                                    <a href="#" target="_blank">
+                                        <Icon.Mail />
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="#" target="_blank">
+                                        <Icon.Facebook />
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="#" target="_blank">
+                                        <Icon.Twitter />
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+ 
+            <Footer />
+        </>
+    )
+}
+
+export default Login;

pages/products/[id].js

@@ -0,0 +1,149 @@
+import React from 'react'
+import Navbar from "@/components/_App/Navbar"
+import Footer from "@/components/_App/Footer"
+import PageBanner from '@/components/Common/PageBanner'
+import ProductSlider from '@/components/Shop/ProductSlider'
+import ProductsDetailsTabs from '@/components/Shop/ProductsDetailsTabs'
+import * as Icon from 'react-feather'
+import { useSelector, useDispatch } from 'react-redux'
+import { useRouter } from 'next/router'
+import { useToasts } from 'react-toast-notifications'
+
+const ProductDetails = () => {
+    const { addToast } = useToasts()
+    const dispatch = useDispatch()
+    const router = useRouter()
+    const productId = router.query.id
+    const product = useSelector((state) => state.products.find(item => item.id === productId))   
+
+    const [qty, setQty] = React.useState(1)
+
+    const increment = () => {
+        setQty(qty + 1)
+    }
+
+    const decrement = () => {
+        setQty(qty - 1)
+    }
+
+    const addToCart = () => {
+        dispatch({
+            type: 'ADD_QUANTITY_WITH_NUMBER',
+            id: productId,
+            qty: qty
+        })
+        addToast('Cart Added Successfully', { appearance: 'success' })
+    }
+
+    return (
+        <>
+            <Navbar />
+            <PageBanner pageTitle={product && product.name} /> 
+
+            <div className="shop-details-area ptb-80">
+                <div className="container">
+                    <div className="row align-items-center">
+                        <div className="col-lg-5">
+                            <ProductSlider images={product && product.images} />
+                        </div>
+
+                        <div className="col-lg-7">
+                            <div className="products-details">
+                                <h3>{product && product.name}</h3>
+
+                                <div className="price">
+                                    ${product && product.price}
+                                </div>
+
+                                <ul className="rating">
+                                    <li><i className="flaticon-star-1"></i></li>
+                                    <li><i className="flaticon-star-1"></i></li>
+                                    <li><i className="flaticon-star-1"></i></li>
+                                    <li><i className="flaticon-star-1"></i></li>
+                                    <li><i className="flaticon-star-1"></i></li>
+                                </ul>
+
+                                <p>{product && product.desc}</p>
+
+                                <div className="availability">
+                                    Availability: <span>{product && product.availability}</span>
+                                </div>
+                                <form onSubmit={e => e.preventDefault()}>
+                                    <div className="quantity d-flex align-items-center">
+                                        <span>Quantity:</span>
+
+                                        <div className="input-counter">
+                                            <span className="minus-btn" onClick={decrement}>
+                                                <Icon.Minus />
+                                            </span>
+
+                                            <input type="text" min="1" value={qty} onChange={e => e} />
+                                            
+                                            <span className="plus-btn" onClick={increment}>
+                                                <Icon.Plus />
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <button type="submit" onClick={addToCart}>Add to Cart</button>
+
+                                    <a href="#" className="add-to-wishlist-btn" title="Add to Wishlist">
+                                        <Icon.Heart />
+                                    </a>
+                                </form>
+
+                                <div className="custom-payment-options">
+                                    <span>Guaranteed safe checkout:</span>
+
+                                    <div className="payment-methods">
+                                        <img src="/images/payment-image/payment-img1.svg" alt="image" />
+                                        <img src="/images/payment-image/payment-img2.svg" alt="image" />
+                                        <img src="/images/payment-image/payment-img3.svg" alt="image" />
+                                        <img src="/images/payment-image/payment-img4.svg" alt="image" />
+                                        <img src="/images/payment-image/payment-img5.svg" alt="image" />
+                                        <img src="/images/payment-image/payment-img6.svg" alt="image" />
+                                        <img src="/images/payment-image/payment-img7.svg" alt="image" />
+                                    </div>
+                                </div>
+
+                                <div className="products-share-social">
+                                    <span>Share:</span>
+
+                                    <ul>
+                                        <li>
+                                            <a href="#" className="facebook" target="_blank">
+                                                <Icon.Facebook />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#" className="twitter" target="_blank">
+                                                <Icon.Twitter />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#" className="linkedin" target="_blank">
+                                                <Icon.Linkedin />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#" className="instagram" target="_blank">
+                                                <Icon.Instagram />
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="col-lg-12 col-md-12">
+                            <ProductsDetailsTabs />
+                        </div>
+                    </div>
+                </div>
+            </div>
+ 
+            <Footer />
+        </>
+    )
+}
+
+export default ProductDetails;

pages/shop.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Navbar from "@/components/_App/Navbar";
+import Footer from "@/components/_App/Footer";
+import PageBanner from '@/components/Common/PageBanner';
+import ProductCard from '@/components/Shop/ProductCard';
+ 
+const Shop = () => {
+    return (
+        <>
+            <Navbar />
+
+            <PageBanner pageTitle="Products" /> 
+
+            <ProductCard />
+ 
+            <Footer />
+        </>
+    )
+}
+
+export default Shop;

pages/sign-up.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import Navbar from "@/components/_App/Navbar";
+import Footer from "@/components/_App/Footer";
+import PageBanner from '@/components/Common/PageBanner';
+import Link from 'next/link';
+ 
+const SignUp = () => {
+    return (
+        <>
+            <Navbar />
+
+            <PageBanner pageTitle="Sign Up" />
+
+            <div className="ptb-80">
+                <div className="container">
+                    <div className="auth-form">
+                        <div className="auth-head">
+                            <Link href="/it-startup">
+                                <a><img src="/images/logo.png" /></a>
+                            </Link>
+                            <p>Create a new account</p>
+                        </div>
+
+                        <form>
+                            <div className="mb-3">
+                                <label className="form-label">Email</label>
+                                <input type="email" className="form-control" id="exampleInputEmail1" />
+                            </div>
+
+                            <div className="mb-3">
+                                <label className="form-label">Password</label>
+                                <input type="password" className="form-control" id="exampleInputPassword1" />
+                            </div>
+
+                            <div className="mb-3">
+                                <label className="form-label">Confirm Password</label>
+                                <input type="password" className="form-control" id="ConfirmPassword" />
+                            </div>
+
+                            <button type="submit" className="btn btn-primary">Sign Up</button>
+                        </form>
+
+                        <div className="foot">
+                            <p>Already have an account yet? <Link href="/login">Login</Link></p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+ 
+            <Footer />
+        </>
+    )
+}
+
+export default SignUp;

products.js

@@ -0,0 +1,210 @@
+export const productsData = [
+    {
+        id: 'wood-pencil',
+        name: 'Wood Pencil',
+        price: 19.99,
+        desc: "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.",
+        availability: 'In Stock',
+        image: '/images/shop-image/shop-image1.jpg',
+        images: [
+            {
+                id: 1,
+                img: '/images/shop-image/shop-image1.jpg'
+            },
+            {
+                id: 2,
+                img: '/images/shop-image/shop-image1.jpg'
+            },
+            {
+                id: 3,
+                img: '/images/shop-image/shop-image1.jpg'
+            },
+            {
+                id: 4,
+                img: '/images/shop-image/shop-image1.jpg'
+            },
+        ]
+    },
+    {
+        id: 't-shirt',
+        name: 'T-Shirt',
+        price: 22.99,
+        desc: "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.",
+        availability: 'In Stock',
+        image: '/images/shop-image/shop-image2.jpg',
+        images: [
+            {
+                id: 1,
+                img: '/images/shop-image/shop-image1.jpg'
+            },
+            {
+                id: 2,
+                img: '/images/shop-image/shop-image2.jpg'
+            },
+            {
+                id: 3,
+                img: '/images/shop-image/shop-image1.jpg'
+            },
+            {
+                id: 4,
+                img: '/images/shop-image/shop-image2.jpg'
+            },
+        ]
+    },
+    {
+        id: 'casual-shoe',
+        name: 'Casual Shoe',
+        price: 31.99,
+        desc: "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.",
+        availability: 'In Stock',
+        image: '/images/shop-image/shop-image3.jpg',
+        images: [
+            {
+                id: 1,
+                img: '/images/shop-image/shop-image3.jpg'
+            },
+            {
+                id: 2,
+                img: '/images/shop-image/shop-image2.jpg'
+            },
+            {
+                id: 3,
+                img: '/images/shop-image/shop-image1.jpg'
+            },
+            {
+                id: 4,
+                img: '/images/shop-image/shop-image2.jpg'
+            },
+        ]
+    },
+    {
+        id: 'coffee-bag',
+        name: 'Coffee Bag',
+        price: 4.99,
+        desc: "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.",
+        availability: 'In Stock',
+        image: '/images/shop-image/shop-image4.jpg',
+        images: [
+            {
+                id: 1,
+                img: '/images/shop-image/shop-image4.jpg'
+            },
+            {
+                id: 2,
+                img: '/images/shop-image/shop-image2.jpg'
+            },
+            {
+                id: 3,
+                img: '/images/shop-image/shop-image1.jpg'
+            },
+            {
+                id: 4,
+                img: '/images/shop-image/shop-image4.jpg'
+            },
+        ]
+    },
+    {
+        id: 'single-chair',
+        name: 'Single Chair',
+        price: 149.99,
+        desc: "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.",
+        availability: 'In Stock',
+        image: '/images/shop-image/shop-image5.jpg',
+        images: [
+            {
+                id: 1,
+                img: '/images/shop-image/shop-image5.jpg'
+            },
+            {
+                id: 2,
+                img: '/images/shop-image/shop-image2.jpg'
+            },
+            {
+                id: 3,
+                img: '/images/shop-image/shop-image1.jpg'
+            },
+            {
+                id: 4,
+                img: '/images/shop-image/shop-image4.jpg'
+            },
+        ]
+    },
+    {
+        id: 'business-card',
+        name: 'Business Card',
+        price: 1.99,
+        desc: "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.",
+        availability: 'In Stock',
+        image: '/images/shop-image/shop-image6.jpg',
+        images: [
+            {
+                id: 1,
+                img: '/images/shop-image/shop-image6.jpg'
+            },
+            {
+                id: 2,
+                img: '/images/shop-image/shop-image2.jpg'
+            },
+            {
+                id: 3,
+                img: '/images/shop-image/shop-image1.jpg'
+            },
+            {
+                id: 4,
+                img: '/images/shop-image/shop-image4.jpg'
+            },
+        ]
+    },
+    {
+        id: 'book-cover',
+        name: 'Book Cover',
+        price: 3.99,
+        desc: "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.",
+        availability: 'In Stock',
+        image: '/images/shop-image/shop-image7.jpg',
+        images: [
+            {
+                id: 1,
+                img: '/images/shop-image/shop-image7.jpg'
+            },
+            {
+                id: 2,
+                img: '/images/shop-image/shop-image2.jpg'
+            },
+            {
+                id: 3,
+                img: '/images/shop-image/shop-image1.jpg'
+            },
+            {
+                id: 4,
+                img: '/images/shop-image/shop-image4.jpg'
+            },
+        ]
+    },
+    {
+        id: 'wall-watch',
+        name: 'Wall Watch',
+        price: 9.99,
+        desc: "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.",
+        availability: 'In Stock',
+        image: '/images/shop-image/shop-image8.jpg',
+        images: [
+            {
+                id: 1,
+                img: '/images/shop-image/shop-image8.jpg'
+            },
+            {
+                id: 2,
+                img: '/images/shop-image/shop-image2.jpg'
+            },
+            {
+                id: 3,
+                img: '/images/shop-image/shop-image1.jpg'
+            },
+            {
+                id: 4,
+                img: '/images/shop-image/shop-image4.jpg'
+            },
+        ]
+    },
+]

public/css/colors/brink-pink-style.css

@@ -0,0 +1,973 @@
+a:hover, a:focus {
+  color: #f48665;
+}
+
+.btn-primary {
+  background-color: #f48665;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(244, 134, 101, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(244, 134, 101, 0.25);
+}
+
+.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary .show > .btn-primary.dropdown-toggle {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.btn-primary.disabled, .btn-primary:disabled {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary:disabled:hover, .btn-primary:disabled:focus {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.btn::after, .btn::before {
+  background: #44ce6f;
+}
+
+.owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot.active span {
+  background: #f48665;
+}
+
+.form-control:focus {
+  background: #ffffff;
+  border-color: #f48665;
+}
+
+.section-title .bar {
+  background: #ffddd3;
+}
+
+.section-title .bar::before {
+  background: #f48665;
+}
+
+.preloader {
+  background: #f48665;
+}
+
+.startp-mobile-nav.mean-container .mean-nav ul li a.active {
+  color: #f48665;
+}
+
+.startp-nav nav .navbar-nav .nav-item a {
+  color: #4a6f8a;
+}
+
+.startp-nav nav .navbar-nav .nav-item a:hover, .startp-nav nav .navbar-nav .nav-item a:focus, .startp-nav nav .navbar-nav .nav-item a.active {
+  color: #f48665;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a {
+  color: #4a6f8a;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a:hover, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li a:focus, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li a.active {
+  color: #f48665;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a {
+  color: #4a6f8a;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a:hover, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a:focus, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a.active {
+  color: #f48665;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li:hover a {
+  color: #f48665;
+}
+
+.startp-nav nav .others-option .btn.btn-light {
+  border-color: #d6b4e7;
+}
+
+.startp-nav nav .others-option .btn.btn-light:hover, .startp-nav nav .others-option .btn.btn-light:focus {
+  color: #ffffff;
+  border-color: #f48665;
+}
+
+.startp-nav nav .others-option .btn.btn-light::after, .startp-nav nav .others-option .btn.btn-light::before {
+  background: #f48665;
+}
+
+.startp-nav nav .others-option .btn.btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.startp-nav nav .others-option .btn.btn-primary::after, .startp-nav nav .others-option .btn.btn-primary::before {
+  background: #f48665;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+}
+
+.others-option-for-responsive .dot-menu:hover .inner .circle {
+  background-color: #f48665;
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-light {
+  border-color: #d6b4e7;
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-light:hover, .others-option-for-responsive .option-inner .others-option .btn.btn-light:focus {
+  color: #ffffff;
+  border-color: #f48665;
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-light::after, .others-option-for-responsive .option-inner .others-option .btn.btn-light::before {
+  background: #f48665;
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-primary::after, .others-option-for-responsive .option-inner .others-option .btn.btn-primary::before {
+  background: #f48665;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+}
+
+.hosting-main-banner .hosting-banner-content ul li::before {
+  background: #f48665;
+}
+
+.single-box::before {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.single-why-choose-us .icon {
+  color: #f48665;
+}
+
+.single-why-choose-us::before {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.services-content .box::before {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.services-content .box svg {
+  color: #f48665;
+}
+
+.single-services-box::before, .single-services-box::after {
+  background: #f48665;
+}
+
+.services-details-desc .services-details-accordion .accordion .accordion-title i {
+  background: #f48665;
+}
+
+.single-features:hover .icon {
+  background: #f48665;
+  color: #ffffff;
+}
+
+.single-features:hover .icon.bg-c679e3 {
+  background: #f48665;
+}
+
+.single-features:hover .icon.bg-eb6b3d {
+  background: #f48665;
+}
+
+.single-hosting-features::before, .single-hosting-features::after {
+  background: #f48665;
+}
+
+.features-details-desc .features-details-list li::before {
+  background: #f48665;
+}
+
+.features-details-desc .features-details-accordion .accordion .accordion-title i {
+  background: #f48665;
+}
+
+.single-team .team-content ul li a {
+  color: #44ce6f;
+}
+
+.single-team .team-content ul li a:hover {
+  color: #f48665;
+}
+
+.single-team .team-info {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.single-team:hover .team-image img {
+  border-color: #f48665;
+}
+
+.single-works::before {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.funfact h3 {
+  color: #f48665;
+}
+
+.contact-cta-box .btn::before, .contact-cta-box .btn::after {
+  background: #f48665;
+}
+
+.contact-cta-box .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.contact-cta-box .btn-primary:hover, .contact-cta-box .btn-primary:focus {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(244, 134, 101, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(244, 134, 101, 0.25);
+}
+
+.pricing-table .pricing-header::before {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.pricing-table .price span {
+  color: #f48665;
+}
+
+.pricing-table.active-plan .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.pricing-table.active-plan .btn-primary::after, .pricing-table.active-plan .btn-primary::before {
+  background: #f48665;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(244, 134, 101, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(244, 134, 101, 0.25);
+}
+
+.single-pricing-table .price span {
+  color: #f48665;
+}
+
+.single-pricing-table.active-plan .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.single-pricing-table.active-plan .btn-primary::after, .single-pricing-table.active-plan .btn-primary::before {
+  background: #f48665;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(244, 134, 101, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(244, 134, 101, 0.25);
+}
+
+.domain-search-content form button {
+  background-color: #f48665;
+}
+
+.domain-search-content form button:hover, .domain-search-content form button:focus {
+  background-color: #44ce6f;
+}
+
+.feedback-slides .client-feedback .single-feedback .client-img img {
+  border-color: #f48665;
+}
+
+.feedback-slides .client-feedback .single-feedback span {
+  color: #44ce6f;
+}
+
+.feedback-slides .client-thumbnails .item .img-fill img {
+  border-color: #f48665;
+}
+
+.client-thumbnails .next-arrow::before, .client-thumbnails .prev-arrow::before {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.client-thumbnails .next-arrow:hover, .client-thumbnails .prev-arrow:hover {
+  color: #ffffff;
+  border-color: #f48665;
+}
+
+.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span, .testimonials-slides.owl-theme .owl-dots .owl-dot.active span {
+  border-color: #f48665;
+}
+
+.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span::before, .testimonials-slides.owl-theme .owl-dots .owl-dot.active span::before {
+  background: #f48665;
+}
+
+.single-feedback-item .client-info .image img {
+  border-color: #f48665;
+}
+
+.single-feedback-item .client-info .title span {
+  color: #44ce6f;
+}
+
+.ready-to-talk {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.ready-to-talk .btn-primary {
+  background: #44ce6f;
+}
+
+.single-blog-post .blog-image .date {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.single-blog-post .blog-post-content span a:hover {
+  color: #f48665;
+}
+
+.single-blog-post .blog-post-content .read-more-btn:hover {
+  color: #f48665;
+}
+
+.single-products .products-image ul li a:hover, .single-products .products-image ul li a:focus {
+  background-color: #f48665;
+}
+
+#productsModalCenter .modal-content button.close:hover, #productsModalCenter .modal-content button.close:focus {
+  background-color: #f48665;
+}
+
+#productsModalCenter .modal-content .products-content form .quantity .input-counter span:hover {
+  color: #f48665;
+}
+
+#productsModalCenter .modal-content .products-content form button {
+  background: #f48665;
+}
+
+#productsModalCenter .modal-content .products-content form button:hover, #productsModalCenter .modal-content .products-content form button:focus {
+  background-color: #44ce6f;
+}
+
+.products-details .availability span {
+  color: #f48665;
+}
+
+.products-details form .quantity .input-counter span:hover {
+  color: #f48665;
+}
+
+.products-details form button {
+  background: #f48665;
+}
+
+.products-details form button:hover, .products-details form button:focus {
+  background-color: #44ce6f;
+}
+
+.products-details form .add-to-wishlist-btn:hover, .products-details form .add-to-wishlist-btn:focus {
+  background-color: #44ce6f;
+  border-color: #44ce6f;
+}
+
+.products-details form .buy-btn {
+  margin-top: 20px;
+}
+
+.products-details form .buy-btn .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+}
+
+.products-details form .buy-btn .btn-primary::after, .products-details form .buy-btn .btn-primary::before {
+  background: #f48665;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(244, 134, 101, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(244, 134, 101, 0.25);
+}
+
+.products-details .products-share-social ul li a {
+  border-color: #f48665;
+  color: #f48665;
+}
+
+.products-details .products-share-social ul li a:hover {
+  background: #f48665;
+  color: #ffffff;
+}
+
+.products-details-tabs #tabs li.active::before {
+  background: #f48665;
+}
+
+.cart-table table tbody tr td.product-name a:hover {
+  color: #f48665;
+}
+
+.cart-table table tbody tr td.product-quantity .input-counter span:hover {
+  color: #f48665;
+}
+
+.user-actions {
+  border-top-color: #f48665;
+}
+
+.user-actions svg {
+  color: #f48665;
+}
+
+.user-actions span {
+  color: #f48665;
+}
+
+.user-actions span a:hover, .user-actions span a:focus {
+  color: #f48665;
+}
+
+.order-details .order-table table tbody tr td.product-name a:hover {
+  color: #f48665;
+}
+
+.order-details .payment-method p [type="radio"]:checked + label::after, .order-details .payment-method p [type="radio"]:not(:checked) + label::after {
+  background: #f48665;
+}
+
+.faq-accordion .accordion .accordion-item .accordion-title i {
+  background: #f48665;
+}
+
+.pagination-area ul .page-item .page-link:hover, .pagination-area ul .page-item .page-link:focus {
+  background-color: #f48665;
+}
+
+.pagination-area ul .page-item.active .page-link {
+  background-color: #f48665;
+}
+
+.blog-details-desc .article-content .entry-meta ul li a:hover {
+  color: #f48665;
+}
+
+.blog-details-desc .article-content .entry-meta ul li svg {
+  color: #44ce6f;
+}
+
+.blog-details-desc .article-content .entry-meta ul li::before {
+  background: #f48665;
+}
+
+.blog-details-desc .article-content .features-list li svg {
+  color: #f48665;
+}
+
+.blog-details-desc .article-footer .article-tags a {
+  background-color: #44ce6f;
+}
+
+.blog-details-desc .article-footer .article-tags a:hover {
+  background-color: #f48665;
+}
+
+.comments-area .comment-body .reply a:hover {
+  background-color: #f48665;
+  border-color: #f48665;
+}
+
+.comments-area .comment-metadata a:hover {
+  color: #f48665;
+}
+
+.comments-area .comment-respond input[type="date"]:focus, .comments-area .comment-respond input[type="time"]:focus, .comments-area .comment-respond input[type="datetime-local"]:focus, .comments-area .comment-respond input[type="week"]:focus, .comments-area .comment-respond input[type="month"]:focus, .comments-area .comment-respond input[type="text"]:focus, .comments-area .comment-respond input[type="email"]:focus, .comments-area .comment-respond input[type="url"]:focus, .comments-area .comment-respond input[type="password"]:focus, .comments-area .comment-respond input[type="search"]:focus, .comments-area .comment-respond input[type="tel"]:focus, .comments-area .comment-respond input[type="number"]:focus, .comments-area .comment-respond textarea:focus {
+  border-color: #f48665;
+}
+
+.comments-area .comment-respond .form-submit input {
+  background: #f48665;
+}
+
+.comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus {
+  background-color: #44ce6f;
+}
+
+.prev-link-wrapper a:hover .prev-link-info-wrapper {
+  color: #f48665;
+}
+
+.prev-link-wrapper .image-prev::after {
+  background-color: #f48665;
+}
+
+.next-link-wrapper a:hover .next-link-info-wrapper {
+  color: #f48665;
+}
+
+.next-link-wrapper .image-next::after {
+  background-color: #f48665;
+}
+
+blockquote::after, .blockquote::after {
+  background-color: #f48665;
+}
+
+.widget-area .widget .widget-title::before {
+  background: #f48665;
+}
+
+.widget-area .widget_search form .search-field:focus {
+  border-color: #f48665;
+}
+
+.widget-area .widget_search form button {
+  background-color: #f48665;
+}
+
+.widget-area .widget_search form button:hover {
+  background-color: #44ce6f;
+}
+
+.widget-area .widget_recent_entries ul li::before {
+  background: #f48665;
+}
+
+.widget-area .widget_recent_entries ul li a:hover {
+  color: #f48665;
+}
+
+.widget-area .widget_recent_comments ul li::before {
+  background: #f48665;
+}
+
+.widget-area .widget_recent_comments ul li a:hover {
+  color: #f48665;
+}
+
+.widget-area .widget_archive ul li::before {
+  background: #f48665;
+}
+
+.widget-area .widget_archive ul li a:hover {
+  color: #f48665;
+}
+
+.widget-area .widget_categories ul li::before {
+  background: #f48665;
+}
+
+.widget-area .widget_categories ul li a:hover {
+  color: #f48665;
+}
+
+.widget-area .widget_meta ul li::before {
+  background: #f48665;
+}
+
+.widget-area .widget_meta ul li a:hover {
+  color: #f48665;
+}
+
+.widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus {
+  background-color: #f48665;
+  border-color: #f48665;
+}
+
+.project-details-image a:hover {
+  color: #f48665;
+}
+
+.project-details-desc .project-details-information .single-info-box ul li a:hover {
+  color: #f48665;
+}
+
+.contact-info-box .icon {
+  color: #f48665;
+}
+
+.contact-info-box p a:hover {
+  color: #f48665;
+}
+
+.contact-info-box:hover .icon {
+  background: #f48665;
+}
+
+.coming-soon-area .social-list li a {
+  background: #44ce6f;
+}
+
+.coming-soon-area .social-list li a:hover, .coming-soon-area .social-list li a:focus {
+  background-color: #f48665;
+}
+
+.coming-soon-content form .submit-btn {
+  background-color: #f48665;
+}
+
+.coming-soon-content form .submit-btn:hover, .coming-soon-content form .submit-btn:focus {
+  background: #44ce6f;
+}
+
+.coming-soon-content #timer div {
+  color: #44ce6f;
+}
+
+.cta-area {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.cta-right-content .buy-btn .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+}
+
+.cta-right-content .buy-btn .btn-primary::after, .cta-right-content .buy-btn .btn-primary::before {
+  background: #ffffff;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.cta-right-content .buy-btn .btn-primary:hover, .cta-right-content .buy-btn .btn-primary:focus {
+  color: #44ce6f;
+}
+
+.repair-about-content .sub-title {
+  color: #f48665;
+}
+
+.repair-about-content ul li span svg {
+  color: #f48665;
+}
+
+.repair-about-content ul li span::before {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.single-repair-services::before {
+  border-color: #fbf0ec;
+}
+
+.single-repair-services::after {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.single-repair-services .icon {
+  color: #f48665;
+  border-color: #fbf0ec;
+}
+
+.single-repair-services:hover a, .single-repair-services:focus a {
+  color: #f48665;
+}
+
+.repair-why-choose-us {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.single-repair-box {
+  border-color: #fbf0ec;
+}
+
+.single-repair-box .icon::before {
+  background: -webkit-gradient(linear, left top, right bottom, from(#1fa2ff), color-stop(#00c0ff), color-stop(#00d9f2), color-stop(#53eedd), to(#a6ffcb));
+  background: linear-gradient(to right bottom, #1fa2ff, #00c0ff, #00d9f2, #53eedd, #a6ffcb);
+}
+
+.single-repair-box:hover, .single-repair-box:focus {
+  border-color: #f48665;
+}
+
+.single-repair-box:hover a, .single-repair-box:focus a {
+  background-color: #f48665;
+}
+
+.single-repair-feedback .client-img img {
+  border-color: #f48665;
+}
+
+.single-repair-feedback .client-img span {
+  color: #44ce6f;
+}
+
+.iot-banner-content span {
+  color: #f48665;
+}
+
+.single-iot-services {
+  border-color: #fbf0ec;
+}
+
+.single-iot-services::after {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.single-iot-services .icon {
+  border-color: #fbf0ec;
+  color: #f48665;
+}
+
+.single-iot-services:hover a, .single-iot-services:focus a {
+  color: #f48665;
+}
+
+.iot-why-choose-us {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.single-iot-box {
+  border-color: #fbf0ec;
+}
+
+.single-iot-box:hover, .single-iot-box:focus {
+  border-color: #f48665;
+}
+
+.single-iot-box:hover a, .single-iot-box:focus a {
+  background-color: #f48665;
+}
+
+.section-title .sub-title {
+  color: #44ce6f;
+  background-color: #d4f7df;
+}
+
+.btn.btn-secondary {
+  background-color: #f48665;
+  -webkit-box-shadow: 5px 5px 5px #ffcfc0;
+          box-shadow: 5px 5px 5px #ffcfc0;
+}
+
+.btn.btn-secondary::before {
+  background: #44ce6f;
+}
+
+.btn.btn-secondary::after {
+  background: #44ce6f;
+}
+
+.btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:not(:disabled):not(.disabled):active, .show > .btn.btn-secondary.dropdown-toggle {
+  background-color: #f48665;
+  border-color: #f48665;
+}
+
+.btn.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn.btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn.btn-secondary.dropdown-toggle:focus {
+  -webkit-box-shadow: 5px 5px 5px #a6f5be;
+          box-shadow: 5px 5px 5px #a6f5be;
+}
+
+.btn.btn-secondary:hover, .btn.btn-secondary:focus {
+  -webkit-box-shadow: 5px 5px 5px #a6f5be;
+          box-shadow: 5px 5px 5px #a6f5be;
+}
+
+.ml-about-content .sub-title {
+  color: #44ce6f;
+  background-color: #d4f7df;
+}
+
+.ml-about-content .bar {
+  background: #ffddd3;
+}
+
+.ml-about-content .bar::before {
+  background: #f48665;
+}
+
+.single-ml-services-box::before {
+  background: #f48665;
+}
+
+.pricing-box .buy-btn .btn-primary::after {
+  background: #f48665;
+}
+
+.pricing-box .pricing-features li svg {
+  color: #f48665;
+}
+
+.single-ml-feedback-item .client-info span {
+  color: #44ce6f;
+}
+
+.ml-feedback-slides .owl-dots .owl-dot span::before {
+  background-color: #f48665;
+}
+
+.ml-feedback-slides .owl-dots .owl-dot:hover span, .ml-feedback-slides .owl-dots .owl-dot.active span {
+  border-color: #f48665;
+  background-color: transparent;
+}
+
+.single-blog-post-box .entry-post-content .entry-meta ul li a:hover {
+  color: #f48665;
+}
+
+.free-trial-content form button {
+  background-color: #f48665;
+}
+
+.free-trial-content form button:hover {
+  background-color: #44ce6f;
+}
+
+.single-ml-projects-box .plus-icon a {
+  background-color: #f48665;
+}
+
+.single-ml-projects-box .plus-icon a:hover {
+  background-color: #44ce6f;
+}
+
+.ml-projects-slides.owl-theme .owl-dots .owl-dot span::before {
+  background-color: #f48665;
+}
+
+.ml-projects-slides.owl-theme .owl-dots .owl-dot:hover span, .ml-projects-slides.owl-theme .owl-dots .owl-dot.active span {
+  border-color: #f48665;
+}
+
+.solutions-box .icon {
+  color: #f48665;
+}
+
+.solutions-box .learn-more-btn:hover {
+  color: #f48665;
+}
+
+.agency-about-content .sub-title {
+  color: #44ce6f;
+  background-color: #d4f7df;
+}
+
+.agency-about-content .bar {
+  background: #ffddd3;
+}
+
+.agency-about-content .bar::before {
+  background: #f48665;
+}
+
+.agency-services-box .content .read-more-btn:hover {
+  background-color: #f48665;
+  border-color: #f48665;
+}
+
+.single-testimonials-item .client-info span {
+  color: #44ce6f;
+}
+
+.single-blog-post-item .post-content .post-meta li a:hover {
+  color: #f48665;
+}
+
+.single-blog-post-item .post-content .read-more-btn:hover {
+  background-color: #f48665;
+  border-color: #f48665;
+}
+
+.single-footer-widget ul.list li a:hover {
+  color: #f48665;
+}
+
+.single-footer-widget ul.footer-contact-info li a:hover {
+  color: #f48665;
+}
+
+.single-footer-widget ul.social-links li a {
+  border-color: #44ce6f;
+}
+
+.single-footer-widget ul.social-links li a:hover {
+  background: #44ce6f;
+  color: #ffffff;
+}
+
+.go-top {
+  background-color: #f48665;
+}
+
+.go-top:hover {
+  background: #44ce6f;
+}
+
+.agency-portfolio-home-slides.owl-theme .owl-nav [class*='owl-']:hover {
+  background-color: #f48665;
+  color: #ffffff;
+}
+
+.single-text-box .learn-more-btn:hover {
+  color: #f48665;
+}
+
+.creative-inner-area .col-lg-6:nth-child(1) .single-counter {
+  background-color: #f48665;
+}
+
+.navbar-color-white .startp-nav nav .navbar-nav .nav-item a:hover, .navbar-color-white .startp-nav nav .navbar-nav .nav-item a:focus, .navbar-color-white .startp-nav nav .navbar-nav .nav-item a.active {
+  color: #f48665;
+}
+
+.navbar-color-white .startp-nav nav .others-option .btn.btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.navbar-color-white .startp-nav nav .others-option .btn.btn-primary::after, .navbar-color-white .startp-nav nav .others-option .btn.btn-primary::before {
+  background: #f48665;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+}
+
+.single-banner-boxes::before {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.single-what-we-do-box .icon {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.discover-area {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.single-services-box-item .learn-more-btn {
+  color: #f48665;
+}
+
+.single-services-box-item .learn-more-btn:hover svg {
+  color: #f48665;
+}
+
+.single-funfact h3 {
+  color: #f48665;
+}
+
+.single-feedback-box::before {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.industries-serve-area {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.newsletter-area::before {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+.newsletter-content::before {
+  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
+}
+
+@media only screen and (max-width: 991px) {
+  .startp-responsive-nav .startp-responsive-menu.mean-container .mean-nav ul li a.active {
+    color: #f48665;
+  }
+}
+/*# sourceMappingURL=brink-pink-style.css.map */

public/css/colors/pink-style.css

@@ -0,0 +1,973 @@
+a:hover, a:focus {
+  color: #FF1494;
+}
+
+.btn-primary {
+  background-color: #FF1494;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+}
+
+.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary .show > .btn-primary.dropdown-toggle {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.btn-primary.disabled, .btn-primary:disabled {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary:disabled:hover, .btn-primary:disabled:focus {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.btn::after, .btn::before {
+  background: #44ce6f;
+}
+
+.owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot.active span {
+  background: #FF1494;
+}
+
+.form-control:focus {
+  background: #ffffff;
+  border-color: #FF1494;
+}
+
+.section-title .bar {
+  background: #ffe1fd;
+}
+
+.section-title .bar::before {
+  background: #FF1494;
+}
+
+.preloader {
+  background: #FF1494;
+}
+
+.startp-mobile-nav.mean-container .mean-nav ul li a.active {
+  color: #FF1494;
+}
+
+.startp-nav nav .navbar-nav .nav-item a {
+  color: #4a6f8a;
+}
+
+.startp-nav nav .navbar-nav .nav-item a:hover, .startp-nav nav .navbar-nav .nav-item a:focus, .startp-nav nav .navbar-nav .nav-item a.active {
+  color: #FF1494;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a {
+  color: #4a6f8a;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a:hover, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li a:focus, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li a.active {
+  color: #FF1494;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a {
+  color: #4a6f8a;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a:hover, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a:focus, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a.active {
+  color: #FF1494;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li:hover a {
+  color: #FF1494;
+}
+
+.startp-nav nav .others-option .btn.btn-light {
+  border-color: #d6b4e7;
+}
+
+.startp-nav nav .others-option .btn.btn-light:hover, .startp-nav nav .others-option .btn.btn-light:focus {
+  color: #ffffff;
+  border-color: #FF1494;
+}
+
+.startp-nav nav .others-option .btn.btn-light::after, .startp-nav nav .others-option .btn.btn-light::before {
+  background: #FF1494;
+}
+
+.startp-nav nav .others-option .btn.btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.startp-nav nav .others-option .btn.btn-primary::after, .startp-nav nav .others-option .btn.btn-primary::before {
+  background: #FF1494;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+}
+
+.others-option-for-responsive .dot-menu:hover .inner .circle {
+  background-color: #FF1494;
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-light {
+  border-color: #d6b4e7;
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-light:hover, .others-option-for-responsive .option-inner .others-option .btn.btn-light:focus {
+  color: #ffffff;
+  border-color: #FF1494;
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-light::after, .others-option-for-responsive .option-inner .others-option .btn.btn-light::before {
+  background: #FF1494;
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-primary::after, .others-option-for-responsive .option-inner .others-option .btn.btn-primary::before {
+  background: #FF1494;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+}
+
+.hosting-main-banner .hosting-banner-content ul li::before {
+  background: #FF1494;
+}
+
+.single-box::before {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.single-why-choose-us .icon {
+  color: #FF1494;
+}
+
+.single-why-choose-us::before {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.services-content .box::before {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.services-content .box svg {
+  color: #FF1494;
+}
+
+.single-services-box::before, .single-services-box::after {
+  background: #FF1494;
+}
+
+.services-details-desc .services-details-accordion .accordion .accordion-title i {
+  background: #FF1494;
+}
+
+.single-features:hover .icon {
+  background: #FF1494;
+  color: #ffffff;
+}
+
+.single-features:hover .icon.bg-c679e3 {
+  background: #FF1494;
+}
+
+.single-features:hover .icon.bg-eb6b3d {
+  background: #FF1494;
+}
+
+.single-hosting-features::before, .single-hosting-features::after {
+  background: #FF1494;
+}
+
+.features-details-desc .features-details-list li::before {
+  background: #FF1494;
+}
+
+.features-details-desc .features-details-accordion .accordion .accordion-title i {
+  background: #FF1494;
+}
+
+.single-team .team-content ul li a {
+  color: #44ce6f;
+}
+
+.single-team .team-content ul li a:hover {
+  color: #FF1494;
+}
+
+.single-team .team-info {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.single-team:hover .team-image img {
+  border-color: #FF1494;
+}
+
+.single-works::before {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.funfact h3 {
+  color: #FF1494;
+}
+
+.contact-cta-box .btn::before, .contact-cta-box .btn::after {
+  background: #FF1494;
+}
+
+.contact-cta-box .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.contact-cta-box .btn-primary:hover, .contact-cta-box .btn-primary:focus {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+}
+
+.pricing-table .pricing-header::before {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.pricing-table .price span {
+  color: #FF1494;
+}
+
+.pricing-table.active-plan .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.pricing-table.active-plan .btn-primary::after, .pricing-table.active-plan .btn-primary::before {
+  background: #FF1494;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+}
+
+.single-pricing-table .price span {
+  color: #FF1494;
+}
+
+.single-pricing-table.active-plan .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.single-pricing-table.active-plan .btn-primary::after, .single-pricing-table.active-plan .btn-primary::before {
+  background: #FF1494;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+}
+
+.domain-search-content form button {
+  background-color: #FF1494;
+}
+
+.domain-search-content form button:hover, .domain-search-content form button:focus {
+  background-color: #44ce6f;
+}
+
+.feedback-slides .client-feedback .single-feedback .client-img img {
+  border-color: #FF1494;
+}
+
+.feedback-slides .client-feedback .single-feedback span {
+  color: #44ce6f;
+}
+
+.feedback-slides .client-thumbnails .item .img-fill img {
+  border-color: #FF1494;
+}
+
+.client-thumbnails .next-arrow::before, .client-thumbnails .prev-arrow::before {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.client-thumbnails .next-arrow:hover, .client-thumbnails .prev-arrow:hover {
+  color: #ffffff;
+  border-color: #FF1494;
+}
+
+.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span, .testimonials-slides.owl-theme .owl-dots .owl-dot.active span {
+  border-color: #FF1494;
+}
+
+.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span::before, .testimonials-slides.owl-theme .owl-dots .owl-dot.active span::before {
+  background: #FF1494;
+}
+
+.single-feedback-item .client-info .image img {
+  border-color: #FF1494;
+}
+
+.single-feedback-item .client-info .title span {
+  color: #44ce6f;
+}
+
+.ready-to-talk {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.ready-to-talk .btn-primary {
+  background: #44ce6f;
+}
+
+.single-blog-post .blog-image .date {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.single-blog-post .blog-post-content span a:hover {
+  color: #FF1494;
+}
+
+.single-blog-post .blog-post-content .read-more-btn:hover {
+  color: #FF1494;
+}
+
+.single-products .products-image ul li a:hover, .single-products .products-image ul li a:focus {
+  background-color: #FF1494;
+}
+
+#productsModalCenter .modal-content button.close:hover, #productsModalCenter .modal-content button.close:focus {
+  background-color: #FF1494;
+}
+
+#productsModalCenter .modal-content .products-content form .quantity .input-counter span:hover {
+  color: #FF1494;
+}
+
+#productsModalCenter .modal-content .products-content form button {
+  background: #FF1494;
+}
+
+#productsModalCenter .modal-content .products-content form button:hover, #productsModalCenter .modal-content .products-content form button:focus {
+  background-color: #44ce6f;
+}
+
+.products-details .availability span {
+  color: #FF1494;
+}
+
+.products-details form .quantity .input-counter span:hover {
+  color: #FF1494;
+}
+
+.products-details form button {
+  background: #FF1494;
+}
+
+.products-details form button:hover, .products-details form button:focus {
+  background-color: #44ce6f;
+}
+
+.products-details form .add-to-wishlist-btn:hover, .products-details form .add-to-wishlist-btn:focus {
+  background-color: #44ce6f;
+  border-color: #44ce6f;
+}
+
+.products-details form .buy-btn {
+  margin-top: 20px;
+}
+
+.products-details form .buy-btn .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+}
+
+.products-details form .buy-btn .btn-primary::after, .products-details form .buy-btn .btn-primary::before {
+  background: #FF1494;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+}
+
+.products-details .products-share-social ul li a {
+  border-color: #FF1494;
+  color: #FF1494;
+}
+
+.products-details .products-share-social ul li a:hover {
+  background: #FF1494;
+  color: #ffffff;
+}
+
+.products-details-tabs #tabs li.active::before {
+  background: #FF1494;
+}
+
+.cart-table table tbody tr td.product-name a:hover {
+  color: #FF1494;
+}
+
+.cart-table table tbody tr td.product-quantity .input-counter span:hover {
+  color: #FF1494;
+}
+
+.user-actions {
+  border-top-color: #FF1494;
+}
+
+.user-actions svg {
+  color: #FF1494;
+}
+
+.user-actions span {
+  color: #FF1494;
+}
+
+.user-actions span a:hover, .user-actions span a:focus {
+  color: #FF1494;
+}
+
+.order-details .order-table table tbody tr td.product-name a:hover {
+  color: #FF1494;
+}
+
+.order-details .payment-method p [type="radio"]:checked + label::after, .order-details .payment-method p [type="radio"]:not(:checked) + label::after {
+  background: #FF1494;
+}
+
+.faq-accordion .accordion .accordion-item .accordion-title i {
+  background: #FF1494;
+}
+
+.pagination-area ul .page-item .page-link:hover, .pagination-area ul .page-item .page-link:focus {
+  background-color: #FF1494;
+}
+
+.pagination-area ul .page-item.active .page-link {
+  background-color: #FF1494;
+}
+
+.blog-details-desc .article-content .entry-meta ul li a:hover {
+  color: #FF1494;
+}
+
+.blog-details-desc .article-content .entry-meta ul li svg {
+  color: #44ce6f;
+}
+
+.blog-details-desc .article-content .entry-meta ul li::before {
+  background: #FF1494;
+}
+
+.blog-details-desc .article-content .features-list li svg {
+  color: #FF1494;
+}
+
+.blog-details-desc .article-footer .article-tags a {
+  background-color: #44ce6f;
+}
+
+.blog-details-desc .article-footer .article-tags a:hover {
+  background-color: #FF1494;
+}
+
+.comments-area .comment-body .reply a:hover {
+  background-color: #FF1494;
+  border-color: #FF1494;
+}
+
+.comments-area .comment-metadata a:hover {
+  color: #FF1494;
+}
+
+.comments-area .comment-respond input[type="date"]:focus, .comments-area .comment-respond input[type="time"]:focus, .comments-area .comment-respond input[type="datetime-local"]:focus, .comments-area .comment-respond input[type="week"]:focus, .comments-area .comment-respond input[type="month"]:focus, .comments-area .comment-respond input[type="text"]:focus, .comments-area .comment-respond input[type="email"]:focus, .comments-area .comment-respond input[type="url"]:focus, .comments-area .comment-respond input[type="password"]:focus, .comments-area .comment-respond input[type="search"]:focus, .comments-area .comment-respond input[type="tel"]:focus, .comments-area .comment-respond input[type="number"]:focus, .comments-area .comment-respond textarea:focus {
+  border-color: #FF1494;
+}
+
+.comments-area .comment-respond .form-submit input {
+  background: #FF1494;
+}
+
+.comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus {
+  background-color: #44ce6f;
+}
+
+.prev-link-wrapper a:hover .prev-link-info-wrapper {
+  color: #FF1494;
+}
+
+.prev-link-wrapper .image-prev::after {
+  background-color: #FF1494;
+}
+
+.next-link-wrapper a:hover .next-link-info-wrapper {
+  color: #FF1494;
+}
+
+.next-link-wrapper .image-next::after {
+  background-color: #FF1494;
+}
+
+blockquote::after, .blockquote::after {
+  background-color: #FF1494;
+}
+
+.widget-area .widget .widget-title::before {
+  background: #FF1494;
+}
+
+.widget-area .widget_search form .search-field:focus {
+  border-color: #FF1494;
+}
+
+.widget-area .widget_search form button {
+  background-color: #FF1494;
+}
+
+.widget-area .widget_search form button:hover {
+  background-color: #44ce6f;
+}
+
+.widget-area .widget_recent_entries ul li::before {
+  background: #FF1494;
+}
+
+.widget-area .widget_recent_entries ul li a:hover {
+  color: #FF1494;
+}
+
+.widget-area .widget_recent_comments ul li::before {
+  background: #FF1494;
+}
+
+.widget-area .widget_recent_comments ul li a:hover {
+  color: #FF1494;
+}
+
+.widget-area .widget_archive ul li::before {
+  background: #FF1494;
+}
+
+.widget-area .widget_archive ul li a:hover {
+  color: #FF1494;
+}
+
+.widget-area .widget_categories ul li::before {
+  background: #FF1494;
+}
+
+.widget-area .widget_categories ul li a:hover {
+  color: #FF1494;
+}
+
+.widget-area .widget_meta ul li::before {
+  background: #FF1494;
+}
+
+.widget-area .widget_meta ul li a:hover {
+  color: #FF1494;
+}
+
+.widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus {
+  background-color: #FF1494;
+  border-color: #FF1494;
+}
+
+.project-details-image a:hover {
+  color: #FF1494;
+}
+
+.project-details-desc .project-details-information .single-info-box ul li a:hover {
+  color: #FF1494;
+}
+
+.contact-info-box .icon {
+  color: #FF1494;
+}
+
+.contact-info-box p a:hover {
+  color: #FF1494;
+}
+
+.contact-info-box:hover .icon {
+  background: #FF1494;
+}
+
+.coming-soon-area .social-list li a {
+  background: #44ce6f;
+}
+
+.coming-soon-area .social-list li a:hover, .coming-soon-area .social-list li a:focus {
+  background-color: #FF1494;
+}
+
+.coming-soon-content form .submit-btn {
+  background-color: #FF1494;
+}
+
+.coming-soon-content form .submit-btn:hover, .coming-soon-content form .submit-btn:focus {
+  background: #44ce6f;
+}
+
+.coming-soon-content #timer div {
+  color: #44ce6f;
+}
+
+.cta-area {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.cta-right-content .buy-btn .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+}
+
+.cta-right-content .buy-btn .btn-primary::after, .cta-right-content .buy-btn .btn-primary::before {
+  background: #ffffff;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.cta-right-content .buy-btn .btn-primary:hover, .cta-right-content .buy-btn .btn-primary:focus {
+  color: #44ce6f;
+}
+
+.repair-about-content .sub-title {
+  color: #FF1494;
+}
+
+.repair-about-content ul li span svg {
+  color: #FF1494;
+}
+
+.repair-about-content ul li span::before {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.single-repair-services::before {
+  border-color: #fbf0ec;
+}
+
+.single-repair-services::after {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.single-repair-services .icon {
+  color: #FF1494;
+  border-color: #fbf0ec;
+}
+
+.single-repair-services:hover a, .single-repair-services:focus a {
+  color: #FF1494;
+}
+
+.repair-why-choose-us {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.single-repair-box {
+  border-color: #fbf0ec;
+}
+
+.single-repair-box .icon::before {
+  background: -webkit-gradient(linear, left top, right bottom, from(#1fa2ff), color-stop(#00c0ff), color-stop(#00d9f2), color-stop(#53eedd), to(#a6ffcb));
+  background: linear-gradient(to right bottom, #1fa2ff, #00c0ff, #00d9f2, #53eedd, #a6ffcb);
+}
+
+.single-repair-box:hover, .single-repair-box:focus {
+  border-color: #FF1494;
+}
+
+.single-repair-box:hover a, .single-repair-box:focus a {
+  background-color: #FF1494;
+}
+
+.single-repair-feedback .client-img img {
+  border-color: #FF1494;
+}
+
+.single-repair-feedback .client-img span {
+  color: #44ce6f;
+}
+
+.iot-banner-content span {
+  color: #FF1494;
+}
+
+.single-iot-services {
+  border-color: #fbf0ec;
+}
+
+.single-iot-services::after {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.single-iot-services .icon {
+  border-color: #fbf0ec;
+  color: #FF1494;
+}
+
+.single-iot-services:hover a, .single-iot-services:focus a {
+  color: #FF1494;
+}
+
+.iot-why-choose-us {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.single-iot-box {
+  border-color: #fbf0ec;
+}
+
+.single-iot-box:hover, .single-iot-box:focus {
+  border-color: #FF1494;
+}
+
+.single-iot-box:hover a, .single-iot-box:focus a {
+  background-color: #FF1494;
+}
+
+.section-title .sub-title {
+  color: #44ce6f;
+  background-color: #d4f7df;
+}
+
+.btn.btn-secondary {
+  background-color: #FF1494;
+  -webkit-box-shadow: 5px 5px 5px #fdb2db;
+          box-shadow: 5px 5px 5px #fdb2db;
+}
+
+.btn.btn-secondary::before {
+  background: #44ce6f;
+}
+
+.btn.btn-secondary::after {
+  background: #44ce6f;
+}
+
+.btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:not(:disabled):not(.disabled):active, .show > .btn.btn-secondary.dropdown-toggle {
+  background-color: #FF1494;
+  border-color: #FF1494;
+}
+
+.btn.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn.btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn.btn-secondary.dropdown-toggle:focus {
+  -webkit-box-shadow: 5px 5px 5px #a6f5be;
+          box-shadow: 5px 5px 5px #a6f5be;
+}
+
+.btn.btn-secondary:hover, .btn.btn-secondary:focus {
+  -webkit-box-shadow: 5px 5px 5px #a6f5be;
+          box-shadow: 5px 5px 5px #a6f5be;
+}
+
+.ml-about-content .sub-title {
+  color: #44ce6f;
+  background-color: #d4f7df;
+}
+
+.ml-about-content .bar {
+  background: #ffe1fd;
+}
+
+.ml-about-content .bar::before {
+  background: #FF1494;
+}
+
+.single-ml-services-box::before {
+  background: #FF1494;
+}
+
+.pricing-box .buy-btn .btn-primary::after {
+  background: #FF1494;
+}
+
+.pricing-box .pricing-features li svg {
+  color: #FF1494;
+}
+
+.single-ml-feedback-item .client-info span {
+  color: #44ce6f;
+}
+
+.ml-feedback-slides .owl-dots .owl-dot span::before {
+  background-color: #FF1494;
+}
+
+.ml-feedback-slides .owl-dots .owl-dot:hover span, .ml-feedback-slides .owl-dots .owl-dot.active span {
+  border-color: #FF1494;
+  background-color: transparent;
+}
+
+.single-blog-post-box .entry-post-content .entry-meta ul li a:hover {
+  color: #FF1494;
+}
+
+.free-trial-content form button {
+  background-color: #FF1494;
+}
+
+.free-trial-content form button:hover {
+  background-color: #44ce6f;
+}
+
+.single-ml-projects-box .plus-icon a {
+  background-color: #FF1494;
+}
+
+.single-ml-projects-box .plus-icon a:hover {
+  background-color: #44ce6f;
+}
+
+.ml-projects-slides.owl-theme .owl-dots .owl-dot span::before {
+  background-color: #FF1494;
+}
+
+.ml-projects-slides.owl-theme .owl-dots .owl-dot:hover span, .ml-projects-slides.owl-theme .owl-dots .owl-dot.active span {
+  border-color: #FF1494;
+}
+
+.solutions-box .icon {
+  color: #FF1494;
+}
+
+.solutions-box .learn-more-btn:hover {
+  color: #FF1494;
+}
+
+.agency-about-content .sub-title {
+  color: #44ce6f;
+  background-color: #d4f7df;
+}
+
+.agency-about-content .bar {
+  background: #ffe1fd;
+}
+
+.agency-about-content .bar::before {
+  background: #FF1494;
+}
+
+.agency-services-box .content .read-more-btn:hover {
+  background-color: #FF1494;
+  border-color: #FF1494;
+}
+
+.single-testimonials-item .client-info span {
+  color: #44ce6f;
+}
+
+.single-blog-post-item .post-content .post-meta li a:hover {
+  color: #FF1494;
+}
+
+.single-blog-post-item .post-content .read-more-btn:hover {
+  background-color: #FF1494;
+  border-color: #FF1494;
+}
+
+.single-footer-widget ul.list li a:hover {
+  color: #FF1494;
+}
+
+.single-footer-widget ul.footer-contact-info li a:hover {
+  color: #FF1494;
+}
+
+.single-footer-widget ul.social-links li a {
+  border-color: #44ce6f;
+}
+
+.single-footer-widget ul.social-links li a:hover {
+  background: #44ce6f;
+  color: #ffffff;
+}
+
+.go-top {
+  background-color: #FF1494;
+}
+
+.go-top:hover {
+  background: #44ce6f;
+}
+
+.agency-portfolio-home-slides.owl-theme .owl-nav [class*='owl-']:hover {
+  background-color: #FF1494;
+  color: #ffffff;
+}
+
+.single-text-box .learn-more-btn:hover {
+  color: #FF1494;
+}
+
+.creative-inner-area .col-lg-6:nth-child(1) .single-counter {
+  background-color: #FF1494;
+}
+
+.navbar-color-white .startp-nav nav .navbar-nav .nav-item a:hover, .navbar-color-white .startp-nav nav .navbar-nav .nav-item a:focus, .navbar-color-white .startp-nav nav .navbar-nav .nav-item a.active {
+  color: #FF1494;
+}
+
+.navbar-color-white .startp-nav nav .others-option .btn.btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.navbar-color-white .startp-nav nav .others-option .btn.btn-primary::after, .navbar-color-white .startp-nav nav .others-option .btn.btn-primary::before {
+  background: #FF1494;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+}
+
+.single-banner-boxes::before {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.single-what-we-do-box .icon {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.discover-area {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.single-services-box-item .learn-more-btn {
+  color: #FF1494;
+}
+
+.single-services-box-item .learn-more-btn:hover svg {
+  color: #FF1494;
+}
+
+.single-funfact h3 {
+  color: #FF1494;
+}
+
+.single-feedback-box::before {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.industries-serve-area {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.newsletter-area::before {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+.newsletter-content::before {
+  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
+}
+
+@media only screen and (max-width: 991px) {
+  .startp-responsive-nav .startp-responsive-menu.mean-container .mean-nav ul li a.active {
+    color: #FF1494;
+  }
+}
+/*# sourceMappingURL=pink-style.css.map */

public/css/colors/purple-style.css

@@ -0,0 +1,973 @@
+a:hover, a:focus {
+  color: #c679e3;
+}
+
+.btn-primary {
+  background-color: #c679e3;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 255, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 255, 0.25);
+}
+
+.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary .show > .btn-primary.dropdown-toggle {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.btn-primary.disabled, .btn-primary:disabled {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary:disabled:hover, .btn-primary:disabled:focus {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.btn::after, .btn::before {
+  background: #44ce6f;
+}
+
+.owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot.active span {
+  background: #c679e3;
+}
+
+.form-control:focus {
+  background: #ffffff;
+  border-color: #c679e3;
+}
+
+.section-title .bar {
+  background: #ffe1fd;
+}
+
+.section-title .bar::before {
+  background: #c679e3;
+}
+
+.preloader {
+  background: #c679e3;
+}
+
+.startp-mobile-nav.mean-container .mean-nav ul li a.active {
+  color: #c679e3;
+}
+
+.startp-nav nav .navbar-nav .nav-item a {
+  color: #4a6f8a;
+}
+
+.startp-nav nav .navbar-nav .nav-item a:hover, .startp-nav nav .navbar-nav .nav-item a:focus, .startp-nav nav .navbar-nav .nav-item a.active {
+  color: #c679e3;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a {
+  color: #4a6f8a;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a:hover, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li a:focus, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li a.active {
+  color: #c679e3;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a {
+  color: #4a6f8a;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a:hover, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a:focus, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a.active {
+  color: #c679e3;
+}
+
+.startp-nav nav .navbar-nav .nav-item .dropdown_menu li:hover a {
+  color: #c679e3;
+}
+
+.startp-nav nav .others-option .btn.btn-light {
+  border-color: #d6b4e7;
+}
+
+.startp-nav nav .others-option .btn.btn-light:hover, .startp-nav nav .others-option .btn.btn-light:focus {
+  color: #ffffff;
+  border-color: #c679e3;
+}
+
+.startp-nav nav .others-option .btn.btn-light::after, .startp-nav nav .others-option .btn.btn-light::before {
+  background: #c679e3;
+}
+
+.startp-nav nav .others-option .btn.btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.startp-nav nav .others-option .btn.btn-primary::after, .startp-nav nav .others-option .btn.btn-primary::before {
+  background: #c679e3;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+}
+
+.others-option-for-responsive .dot-menu:hover .inner .circle {
+  background-color: #c679e3;
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-light {
+  border-color: #d6b4e7;
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-light:hover, .others-option-for-responsive .option-inner .others-option .btn.btn-light:focus {
+  color: #ffffff;
+  border-color: #c679e3;
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-light::after, .others-option-for-responsive .option-inner .others-option .btn.btn-light::before {
+  background: #c679e3;
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.others-option-for-responsive .option-inner .others-option .btn.btn-primary::after, .others-option-for-responsive .option-inner .others-option .btn.btn-primary::before {
+  background: #c679e3;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+}
+
+.hosting-main-banner .hosting-banner-content ul li::before {
+  background: #c679e3;
+}
+
+.single-box::before {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.single-why-choose-us .icon {
+  color: #c679e3;
+}
+
+.single-why-choose-us::before {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.services-content .box::before {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.services-content .box svg {
+  color: #c679e3;
+}
+
+.single-services-box::before, .single-services-box::after {
+  background: #c679e3;
+}
+
+.services-details-desc .services-details-accordion .accordion .accordion-title i {
+  background: #c679e3;
+}
+
+.single-features:hover .icon {
+  background: #c679e3;
+  color: #ffffff;
+}
+
+.single-features:hover .icon.bg-c679e3 {
+  background: #c679e3;
+}
+
+.single-features:hover .icon.bg-eb6b3d {
+  background: #c679e3;
+}
+
+.single-hosting-features::before, .single-hosting-features::after {
+  background: #c679e3;
+}
+
+.features-details-desc .features-details-list li::before {
+  background: #c679e3;
+}
+
+.features-details-desc .features-details-accordion .accordion .accordion-title i {
+  background: #c679e3;
+}
+
+.single-team .team-content ul li a {
+  color: #44ce6f;
+}
+
+.single-team .team-content ul li a:hover {
+  color: #c679e3;
+}
+
+.single-team .team-info {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.single-team:hover .team-image img {
+  border-color: #c679e3;
+}
+
+.single-works::before {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.funfact h3 {
+  color: #c679e3;
+}
+
+.contact-cta-box .btn::before, .contact-cta-box .btn::after {
+  background: #c679e3;
+}
+
+.contact-cta-box .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.contact-cta-box .btn-primary:hover, .contact-cta-box .btn-primary:focus {
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 255, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 255, 0.25);
+}
+
+.pricing-table .pricing-header::before {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.pricing-table .price span {
+  color: #c679e3;
+}
+
+.pricing-table.active-plan .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.pricing-table.active-plan .btn-primary::after, .pricing-table.active-plan .btn-primary::before {
+  background: #c679e3;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 255, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 255, 0.25);
+}
+
+.single-pricing-table .price span {
+  color: #c679e3;
+}
+
+.single-pricing-table.active-plan .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.single-pricing-table.active-plan .btn-primary::after, .single-pricing-table.active-plan .btn-primary::before {
+  background: #c679e3;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 255, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 255, 0.25);
+}
+
+.domain-search-content form button {
+  background-color: #c679e3;
+}
+
+.domain-search-content form button:hover, .domain-search-content form button:focus {
+  background-color: #44ce6f;
+}
+
+.feedback-slides .client-feedback .single-feedback .client-img img {
+  border-color: #c679e3;
+}
+
+.feedback-slides .client-feedback .single-feedback span {
+  color: #44ce6f;
+}
+
+.feedback-slides .client-thumbnails .item .img-fill img {
+  border-color: #c679e3;
+}
+
+.client-thumbnails .next-arrow::before, .client-thumbnails .prev-arrow::before {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.client-thumbnails .next-arrow:hover, .client-thumbnails .prev-arrow:hover {
+  color: #ffffff;
+  border-color: #c679e3;
+}
+
+.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span, .testimonials-slides.owl-theme .owl-dots .owl-dot.active span {
+  border-color: #c679e3;
+}
+
+.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span::before, .testimonials-slides.owl-theme .owl-dots .owl-dot.active span::before {
+  background: #c679e3;
+}
+
+.single-feedback-item .client-info .image img {
+  border-color: #c679e3;
+}
+
+.single-feedback-item .client-info .title span {
+  color: #44ce6f;
+}
+
+.ready-to-talk {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.ready-to-talk .btn-primary {
+  background: #44ce6f;
+}
+
+.single-blog-post .blog-image .date {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.single-blog-post .blog-post-content span a:hover {
+  color: #c679e3;
+}
+
+.single-blog-post .blog-post-content .read-more-btn:hover {
+  color: #c679e3;
+}
+
+.single-products .products-image ul li a:hover, .single-products .products-image ul li a:focus {
+  background-color: #c679e3;
+}
+
+#productsModalCenter .modal-content button.close:hover, #productsModalCenter .modal-content button.close:focus {
+  background-color: #c679e3;
+}
+
+#productsModalCenter .modal-content .products-content form .quantity .input-counter span:hover {
+  color: #c679e3;
+}
+
+#productsModalCenter .modal-content .products-content form button {
+  background: #c679e3;
+}
+
+#productsModalCenter .modal-content .products-content form button:hover, #productsModalCenter .modal-content .products-content form button:focus {
+  background-color: #44ce6f;
+}
+
+.products-details .availability span {
+  color: #c679e3;
+}
+
+.products-details form .quantity .input-counter span:hover {
+  color: #c679e3;
+}
+
+.products-details form button {
+  background: #c679e3;
+}
+
+.products-details form button:hover, .products-details form button:focus {
+  background-color: #44ce6f;
+}
+
+.products-details form .add-to-wishlist-btn:hover, .products-details form .add-to-wishlist-btn:focus {
+  background-color: #44ce6f;
+  border-color: #44ce6f;
+}
+
+.products-details form .buy-btn {
+  margin-top: 20px;
+}
+
+.products-details form .buy-btn .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+}
+
+.products-details form .buy-btn .btn-primary::after, .products-details form .buy-btn .btn-primary::before {
+  background: #c679e3;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 255, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 255, 0.25);
+}
+
+.products-details .products-share-social ul li a {
+  border-color: #c679e3;
+  color: #c679e3;
+}
+
+.products-details .products-share-social ul li a:hover {
+  background: #c679e3;
+  color: #ffffff;
+}
+
+.products-details-tabs #tabs li.active::before {
+  background: #c679e3;
+}
+
+.cart-table table tbody tr td.product-name a:hover {
+  color: #c679e3;
+}
+
+.cart-table table tbody tr td.product-quantity .input-counter span:hover {
+  color: #c679e3;
+}
+
+.user-actions {
+  border-top-color: #c679e3;
+}
+
+.user-actions svg {
+  color: #c679e3;
+}
+
+.user-actions span {
+  color: #c679e3;
+}
+
+.user-actions span a:hover, .user-actions span a:focus {
+  color: #c679e3;
+}
+
+.order-details .order-table table tbody tr td.product-name a:hover {
+  color: #c679e3;
+}
+
+.order-details .payment-method p [type="radio"]:checked + label::after, .order-details .payment-method p [type="radio"]:not(:checked) + label::after {
+  background: #c679e3;
+}
+
+.faq-accordion .accordion .accordion-item .accordion-title i {
+  background: #c679e3;
+}
+
+.pagination-area ul .page-item .page-link:hover, .pagination-area ul .page-item .page-link:focus {
+  background-color: #c679e3;
+}
+
+.pagination-area ul .page-item.active .page-link {
+  background-color: #c679e3;
+}
+
+.blog-details-desc .article-content .entry-meta ul li a:hover {
+  color: #c679e3;
+}
+
+.blog-details-desc .article-content .entry-meta ul li svg {
+  color: #44ce6f;
+}
+
+.blog-details-desc .article-content .entry-meta ul li::before {
+  background: #c679e3;
+}
+
+.blog-details-desc .article-content .features-list li svg {
+  color: #c679e3;
+}
+
+.blog-details-desc .article-footer .article-tags a {
+  background-color: #44ce6f;
+}
+
+.blog-details-desc .article-footer .article-tags a:hover {
+  background-color: #c679e3;
+}
+
+.comments-area .comment-body .reply a:hover {
+  background-color: #c679e3;
+  border-color: #c679e3;
+}
+
+.comments-area .comment-metadata a:hover {
+  color: #c679e3;
+}
+
+.comments-area .comment-respond input[type="date"]:focus, .comments-area .comment-respond input[type="time"]:focus, .comments-area .comment-respond input[type="datetime-local"]:focus, .comments-area .comment-respond input[type="week"]:focus, .comments-area .comment-respond input[type="month"]:focus, .comments-area .comment-respond input[type="text"]:focus, .comments-area .comment-respond input[type="email"]:focus, .comments-area .comment-respond input[type="url"]:focus, .comments-area .comment-respond input[type="password"]:focus, .comments-area .comment-respond input[type="search"]:focus, .comments-area .comment-respond input[type="tel"]:focus, .comments-area .comment-respond input[type="number"]:focus, .comments-area .comment-respond textarea:focus {
+  border-color: #c679e3;
+}
+
+.comments-area .comment-respond .form-submit input {
+  background: #c679e3;
+}
+
+.comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus {
+  background-color: #44ce6f;
+}
+
+.prev-link-wrapper a:hover .prev-link-info-wrapper {
+  color: #c679e3;
+}
+
+.prev-link-wrapper .image-prev::after {
+  background-color: #c679e3;
+}
+
+.next-link-wrapper a:hover .next-link-info-wrapper {
+  color: #c679e3;
+}
+
+.next-link-wrapper .image-next::after {
+  background-color: #c679e3;
+}
+
+blockquote::after, .blockquote::after {
+  background-color: #c679e3;
+}
+
+.widget-area .widget .widget-title::before {
+  background: #c679e3;
+}
+
+.widget-area .widget_search form .search-field:focus {
+  border-color: #c679e3;
+}
+
+.widget-area .widget_search form button {
+  background-color: #c679e3;
+}
+
+.widget-area .widget_search form button:hover {
+  background-color: #44ce6f;
+}
+
+.widget-area .widget_recent_entries ul li::before {
+  background: #c679e3;
+}
+
+.widget-area .widget_recent_entries ul li a:hover {
+  color: #c679e3;
+}
+
+.widget-area .widget_recent_comments ul li::before {
+  background: #c679e3;
+}
+
+.widget-area .widget_recent_comments ul li a:hover {
+  color: #c679e3;
+}
+
+.widget-area .widget_archive ul li::before {
+  background: #c679e3;
+}
+
+.widget-area .widget_archive ul li a:hover {
+  color: #c679e3;
+}
+
+.widget-area .widget_categories ul li::before {
+  background: #c679e3;
+}
+
+.widget-area .widget_categories ul li a:hover {
+  color: #c679e3;
+}
+
+.widget-area .widget_meta ul li::before {
+  background: #c679e3;
+}
+
+.widget-area .widget_meta ul li a:hover {
+  color: #c679e3;
+}
+
+.widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus {
+  background-color: #c679e3;
+  border-color: #c679e3;
+}
+
+.project-details-image a:hover {
+  color: #c679e3;
+}
+
+.project-details-desc .project-details-information .single-info-box ul li a:hover {
+  color: #c679e3;
+}
+
+.contact-info-box .icon {
+  color: #c679e3;
+}
+
+.contact-info-box p a:hover {
+  color: #c679e3;
+}
+
+.contact-info-box:hover .icon {
+  background: #c679e3;
+}
+
+.coming-soon-area .social-list li a {
+  background: #44ce6f;
+}
+
+.coming-soon-area .social-list li a:hover, .coming-soon-area .social-list li a:focus {
+  background-color: #c679e3;
+}
+
+.coming-soon-content form .submit-btn {
+  background-color: #c679e3;
+}
+
+.coming-soon-content form .submit-btn:hover, .coming-soon-content form .submit-btn:focus {
+  background: #44ce6f;
+}
+
+.coming-soon-content #timer div {
+  color: #44ce6f;
+}
+
+.cta-area {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.cta-right-content .buy-btn .btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
+}
+
+.cta-right-content .buy-btn .btn-primary::after, .cta-right-content .buy-btn .btn-primary::before {
+  background: #ffffff;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.cta-right-content .buy-btn .btn-primary:hover, .cta-right-content .buy-btn .btn-primary:focus {
+  color: #44ce6f;
+}
+
+.repair-about-content .sub-title {
+  color: #c679e3;
+}
+
+.repair-about-content ul li span svg {
+  color: #c679e3;
+}
+
+.repair-about-content ul li span::before {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.single-repair-services::before {
+  border-color: #fbf0ec;
+}
+
+.single-repair-services::after {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.single-repair-services .icon {
+  color: #c679e3;
+  border-color: #fbf0ec;
+}
+
+.single-repair-services:hover a, .single-repair-services:focus a {
+  color: #c679e3;
+}
+
+.repair-why-choose-us {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.single-repair-box {
+  border-color: #fbf0ec;
+}
+
+.single-repair-box .icon::before {
+  background: -webkit-gradient(linear, left top, right bottom, from(#1fa2ff), color-stop(#00c0ff), color-stop(#00d9f2), color-stop(#53eedd), to(#a6ffcb));
+  background: linear-gradient(to right bottom, #1fa2ff, #00c0ff, #00d9f2, #53eedd, #a6ffcb);
+}
+
+.single-repair-box:hover, .single-repair-box:focus {
+  border-color: #c679e3;
+}
+
+.single-repair-box:hover a, .single-repair-box:focus a {
+  background-color: #c679e3;
+}
+
+.single-repair-feedback .client-img img {
+  border-color: #c679e3;
+}
+
+.single-repair-feedback .client-img span {
+  color: #44ce6f;
+}
+
+.iot-banner-content span {
+  color: #c679e3;
+}
+
+.single-iot-services {
+  border-color: #fbf0ec;
+}
+
+.single-iot-services::after {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.single-iot-services .icon {
+  border-color: #fbf0ec;
+  color: #c679e3;
+}
+
+.single-iot-services:hover a, .single-iot-services:focus a {
+  color: #c679e3;
+}
+
+.iot-why-choose-us {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.single-iot-box {
+  border-color: #fbf0ec;
+}
+
+.single-iot-box:hover, .single-iot-box:focus {
+  border-color: #c679e3;
+}
+
+.single-iot-box:hover a, .single-iot-box:focus a {
+  background-color: #c679e3;
+}
+
+.section-title .sub-title {
+  color: #44ce6f;
+  background-color: #d4f7df;
+}
+
+.btn.btn-secondary {
+  background-color: #c679e3;
+  -webkit-box-shadow: 5px 5px 5px #e9caf5;
+          box-shadow: 5px 5px 5px #e9caf5;
+}
+
+.btn.btn-secondary::before {
+  background: #44ce6f;
+}
+
+.btn.btn-secondary::after {
+  background: #44ce6f;
+}
+
+.btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:not(:disabled):not(.disabled):active, .show > .btn.btn-secondary.dropdown-toggle {
+  background-color: #c679e3;
+  border-color: #c679e3;
+}
+
+.btn.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn.btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn.btn-secondary.dropdown-toggle:focus {
+  -webkit-box-shadow: 5px 5px 5px #a6f5be;
+          box-shadow: 5px 5px 5px #a6f5be;
+}
+
+.btn.btn-secondary:hover, .btn.btn-secondary:focus {
+  -webkit-box-shadow: 5px 5px 5px #a6f5be;
+          box-shadow: 5px 5px 5px #a6f5be;
+}
+
+.ml-about-content .sub-title {
+  color: #44ce6f;
+  background-color: #ffe1fd;
+}
+
+.ml-about-content .bar {
+  background: #ffe1fd;
+}
+
+.ml-about-content .bar::before {
+  background: #c679e3;
+}
+
+.single-ml-services-box::before {
+  background: #c679e3;
+}
+
+.pricing-box .buy-btn .btn-primary::after {
+  background: #c679e3;
+}
+
+.pricing-box .pricing-features li svg {
+  color: #c679e3;
+}
+
+.single-ml-feedback-item .client-info span {
+  color: #44ce6f;
+}
+
+.ml-feedback-slides .owl-dots .owl-dot span::before {
+  background-color: #c679e3;
+}
+
+.ml-feedback-slides .owl-dots .owl-dot:hover span, .ml-feedback-slides .owl-dots .owl-dot.active span {
+  border-color: #c679e3;
+  background-color: transparent;
+}
+
+.single-blog-post-box .entry-post-content .entry-meta ul li a:hover {
+  color: #c679e3;
+}
+
+.free-trial-content form button {
+  background-color: #c679e3;
+}
+
+.free-trial-content form button:hover {
+  background-color: #44ce6f;
+}
+
+.single-ml-projects-box .plus-icon a {
+  background-color: #c679e3;
+}
+
+.single-ml-projects-box .plus-icon a:hover {
+  background-color: #44ce6f;
+}
+
+.ml-projects-slides.owl-theme .owl-dots .owl-dot span::before {
+  background-color: #c679e3;
+}
+
+.ml-projects-slides.owl-theme .owl-dots .owl-dot:hover span, .ml-projects-slides.owl-theme .owl-dots .owl-dot.active span {
+  border-color: #c679e3;
+}
+
+.solutions-box .icon {
+  color: #c679e3;
+}
+
+.solutions-box .learn-more-btn:hover {
+  color: #c679e3;
+}
+
+.agency-about-content .sub-title {
+  color: #44ce6f;
+  background-color: #d4f7df;
+}
+
+.agency-about-content .bar {
+  background: #ffe1fd;
+}
+
+.agency-about-content .bar::before {
+  background: #c679e3;
+}
+
+.agency-services-box .content .read-more-btn:hover {
+  background-color: #c679e3;
+  border-color: #c679e3;
+}
+
+.single-testimonials-item .client-info span {
+  color: #44ce6f;
+}
+
+.single-blog-post-item .post-content .post-meta li a:hover {
+  color: #c679e3;
+}
+
+.single-blog-post-item .post-content .read-more-btn:hover {
+  background-color: #c679e3;
+  border-color: #c679e3;
+}
+
+.single-footer-widget ul.list li a:hover {
+  color: #c679e3;
+}
+
+.single-footer-widget ul.footer-contact-info li a:hover {
+  color: #c679e3;
+}
+
+.single-footer-widget ul.social-links li a {
+  border-color: #44ce6f;
+}
+
+.single-footer-widget ul.social-links li a:hover {
+  background: #44ce6f;
+  color: #ffffff;
+}
+
+.go-top {
+  background-color: #c679e3;
+}
+
+.go-top:hover {
+  background: #44ce6f;
+}
+
+.agency-portfolio-home-slides.owl-theme .owl-nav [class*='owl-']:hover {
+  background-color: #c679e3;
+  color: #ffffff;
+}
+
+.single-text-box .learn-more-btn:hover {
+  color: #c679e3;
+}
+
+.creative-inner-area .col-lg-6:nth-child(1) .single-counter {
+  background-color: #c679e3;
+}
+
+.navbar-color-white .startp-nav nav .navbar-nav .nav-item a:hover, .navbar-color-white .startp-nav nav .navbar-nav .nav-item a:focus, .navbar-color-white .startp-nav nav .navbar-nav .nav-item a.active {
+  color: #c679e3;
+}
+
+.navbar-color-white .startp-nav nav .others-option .btn.btn-primary {
+  background: #44ce6f;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);
+}
+
+.navbar-color-white .startp-nav nav .others-option .btn.btn-primary::after, .navbar-color-white .startp-nav nav .others-option .btn.btn-primary::before {
+  background: #c679e3;
+  -webkit-box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+          box-shadow: 0 13px 27px 0 rgba(227, 108, 217, 0.25);
+}
+
+.single-banner-boxes::before {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.single-what-we-do-box .icon {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.discover-area {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.single-services-box-item .learn-more-btn {
+  color: #c679e3;
+}
+
+.single-services-box-item .learn-more-btn:hover svg {
+  color: #c679e3;
+}
+
+.single-funfact h3 {
+  color: #c679e3;
+}
+
+.single-feedback-box::before {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.industries-serve-area {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.newsletter-area::before {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+.newsletter-content::before {
+  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
+}
+
+@media only screen and (max-width: 991px) {
+  .startp-responsive-nav .startp-responsive-menu.mean-container .mean-nav ul li a.active {
+    color: #c679e3;
+  }
+}
+/*# sourceMappingURL=purple-style.css.map */

public/css/flaticon.css

@@ -0,0 +1,65 @@
+	/*
+  	Flaticon icon font: Flaticon
+  	Creation date: 19/06/2019 06:23
+  	*/
+
+@font-face {
+    font-family: "Flaticon";
+    src: url("../fonts/Flaticon.eot");
+    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
+    url("../fonts/Flaticon.woff2") format("woff2"),
+    url("../fonts/Flaticon.woff") format("woff"),
+    url("../fonts/Flaticon.ttf") format("truetype"),
+    url("../fonts/Flaticon.svg#Flaticon") format("svg");
+    font-weight: normal;
+    font-style: normal;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+    @font-face {
+        font-family: "Flaticon";
+        src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
+    }
+}
+
+[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
+[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
+    font-family: Flaticon;
+    font-size: 20px;
+    font-style: normal;
+}
+
+.flaticon-cloud:before { content: "\f100"; }
+.flaticon-data:before { content: "\f101"; }
+.flaticon-vps:before { content: "\f102"; }
+.flaticon-shield:before { content: "\f103"; }
+.flaticon-team:before { content: "\f104"; }
+.flaticon-rocket:before { content: "\f105"; }
+.flaticon-diamond:before { content: "\f106"; }
+.flaticon-money:before { content: "\f107"; }
+.flaticon-data-1:before { content: "\f108"; }
+.flaticon-dashboard:before { content: "\f109"; }
+.flaticon-support:before { content: "\f10a"; }
+.flaticon-star:before { content: "\f10b"; }
+.flaticon-star-1:before { content: "\f10c"; }
+.flaticon-star-2:before { content: "\f10d"; }
+.flaticon-plus:before { content: "\f10e"; }
+.flaticon-line:before { content: "\f10f"; }
+.flaticon-monitor:before { content: "\f110"; }
+.flaticon-idea:before { content: "\f111"; }
+.flaticon-layout:before { content: "\f112"; }
+.flaticon-hard-disk:before { content: "\f113"; }
+.flaticon-smartphone:before { content: "\f114"; }
+.flaticon-reload:before { content: "\f115"; }
+.flaticon-laptop:before { content: "\f116"; }
+.flaticon-update-arrows:before { content: "\f117"; }
+.flaticon-handshake:before { content: "\f118"; }
+.flaticon-repair:before { content: "\f119"; }
+.flaticon-delivery-truck:before { content: "\f11a"; }
+.flaticon-left-quote:before { content: "\f11b"; }
+.flaticon-software:before { content: "\f11c"; }
+.flaticon-gear:before { content: "\f11d"; }
+.flaticon-skyline:before { content: "\f11e"; }
+.flaticon-car-insurance:before { content: "\f11f"; }
+.flaticon-factory:before { content: "\f120"; }
+.flaticon-chip:before { content: "\f121"; }

public/css/slick.css

@@ -0,0 +1,119 @@
+/* Slider */
+.slick-slider
+{
+    position: relative;
+
+    display: block;
+    box-sizing: border-box;
+
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    -webkit-touch-callout: none;
+    -khtml-user-select: none;
+    -ms-touch-action: pan-y;
+        touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list
+{
+    position: relative;
+
+    display: block;
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+}
+.slick-list:focus
+{
+    outline: none;
+}
+.slick-list.dragging
+{
+    cursor: pointer;
+    cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list
+{
+    -webkit-transform: translate3d(0, 0, 0);
+       -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+         -o-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+}
+
+.slick-track
+{
+    position: relative;
+    top: 0;
+    left: 0;
+
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+.slick-track:before,
+.slick-track:after
+{
+    display: table;
+
+    content: '';
+}
+.slick-track:after
+{
+    clear: both;
+}
+.slick-loading .slick-track
+{
+    visibility: hidden;
+}
+
+.slick-slide
+{
+    display: none;
+    float: left;
+
+    height: 100%;
+    min-height: 1px;
+}
+[dir='rtl'] .slick-slide
+{
+    float: right;
+}
+.slick-slide img
+{
+    display: block;
+}
+.slick-slide.slick-loading img
+{
+    display: none;
+}
+.slick-slide.dragging img
+{
+    pointer-events: none;
+}
+.slick-initialized .slick-slide
+{
+    display: block;
+}
+.slick-loading .slick-slide
+{
+    visibility: hidden;
+}
+.slick-vertical .slick-slide
+{
+    display: block;
+
+    height: auto;
+
+    border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+    display: none;
+}

public/fonts/Flaticon.svg

@@ -0,0 +1,563 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2019-7-12: Created with FontForge (http://fontforge.org)
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+<metadata>
+Created by FontForge 20170731 at Fri Jul 12 04:39:39 2019
+ By root
+
+</metadata>
+<defs>
+<font id="Flaticon" horiz-adv-x="512" >
+  <font-face 
+    font-family="Flaticon"
+    font-weight="400"
+    font-stretch="normal"
+    units-per-em="512"
+    panose-1="2 0 5 3 0 0 0 0 0 0"
+    ascent="448"
+    descent="-64"
+    bbox="-0.0234545 -64.043 512.484 448.001"
+    underline-thickness="25.6"
+    underline-position="-51.2"
+    unicode-range="U+0020-F121"
+  />
+    <missing-glyph />
+    <glyph glyph-name="space" unicode=" " horiz-adv-x="200" 
+ />
+    <glyph glyph-name="027-delivery-truck" unicode="&#xf11a;" 
+d="M418.587 111.306c25.6465 0 46.498 -21.0596 46.498 -46.915s-20.8516 -46.915 -46.498 -46.915c-12.5107 0 -24.292 4.90039 -33.3623 13.7617c-9.07031 8.9668 -13.9697 20.6426 -13.9697 33.1533s5.00391 24.1875 13.9697 33.1533
+c8.9668 8.8623 20.8516 13.7617 33.3623 13.7617zM418.587 38.3271c14.1787 0 25.6465 11.6768 25.6465 26.0635c0 14.3877 -11.4678 26.0645 -25.6465 26.0645c-14.3877 0 -26.4814 -11.8857 -26.4814 -26.0645s12.0938 -26.0635 26.4814 -26.0635zM430.681 267.585
+l31.3809 -28.2529c2.18945 -1.98047 3.44043 -4.7959 3.44043 -7.71484v-57.2363c0 -5.73438 -4.69141 -10.4258 -10.4258 -10.4258h-84.8643c-5.7334 0 -10.4258 4.69141 -10.4258 10.4258v85.4893c0 5.73438 4.69238 10.4258 10.4258 10.4258h53.4834
+c2.60645 0 5.1084 -0.938477 6.98535 -2.71094zM444.65 184.807v42.2236l-25.0205 22.5186h-38.9922v-64.7422h64.0127zM163.994 111.306c25.6475 0 46.498 -21.0596 46.498 -46.915s-20.8506 -46.915 -46.498 -46.915c-12.5107 0 -24.291 4.90039 -33.3613 13.7617
+c-9.07031 8.9668 -13.9707 20.6426 -13.9707 33.1533s5.00391 24.1875 13.9707 33.1533c8.96582 8.8623 20.8506 13.7617 33.3613 13.7617zM163.994 38.3271c14.1787 0 25.6475 11.6768 25.6475 26.0635c0 14.3877 -11.4688 26.0645 -25.6475 26.0645
+c-14.3867 0 -26.4805 -11.8857 -26.4805 -26.0645s12.0938 -26.0635 26.4805 -26.0635zM94.4561 98.4824c5.7334 0 10.4248 -4.69141 10.4248 -10.4258c0 -5.7334 -4.69141 -10.4248 -10.4248 -10.4248h-31.3809c-5.73438 0 -10.4258 4.69141 -10.4258 10.4248v38.1582
+c0 5.7334 4.69141 10.4258 10.4258 10.4258c5.7334 0 10.4248 -4.69238 10.4248 -10.4258v-27.7324h20.9561zM147.313 155.302c0 -5.83789 -4.69141 -10.4258 -10.4258 -10.4258h-126.462c-5.73438 0 -10.4258 4.69238 -10.4258 10.4258
+c0 5.73438 4.69141 10.4258 10.4258 10.4258h126.462c5.73438 0 10.4258 -4.69141 10.4258 -10.4258zM31.5898 192.938c-5.73438 0 -10.4258 4.69141 -10.3213 10.5293c0 5.73438 4.69141 10.3213 10.4248 10.3213h0.104492l126.462 -0.729492
+c5.73438 0 10.4258 -4.69141 10.3223 -10.5293c-0.104492 -5.73438 -4.7959 -10.3213 -10.5303 -10.3213zM52.8574 240.271c-5.7334 0 -10.4258 4.69141 -10.4258 10.4258c0 5.7334 4.69238 10.4248 10.4258 10.4248h126.463c5.7334 0 10.4248 -4.69141 10.4248 -10.4248
+c0 -5.73438 -4.69141 -10.4258 -10.4248 -10.4258h-126.463zM508.143 254.345c2.39746 -1.98047 3.75293 -5.00391 3.85742 -8.13184l-0.833984 -158.052c0 -5.73438 -4.69141 -10.3213 -10.4258 -10.3213h-21.1641c-5.7334 0 -10.4248 4.69141 -10.4248 10.4258
+s4.69141 10.4258 10.4248 10.4258h10.8428l0.729492 142.726l-67.9746 56.2988h-84.0303v-199.233h20.9561c5.7334 0 10.4258 -4.69141 10.4258 -10.4258c0 -5.7334 -4.69238 -10.4248 -10.4258 -10.4248h-127.297c-5.7334 0 -10.4248 4.69141 -10.4248 10.4248
+c0 5.73438 4.69141 10.4258 10.4248 10.4258h85.4902v247.19h-244.793v-65.8896c0 -5.73438 -4.69141 -10.4258 -10.4248 -10.4258c-5.73438 0 -10.4258 4.69141 -10.4258 10.4258v76.3154c0 5.73438 4.69141 10.4258 10.4258 10.4258h265.539
+c5.73438 0 10.4258 -4.69141 10.4258 -10.4258v-37.5322h87.7832c2.50195 0 4.7959 -0.833984 6.67188 -2.39746l74.6475 -61.8242v0z" />
+    <glyph glyph-name="002-data" unicode="&#xf101;" 
+d="M290.134 404.877c0 9.42578 7.64062 17.0664 17.0664 17.0664s17.0664 -7.64062 17.0664 -17.0664s-7.64062 -17.0664 -17.0664 -17.0664s-17.0664 7.64062 -17.0664 17.0664zM213.333 413.41c4.71289 0 8.5332 -3.82129 8.5332 -8.5332
+c0 -4.71289 -3.82031 -8.5332 -8.5332 -8.5332h-170.666c-4.71289 0 -8.5332 3.82031 -8.5332 8.5332c0 4.71191 3.82031 8.5332 8.5332 8.5332h170.666zM273.066 413.41c4.71289 0 8.5332 -3.82129 8.5332 -8.5332c0 -4.71289 -3.82031 -8.5332 -8.5332 -8.5332h-25.5996
+c-4.71289 0 -8.5332 3.82031 -8.5332 8.5332c0 4.71191 3.82031 8.5332 8.5332 8.5332h25.5996zM290.134 302.477c0 9.42578 7.64062 17.0674 17.0664 17.0674s17.0664 -7.6416 17.0664 -17.0674s-7.64062 -17.0664 -17.0664 -17.0664s-17.0664 7.64062 -17.0664 17.0664z
+M213.333 311.01c4.71289 0 8.5332 -3.82031 8.5332 -8.5332c0 -4.71191 -3.82031 -8.5332 -8.5332 -8.5332h-170.666c-4.71289 0 -8.5332 3.82129 -8.5332 8.5332c0 4.71289 3.82031 8.5332 8.5332 8.5332h170.666zM273.066 311.01
+c4.71289 0 8.5332 -3.82031 8.5332 -8.5332c0 -4.71191 -3.82031 -8.5332 -8.5332 -8.5332h-25.5996c-4.71289 0 -8.5332 3.82129 -8.5332 8.5332c0 4.71289 3.82031 8.5332 8.5332 8.5332h25.5996zM213.333 208.61c4.71289 0 8.5332 -3.82129 8.5332 -8.5332
+c0 -4.71289 -3.82031 -8.5332 -8.5332 -8.5332h-170.666c-4.71289 0 -8.5332 3.82031 -8.5332 8.5332c0 4.71191 3.82031 8.5332 8.5332 8.5332h170.666zM213.333 106.21c4.71289 0 8.5332 -3.82031 8.5332 -8.5332s-3.82031 -8.5332 -8.5332 -8.5332h-170.666
+c-4.71289 0 -8.5332 3.82031 -8.5332 8.5332s3.82031 8.5332 8.5332 8.5332h170.666zM512 212.877c-0.0458984 -1.43945 -0.240234 -2.86816 -0.580078 -4.2666h0.580078v-72.2266c-0.0332031 -1.54297 -0.245117 -3.07812 -0.631836 -4.57324h0.631836v-72.2266
+c-0.0332031 -1.54297 -0.245117 -3.07812 -0.631836 -4.57422h0.631836v-72.2256c0 -30.4131 -66.5596 -46.3281 -132.267 -46.3281s-132.267 15.915 -132.267 46.3281v12.4922h-196.267c-4.71289 0 -8.5332 3.82129 -8.5332 8.53418v51.1992h-17.0674
+c-14.1387 0 -25.5996 11.4619 -25.5996 25.6006v34.1328c0 14.1387 11.4609 25.6006 25.5996 25.6006h17.0674v17.0664h-17.0674c-14.1387 0 -25.5996 11.4609 -25.5996 25.5996v34.1338c0 14.1387 11.4609 25.5996 25.5996 25.5996h17.0674v17.0674h-17.0674
+c-14.1387 0 -25.5996 11.4609 -25.5996 25.5996v34.1338c0 14.1387 11.4609 25.5996 25.5996 25.5996h17.0674v17.0664h-17.0674c-14.1387 0 -25.5996 11.4619 -25.5996 25.6006v34.1328c0 14.1387 11.4609 25.6006 25.5996 25.6006h307.2
+c14.1387 0 25.6006 -11.4619 25.6006 -25.6006v-8.5332h102.399c4.71289 0 8.5332 -3.82129 8.5332 -8.5332v-156.638c25.4805 -7.88477 42.667 -19.7207 42.667 -35.3623zM25.5996 379.276h307.2c4.71289 0 8.5332 3.82129 8.5332 8.53418v34.1328
+c0 4.71289 -3.82031 8.5332 -8.5332 8.5332h-307.2c-4.71191 0 -8.5332 -3.82031 -8.5332 -8.5332v-34.1328c0 -4.71289 3.82129 -8.53418 8.5332 -8.53418zM298.667 362.21h-238.934v-17.0664h238.934v17.0664zM25.5996 276.877h307.2
+c4.71289 0 8.5332 3.82031 8.5332 8.5332v34.1338c0 4.71191 -3.82031 8.5332 -8.5332 8.5332h-307.2c-4.71191 0 -8.5332 -3.82129 -8.5332 -8.5332v-34.1338c0 -4.71289 3.82129 -8.5332 8.5332 -8.5332zM247.467 212.877c0 30.8057 66.5596 46.9336 132.267 46.9336
+c24.3604 0.141602 48.6689 -2.25195 72.5332 -7.14258v143.676h-93.8662v-8.5332c0 -14.1387 -11.4619 -25.6006 -25.6006 -25.6006h-17.0664v-17.0664h17.0664c14.1387 0 25.6006 -11.4609 25.6006 -25.5996v-34.1338c0 -14.1387 -11.4619 -25.5996 -25.6006 -25.5996
+h-273.066v-17.0674h162.133c4.71289 0 8.53418 -3.82031 8.53418 -8.5332c0 -4.71191 -3.82129 -8.5332 -8.53418 -8.5332h-196.267c-4.71191 0 -8.5332 -3.82031 -8.5332 -8.5332v-34.1338c0 -4.71191 3.82129 -8.5332 8.5332 -8.5332h196.267
+c4.71289 0 8.53418 -3.82031 8.53418 -8.5332s-3.82129 -8.5332 -8.53418 -8.5332h-162.133v-17.0664h162.133c4.71289 0 8.53418 -3.82129 8.53418 -8.5332c0 -4.71289 -3.82129 -8.53418 -8.53418 -8.53418h-196.267c-4.71191 0 -8.5332 -3.82031 -8.5332 -8.5332
+v-34.1328c0 -4.71289 3.82129 -8.5332 8.5332 -8.5332h196.267c4.71289 0 8.53418 -3.82129 8.53418 -8.5332c0 -4.71289 -3.82129 -8.53418 -8.53418 -8.53418h-162.133v-42.666h187.733v42.666h0.630859c-0.385742 1.49609 -0.597656 3.03125 -0.630859 4.57422v72.2266
+h0.630859c-0.385742 1.49512 -0.597656 3.03027 -0.630859 4.57324v72.2266h0.580078c-0.339844 1.39844 -0.53418 2.82715 -0.580078 4.2666zM494.934 -17.2158v52.8379c-23.9619 -14.7451 -69.7607 -22.3652 -115.2 -22.3652c-45.4404 0 -91.2383 7.62012 -115.2 22.3652
+v-52.8379c0 -9.93262 40.6611 -29.2607 115.2 -29.2607s115.2 19.3281 115.2 29.2607zM494.934 59.584v52.8389c-23.9619 -14.7461 -69.7607 -22.3662 -115.2 -22.3662c-45.4404 0 -91.2383 7.62012 -115.2 22.3662v-52.8389c0 -9.93262 40.6611 -29.2607 115.2 -29.2607
+s115.2 19.3281 115.2 29.2607zM494.934 136.384v52.2158c-23.9619 -14.9766 -69.7607 -22.6562 -115.2 -22.6562c-45.4404 0 -91.2383 7.67969 -115.2 22.6562v-52.2158c0 -9.93262 40.6611 -29.2607 115.2 -29.2607s115.2 19.3281 115.2 29.2607zM379.733 183.01
+c74.5391 0 115.2 19.7295 115.2 29.8672c0 10.1289 -40.6611 29.8662 -115.2 29.8662s-115.2 -19.7285 -115.2 -29.8662s40.6611 -29.8672 115.2 -29.8672z" />
+    <glyph glyph-name="024-update-arrows" unicode="&#xf117;" 
+d="M497.304 392.301c10.0352 -2.15234 16.4287 -12.0303 14.2812 -22.0654l-22.7939 -106.357c-1.0332 -4.81836 -3.93848 -9.03027 -8.07715 -11.708c-2.58691 -1.6748 -5.52441 -2.66309 -8.53809 -2.91699c-1.80957 -0.152344 -3.64453 -0.0400391 -5.45117 0.347656
+l-106.357 22.792c-10.0361 2.15039 -16.4287 12.0312 -14.2793 22.0664c2.14844 10.0361 12.0264 16.4307 22.0654 14.2793l61.96 -13.2783c-36.292 62.5039 -103.325 101.76 -176.814 101.76c-112.725 0 -204.432 -91.708 -204.432 -204.432
+c0 -10.2637 -8.32129 -18.585 -18.585 -18.585c-10.2646 0 -18.584 8.32129 -18.584 18.585c0 133.221 108.381 241.601 241.601 241.601c86.5049 0 165.432 -46.0332 208.432 -119.391l13.5059 63.0254c2.15039 10.0361 12.0264 16.4316 22.0674 14.2773zM478.603 217.147
+c10.2559 0.364258 18.8506 -7.70508 19.1885 -17.96c2.13086 -64.5 -20.9834 -125.967 -65.085 -173.08c-44.1025 -47.1133 -103.911 -74.2314 -168.408 -76.3633c-2.68262 -0.0898438 -5.36914 -0.132812 -8.04102 -0.132812
+c-83.1738 -0.00292969 -159.84 42.6973 -203.884 112.051l-15.833 -59.0498c-2.22559 -8.30078 -9.73535 -13.7783 -17.9395 -13.7783c-1.59375 0 -3.21094 0.208008 -4.82422 0.640625c-9.91406 2.66016 -15.7949 12.8506 -13.1367 22.7637l28.167 105.064
+c1.27637 4.76074 4.3916 8.82129 8.66113 11.2832c4.26758 2.46191 9.3418 3.12793 14.1025 1.85449l105.062 -28.1689c9.91309 -2.66113 15.7949 -12.8516 13.1367 -22.7656c-2.6582 -9.91504 -12.8496 -15.7949 -22.7637 -13.1377l-64.5957 17.3203
+c37.0469 -59.9209 102.646 -96.9043 173.857 -96.9082c2.26562 0 4.52832 0.0380859 6.80273 0.112305c54.5752 1.80176 105.182 24.751 142.499 64.6152c37.3174 39.8672 56.875 91.876 55.0723 146.453c-0.338867 10.2568 7.70508 18.8477 17.9619 19.1865z" />
+    <glyph glyph-name="014-star-2" unicode="&#xf10d;" 
+d="M500.887 214.955l-89.6973 -87.4424c-3.82422 -3.73145 -5.57715 -9.09375 -4.67578 -14.3525l21.1816 -123.459c2.37891 -13.8711 -3.20898 -27.6191 -14.5996 -35.9033c-6.43848 -4.68555 -13.9834 -7.05371 -21.5605 -7.05371
+c-5.83301 0 -11.6973 1.40527 -17.1104 4.25488l-110.879 58.2949c-4.72656 2.48047 -10.3652 2.48047 -15.0918 0l-110.868 -58.2949c-12.4775 -6.57129 -27.292 -5.49512 -38.6719 2.79883c-11.3906 8.28418 -16.9775 22.0322 -14.5996 35.9033l21.1719 123.469
+c0.901367 5.24902 -0.851562 10.6211 -4.67578 14.3535l-89.6973 87.4316c-10.0781 9.82129 -13.6357 24.2363 -9.28809 37.6357c4.35742 13.4004 15.7061 22.9658 29.6387 24.9854l123.972 18.0234c5.2793 0.768555 9.85254 4.08008 12.21 8.86816l55.4346 112.334
+c6.22266 12.6211 18.8535 20.4639 32.9199 20.4639c14.0762 0 26.707 -7.84277 32.9307 -20.4639l55.4238 -112.334c2.35742 -4.78809 6.91992 -8.09961 12.2002 -8.86816l123.971 -18.0137c13.9434 -2.0293 25.292 -11.5947 29.6494 -24.9951
+c4.34766 -13.3994 0.790039 -27.8145 -9.28809 -37.6357zM386.317 109.694c-2.05078 11.9238 1.89648 24.0723 10.5488 32.5098l89.6982 87.4316c4.52051 4.40918 6.04883 10.6221 4.10059 16.6191c-1.94824 6.00781 -6.83789 10.1299 -13.082 11.042l-123.971 18.0137
+c-11.9648 1.73242 -22.2988 9.2373 -27.6406 20.084l-55.4336 112.334c-2.79883 5.66016 -8.2334 9.0332 -14.5479 9.0332c-6.30566 0 -11.75 -3.37305 -14.5381 -9.0332l-55.4346 -112.334c-5.34082 -10.8467 -15.6855 -18.3516 -27.6504 -20.084l-123.961 -18.0137
+c-6.24316 -0.912109 -11.1338 -5.03418 -13.0811 -11.042c-1.95898 -5.99707 -0.420898 -12.21 4.10059 -16.6191l89.708 -87.4414c8.65234 -8.42773 12.5996 -20.5869 10.5596 -32.5l-21.1709 -123.458c-1.05664 -6.22363 1.34277 -12.1494 6.44824 -15.8604
+c5.10547 -3.70117 11.4727 -4.15234 17.0801 -1.24023l110.858 58.2939c5.35156 2.80957 11.2266 4.22461 17.0908 4.22461s11.749 -1.41504 17.0908 -4.21387l110.879 -58.3047c5.58691 -2.91211 11.9541 -2.46094 17.0693 1.24023
+c5.10547 3.71094 7.51562 9.64746 6.44922 15.8604z" />
+    <glyph glyph-name="022-reload" unicode="&#xf115;" 
+d="M117.261 346.469c-55.5166 -50.1846 -78.9365 -126.611 -61.3721 -199.379c1.88184 -7.52832 -2.82227 -15.1602 -10.3506 -17.042c-1.14941 -0.314453 -2.19531 -0.418945 -3.3457 -0.418945c-6.37695 0 -12.1279 4.28711 -13.6963 10.7695
+c-20.0732 82.8047 6.69141 169.791 69.8408 226.98c45.8984 41.6123 105.388 62.8359 167.282 59.6992c49.9756 -2.50879 96.71 -20.4922 134.662 -51.5439l-2.19531 57.8174c-0.313477 7.84082 5.75 14.3232 13.5918 14.6367
+c7.73633 0.313477 14.3232 -5.75 14.6367 -13.5918l3.4502 -92.2139v0v-0.104492v-0.523438v-1.04492c0 -7.63281 -5.95898 -13.8008 -13.5908 -14.1143l-93.2607 -3.4502h-0.522461c-7.52734 0 -13.8008 5.95898 -14.1143 13.5918
+c-0.313477 7.84082 5.75 14.3232 13.5918 14.6367l60.7441 2.2998c-76.6357 62.418 -189.761 61.3721 -265.352 -7.00488zM483.505 243.591c20.0732 -82.9102 -6.69141 -169.792 -69.8408 -226.981c-43.0752 -38.8936 -97.8604 -60.0127 -155.468 -60.0127
+c-3.86816 0 -7.8418 0.104492 -11.8145 0.313477c-49.6621 2.50977 -96.1875 20.3877 -134.14 51.126l5.01855 -56.5625c0.731445 -7.8418 -5.01855 -14.6377 -12.7549 -15.3691c-0.418945 -0.104492 -0.836914 -0.104492 -1.25488 -0.104492
+c-7.21387 0 -13.3828 5.54102 -14.0098 12.8594l-8.36426 92.9463c-0.732422 7.8418 5.01855 14.6377 12.7549 15.3691l92.9463 8.36426c7.8418 0.732422 14.6377 -4.91406 15.3691 -12.7549c0.732422 -7.8418 -5.01855 -14.6377 -12.7549 -15.3691l-61.4766 -5.54102
+c37.4297 -31.1562 83.8506 -46.9443 130.376 -46.9443c48.7207 0 97.6504 17.3555 136.648 52.5898c55.5166 50.1846 79.041 126.611 61.3721 199.38c-1.88184 7.52734 2.82227 15.1592 10.3506 17.042c7.52734 1.88184 15.1602 -2.82324 17.042 -10.3506z" />
+    <glyph glyph-name="009-data-1" unicode="&#xf108;" 
+d="M434.986 279.944c44.3564 -11.6562 77.0137 -53.666 77.0137 -100.506c0 -56.5928 -46.0459 -102.639 -102.639 -102.639h-33.8945c-4.71094 0 -8.5332 3.81445 -8.5332 8.5332c0 4.71973 3.82227 8.5332 8.5332 8.5332h33.8945
+c47.1807 0 85.5723 38.3916 85.5723 85.5723c0 41.0547 -29.9521 77.6533 -69.6836 85.2061c-1.20312 0.162109 -20.9922 2.84961 -39.9697 -0.0175781c-0.435547 -0.0683594 -0.871094 -0.102539 -1.29688 -0.102539c-4.14746 0 -7.7832 3.0293 -8.42285 7.25391
+c-0.708008 4.65918 2.49219 9.01074 7.15137 9.71973c13.0557 1.99609 26.1201 1.68066 34.8408 1.06641c-5.7168 66.1504 -60.6201 118.502 -126.702 118.502c-40.0732 0 -80.3672 -20.3008 -104.824 -52.3008c16.6748 -14.0967 27.3066 -35.1318 27.3066 -58.6318
+c0 -4.71973 -3.82227 -8.53418 -8.5332 -8.53418c-4.70996 0 -8.5332 3.81445 -8.5332 8.53418c0 21 -10.9229 39.4746 -27.3574 50.1328c-1.94629 1.2627 -3.95996 2.38086 -6.0166 3.39648c-0.588867 0.290039 -1.17773 0.580078 -1.77441 0.853516
+c-2.32129 1.04883 -4.69336 1.99609 -7.12598 2.73926c-0.297852 0.0849609 -0.605469 0.144531 -0.904297 0.230469c-2.20996 0.630859 -4.4541 1.12598 -6.73242 1.50098c-0.666016 0.111328 -1.33105 0.222656 -1.99707 0.307617
+c-2.58594 0.341797 -5.18848 0.571289 -7.8252 0.571289c-32.9385 0 -59.7334 -26.8027 -59.7334 -59.7324c0 -0.716797 0.0517578 -1.42578 0.102539 -2.13379l0.102539 -1.72363l-0.0771484 -1.47656c-0.0595703 -1.0752 -0.12793 -2.15039 -0.12793 -3.2002v-5.37598
+l-4.84668 -2.3125c-31.8037 -15.249 -54.8867 -52.0449 -54.8867 -87.4922c0 -51.0381 41.5146 -92.5527 92.5439 -92.5527h43.9893c4.71094 0 8.53418 -3.81348 8.53418 -8.5332c0 -4.71875 -3.82324 -8.5332 -8.53418 -8.5332h-43.9893
+c-60.4414 0 -109.61 49.1777 -109.61 109.619c0 40.5762 24.3799 81.1182 59.8701 100.463c-0.0683594 1.0752 -0.136719 2.15039 -0.136719 3.25195c0 42.3506 34.458 76.7998 76.7998 76.7998c2.91016 0 5.76855 -0.196289 8.59277 -0.520508
+c0.905273 -0.102539 1.79199 -0.273438 2.68848 -0.410156c1.92871 -0.28125 3.83984 -0.605469 5.7168 -1.03223c1.0332 -0.239258 2.04883 -0.520508 3.07227 -0.793945c1.73242 -0.46875 3.43945 -0.989258 5.12012 -1.57812
+c1.02441 -0.358398 2.04785 -0.716797 3.05469 -1.11816c1.73242 -0.691406 3.42188 -1.45898 5.09473 -2.26953c0.648438 -0.316406 1.33105 -0.546875 1.97168 -0.878906c27.8008 37.0771 72.6689 59.8018 119.006 59.8018c76.3301 0 139.639 -61.3896 144.136 -138.189z
+M326.767 156.101l-53.7002 53.7002v-214.802l53.7002 53.7012c3.33691 3.33594 8.72949 3.33594 12.0664 0c3.33691 -3.33691 3.33691 -8.73047 0 -12.0664l-68.2578 -68.2588c-0.793945 -0.792969 -1.73242 -1.41602 -2.78223 -1.85156
+c-1.04102 -0.426758 -2.15039 -0.657227 -3.25977 -0.657227s-2.21875 0.230469 -3.25977 0.657227c-1.0498 0.435547 -1.99707 1.05859 -2.78125 1.85156l-68.2588 68.2588c-3.33594 3.33594 -3.33594 8.72949 0 12.0664c3.33691 3.33594 8.72949 3.33594 12.0664 0
+l53.7002 -53.7012v214.802l-53.7002 -53.7002c-1.66406 -1.66406 -3.84863 -2.50098 -6.0332 -2.50098s-4.36914 0.836914 -6.0332 2.50098c-3.33594 3.33594 -3.33594 8.72949 0 12.0654l68.2588 68.2588c0.792969 0.792969 1.73145 1.41602 2.78125 1.85156
+c2.08203 0.861328 4.4375 0.861328 6.51953 0c1.0498 -0.435547 1.99707 -1.05859 2.78223 -1.85156l68.2578 -68.2588c3.33691 -3.33594 3.33691 -8.72949 0 -12.0654c-1.66406 -1.66406 -3.84863 -2.50098 -6.0332 -2.50098s-4.36914 0.836914 -6.0332 2.50098z" />
+    <glyph glyph-name="015-plus" unicode="&#xf10e;" 
+d="M512 204.19v-24.3809h-243.81v-243.81h-24.3809v243.81h-243.81v24.3809h243.81v243.81h24.3809v-243.81h243.81z" />
+    <glyph glyph-name="017-monitor" unicode="&#xf110;" 
+d="M99.5117 143.075c-8.12305 0 -14.7324 6.60938 -14.7324 14.7314v179.118c0 8.12305 6.6084 14.7324 14.7324 14.7324h312.976c8.12402 0 14.7324 -6.60938 14.7324 -14.7324v-179.117c0 -8.12305 -6.60742 -14.7324 -14.7324 -14.7324h-312.976zM93.623 336.925
+v-179.118c0 -3.24707 2.6416 -5.88965 5.88867 -5.88965h312.976c3.24707 0 5.88867 2.64258 5.88867 5.88965v179.118c0 3.24707 -2.6416 5.88965 -5.88867 5.88965h-312.976c-3.24707 0 -5.88867 -2.64258 -5.88867 -5.88965zM511.989 40.6074
+c0.000976562 -0.0195312 0.0107422 -0.0292969 0.0107422 -0.0488281v-27.8916c0 -2.44141 -1.97852 -4.42188 -4.42188 -4.42188l-503.156 -0.000976562c-1.17285 0 -2.29785 0.46582 -3.12793 1.29492c-0.829102 0.830078 -1.29395 1.9541 -1.29395 3.12695v27.8906
+c0 0.00976562 0.00976562 0.0234375 0.0107422 0.0322266c0.00585938 0.893555 0.271484 1.77832 0.807617 2.5332l58.3076 81.9072v246.305c0 2.44238 1.98047 4.42188 4.42188 4.42188h384.904c2.44238 0 4.42188 -1.97949 4.42188 -4.42188v-246.305l58.3076 -81.9072
+c0.53125 -0.748047 0.797852 -1.62891 0.807617 -2.51465zM255.999 44.9785l243.005 -0.000976562l-12.6572 17.7812h-183.604c-2.44141 0 -4.42188 1.97949 -4.42188 4.4209c0 2.44238 1.98047 4.42188 4.42188 4.42188h177.308l-33.8779 47.5918h-190.173h-190.172
+l-9.53906 -13.4004h56.0381c2.44336 0 4.42188 -1.97949 4.42188 -4.4209c0 -2.44238 -1.97852 -4.42188 -4.42188 -4.42188h-62.332l-36.998 -51.9717h243.003zM444.03 366.912h-376.06v-238.873h188.03h188.029v238.873zM8.84277 17.0889l494.313 0.000976562v19.0479
+l-247.157 -0.000976562h-247.156v-19.0479zM269.062 71.6025c2.44238 0 4.4209 -1.97949 4.4209 -4.4209c0 -2.44238 -1.97852 -4.42188 -4.4209 -4.42188h-61.8633c-2.44238 0 -4.42188 1.97949 -4.42188 4.42188c0 2.44141 1.97949 4.4209 4.42188 4.4209h61.8633z
+M117.325 280.755c-1.13086 0 -2.2627 0.431641 -3.12695 1.29492c-1.72559 1.72656 -1.72559 4.52637 0 6.25391l34.0967 34.0977c1.72754 1.72559 4.52734 1.72559 6.25391 0c1.72559 -1.72656 1.72559 -4.52637 0 -6.25391l-34.0967 -34.0977
+c-0.864258 -0.863281 -1.99512 -1.29492 -3.12695 -1.29492zM117.325 235.553c-1.13086 0 -2.2627 0.431641 -3.12695 1.29395c-1.72559 1.72656 -1.72559 4.52637 0 6.25391l79.2988 79.2998c1.72754 1.72559 4.52637 1.72559 6.25391 0
+c1.72559 -1.72656 1.72559 -4.52637 0 -6.25391l-79.2988 -79.2988c-0.864258 -0.863281 -1.99512 -1.29492 -3.12695 -1.29492zM117.325 190.353c-1.13086 0 -2.2627 0.431641 -3.12598 1.29395c-1.72559 1.72754 -1.72559 4.52734 0 6.25391l124.498 124.501
+c1.72656 1.72559 4.52637 1.72559 6.25391 0c1.72559 -1.72656 1.72559 -4.52637 0 -6.25391l-124.499 -124.5c-0.864258 -0.863281 -1.99512 -1.29492 -3.12695 -1.29492z" />
+    <glyph glyph-name="029-software" unicode="&#xf11c;" 
+d="M488.906 364c12.7344 0 23.0938 -10.3594 23.0938 -23.0938v-288.812c0 -12.7344 -10.3594 -23.0938 -23.0938 -23.0938h-162.594c2.92578 -27.3828 21.1797 -43.5938 26.8398 -48h31.8477c12.4062 0 22.5 -10.0938 22.5 -22.5s-10.0938 -22.5 -22.5 -22.5h-258
+c-12.4062 0 -22.5 10.0938 -22.5 22.5s10.0938 22.5 22.5 22.5h31.8672c5.73438 4.42188 23.9258 20.4883 26.8281 48h-162.602c-12.7344 0 -23.0938 10.3594 -23.0938 23.0938v288.812c0 12.7344 10.3594 23.0938 23.0938 23.0938h164.781v15h-67.25
+c-4.14453 0 -7.5 3.35547 -7.5 7.5v17.7891c-8.73047 3.09766 -15 11.4336 -15 21.2109c0 12.4062 10.0938 22.5 22.5 22.5s22.5 -10.0938 22.5 -22.5c0 -9.77734 -6.26953 -18.1133 -15 -21.2109v-10.2891h67.25c4.14453 0 7.5 -3.35547 7.5 -7.5v-22.5h45.625v40.2891
+c-8.73047 3.09766 -15 11.4336 -15 21.2109c0 12.4062 10.0938 22.5 22.5 22.5s22.5 -10.0938 22.5 -22.5c0 -9.77734 -6.26953 -18.1133 -15 -21.2109v-40.2891h45.625v22.5c0 4.14453 3.35547 7.5 7.5 7.5h67.25v10.2891c-8.73047 3.09766 -15 11.4336 -15 21.2109
+c0 12.4062 10.0938 22.5 22.5 22.5s22.5 -10.0938 22.5 -22.5c0 -9.77734 -6.26953 -18.1133 -15 -21.2109v-17.7891c0 -4.14453 -3.35547 -7.5 -7.5 -7.5h-67.25v-15h27.875c4.14453 0 7.5 -3.35547 7.5 -7.5s-3.35547 -7.5 -7.5 -7.5h-27.875v-15h150.375
+c4.14453 0 7.5 -3.35547 7.5 -7.5v-260c0 -4.14453 -3.35547 -7.5 -7.5 -7.5h-437c-4.14453 0 -7.5 3.35547 -7.5 7.5v29.832c0 4.14453 3.35547 7.5 7.5 7.5s7.5 -3.35547 7.5 -7.5v-22.332h422v245h-142.875v-40.2344l32.1094 -15.3398
+c2.60156 -1.24609 4.26562 -3.91016 4.26562 -6.76953v-122.312c0 -2.89062 -1.66016 -5.52344 -4.26562 -6.76953l-15.4102 -7.35938c-3.73438 -1.78516 -8.21484 -0.203125 -10 3.53516c-1.78516 3.73438 -0.203125 8.21484 3.53516 10l11.1406 5.32031v105.691
+l-82 -39.1758v-105.691l43.7969 20.9258c3.73438 1.78516 8.21875 0.203125 10.0039 -3.53516c1.78516 -3.73438 0.203125 -8.21484 -3.53516 -10l-54.5312 -26.0547c-1.99609 -0.9375 -4.36719 -0.988281 -6.46875 0l-97 46.3438
+c-2.60547 1.24609 -4.26562 3.87891 -4.26562 6.76953v122.312c0 2.89453 1.70312 5.54297 4.26562 6.76953l32.1094 15.3398v40.2344h-142.875v-190.668c0 -4.14062 -3.35547 -7.5 -7.5 -7.5s-7.5 3.35938 -7.5 7.5v198.168c0 4.14453 3.35547 7.5 7.5 7.5h150.375v15
+h-164.781c-4.46484 0 -8.09375 -3.62891 -8.09375 -8.09375v-288.812c0 -4.46484 3.62891 -8.09375 8.09375 -8.09375h465.812c4.46484 0 8.09375 3.62891 8.09375 8.09375v288.812c0 4.46484 -3.62891 8.09375 -8.09375 8.09375h-104.906c-4.14453 0 -7.5 3.35547 -7.5 7.5
+s3.35547 7.5 7.5 7.5h104.906zM391.375 433c-4.13672 0 -7.5 -3.36328 -7.5 -7.5s3.36328 -7.5 7.5 -7.5s7.5 3.36328 7.5 7.5s-3.36328 7.5 -7.5 7.5zM256 433c-4.13672 0 -7.5 -3.36328 -7.5 -7.5s3.36328 -7.5 7.5 -7.5s7.5 3.36328 7.5 7.5s-3.36328 7.5 -7.5 7.5z
+M120.625 433c-4.13672 0 -7.5 -3.36328 -7.5 -7.5s3.36328 -7.5 7.5 -7.5s7.5 3.36328 7.5 7.5s-3.36328 7.5 -7.5 7.5zM202.875 319v-33.0703l45.625 21.8008v11.2695h-45.625zM335.602 256.656l-79.6016 38.0312l-79.6016 -38.0312l79.6016 -38.0273zM166.5 244.762
+v-105.691l82 -39.1758v105.691zM309.125 285.93v33.0703h-45.625v-11.2695zM309.125 349h-45.625v-15h45.625v15zM248.5 349h-45.625v-15h45.625v15zM392.5 -41.5c0 4.13672 -3.36328 7.5 -7.5 7.5h-258c-4.13672 0 -7.5 -3.36328 -7.5 -7.5s3.36328 -7.5 7.5 -7.5h258
+c4.13672 0 7.5 3.36328 7.5 7.5zM331.641 -19c-8.79297 10.2695 -18.5469 26.2734 -20.418 48h-110.445c-1.87109 -21.7266 -11.625 -37.7305 -20.418 -48h151.281zM331.641 -19z" />
+    <glyph glyph-name="010-dashboard" unicode="&#xf109;" 
+d="M435.143 318.644c6.7959 -6.79688 7.79688 -17.4648 2.38574 -25.4072c-20.3994 -29.9268 -122.97 -180.03 -139.101 -196.162c-11.6973 -11.6963 -27.0625 -17.5449 -42.4268 -17.5449s-30.7295 5.84863 -42.4268 17.5449c-23.3945 23.3945 -23.3945 61.459 0 84.8535
+c16.1318 16.1309 166.235 118.702 196.162 139.101c7.94336 5.41309 18.6104 4.41113 25.4062 -2.38477zM270.142 125.359c6.19238 6.26562 36.5859 48.8809 73.0322 101.314c-52.4336 -36.4473 -95.0508 -66.8408 -101.318 -73.0352
+c-7.7959 -7.79785 -7.79492 -20.4824 0.00390625 -28.2793c7.79688 -7.7998 20.4854 -7.7998 28.2822 0zM92.2314 46.4766c9.92773 4.8418 21.9014 0.720703 26.7441 -9.20703c4.84375 -9.92773 0.72168 -21.9004 -9.20703 -26.7432l-41 -20
+c-2.81055 -1.37109 -5.80273 -2.02637 -8.75684 -2.02637c-6.49805 0 -12.8164 3.1709 -16.6387 8.88574c-28.375 42.4414 -43.373 91.585 -43.373 142.115c0 68.3799 26.6289 132.667 74.9805 181.021c48.3525 48.3516 112.64 74.9795 181.02 74.9795
+c36.6592 0 72.0635 -7.5918 105.229 -22.5625c10.0684 -4.5459 14.5459 -16.3906 10 -26.458c-4.54492 -10.0654 -16.3916 -14.5449 -26.4561 -9.99902c-21.8877 9.87988 -44.9434 15.9473 -68.7715 18.1162v-30.0957c0 -11.0459 -8.9541 -20 -20 -20s-20 8.9541 -20 20
+v30.0811c-69.499 -6.41016 -129.566 -45.8848 -164.283 -102.505l27.9326 -13.3984c9.95996 -4.77637 14.1592 -16.7236 9.38379 -26.6826c-3.43945 -7.16992 -10.5938 -11.3555 -18.0469 -11.3555c-2.90137 0 -5.84668 0.634766 -8.63672 1.97266l-28.291 13.5693
+c-9.08301 -23.8408 -14.0596 -49.6914 -14.0596 -76.6826c0 -36.8389 9.47461 -72.8262 27.541 -105.068zM489.436 244.729c14.9727 -33.1641 22.5645 -68.5684 22.5645 -105.228c0 -50.5303 -14.998 -99.6738 -43.374 -142.116
+c-3.81738 -5.71094 -10.1367 -8.88574 -16.6367 -8.88574c-2.89648 0 -5.8252 0.628906 -8.58789 1.94434l-42 20c-9.97363 4.74902 -14.208 16.6836 -9.45898 26.6553c4.75 9.97461 16.6846 14.207 26.6553 9.45898l25.7773 -12.2744
+c18.1191 32.2783 27.625 68.3242 27.625 105.218c0 30.9463 -6.39941 60.8135 -19.0215 88.7715c-4.54492 10.0664 -0.0673828 21.9111 9.99902 26.4561c10.0713 4.54785 21.9141 0.0673828 26.458 -10z" />
+    <glyph glyph-name="034-chip" unicode="&#xf121;" 
+d="M486.082 166.066h-22.8125v-32.2266h22.8164c14.2891 0 25.918 -11.6367 25.918 -25.9453c0 -14.293 -11.6289 -25.918 -25.918 -25.918h-22.8164v-58.543c0 -21.3398 -17.3633 -38.6992 -38.7031 -38.6992h-58.543v-22.8164
+c0 -14.293 -11.625 -25.9219 -25.918 -25.9219c-14.3047 0 -25.9453 11.6289 -25.9453 25.9219v22.8164h-32.2266v-22.8164c0 -14.293 -11.6367 -25.9219 -25.9453 -25.9219c-14.293 0 -25.9219 11.6289 -25.9219 25.9219v22.8164h-32.25v-22.8164
+c0 -14.293 -11.6289 -25.9219 -25.918 -25.9219c-14.293 0 -25.9219 11.6289 -25.9219 25.9219v22.8164h-58.5391c-21.3398 0 -38.7031 17.3594 -38.7031 38.6992v58.543h-22.8164c-14.2891 0 -25.918 11.625 -25.918 25.918c0 14.3086 11.6289 25.9453 25.918 25.9453
+h22.8164v32.2266h-22.8164c-14.2891 0 -25.918 11.6406 -25.918 25.9453c0 14.293 11.6289 25.918 25.918 25.918h22.8164v32.2539h-22.8164c-14.2891 0 -25.918 11.625 -25.918 25.918s11.6289 25.9219 25.918 25.918h22.8164v58.543
+c0 21.3398 17.3633 38.6992 38.6992 38.6992h58.543v22.8164c0 14.293 11.6289 25.9219 25.918 25.9219c14.293 0 25.918 -11.6289 25.918 -25.9219v-22.8164h32.2539v22.8164c0 14.293 11.6289 25.9219 25.918 25.9219c14.3086 0 25.9492 -11.6289 25.9492 -25.9219
+v-22.8164h32.2227v22.8164c0 14.293 11.6406 25.9219 25.9492 25.9219c14.2891 0 25.918 -11.6289 25.918 -25.9219v-22.8125h58.5391c21.3398 0 38.7031 -17.3633 38.7031 -38.7031v-58.5391h22.8164c14.2891 0 25.918 -11.6289 25.918 -25.9219
+c0 -14.2891 -11.6289 -25.918 -25.918 -25.918h-22.8164v-32.25h22.8164c14.2891 0 25.918 -11.6289 25.918 -25.9219c0 -14.3047 -11.6289 -25.9453 -25.918 -25.9453zM486.082 202.875h-22.8164v-21.75h22.8164c5.98828 0 10.8594 4.88281 10.8594 10.8867
+c0 5.98828 -4.87109 10.8633 -10.8594 10.8633zM486.082 286.961h-22.8164v-21.7188h22.8164c5.98828 0 10.8594 4.87109 10.8594 10.8594s-4.87109 10.8594 -10.8594 10.8594zM329.215 422.078v-22.8164h21.75v22.8164c0 5.99219 -4.87109 10.8633 -10.8594 10.8633
+c-6.00391 0 -10.8906 -4.87109 -10.8906 -10.8633zM245.125 422.078v-22.8164h21.75v22.8164c0 5.99219 -4.88672 10.8633 -10.8906 10.8633c-5.98828 0 -10.8594 -4.87109 -10.8594 -10.8633zM161.035 422.078v-22.8164h21.7227v22.8164
+c0 5.99219 -4.87109 10.8633 -10.8633 10.8633c-5.98828 0 -10.8594 -4.87109 -10.8594 -10.8633zM25.918 265.242h22.8164v21.7188h-22.8164c-5.98828 0 -10.8594 -4.87109 -10.8594 -10.8594s4.87109 -10.8594 10.8594 -10.8594zM25.918 181.125h22.8164v21.7461h-22.8164
+c-5.98828 0 -10.8594 -4.87109 -10.8594 -10.8594c0 -6.00391 4.87109 -10.8867 10.8594 -10.8867zM25.918 97.0352h22.8164v21.7461h-22.8164c-5.98828 0 -10.8594 -4.88281 -10.8594 -10.8867c0 -5.98828 4.87109 -10.8594 10.8594 -10.8594zM182.758 -38.082v22.8164
+h-21.7227v-22.8164c0 -5.98828 4.87109 -10.8594 10.8594 -10.8594s10.8633 4.87109 10.8633 10.8594zM266.875 -38.082v22.8164h-21.75v-22.8164c0 -5.98828 4.87109 -10.8594 10.8594 -10.8594c6.00391 0 10.8906 4.87109 10.8906 10.8594zM350.965 -38.082v22.8164
+h-21.75v-22.8164c0 -5.98828 4.88672 -10.8594 10.8906 -10.8594c5.98828 0 10.8594 4.87109 10.8594 10.8594zM448.207 23.4336v337.129c0 13.0352 -10.6055 23.6445 -23.6445 23.6445h-337.129c-13.0352 0 -23.6406 -10.6094 -23.6406 -23.6445v-337.129
+c0 -13.0352 10.6055 -23.6406 23.6406 -23.6406h337.133c13.0352 0 23.6406 10.6055 23.6406 23.6406zM486.082 118.781h-22.8164v-21.7461h22.8164c5.98828 0 10.8594 4.87109 10.8594 10.8594c0 6.00391 -4.87109 10.8867 -10.8594 10.8867zM486.082 118.781z
+M321.344 276.969c10.8086 0 19.6016 -8.80078 19.6016 -19.625v-130.691c0 -10.8086 -8.79297 -19.5977 -19.6016 -19.5977h-130.688c-10.8242 0 -19.6289 8.78906 -19.6289 19.5977v130.691c0 10.8203 8.80469 19.625 19.6289 19.625h46.2578
+c4.15625 0 7.52734 -3.37109 7.52734 -7.52734s-3.37109 -7.52734 -7.52734 -7.52734h-46.2578c-2.51953 0 -4.57031 -2.05078 -4.57031 -4.57031v-130.691c0 -2.45703 2.09375 -4.53906 4.57031 -4.53906h130.688c2.46094 0 4.54297 2.07812 4.54297 4.53906v130.691
+c0 2.47656 -2.08203 4.57031 -4.54297 4.57031h-54.5703c-4.15625 0 -7.52734 3.37109 -7.52734 7.52734s3.36719 7.52734 7.52734 7.52734h54.5703zM321.344 276.969zM415.426 274.551h-24.0156v-29.0078h24.0156c4.15625 0 7.52734 -3.36719 7.52734 -7.52734
+c0 -4.15625 -3.37109 -7.52734 -7.52734 -7.52734h-24.0156v-30.9453h24.0156c4.15625 0 7.52734 -3.37109 7.52734 -7.52734c0 -4.16016 -3.37109 -7.53125 -7.52734 -7.53125h-24.0156v-30.9414h24.0156c4.15625 0 7.52734 -3.37109 7.52734 -7.53125
+c0 -4.15625 -3.37109 -7.52734 -7.52734 -7.52734h-24.0156v-29.0078h24.0156c4.15625 0 7.52734 -3.37109 7.52734 -7.52734c0 -4.16016 -3.37109 -7.53125 -7.52734 -7.53125h-24.0156v-10.3203c0 -15.168 -12.3398 -27.5117 -27.5117 -27.5117h-10.3203v-24.0117
+c0 -4.15625 -3.36719 -7.52734 -7.52734 -7.52734c-4.15625 0 -7.52734 3.36719 -7.52734 7.52734v24.0117h-29.0078v-24.0117c0 -4.15625 -3.37109 -7.52734 -7.53125 -7.52734c-4.15625 0 -7.52734 3.36719 -7.52734 7.52734v24.0117h-30.9453v-24.0117
+c0 -4.15625 -3.37109 -7.52734 -7.52734 -7.52734c-4.16016 0 -7.53125 3.36719 -7.53125 7.52734v24.0117h-30.9414v-24.0117c0 -4.15625 -3.37109 -7.52734 -7.52734 -7.52734c-4.16016 0 -7.53125 3.36719 -7.53125 7.52734v24.0117h-29.0078v-24.0117
+c0 -4.15625 -3.37109 -7.52734 -7.52734 -7.52734s-7.52734 3.36719 -7.52734 7.52734v24.0117h-10.3203c-15.1562 0 -27.4844 12.3438 -27.4844 27.5117v10.3203h-24.0117c-4.16016 0 -7.53125 3.37109 -7.53125 7.53125c0 4.15625 3.37109 7.52734 7.53125 7.52734
+h24.0117v29.0078h-24.0117c-4.16016 0 -7.53125 3.37109 -7.53125 7.52734c0 4.16016 3.37109 7.53125 7.53125 7.53125h24.0117v30.9414h-24.0117c-4.16016 0 -7.53125 3.37109 -7.53125 7.53125c0 4.15625 3.37109 7.52734 7.53125 7.52734h24.0117v30.9453h-24.0117
+c-4.16016 0 -7.53125 3.36719 -7.53125 7.52734c0 4.15625 3.37109 7.52734 7.53125 7.52734h24.0117v29.0078h-24.0117c-4.16016 0 -7.53125 3.37109 -7.53125 7.53125c0 4.15625 3.37109 7.52734 7.53125 7.52734h24.0156v10.3203
+c0 15.1523 12.3281 27.4844 27.4844 27.4844h10.3164v24.0117c0 4.15625 3.37109 7.52734 7.53125 7.52734c4.15625 0 7.52734 -3.36719 7.52734 -7.52734v-24.0117h29.0078v24.0117c0 4.15625 3.37109 7.52734 7.52734 7.52734
+c4.16016 0 7.53125 -3.36719 7.53125 -7.52734v-24.0117h30.9414v24.0117c0 4.15625 3.37109 7.52734 7.53125 7.52734c4.15625 0 7.52734 -3.36719 7.52734 -7.52734v-24.0117h30.9453v24.0117c0 4.15625 3.37109 7.52734 7.52734 7.52734
+c4.16016 0 7.53125 -3.36719 7.53125 -7.52734v-24.0117h29.0039v24.0117c0 4.15625 3.37109 7.52734 7.53125 7.52734c4.15625 0 7.52734 -3.36719 7.52734 -7.52734v-24.0117h10.3203c15.1719 0 27.5117 -12.332 27.5117 -27.4844v-10.3203h24.0117
+c4.16016 0 7.53125 -3.37109 7.53125 -7.52734c0 -4.16016 -3.37109 -7.53125 -7.53125 -7.53125zM363.902 71.6406c6.86719 0 12.4531 5.58594 12.4492 12.4531v17.2852c-0.0117188 0.1875 -0.0273438 0.371094 -0.0273438 0.5625s0.015625 0.375 0.0273438 0.5625v42.9453
+c-0.0117188 0.183594 -0.0273438 0.371094 -0.0273438 0.558594c0 0.191406 0.015625 0.375 0.0273438 0.5625v44.8789c-0.0117188 0.1875 -0.0273438 0.371094 -0.0273438 0.5625s0.015625 0.375 0.0273438 0.5625v44.8789
+c-0.0117188 0.183594 -0.0273438 0.371094 -0.0273438 0.558594c0 0.191406 0.015625 0.375 0.0273438 0.5625v42.9453c-0.0117188 0.1875 -0.0273438 0.371094 -0.0273438 0.5625c0 0.1875 0.015625 0.375 0.0273438 0.558594v17.2891
+c0 6.85156 -5.58594 12.4258 -12.4531 12.4258h-215.832c-6.85156 0 -12.4258 -5.57422 -12.4258 -12.4258v-215.832c0 -6.87109 5.57422 -12.457 12.4258 -12.457h17.2852c0.1875 0.015625 0.375 0.0273438 0.5625 0.0273438
+c0.191406 0 0.375 -0.0117188 0.5625 -0.0273438h42.9453c0.183594 0.015625 0.371094 0.0273438 0.558594 0.0273438c0.191406 0 0.375 -0.0117188 0.5625 -0.0273438h44.8789c0.1875 0.015625 0.371094 0.0273438 0.5625 0.0273438
+c0.1875 0 0.375 -0.0117188 0.558594 -0.0273438h44.8828c0.183594 0.015625 0.371094 0.0273438 0.558594 0.0273438c0.191406 0 0.375 -0.0117188 0.5625 -0.0273438h42.9453c0.1875 0.015625 0.371094 0.0273438 0.5625 0.0273438
+c0.1875 0 0.375 -0.0117188 0.558594 -0.0273438h17.2891zM363.902 71.6406z" />
+    <glyph glyph-name="007-diamond" unicode="&#xf106;" 
+d="M510.362 232.429c2.46289 -3.75488 2.12012 -8.69043 -0.837891 -12.0684l-76.7061 -87.6055c-1.97656 -2.25781 -4.74414 -3.41309 -7.52637 -3.41309c-2.33789 0 -4.68555 0.81543 -6.58301 2.47754c-4.15625 3.63672 -4.5752 9.9541 -0.935547 14.1084
+l62.1826 71.0205h-134.445l-67.584 -230.735l83.21 95.0332c3.63672 4.15625 9.95312 4.5752 14.1094 0.935547c4.15625 -3.63672 4.5752 -9.9541 0.935547 -14.1084l-112.63 -128.632c-1.89746 -2.16895 -4.63867 -3.41309 -7.52051 -3.41309
+c-2.88086 0 -5.62402 1.24414 -7.52246 3.41211l-105.79 120.791c-3.6377 4.15234 -3.21973 10.4697 0.93457 14.1084c4.15234 3.6377 10.4707 3.21973 14.1084 -0.93457l76.375 -87.2051l-67.5869 230.747h-134.501l27.0977 -30.9414
+c3.6377 -4.15332 3.21973 -10.4697 -0.93457 -14.1084s-10.4697 -3.2207 -14.1094 0.93457l-41.625 47.5273c-2.58594 2.95117 -3.20508 7.14258 -1.58496 10.7168c0.283203 0.62207 0.62207 1.2041 1.01367 1.74316l82.1221 124.651
+c1.84961 2.80957 4.98633 4.49902 8.34961 4.49902h327.633c3.37012 0 6.5127 -1.69727 8.36133 -4.51562zM28.5732 236.945h127.279l-63.4941 96.8203zM110.892 341.971l63.3125 -96.541l63.3105 96.541h-126.623zM256.03 333.737l-63.4756 -96.792h126.95z
+M256.03 -17.4033l68.6416 234.351h-137.284zM338.02 245.179l63.4775 96.792h-126.952zM356.535 236.945h126.95l-63.4746 96.792zM157.189 120.983c5.52148 0 9.99902 -4.47754 9.99902 -9.99902c0 -5.52246 -4.47754 -9.99902 -9.99902 -9.99902
+c-25.793 0 -46.7783 -20.9854 -46.7783 -46.7783c0 -5.52246 -4.47852 -9.99902 -9.99902 -9.99902c-5.52148 0 -9.99902 4.47656 -9.99902 9.99902c0 25.793 -20.9854 46.7783 -46.7783 46.7783c-5.52051 0 -9.99902 4.47656 -9.99902 9.99902
+c0 5.52148 4.47852 9.99902 9.99902 9.99902c25.793 0 46.7783 20.9844 46.7783 46.7773c0 5.52246 4.47656 9.99902 9.99902 9.99902c5.52148 0 9.99902 -4.47656 9.99902 -9.99902c0 -25.793 20.9854 -46.7773 46.7783 -46.7773zM100.412 89.3232
+c5.45215 8.7832 12.8789 16.209 21.6602 21.6611c-8.78125 5.45117 -16.209 12.8789 -21.6602 21.6602c-5.45215 -8.78223 -12.8789 -16.21 -21.6602 -21.6602c8.78125 -5.45215 16.209 -12.8789 21.6602 -21.6611zM502.001 407.977
+c5.52148 0 9.99902 -4.47656 9.99902 -9.99902c0 -5.52148 -4.47754 -9.99902 -9.99902 -9.99902c-16.54 0 -29.9971 -13.4561 -29.9971 -29.9961c0 -5.52246 -4.47754 -9.99902 -9.99902 -9.99902c-5.52051 0 -9.99902 4.47656 -9.99902 9.99902
+c0 16.54 -13.457 29.9961 -29.9971 29.9961c-5.52051 0 -9.99902 4.47754 -9.99902 9.99902c0 5.52246 4.47852 9.99902 9.99902 9.99902c16.54 0 29.9971 13.457 29.9971 29.9971c0 5.52246 4.47852 9.99902 9.99902 9.99902c5.52148 0 9.99902 -4.47656 9.99902 -9.99902
+c0 -16.54 13.457 -29.9971 29.9971 -29.9971zM462.005 387.948c2.85254 3.79785 6.23242 7.17773 10.0303 10.0293c-3.79785 2.85352 -7.17676 6.23242 -10.0303 10.0303c-2.85254 -3.79785 -6.23145 -7.17676 -10.0303 -10.0303
+c3.79883 -2.85254 7.17773 -6.23145 10.0303 -10.0293zM402.783 112.629c1.86035 -1.86035 2.93066 -4.43945 2.93066 -7.06934c0 -2.62891 -1.07129 -5.20898 -2.93066 -7.06836c-1.85938 -1.86035 -4.43848 -2.93066 -7.06836 -2.93066
+c-2.63086 0 -5.20898 1.07031 -7.06836 2.93066c-1.86133 1.85938 -2.93066 4.43945 -2.93066 7.06836c0 2.62988 1.07031 5.20898 2.93066 7.06934c1.86914 1.87012 4.4375 2.92969 7.06836 2.92969c2.62891 0 5.20898 -1.05957 7.06836 -2.92969z" />
+    <glyph glyph-name="016-line" unicode="&#xf10f;" 
+d="M0 179.81v24.3809h512v-24.3809h-512z" />
+    <glyph glyph-name="005-team" unicode="&#xf104;" 
+d="M509.042 92.1377c3.92188 -3.88965 3.94824 -10.2227 0.0556641 -14.1445c-1.95508 -1.97168 -4.52734 -2.95898 -7.10059 -2.95898c-2.5459 0 -5.09277 0.96582 -7.04297 2.90039l-24.4082 24.21c-3.92188 3.89062 -3.94922 10.2236 -0.0576172 14.1455
+c3.88965 3.92188 10.2217 3.94922 14.1445 0.0576172zM459.762 141.119c3.90527 -3.90723 3.90527 -10.2402 -0.000976562 -14.1465c-1.95508 -1.95508 -4.52051 -2.93359 -7.08496 -2.93359c-2.55762 0 -5.11719 0.974609 -7.06641 2.92578
+c-3.90625 3.90625 -3.91504 10.2314 -0.00976562 14.1367l0.0175781 0.0175781c3.9082 3.90625 10.2393 3.90625 14.1445 0zM374.493 95c-27.0068 -27.0078 -62.5996 -43.0264 -100.615 -45.3711l-6.42773 -6.45117c12.6318 -7.0791 27.0996 -10.2852 41.7363 -9.08496
+l3.17188 0.259766c2.92676 0.240234 5.8125 -0.820312 7.88965 -2.89648l54.8604 -54.8662c3.90527 -3.90723 3.90527 -10.2402 0 -14.1455c-1.95312 -1.95312 -4.5127 -2.93066 -7.07227 -2.93066s-5.11914 0.978516 -7.07227 2.93066l-51.5977 51.5986
+c-20.0254 -1.32422 -39.7188 3.78418 -56.4648 14.5273l-65.9277 -66.1699c-1.95215 -1.96191 -4.51953 -2.94336 -7.08496 -2.94336c-2.55371 0 -5.10742 0.972656 -7.05859 2.91699c-3.91406 3.89941 -3.9248 10.2324 -0.0263672 14.1445l89.6318 89.9648
+c1.78809 1.7959 4.19238 2.84473 6.72363 2.93652c34.4326 1.25 66.8135 15.3555 91.1777 39.7197l97.0283 97.0273c6.89648 6.89746 6.89648 18.1182 0 25.0137c-6.89355 6.89355 -18.1074 6.89453 -25.0039 0.00976562l-12.3008 -12.3008
+c-1.95215 -1.95312 -4.5127 -2.92969 -7.07129 -2.92969c-2.55957 0 -5.11914 0.978516 -7.07227 2.92969c-3.90625 3.90723 -3.90625 10.2402 0 14.1465l12.291 12.291l13.4365 13.4365c3.34277 3.33984 5.18164 7.78223 5.18164 12.5059
+c0 4.72559 -1.83887 9.16504 -5.17969 12.5068c-3.3418 3.3418 -7.78223 5.18066 -12.5078 5.18066c-4.72363 0 -9.16504 -1.83887 -12.5059 -5.18066l-25.7275 -25.7285c-1.95312 -1.95312 -4.51367 -2.92969 -7.07227 -2.92969s-5.11914 0.977539 -7.07227 2.92969
+c-3.90527 3.90723 -3.90527 10.2402 0 14.1465l25.7285 25.7275l9.79004 9.79004c6.89551 6.89746 6.89551 18.1172 0 25.0137c-6.89746 6.89648 -18.1182 6.89551 -25.0137 -0.000976562l-35.5176 -35.5176c-1.95312 -1.95312 -4.5127 -2.92969 -7.07227 -2.92969
+c-2.55859 0 -5.11914 0.977539 -7.07227 2.92969c-3.90527 3.90723 -3.90527 10.2402 0 14.1455l35.5186 35.5186l9.78906 9.78906c3.3418 3.33984 5.18066 7.78223 5.18066 12.5059c0 4.72461 -1.83887 9.16504 -5.17969 12.5059
+c-3.34082 3.3418 -7.78223 5.18066 -12.5068 5.18066c-4.72559 0 -9.16504 -1.83887 -12.5059 -5.18066l-66.3945 -66.3936c12.1387 -14.791 11.3086 -36.7344 -2.5 -50.542c-7.34668 -7.34766 -16.999 -11.0215 -26.6514 -11.0215
+c-0.501953 0 -1.00293 0.0166016 -1.50391 0.0361328c0.0205078 -0.505859 0.0371094 -1.01172 0.0371094 -1.52051c0 -10.0674 -3.9209 -19.5322 -11.0391 -26.6514c-7.34668 -7.34668 -17 -11.0215 -26.6504 -11.0215c-0.501953 0 -1.00293 0.0166016 -1.50391 0.0361328
+c0.0195312 -0.505859 0.0371094 -1.01172 0.0371094 -1.52051c0 -10.0674 -3.92188 -19.5322 -11.0391 -26.6514c-7.34668 -7.3457 -17.001 -11.0195 -26.6514 -11.0205c-0.506836 0 -1.01367 0.0146484 -1.52148 0.0351562
+c0.407227 -10.1514 -3.25098 -20.4385 -10.9844 -28.1719c-7.11914 -7.11816 -16.584 -11.04 -26.6514 -11.04c-6.64062 0 -13.0127 1.71484 -18.6279 4.91797l-99.1816 -99.1816c-1.95312 -1.95312 -4.51367 -2.92969 -7.07227 -2.92969
+s-5.11914 0.977539 -7.07227 2.92969c-3.90527 3.90723 -3.90527 10.2402 0 14.1465l98.2344 98.2314l-19.9541 19.9531c-14.6953 14.6963 -14.6953 38.6084 0 53.3027c5.07812 5.07715 11.3516 8.51758 18.1826 10.0781c-6.4502 13.9395 -3.9375 31.0391 7.53906 42.5166
+c5.57812 5.57812 12.6006 9.18262 20.2207 10.4854c-1.2373 3.76074 -1.89062 7.73535 -1.89062 11.8115c0 10.0664 3.9209 19.5312 11.0391 26.6504c5.71582 5.71484 12.8291 9.19727 20.248 10.4658c-4.30469 13.0908 -1.27148 28.0889 9.12012 38.4805
+c7.11914 7.11816 16.584 11.0391 26.6523 11.0391c5.0459 0 9.94043 -0.987305 14.4648 -2.86621c-1.69824 4.80469 -2.58594 9.91504 -2.58594 15.1641v13.1162c0 5.52246 4.47852 10.002 10.002 10.002h78.54c18.4092 0 36.1621 -7.72949 48.7041 -21.207
+l0.964844 -1.03711c5.46094 2.97852 11.6074 4.56445 18.001 4.56445c10.0664 0 19.5322 -3.92188 26.6504 -11.0391c7.11816 -7.11816 11.0391 -16.583 11.0391 -26.6514c0 -4.08398 -0.654297 -8.06445 -1.89648 -11.833
+c7.41309 -1.27148 14.5156 -4.75195 20.2266 -10.4619c10.3877 -10.3857 13.4229 -25.373 9.12793 -38.459c7.62988 -1.29883 14.6582 -4.90527 20.2412 -10.4893c7.11816 -7.11816 11.0391 -16.583 11.0391 -26.6504c0 -5.58105 -1.20996 -10.9746 -3.49609 -15.8887
+c6.66602 -1.52637 12.9951 -4.87305 18.1768 -10.0547c14.6963 -14.6963 14.6963 -38.6084 0.00195312 -53.3037zM147.39 161.409c6.89648 6.89648 6.89648 18.1182 0.000976562 25.0137l-27.0254 27.0254c-3.33984 3.3418 -7.78223 5.18066 -12.5059 5.18066
+c-4.72461 0 -9.16602 -1.83887 -12.5078 -5.18066c-6.89551 -6.89746 -6.89551 -18.1182 0 -25.0146l27.0264 -27.0244c3.33984 -3.3418 7.78125 -5.18164 12.5059 -5.18164c4.72363 0 9.16504 1.83984 12.5059 5.18164zM186.549 200.568
+c3.33984 3.34082 5.17871 7.78223 5.17871 12.5068c0 4.72363 -1.83887 9.16504 -5.18066 12.5068h-0.000976562l-40.4629 40.4629c-3.33984 3.3418 -7.78125 5.18066 -12.5059 5.18066c-4.72363 0 -9.16504 -1.83887 -12.5059 -5.18066
+c-6.89648 -6.89551 -6.89648 -18.1172 0 -25.0127l13.4375 -13.4385l27.0264 -27.0254c6.89355 -6.89648 18.1172 -6.89648 25.0137 0zM225.706 239.726c3.34082 3.34082 5.17969 7.78223 5.17773 12.5078c0 4.72461 -1.83887 9.16504 -5.17871 12.5059h-0.000976562
+l-27.3564 27.3555l-22.9033 22.9043c-3.44727 3.44238 -7.97266 5.16406 -12.498 5.16406c-4.52832 0 -9.05859 -1.72363 -12.5059 -5.17188c-3.34277 -3.33984 -5.18164 -7.78223 -5.18164 -12.5059c0 -4.72559 1.83887 -9.16504 5.18066 -12.5068l50.2529 -50.2529
+c6.89453 -6.89551 18.1162 -6.89453 25.0137 0zM264.864 278.884c3.3418 3.33984 5.17969 7.7832 5.17871 12.5088c0 4.72461 -1.83887 9.16504 -5.18066 12.5068l-60.041 60.041c-3.44727 3.44824 -7.97754 5.17285 -12.5059 5.17285
+c-4.5293 0 -9.05957 -1.72461 -12.5078 -5.17285c-6.89551 -6.89746 -6.89551 -18.1172 0 -25.0146l9.77344 -9.77246l0.0166016 -0.0166016l50.2529 -50.2529c6.89648 -6.89551 18.1172 -6.89551 25.0137 0zM267.494 329.556l59.7129 59.7109l-0.407227 0.4375
+c-8.77148 9.42578 -21.1865 14.8311 -34.0615 14.8311h-68.5381v-3.11426c0 -6.80957 2.65723 -13.2041 7.48242 -18.0078c4.7959 -4.77344 11.1572 -7.39844 17.9199 -7.39844h0.124023l27.4482 0.128906h0.0478516c5.50195 0 9.97559 -4.44629 10.001 -9.9541
+c0.0263672 -5.52441 -4.43164 -10.0234 -9.95508 -10.0498l-27.4473 -0.128906h-0.22168c-3.25977 -0.000976562 -6.46289 0.352539 -9.57715 1.01758z" />
+    <glyph glyph-name="021-smartphone" unicode="&#xf114;" 
+d="M247.433 29.8662c18.8154 0 34.1328 -15.3086 34.1328 -34.1328s-15.3086 -34.1338 -34.1328 -34.1338s-34.1338 15.3096 -34.1338 34.1338s15.3096 34.1328 34.1338 34.1328zM247.433 -21.333c9.41211 0 17.0664 7.6543 17.0664 17.0664
+s-7.6543 17.0664 -17.0664 17.0664s-17.0664 -7.6543 -17.0664 -17.0664s7.6543 -17.0664 17.0664 -17.0664zM221.833 405.333c-4.71973 0 -8.53418 3.81445 -8.53418 8.5332c0 4.71973 3.82324 8.53418 8.53418 8.53418h34.1328c4.70996 0 8.5332 -3.81445 8.5332 -8.53418
+c0 -4.71875 -3.82324 -8.5332 -8.5332 -8.5332h-34.1328zM281.565 405.333c-4.71875 0 -8.5332 3.81445 -8.5332 8.5332c0 4.71973 3.82324 8.53418 8.5332 8.53418h8.53418c4.70996 0 8.5332 -3.81445 8.5332 -8.53418c0 -4.71875 -3.82324 -8.5332 -8.5332 -8.5332
+h-8.53418zM35.8311 334.148c1.2207 -4.54883 -1.48438 -9.22461 -6.03223 -10.4531c-0.743164 -0.196289 -1.49414 -0.290039 -2.21875 -0.290039c-3.76367 0 -7.21094 2.50879 -8.23535 6.32227l-2.1582 8.05566c-1.2207 4.55664 1.48438 9.22461 6.03223 10.4531
+c4.57422 1.23828 9.2334 -1.48438 10.4541 -6.03223zM17.9717 363.836c-0.273438 -0.0341797 -0.546875 -0.0429688 -0.819336 -0.0429688c-4.35254 0 -8.06445 3.31055 -8.48242 7.71387c-0.119141 1.2373 -0.179688 2.45801 -0.179688 3.66992
+c0 2.3291 0.222656 4.71875 0.674805 7.06543c0.887695 4.625 5.36719 7.62012 9.9834 6.77539c4.625 -0.895508 7.66309 -5.35938 6.75879 -9.99219c-0.230469 -1.24609 -0.358398 -2.53516 -0.358398 -3.83203c0 -0.691406 0.0341797 -1.36523 0.102539 -2.05664
+c0.452148 -4.68457 -2.9873 -8.84863 -7.67969 -9.30078zM57.4209 253.542c1.22852 -4.55664 -1.47656 -9.23242 -6.04199 -10.4531c-0.742188 -0.196289 -1.48438 -0.290039 -2.20996 -0.290039c-3.77148 0 -7.21094 2.51758 -8.23438 6.32324l-2.15918 8.06445
+c-1.21973 4.56543 1.48535 9.23242 6.04199 10.4531c4.55664 1.25391 9.22461 -1.48535 10.4443 -6.0332zM100.625 92.3311c1.2207 -4.54883 -1.47656 -9.22461 -6.0332 -10.4541c-0.742188 -0.196289 -1.49316 -0.290039 -2.21875 -0.290039
+c-3.7627 0 -7.20996 2.50879 -8.23438 6.32324l-2.15918 8.05566c-1.21973 4.55664 1.48535 9.22461 6.0332 10.4531c4.56543 1.25488 9.2334 -1.47559 10.4531 -6.0332zM46.626 293.854c1.2207 -4.55664 -1.47656 -9.23242 -6.0332 -10.4531
+c-0.742188 -0.196289 -1.49316 -0.290039 -2.21875 -0.290039c-3.7627 0 -7.20996 2.50879 -8.23438 6.32324l-2.15918 8.05566c-1.21973 4.55664 1.48535 9.22461 6.0332 10.4531c4.56543 1.25488 9.2334 -1.47656 10.4531 -6.0332zM39.3809 394.897
+c-3.77148 0 -7.21875 2.5166 -8.24316 6.32324c-1.21973 4.56445 1.48535 9.23242 6.0332 10.4531l8.06445 2.15918c4.57324 1.27051 9.2334 -1.48535 10.4531 -6.0332c1.2207 -4.56543 -1.48438 -9.2334 -6.0332 -10.4541l-8.06348 -2.1582
+c-0.743164 -0.196289 -1.48535 -0.290039 -2.21094 -0.290039zM79.6846 405.709c-3.77246 0 -7.21973 2.51758 -8.23535 6.32324c-1.21973 4.55664 1.48535 9.23242 6.0332 10.4531l8.05566 2.15918c4.57422 1.25391 9.22461 -1.47656 10.4453 -6.0332
+c1.21973 -4.55664 -1.48535 -9.2334 -6.0332 -10.4531l-8.05566 -2.15918c-0.742188 -0.196289 -1.48535 -0.290039 -2.20996 -0.290039zM89.8223 132.634c1.21973 -4.54883 -1.47656 -9.2334 -6.04199 -10.4531c-0.733398 -0.196289 -1.48438 -0.291016 -2.20996 -0.291016
+c-3.76367 0 -7.21094 2.50977 -8.23438 6.32324l-2.15918 8.06445c-1.2207 4.55664 1.47559 9.2334 6.0332 10.4531c4.55664 1.22852 9.23242 -1.48438 10.4531 -6.0332zM68.2236 213.239c1.2207 -4.54785 -1.48438 -9.23242 -6.04102 -10.4531
+c-0.742188 -0.196289 -1.48535 -0.290039 -2.20996 -0.290039c-3.77246 0 -7.21094 2.51758 -8.23535 6.32324l-2.1582 8.05566c-1.2207 4.55664 1.48438 9.23242 6.03223 10.4531c4.56543 1.2373 9.2334 -1.49316 10.4541 -6.0332zM79.0273 172.945
+c1.21973 -4.55664 -1.48535 -9.2334 -6.04199 -10.4531c-0.742188 -0.196289 -1.48438 -0.291016 -2.20996 -0.291016c-3.77148 0 -7.21094 2.51758 -8.23438 6.32324l-2.15918 8.05566c-1.2207 4.55664 1.48438 9.2334 6.0332 10.4531
+c4.56543 1.26367 9.2334 -1.48438 10.4531 -6.03223zM477.995 307.934c4.54785 -1.22852 7.24414 -5.89648 6.03223 -10.4531l-2.1582 -8.05566c-1.01562 -3.81445 -4.47168 -6.32324 -8.23535 -6.32324c-0.733398 0 -1.47559 0.09375 -2.21875 0.290039
+c-4.55664 1.22949 -7.25293 5.90527 -6.03223 10.4541l2.1582 8.05469c1.2207 4.55762 5.87988 7.2793 10.4541 6.0332zM488.781 348.245c4.55664 -1.21973 7.25293 -5.90527 6.02441 -10.4531l-2.15918 -8.05566c-1.01562 -3.80566 -4.46289 -6.32324 -8.23438 -6.32324
+c-0.725586 0 -1.46777 0.09375 -2.21094 0.290039c-4.54785 1.2207 -7.25293 5.90527 -6.03223 10.4541l2.1582 8.05469c1.2207 4.54004 5.87109 7.2793 10.4541 6.0332zM502.835 382.233c0.452148 -2.34668 0.674805 -4.72754 0.666016 -7.07422
+c0 -1.20312 -0.0595703 -2.42285 -0.179688 -3.66016c-0.426758 -4.40332 -4.13867 -7.71484 -8.49023 -7.71484c-0.273438 0 -0.545898 0.00878906 -0.819336 0.0429688c-4.68457 0.452148 -8.12402 4.61621 -7.67969 9.30957
+c0.0683594 0.682617 0.102539 1.35742 0.102539 2.04004c0.0078125 1.30566 -0.120117 2.59375 -0.358398 3.83984c-0.887695 4.63379 2.15039 9.10547 6.77539 9.99219c4.65918 0.836914 9.10449 -2.1582 9.9834 -6.77539zM422.05 408.158
+c-4.54785 1.21973 -7.25293 5.89648 -6.04102 10.4531c1.21973 4.54785 5.8623 7.28711 10.4531 6.0332l8.05566 -2.15918c4.54785 -1.2207 7.25293 -5.90527 6.0332 -10.4531c-1.01562 -3.80566 -4.46289 -6.32324 -8.23535 -6.32324
+c-0.724609 0 -1.46777 0.09375 -2.20996 0.290039zM462.354 397.346c-4.55762 1.2207 -7.25391 5.89648 -6.04199 10.4541c1.21191 4.54785 5.87988 7.2959 10.4531 6.0332l8.06445 -2.15918c4.54785 -1.2207 7.25293 -5.89648 6.0332 -10.4531
+c-1.01562 -3.80664 -4.46289 -6.32324 -8.23535 -6.32324c-0.724609 0 -1.46777 0.09375 -2.20996 0.290039zM467.191 267.631c4.54785 -1.21973 7.25293 -5.89648 6.0332 -10.4531l-2.15918 -8.05566c-1.01562 -3.81445 -4.47168 -6.32324 -8.23438 -6.32324
+c-0.734375 0 -1.47656 0.09375 -2.21875 0.290039c-4.55664 1.22852 -7.25293 5.90527 -6.0332 10.4531l2.15918 8.05566c1.21191 4.54883 5.8877 7.25391 10.4531 6.0332zM413.192 66.125c4.55664 -1.2207 7.25391 -5.89648 6.02441 -10.4023l-2.1582 -8.06445
+c-1.2207 -4.55664 -5.89746 -7.25293 -10.4541 -6.03223c-2.55078 0.682617 -4.52246 2.44824 -5.5459 4.67578c0 -0.0507812 -0.0263672 -0.0849609 -0.0341797 -0.12793v-20.1729c0.459961 -0.0429688 0.904297 -0.0166016 1.36523 -0.136719
+c4.54785 -1.21973 7.25293 -5.90527 6.0332 -10.4531l-2.15918 -8.05566c-0.734375 -2.75586 -2.76465 -4.76172 -5.23926 -5.7002v-28.0146c0 -20.7188 -16.8623 -37.5898 -37.5898 -37.5898h-214.938c-20.7275 0 -37.5889 16.8623 -37.5889 37.5898v28.0576
+c-2.43262 0.956055 -4.42969 2.95215 -5.1543 5.66602l-2.15918 8.05566c-1.2207 4.55664 1.48438 9.23242 6.0332 10.4531c0.426758 0.119141 0.853516 0.0849609 1.28027 0.136719v20.249c-1.04199 -2.19238 -2.97852 -3.9502 -5.5127 -4.625
+c-4.58301 -1.24512 -9.2334 1.49414 -10.4541 6.0332l-2.1582 8.05566c-1.2207 4.55664 1.48438 9.2334 6.0332 10.4531c4.56445 1.2627 9.23242 -1.48438 10.4531 -6.0332l1.62988 -6.0752v1.46777v0.0166016v33.3398v0.0175781v8.3457v0.0166016v33.3311v0.0175781
+v8.35352v0.0175781v33.3311v0.0166016v8.35449v0.0166016v33.332v0.0166016v8.35449v0.0166016v33.3311v0.0175781v8.35352v0.0175781v33.3311v0.0175781v8.35352v0.0175781v33.3311v0.0166016v8.3457v0.0175781v33.3398v0.0166016v8.3457v0.0166016v21.1123
+c0 20.7188 16.8613 37.5889 37.5889 37.5889h214.946c20.7363 0 37.5977 -16.8701 37.5898 -37.5889v-20.7197c0.0078125 -0.144531 0.0849609 -0.264648 0.0849609 -0.40918v-8.35449c0 -0.144531 -0.0771484 -0.264648 -0.0849609 -0.40918v-32.5547
+c0.0078125 -0.145508 0.0849609 -0.264648 0.0849609 -0.410156v-8.35352c0 -0.145508 -0.0771484 -0.264648 -0.0849609 -0.410156v-32.5459c0.0078125 -0.144531 0.0849609 -0.264648 0.0849609 -0.40918v-8.35449c0 -0.144531 -0.0771484 -0.264648 -0.0849609 -0.40918
+v-32.5547c0.0078125 -0.145508 0.0849609 -0.264648 0.0849609 -0.410156v-8.37109c0 -0.144531 -0.0771484 -0.264648 -0.0849609 -0.40918v-32.5547c0.0078125 -0.145508 0.0849609 -0.264648 0.0849609 -0.410156v-8.3457
+c0 -0.144531 -0.0771484 -0.263672 -0.0849609 -0.40918v-32.5547c0.0078125 -0.145508 0.0849609 -0.264648 0.0849609 -0.40918v-8.3457c0 -0.145508 -0.0771484 -0.264648 -0.0849609 -0.410156v-32.5547c0.0078125 -0.144531 0.0849609 -0.264648 0.0849609 -0.40918
+v-8.3457c0 -0.145508 -0.0771484 -0.264648 -0.0849609 -0.410156v-32.5537c0.0078125 -0.145508 0.0849609 -0.264648 0.0849609 -0.410156v-8.3457c0 -0.144531 -0.0771484 -0.264648 -0.0849609 -0.40918v-32.5547
+c0.0078125 -0.145508 0.0849609 -0.264648 0.0849609 -0.410156v-1.46777l1.62988 6.07617c1.21973 4.55664 5.91309 7.24512 10.4531 6.0332zM127.966 379.733v-324.267h256v324.267h-256zM148.488 430.934c-11.3154 0 -20.5225 -9.20801 -20.5312 -20.5225v-13.6113h256
+v13.6113c0 11.3145 -9.20703 20.5225 -20.5225 20.5225h-214.946zM363.435 -46.9336c11.3242 0 20.5312 9.20801 20.5312 20.5225v64.8115h-256v-64.8115c0 -11.3145 9.20703 -20.5225 20.5225 -20.5225h214.946zM434.79 146.722
+c4.54883 -1.21094 7.25391 -5.89648 6.02441 -10.4531l-2.1582 -8.05566c-1.01562 -3.80566 -4.46289 -6.32324 -8.23535 -6.32324c-0.724609 0 -1.46777 0.0947266 -2.20996 0.291016c-4.54785 1.21973 -7.25293 5.9043 -6.0332 10.4531l2.15918 8.05566
+c1.2207 4.54785 5.87109 7.28711 10.4531 6.03223zM423.996 106.428c4.54785 -1.22852 7.25293 -5.90527 6.03223 -10.4531l-2.1582 -8.05566c-1.01562 -3.81445 -4.47168 -6.32324 -8.23535 -6.32324c-0.733398 0 -1.47559 0.09375 -2.21777 0.290039
+c-4.55762 1.22852 -7.25391 5.90527 -6.0332 10.4531l2.1582 8.05566c1.2207 4.55664 5.87109 7.2793 10.4541 6.0332zM445.585 187.033c4.54883 -1.21973 7.25391 -5.8877 6.04199 -10.4531l-2.15918 -8.06348c-1.01562 -3.80664 -4.46289 -6.32324 -8.23438 -6.32324
+c-0.734375 0 -1.47656 0.09375 -2.21094 0.290039c-4.55664 1.21973 -7.26172 5.89648 -6.04102 10.4531l2.15918 8.06445c1.21094 4.54785 5.8877 7.2959 10.4443 6.03223zM456.389 227.337c4.54785 -1.2207 7.25293 -5.90527 6.02441 -10.4541l-2.15918 -8.05469
+c-1.01562 -3.80664 -4.46289 -6.32324 -8.23438 -6.32324c-0.725586 0 -1.46777 0.09375 -2.21094 0.290039c-4.54785 1.21973 -7.25293 5.90527 -6.03223 10.4531l2.1582 8.05566c1.2207 4.53906 5.87109 7.27051 10.4541 6.0332z" />
+    <glyph glyph-name="026-repair" unicode="&#xf119;" 
+d="M347.34 292.852c5.53125 0 10 -4.46875 10 -9.99609c0 -5.52344 -4.46875 -10 -10 -10c-5.51953 0 -10 4.47656 -10 10c0 5.52734 4.48047 9.99609 10 9.99609zM347.34 292.852zM165.645 111.16c5.51953 0 10 -4.48047 10 -10c0 -5.53125 -4.48047 -10 -10 -10
+c-5.53125 0 -10 4.46875 -10 10c0 5.51953 4.46875 10 10 10zM165.645 111.16zM500.059 386.48c3.375 -0.78125 6.10547 -3.26172 7.21094 -6.54688c3.46094 -10.2656 5.21484 -21.0078 5.21484 -31.9336c0 -55.1367 -44.8555 -99.9961 -99.9961 -99.9961
+c-8.80078 0 -17.4883 1.14062 -25.9062 3.39062l-59.2188 -59.2188l14.6914 -13.4844l6.15234 6.15625c3.91016 3.90625 10.2383 3.90625 14.1445 0s3.90625 -10.2383 0 -14.1406l-5.54688 -5.54688l137.801 -126.422
+c0.105469 -0.0976562 0.210938 -0.195312 0.3125 -0.296875c23.3828 -23.3945 23.3828 -61.4609 0 -84.8555c-23.4492 -23.4492 -61.4219 -23.4414 -84.8594 -0.00390625c-0.0976562 0.0976562 -0.195312 0.195312 -0.289062 0.296875l-126.664 137.586l-5.60938 -5.60938
+c-3.91016 -3.90234 -10.2383 -3.90234 -14.1445 0c-3.90625 3.90625 -3.90625 10.2383 0 14.1445l6.19531 6.19141l-13.5 14.6641l-58.9336 -58.9336c7.85938 -29.0742 2.36328 -59.4648 -15.4531 -84.2656c-19.0156 -26.4648 -48.5938 -41.6445 -81.1641 -41.6445
+c-10.9219 0 -21.668 1.75391 -31.9297 5.21484c-3.28516 1.10547 -5.76562 3.83594 -6.54688 7.21094c-0.785156 3.37891 0.234375 6.92188 2.69531 9.36328l41.7812 41.4531v19.9844l-22.7695 22.7695h-19.9844l-41.4531 -41.7812
+c-2.44141 -2.46094 -5.98438 -3.48047 -9.36328 -2.69531c-3.375 0.78125 -6.10547 3.26172 -7.21094 6.54688c-3.46094 10.2617 -5.21484 21.0078 -5.21484 31.9297c0 32.5703 15.1758 62.1523 41.6406 81.1641c24.8008 17.8164 55.1953 23.3125 84.2695 15.4531
+l73.3789 73.3789l-122.73 123l-24.1328 0.0078125c-3.51172 0.00390625 -6.76562 1.84375 -8.57031 4.85547l-42.4219 70.707c-2.35938 3.9375 -1.73828 8.97266 1.50391 12.2188l28.2812 28.2773c3.24219 3.24609 8.27734 3.86719 12.2148 1.50391l70.707 -42.4297
+c3.01172 -1.80469 4.85547 -5.0625 4.85547 -8.57422v-24.1406l122.719 -123l73.6602 73.6602c-7.86328 29.0742 -2.375 59.4531 15.4297 84.2422c19.0234 26.4805 48.6133 41.668 81.1836 41.668c10.9258 0 21.668 -1.75391 31.9336 -5.21484
+c3.26562 -1.10156 5.73438 -3.80469 6.53125 -7.15625c0.800781 -3.35547 -0.183594 -6.88281 -2.60156 -9.33594l-40.8633 -41.4727v-20.1523l21.8789 -22.668h19.875l41.457 41.7852c2.4375 2.46094 5.98438 3.48047 9.35938 2.69531zM88.2852 346.066l125.645 -125.922
+l14.1445 14.1406l-125.656 125.941c-1.87109 1.875 -2.92188 4.41406 -2.92188 7.0625v22.6172l-59.1562 35.5l-17.2383 -17.2383l35.4922 -59.2578l22.6172 -0.0078125c2.65625 0 5.19922 -0.957031 7.07422 -2.83594zM342.648 151.004l-45.3906 -45.3828l127.078 -138.035
+c15.6406 -15.4883 40.8594 -15.4414 56.4375 0.136719c15.543 15.5508 15.5898 40.8242 0.144531 56.4336zM327.898 164.539l-14.6914 13.4844l-43.0078 -43.0117l13.5 -14.6641zM412.488 268.004c44.1094 0 79.9961 35.8867 79.9961 79.9961
+c0 2.92578 -0.15625 5.83594 -0.46875 8.71875l-31.5117 -31.7578c-1.87891 -1.89453 -4.43359 -2.95703 -7.09766 -2.95703h-28.2891c-2.71484 0 -5.3125 1.10156 -7.19531 3.05469l-27.6289 28.6289c-1.80078 1.86328 -2.80469 4.35156 -2.80469 6.94531v28.2891
+c0 2.625 1.03125 5.14453 2.875 7.01562l31.1016 31.5664c-2.96875 0.328125 -5.96484 0.496094 -8.98047 0.496094c-26.0508 0 -49.7188 -12.1484 -64.9375 -33.3359c-15.2383 -21.2148 -19.207 -47.5352 -10.8906 -72.2188
+c1.21094 -3.60156 0.28125 -7.57422 -2.40625 -10.2617c-0.140625 -0.140625 -197.383 -197.387 -197.934 -197.934c-2.6875 -2.6875 -6.66406 -3.62109 -10.2617 -2.40625c-24.6875 8.31641 -51.0195 4.33594 -72.2461 -10.9141
+c-21.1719 -15.207 -33.3125 -38.8672 -33.3125 -64.918c0 -2.92578 0.15625 -5.83594 0.46875 -8.71875l31.5117 31.7617c1.87891 1.89062 4.43359 2.95703 7.10156 2.95703h28.2891c2.65234 0 5.19531 -1.05469 7.07031 -2.92969l28.6289 -28.6289
+c1.875 -1.875 2.92969 -4.41797 2.92969 -7.07031v-28.2891c0 -2.66797 -1.06641 -5.22266 -2.95703 -7.09766l-31.7617 -31.5156c2.88281 -0.308594 5.79297 -0.46875 8.71875 -0.46875c26.0469 0 49.7109 12.1445 64.918 33.3125
+c15.25 21.2305 19.2266 47.5586 10.9141 72.2422c-1.21484 3.60156 -0.28125 7.57812 2.40625 10.2656c39.7773 39.7812 147.801 147.801 197.934 197.934c2.6875 2.68359 6.66406 3.61328 10.2617 2.40625c8.21094 -2.76562 16.8125 -4.16797 25.5586 -4.16797z
+M412.488 268.004zM311.988 261.645c3.90625 3.90625 10.2383 3.90625 14.1445 0s3.90625 -10.2383 0 -14.1406l-125.137 -125.137c-3.90625 -3.90625 -10.2383 -3.90625 -14.1445 0c-3.90234 3.90625 -3.90234 10.2383 0 14.1406zM311.988 261.645zM438.355 -4
+l-90.1367 89.8477c-3.91016 3.89844 -3.92188 10.2266 -0.0195312 14.1406c3.89453 3.91016 10.2305 3.92188 14.1406 0.0234375l90.1367 -89.8477c3.91016 -3.89844 3.92188 -10.2305 0.0234375 -14.1406c-3.90625 -3.91797 -10.2383 -3.91797 -14.1445 -0.0234375z
+M438.355 -4z" />
+    <glyph glyph-name="025-handshake" unicode="&#xf118;" 
+d="M501.785 299.541c13.6201 -13.6191 13.6201 -35.7822 0.00195312 -49.4033l-40.9746 -40.9746l-58.9229 -58.9229l16.1045 -16.1045c13.9873 -13.9873 13.9873 -36.7451 0 -50.7324c-6.61426 -6.61621 -15.1943 -10.0615 -23.8789 -10.4199
+c-0.358398 -8.68457 -3.80371 -17.2627 -10.4199 -23.8789c-6.61426 -6.61426 -15.1943 -10.0596 -23.877 -10.418c-0.358398 -8.68457 -3.80371 -17.2627 -10.4199 -23.8789c-6.41992 -6.41797 -14.8486 -10.0635 -23.8652 -10.4336
+c-0.369141 -9.01367 -4.01465 -17.4443 -10.4326 -23.8623c-6.77539 -6.77539 -15.7852 -10.5078 -25.3662 -10.5078c-9.58203 0 -18.5898 3.73047 -25.3662 10.5078l-43.7617 43.7617l-18.2627 -18.2627c-6.17188 -6.17188 -14.2793 -9.25781 -22.3867 -9.25781
+s-16.2148 3.08594 -22.3877 9.25781l-5.95898 5.95996c-5.22754 5.22754 -8.40039 11.9619 -9.11719 19.2227c-7.26074 0.716797 -13.9951 3.88867 -19.2227 9.11621l-5.95898 5.95996c-5.2334 5.23047 -8.41016 11.9746 -9.12012 19.2432
+c-7.02148 0.699219 -13.8525 3.72656 -19.2188 9.09375l-5.95996 5.96094c-5.22754 5.22559 -8.39941 11.96 -9.11621 19.2207c-7.26172 0.716797 -13.9951 3.88965 -19.2227 9.11719l-5.95996 5.95898c-5.98047 5.97949 -9.27344 13.9297 -9.27344 22.3877
+s3.29492 16.4082 9.27344 22.3867l18.2627 18.2627l-33.1289 33.1289l-30.4424 30.4424c-4.53809 4.53809 -4.53809 11.8955 0 16.4336c4.53516 4.53809 11.8955 4.53809 16.4336 0l30.4424 -30.4424l230.522 -230.519c4.9248 -4.92578 12.9395 -4.92383 17.8633 0
+c4.92285 4.9248 4.9248 12.9395 0 17.8643l-65.1523 65.1523c-4.53809 4.53711 -4.53809 11.8955 0 16.4336c4.53613 4.53809 11.8955 4.53809 16.4336 0l65.1523 -65.1523c2.38574 -2.38574 5.55859 -3.69922 8.93164 -3.69922c3.37207 0 6.54492 1.31348 8.93066 3.69922
+c4.92578 4.92578 4.92578 12.9404 0 17.8633l-65.1514 65.1514c-4.53809 4.53809 -4.53809 11.8965 0 16.4346c4.53613 4.53711 11.8955 4.53711 16.4336 0l65.1514 -65.1523c4.92383 -4.92285 12.9365 -4.9248 17.8633 0c2.38574 2.38672 3.69922 5.55664 3.69922 8.93066
+s-1.31348 6.54688 -3.69922 8.93262l-65.1514 65.1514c-4.53809 4.53809 -4.53809 11.8955 0 16.4336c4.53613 4.53809 11.8955 4.53809 16.4336 0l65.1514 -65.1514c4.92578 -4.9248 12.9395 -4.92285 17.8633 0c4.92285 4.9248 4.9248 12.9395 0 17.8652l-24.3223 24.3223
+l-134.2 134.2l-51.3887 4.49316l-3.23047 -16.0332c-5.83789 -28.9531 -34.1396 -47.7568 -63.0947 -41.9238c-28.9531 5.83789 -47.7617 34.1396 -41.9238 63.0928l5.28516 26.2188c10.3906 51.5322 60.6992 85.0312 112.226 74.8027
+c0.0078125 -0.00195312 0.0175781 -0.00195312 0.0253906 -0.00390625l114.596 -20.5166c1.68457 4.71582 4.37109 9.14941 8.14062 12.9189l24.4922 24.4902c6.59668 6.59863 15.3682 10.2324 24.7002 10.2324c9.33105 0 18.1025 -3.63379 24.7012 -10.2324zM65.1475 131.3
+l5.95996 -5.95898c3.28125 -3.28125 8.62402 -3.2832 11.9053 0l17.125 17.125l-17.8652 17.8652l-17.125 -17.126c-3.28223 -3.28223 -3.28223 -8.62207 0 -11.9053zM99.4463 97.001l5.96191 -5.96094c3.27832 -3.2832 8.62207 -3.28125 11.9053 0l17.123 17.125
+l-17.8652 17.8652l-17.125 -17.125c-3.2832 -3.28125 -3.2832 -8.62109 0 -11.9043zM133.743 62.7031l5.95898 -5.95996c3.28125 -3.28027 8.62305 -3.28027 11.9043 0l17.125 17.125l-17.8633 17.8633l-17.125 -17.125
+c-1.58984 -1.58984 -2.46582 -3.70508 -2.46582 -5.95215c0 -2.24609 0.875977 -4.36133 2.46582 -5.95117zM185.906 22.4443l17.125 17.125l-17.8643 17.8652l-17.125 -17.125c-3.2832 -3.2832 -3.2832 -8.62207 0 -11.9053l5.95898 -5.95996
+c3.28125 -3.28027 8.625 -3.28223 11.9053 0zM385.452 166.676l50.707 50.7051l-112.49 112.49l-13.9043 13.9043l-112.927 20.2188c-0.0830078 0.0126953 -0.166992 0.0302734 -0.248047 0.0458984c-39.0781 7.88477 -77.249 -17.499 -85.124 -56.5615l-5.28516 -26.2168
+c-1.60156 -7.94043 -0.0136719 -16.0283 4.46777 -22.7744c4.48242 -6.74609 11.3252 -11.3438 19.2637 -12.9434c16.4004 -3.30273 32.4141 7.3418 35.7178 23.7314l5.28613 26.2178c1.10156 5.46191 5.90332 9.32617 11.3828 9.32617
+c0.336914 0 0.677734 -0.0136719 1.02051 -0.0449219l65.9531 -5.76562c2.72363 -0.236328 5.27246 -1.42578 7.20508 -3.3584zM485.35 266.573c2.20801 2.20801 3.4248 5.14551 3.4248 8.27051c0 3.12402 -1.2168 6.05957 -3.4248 8.26758l-104.223 104.223
+c-2.20996 2.20801 -5.14551 3.42383 -8.26758 3.42383s-6.05859 -1.21582 -8.2666 -3.42383l-24.4922 -24.4932c-2.20801 -2.20898 -3.4248 -5.14355 -3.4248 -8.26758s1.2168 -6.06055 3.4248 -8.26855l112.49 -112.49zM445.599 270.228
+c0 6.41797 5.20312 11.6211 11.6211 11.6211s11.6211 -5.20312 11.6211 -11.6211s-5.20312 -11.6201 -11.6211 -11.6201s-11.6211 5.20215 -11.6211 11.6201z" />
+    <glyph glyph-name="023-laptop" unicode="&#xf116;" 
+d="M422.847 315.589c6.08398 0 11.0186 -4.93359 11.0195 -11.0186v-166.424c0 -6.08594 -4.93457 -11.0195 -11.0195 -11.0195s-11.0186 4.93359 -11.0186 11.0195v0v155.405h-311.655v-155.406c0 -6.08594 -4.93359 -11.0195 -11.0186 -11.0195
+s-11.0195 4.93359 -11.0195 11.0195v166.424c0 6.08594 4.93457 11.0195 11.0195 11.0195h333.692zM502.084 98.7969c5.47754 0 9.91699 -4.43848 9.91602 -9.91699v-19.4678c0 -26.9766 -21.9473 -48.9238 -48.9238 -48.9238h-414.152
+c-26.9766 0 -48.9238 21.9473 -48.9238 48.9238v19.4678c0 5.47852 4.44043 9.91699 9.91699 9.91699h20.2949v231.406c0 18.3652 14.9414 33.3076 33.3086 33.3076h384.96c18.3662 0 33.3086 -14.9424 33.3086 -33.3076v-231.406h20.2949zM52.249 330.203v-231.403h149.245
+c5.5459 0.118164 10.1475 -4.3623 10.1475 -9.91504c0 -8.37012 6.80762 -15.1807 15.1787 -15.1807h58.3613c8.36914 0 15.1787 6.80957 15.1787 15.1807c0 4.75293 3.37305 8.83887 8.04102 9.73633c0.720703 0.139648 1.44531 0.199219 2.14844 0.175781h149.2v231.406
+c0 6.21484 -5.05469 11.2705 -11.2715 11.2705h-384.958c-6.21484 0 -11.2715 -5.05664 -11.2715 -11.2705zM492.167 69.4121h0.000976562v9.55078h-173.404c-4.28809 -14.4893 -17.7207 -25.0938 -33.583 -25.0938h-58.3613c-15.8623 0 -29.2949 10.6035 -33.582 25.0938
+h-173.403v-9.55078c0 -16.041 13.0498 -29.0898 29.0898 -29.0898h414.153c16.0391 0 29.0898 13.0488 29.0898 29.0898v0zM272.331 251.541c4.30371 -4.30469 4.30371 -11.2812 0 -15.584l-69.2988 -69.2998c-2.15137 -2.14941 -4.9707 -3.22656 -7.79102 -3.22656
+c-2.81836 0 -5.63867 1.0752 -7.79102 3.22656c-4.30273 4.30371 -4.30273 11.2803 0 15.583l69.2969 69.3008c4.30566 4.30273 11.2803 4.30273 15.584 0zM313.405 211.381c4.30371 -4.30469 4.30371 -11.2812 -0.000976562 -15.584l-27.6055 -27.6064
+c-2.15234 -2.15234 -4.9707 -3.22656 -7.79102 -3.22656c-2.81934 0 -5.63965 1.07422 -7.79102 3.22656c-4.30371 4.30371 -4.30371 11.2812 0 15.584l27.6055 27.6064c4.30469 4.30273 11.2793 4.30273 15.583 0z" />
+    <glyph glyph-name="030-gear" unicode="&#xf11d;" 
+d="M456 0c13.248 0 24 -10.752 24 -24s-10.752 -24 -24 -24h-432c-13.248 0 -24 10.752 -24 24s10.752 24 24 24h32v252.496l-5.34375 -3.04785c-3.05566 -1.74609 -8.39062 -3.16406 -11.9102 -3.16406c-8.1875 0 -17.8047 5.94434 -21.4658 13.2676l-1.66406 3.32031
+c-1.40234 2.7998 -2.54102 7.61426 -2.54102 10.7461c0 7.68848 5.41797 17.0234 12.0928 20.8379l202.928 115.944c3.05664 1.73535 8.38965 3.14453 11.9043 3.14453s8.84766 -1.40918 11.9043 -3.14453l91.9756 -52.5439v27.6553
+c-8.76367 3.13672 -15.877 13.2363 -15.877 22.5439c0 13.2178 10.7275 23.9443 23.9443 23.9443h0.0527344h64h0.0449219c13.2178 0 23.9443 -10.7266 23.9443 -23.9443c0 -9.35742 -7.16309 -19.4746 -15.9893 -22.584v-73.3994l30.792 -17.6162
+c6.69434 -3.81055 12.127 -13.1543 12.127 -20.8574c0 -3.12305 -1.13184 -7.9248 -2.52734 -10.7188l-1.67969 -3.33594c-3.66113 -7.30664 -13.2666 -13.2422 -21.4395 -13.248h-0.0263672c-3.51562 0 -8.84766 1.41211 -11.9023 3.15234l-5.34375 3.04785v-252.496h32z
+M352 416c-4.41602 0 -8 -3.58398 -8 -8s3.58398 -8 8 -8h64c4.41602 0 8 3.58398 8 8s-3.58398 8 -8 8h-64zM359.88 384v-35.2881l48.1201 -27.4961v62.7842h-48.1201zM42.7197 263.336l185.376 105.928c3.05566 1.74023 8.38867 3.15234 11.9043 3.15234
+s8.84863 -1.41211 11.9043 -3.15234l185.344 -105.976c1.01855 -0.583008 2.79785 -1.05566 3.97168 -1.05566c2.73047 0 5.93555 1.98145 7.15625 4.42383l1.67969 3.34375c0.461914 0.928711 0.836914 2.52539 0.836914 3.5625
+c0 2.56543 -1.80859 5.67871 -4.03613 6.94922v0l-202.921 116c-1.01758 0.582031 -2.79492 1.05371 -3.96777 1.05371c-1.17188 0 -2.9502 -0.47168 -3.96777 -1.05371l-202.88 -115.952c-2.23047 -1.26953 -4.04004 -4.38379 -4.04004 -6.95117
+c0 -1.03906 0.375977 -2.6377 0.839844 -3.56836l1.66406 -3.32812c1.21875 -2.44727 4.42676 -4.43359 7.16113 -4.43359c1.1748 0 2.95508 0.473633 3.97461 1.05762zM72 261.6v-261.6h336v261.6l-164.064 93.7764c-1.01758 0.581055 -2.79492 1.05371 -3.96777 1.05371
+c-1.17188 0 -2.9502 -0.472656 -3.96777 -1.05371zM456 -32c4.41602 0 8 3.58398 8 8s-3.58398 8 -8 8h-432c-4.41602 0 -8 -3.58398 -8 -8s3.58398 -8 8 -8h432zM88 16v16h32v-16h-32zM360 16v16h32v-16h-32zM136 16v16h16v-16h-16zM328 16v16h16v-16h-16zM332.536 120.72
+l20.6074 -20.6074c1.29297 -1.29395 2.34277 -3.82715 2.34277 -5.65625s-1.0498 -4.3623 -2.34277 -5.65625l-33.96 -33.9355c-1.29297 -1.29297 -3.82715 -2.34277 -5.65527 -2.34277c-1.8291 0 -4.36328 1.0498 -5.65625 2.34277l-20.5996 20.5996
+c-4.07715 -2.08301 -10.9229 -4.91406 -15.2803 -6.32031v-29.1436c0 -4.41602 -3.58398 -8 -8 -8h-48c-4.41602 0 -8 3.58398 -8 8v29.1436c-4.35742 1.40625 -11.2031 4.2373 -15.2803 6.32031l-20.5996 -20.5996c-1.29395 -1.29297 -3.82715 -2.34277 -5.65625 -2.34277
+s-4.3623 1.0498 -5.65625 2.34277l-33.9434 33.9521c-1.29297 1.29297 -2.34277 3.82715 -2.34277 5.65527c0 1.8291 1.0498 4.36328 2.34277 5.65625l20.6074 20.5996c-2.08496 4.07715 -4.91602 10.9219 -6.32031 15.2803h-29.1436c-4.41602 0 -8 3.58398 -8 8v48
+c0 4.41602 3.58398 8 8 8h29.1436c1.4043 4.3584 4.23535 11.2041 6.32031 15.2803l-20.6074 20.5996c-1.29297 1.29395 -2.34277 3.82715 -2.34277 5.65625s1.0498 4.3623 2.34277 5.65625l33.9512 33.9355c1.29395 1.29297 3.82715 2.34277 5.65625 2.34277
+s4.36328 -1.0498 5.65625 -2.34277l20.5996 -20.5996c4.07715 2.08301 10.9229 4.91406 15.2803 6.32031v29.1436c0 4.41602 3.58398 8 8 8h48c4.41602 0 8 -3.58398 8 -8v-29.1436c4.35742 -1.40625 11.2031 -4.2373 15.2803 -6.32031l20.6074 20.5996
+c1.29395 1.29297 3.82715 2.34277 5.65625 2.34277s4.3623 -1.0498 5.65625 -2.34277l33.9434 -33.9434c1.29297 -1.29395 2.34277 -3.82715 2.34277 -5.65625s-1.0498 -4.36328 -2.34277 -5.65625l-20.6074 -20.5996c2.08496 -4.07715 4.91602 -10.9219 6.32031 -15.2803
+h29.1436c4.41602 0 8 -3.58398 8 -8v-48c0 -4.41602 -3.58398 -8 -8 -8h-29.1436c-1.4043 -4.3584 -4.23535 -11.2031 -6.32031 -15.2803zM313.536 71.832l22.6396 22.624l-19.2002 19.2002c-1.29199 1.29297 -2.34082 3.82617 -2.34082 5.65527
+c0 1.20508 0.49707 3.02637 1.10938 4.06445c3.46582 5.87891 7.6582 16.0146 9.35938 22.624c0.855469 3.31152 4.3252 5.99902 7.74414 6h27.1523v32h-27.1523c-3.41895 0.000976562 -6.88867 2.68848 -7.74414 6c-1.70117 6.60938 -5.89355 16.7451 -9.35938 22.624
+c-0.612305 1.03809 -1.10938 2.85938 -1.10938 4.06445c0 1.8291 1.04883 4.3623 2.34082 5.65527l19.2002 19.2002l-22.6318 22.6318l-19.2002 -19.2002c-1.29297 -1.29395 -3.82812 -2.34375 -5.6582 -2.34375c-1.20703 0 -3.03027 0.498047 -4.06934 1.1123
+c-5.87695 3.4668 -16.0088 7.66016 -22.6162 9.35938c-3.31152 0.855469 -5.99902 4.3252 -6 7.74414v27.1523h-32v-27.1523c-0.000976562 -3.41895 -2.68848 -6.88867 -6 -7.74414c-6.60742 -1.69922 -16.7393 -5.89258 -22.6162 -9.35938
+c-1.03906 -0.614258 -2.8623 -1.1123 -4.06934 -1.1123c-1.83008 0 -4.36523 1.0498 -5.6582 2.34375l-19.2002 19.2002l-22.6318 -22.6318l19.2002 -19.2002c1.29199 -1.29297 2.34082 -3.82617 2.34082 -5.65527c0 -1.20508 -0.49707 -3.02637 -1.10938 -4.06445
+c-3.46582 -5.87891 -7.6582 -16.0146 -9.35938 -22.624c-0.855469 -3.31152 -4.3252 -5.99902 -7.74414 -6h-27.1523v-32h27.1523c3.41895 -0.000976562 6.88867 -2.68848 7.74414 -6c1.70117 -6.60938 5.89355 -16.7451 9.35938 -22.624
+c0.612305 -1.03809 1.10938 -2.85938 1.10938 -4.06445c0 -1.8291 -1.04883 -4.3623 -2.34082 -5.65527l-19.2002 -19.2002l22.6318 -22.6318l19.2002 19.2002c1.29297 1.29395 3.82812 2.34375 5.6582 2.34375c1.20703 0 3.03027 -0.498047 4.06934 -1.1123
+c5.87695 -3.4668 16.0088 -7.66016 22.6162 -9.35938c3.31152 -0.855469 5.99902 -4.3252 6 -7.74414v-27.1523h31.9922v27.1602c0.000976562 3.41992 2.68848 6.88867 6 7.74414c6.60742 1.7002 16.7393 5.89258 22.6162 9.35938
+c1.03906 0.614258 2.8623 1.11328 4.06934 1.11328c1.83008 0 4.36426 -1.05078 5.6582 -2.34473zM240 240c39.7002 -0.0439453 71.9561 -32.2998 72 -72c0 -39.7441 -32.2559 -72 -72 -72s-72 32.2559 -72 72s32.2559 72 72 72zM240 112
+c30.877 0.0351562 55.9648 25.123 56 56c0 30.9121 -25.0879 56 -56 56s-56 -25.0879 -56 -56s25.0879 -56 56 -56z" />
+    <glyph glyph-name="028-left-quote" unicode="&#xf11b;" 
+d="M405.034 238.194c59.5547 -3.42969 106.961 -52.9609 106.961 -113.359c0 -62.6094 -50.9375 -113.539 -113.547 -113.539c-61.0078 0 -108.75 47.5088 -113.516 112.961c-8.13281 111.469 48.0703 202.453 98.6719 246.484
+c3.04688 2.65625 7.60938 2.60938 10.625 -0.100586c4.51562 -4.09473 7.60156 -7.23438 14.3594 -14.126c5.14062 -5.22656 12.4688 -12.6953 24.3047 -24.5312c2.72656 -2.72656 3.125 -7.01562 0.929688 -10.1953c-29.0312 -42.1406 -29.8203 -72.4453 -28.7891 -83.5938
+zM398.448 27.2959c53.7891 0 97.5469 43.7578 97.5469 97.54c0 53.7881 -43.7578 97.5459 -97.5469 97.5459c-2.96875 0 -5.80469 1.77344 -7.1875 4.40625c-2.91406 5.54785 -9.5625 44.2344 25.6797 98.5312c-9.21875 9.25098 -15.3125 15.4541 -19.7656 19.9854
+c-3.69531 3.76562 -6.20312 6.31152 -8.39844 8.47559c-22.5156 -21.5625 -97.0391 -102.992 -87.8906 -228.359v-0.0078125c4.14844 -56.8516 45.1719 -98.1172 97.5625 -98.1172zM120.909 238.194c59.5625 -3.41406 106.969 -52.9531 106.969 -113.358
+c0 -62.6104 -50.9375 -113.54 -113.547 -113.54c-61.0078 0 -108.758 47.5088 -113.539 112.953v0.0078125c-8.11719 111.492 48.0938 202.461 98.6953 246.492c3.04688 2.64062 7.60938 2.60156 10.625 -0.108398c4.51562 -4.10156 7.60938 -7.25098 14.3906 -14.1572
+c5.13281 -5.22656 12.4531 -12.6875 24.2656 -24.5c2.72656 -2.72656 3.11719 -7.01562 0.929688 -10.1953c-29.0625 -42.1953 -29.8281 -72.4766 -28.7891 -83.5938zM114.331 27.2959c53.7891 0 97.5469 43.7578 97.5469 97.5391
+c0 53.7891 -43.7578 97.5469 -97.5469 97.5469c-2.96875 0 -5.8125 1.78125 -7.19531 4.41406c-2.91406 5.54004 -9.5625 44.2188 25.6797 98.5234c-9.20312 9.23438 -15.2891 15.4297 -19.7344 19.9609c-3.70312 3.77344 -6.21875 6.33594 -8.42188 8.5
+c-22.5156 -21.5547 -97.0391 -102.969 -87.9141 -228.367v0.0078125c4.15625 -56.8594 45.2031 -98.125 97.5859 -98.125z" />
+    <glyph glyph-name="011-support" unicode="&#xf10a;" 
+d="M329.21 97.1807c37.1143 -7.1709 185.278 -41.959 182.759 -140.8c0 -5.35156 -4.33887 -9.69043 -9.69043 -9.69043h-492.557c-5.35156 0 -9.69043 4.33887 -9.69043 9.69043c-2.51953 98.8408 145.645 133.629 182.759 140.8v8.91504
+c-2.53516 2.06934 -4.95996 4.26855 -7.26758 6.58984c-18.6689 20.5195 -30.4297 46.3799 -33.625 73.9365c-16.7744 2.64258 -31.8584 11.7139 -42.0566 25.291c-14.0508 19.8652 -15.3105 48.2578 -3.58496 84.3057c0.689453 2.06738 2.05469 3.84375 3.87598 5.03906
+l5.33008 3.58496c-0.786133 32.3516 10.3936 63.8545 31.3965 88.4727c26.0664 28.9736 66.1846 43.9941 119.093 43.9941c53.0059 -0.194336 93.0273 -15.0205 119.094 -44.3818c21.0029 -24.6182 32.1826 -56.1211 31.3965 -88.4717l5.33008 -3.58594
+c1.82129 -1.19531 3.18652 -2.97168 3.87598 -5.03906c11.7246 -35.8535 10.4648 -64.4404 -3.58594 -84.3047c-10.2363 -13.4834 -25.3203 -22.4512 -42.0557 -25.001c-3.18164 -27.5137 -14.9072 -53.3369 -33.5283 -73.8398
+c-2.3252 -2.32617 -4.74805 -4.55469 -7.26758 -6.58984v-8.91504zM136.083 208.231c-11.6982 13.2939 -17.4111 30.8164 -15.7949 48.4512c1.8877 10.6016 7.48633 20.1846 15.7949 27.0361c4.45703 97.0957 72.2891 107.756 101.36 107.756
+c6.19434 0.0175781 12.3828 -0.435547 18.5078 -1.35742c6.12695 0.920898 12.3145 1.375 18.5088 1.35742c29.2646 0 97.1934 -10.8535 101.36 -107.756c8.25488 -6.90723 13.7852 -16.5234 15.6016 -27.1328c1.60449 -17.6338 -4.10645 -35.1514 -15.7959 -48.4512
+c8.26465 2.75879 15.4736 8.00488 20.6406 15.0195c9.98145 14.1475 10.5625 35.6602 1.93848 63.8584l-7.07422 4.74902c-2.97656 1.98633 -4.61523 5.4502 -4.26367 9.01172c1.62988 28.9619 -7.79004 57.4648 -26.3574 79.751
+c-22.2881 24.8066 -57.4639 37.5977 -104.559 37.4043c-47.0947 -0.194336 -82.2705 -12.5977 -104.17 -37.4043c-18.5684 -22.2861 -27.9883 -50.7891 -26.3574 -79.751c0.350586 -3.56152 -1.28809 -7.02539 -4.26367 -9.01172l-7.07422 -4.74902
+c-8.62402 -28.2949 -7.75195 -49.7109 1.93848 -63.8584l-0.485352 0.0966797c5.13281 -7.00879 12.3096 -12.2549 20.5439 -15.0195zM356.536 287.691l-0.484375 0.0966797c-4.84473 69.0918 -46.5127 84.4023 -81.1074 84.4023
+c-5.55273 0.0380859 -11.0977 -0.416992 -16.5703 -1.35645c-1.2793 -0.261719 -2.59668 -0.261719 -3.87598 0c-5.47266 0.942383 -11.0176 1.39648 -16.5703 1.35645c-34.8848 0 -76.3594 -14.9229 -81.5918 -83.4326c17.0547 1.06543 52.4238 5.91016 71.8047 26.7451
+c3.30664 3.4834 8.66699 4.01953 12.5977 1.25977c34.7295 -21.2764 75.1367 -31.4209 115.798 -29.0713zM159.728 206.39c0 -0.484375 -0.678711 -49.9043 29.9424 -80.4287c17.1836 -16.459 40.3857 -25.1152 64.1494 -23.9355h4.8457
+c23.8145 -1.20508 47.0674 7.49316 64.2461 24.0322c13.1709 14.3613 22.1523 32.0566 25.9697 51.165l-44.4775 -23.8389c0.0429688 -0.87207 0.0429688 -1.74414 0 -2.61621c0.00292969 -7.1416 -2.73145 -14.0127 -7.64258 -19.2002
+c-10.5957 -11.1914 -28.2607 -11.6748 -39.4521 -1.0791c-11.1924 10.5967 -11.6758 28.2607 -1.08008 39.4531c10.5967 11.1924 28.2607 11.6758 39.4531 1.0791l56.3975 30.2334v5.03906c-0.0205078 2.38867 0.841797 4.70117 2.42285 6.49219
+c13.2754 15.2139 19.3799 29.2646 17.7324 40.5059c-0.869141 6.18457 -3.97168 11.8369 -8.7207 15.8916c-6.87988 -1.06543 -13.4697 -1.06543 -19.9619 -1.06543c-37.7646 0.232422 -74.8223 10.249 -107.562 29.0703
+c-29.0703 -25.0977 -74.4209 -27.5195 -87.2119 -27.5195c-4.88281 -4.16602 -8.02832 -10.0078 -8.81836 -16.377c-1.64746 -11.4346 4.45801 -25.292 17.7334 -40.5059c1.58008 -1.79102 2.44336 -4.10352 2.42285 -6.49219zM285.022 150.768
+c0 4.7627 -3.86133 8.625 -8.62402 8.625c-4.76367 0 -8.625 -3.8623 -8.625 -8.625s3.86133 -8.62402 8.625 -8.62402c4.7627 0 8.62402 3.86133 8.62402 8.62402zM246.262 -33.3477v52.1338c-36.8232 2.81055 -63.5684 19.5742 -63.5684 41.5713v17.3457
+c-37.0176 -7.84863 -155.335 -38.2764 -162.99 -111.051h226.559zM202.073 60.3574c0 -9.20508 21.0283 -22.4814 53.8779 -22.4814c32.8506 0 53.8779 13.2764 53.8779 22.4814v33.4316c-16.1074 -7.46973 -33.7021 -11.1816 -51.4551 -10.8535h-4.84473
+c-17.7529 -0.328125 -35.3477 3.38379 -51.4561 10.8535v-33.1406v-0.291016zM265.642 -33.6377h226.559c-7.94629 72.8701 -125.683 103.298 -162.99 111.05v-16.958c0 -22.1904 -26.7451 -39.0518 -63.5684 -41.5703v-52.5215z" />
+    <glyph glyph-name="013-star-1" unicode="&#xf10c;" 
+d="M268.103 428.078l65.127 -154.144l166.733 -14.3242c11.5645 -0.999023 16.2686 -15.4277 7.49023 -23.0225l-126.469 -109.57l37.8984 -163.001c2.62793 -11.3271 -9.64551 -20.2373 -19.5801 -14.2188l-143.29 86.415l-143.289 -86.415
+c-9.96094 -5.99219 -22.208 2.91797 -19.5801 14.2188l37.8984 163.001l-126.495 109.596c-8.77832 7.5957 -4.09961 22.0244 7.49023 23.0234l166.733 14.3242l65.127 154.117c4.52051 10.7236 19.6846 10.7236 24.2051 0z" />
+    <glyph glyph-name="032-car-insurance" unicode="&#xf11f;" 
+d="M312.389 221.67c-13.8604 9.85254 -22.1211 25.7822 -22.1875 42.7861v100.967c-0.00488281 3.39746 2.00684 6.47461 5.12012 7.83398l85.334 36.8633c2.15625 0.930664 4.60156 0.930664 6.75781 0l85.334 -36.8633c3.11328 -1.35938 5.125 -4.43652 5.11914 -7.83398
+v-100.967c-0.0800781 -17.0166 -8.36719 -32.9502 -22.2549 -42.7861l-66.6621 -47.4531c-2.96191 -2.10938 -6.93652 -2.10938 -9.89844 0zM307.2 359.816v-95.3604c0.0742188 -11.5 5.69629 -22.2578 15.0957 -28.8848l61.7041 -43.9297l61.7041 43.8779
+c9.41113 6.6416 15.0332 17.4189 15.0957 28.9365v95.3604l-76.7998 33.1689zM361.813 244.906l-34.1338 25.6006c-2.43848 1.8291 -3.7168 4.82031 -3.35156 7.84766c0.364258 3.02637 2.31641 5.62891 5.12012 6.82617s6.0332 0.808594 8.47168 -1.02051l27.4688 -20.6426
+l63.1465 78.8828c2.94629 3.68066 8.31738 4.27637 11.998 1.33105s4.27637 -8.31738 1.33105 -11.998l-68.2666 -85.333c-2.87988 -3.59961 -8.09766 -4.26074 -11.7842 -1.49414zM17.0664 -4.2666c-9.42578 0 -17.0664 7.64062 -17.0664 17.0664v128
+c0.0585938 21.0908 15.5371 38.9648 36.4033 42.0352l50.2607 142.814c6.01367 17.0625 22.1348 28.4775 40.2266 28.4844h129.109v33.7236c-0.00488281 3.39746 2.00586 6.47461 5.12012 7.83301l119.535 51.6094c2.15625 0.930664 4.60156 0.930664 6.75781 0
+l119.467 -51.6094c3.11426 -1.3584 5.125 -4.43555 5.12012 -7.83301v-123.401c-0.0917969 -28.0586 -13.7217 -54.3486 -36.5996 -70.5957l-29.3545 -20.8896c9.39258 -8.04492 14.7861 -19.8037 14.7539 -32.1709v-128c0 -9.42578 -7.64062 -17.0664 -17.0664 -17.0664
+h-8.5332v-34.1338c0 -14.1377 -11.4619 -25.5996 -25.6006 -25.5996h-51.1992c-14.1387 0 -25.6006 11.4619 -25.6006 25.5996v34.1338h-204.8v-34.1338c0 -14.1377 -11.4619 -25.5996 -25.5996 -25.5996h-51.2002c-14.1387 0 -25.6006 11.4619 -25.6006 25.5996v34.1338
+h-8.5332zM110.934 -38.4004v34.1338h-68.2666v-34.1338c0 -4.71289 3.82031 -8.5332 8.5332 -8.5332h51.2002c4.71289 0 8.5332 3.82031 8.5332 8.5332zM76.7998 12.7998v17.0664h-17.0664v-17.0664h17.0664zM418.134 -38.4004v34.1338h-68.2676v-34.1338
+c0 -4.71289 3.82129 -8.5332 8.53418 -8.5332h51.1992c4.71289 0 8.53418 3.82031 8.53418 8.5332zM401.066 12.7998v17.0664h-17.0664v-17.0664h17.0664zM273.066 382.251v-117.795c0.0878906 -22.5381 11.0479 -43.6475 29.4316 -56.6865l81.502 -58.0264l81.502 58.0518
+c18.3867 13.041 29.3467 34.1543 29.4316 56.6953v117.761l-110.934 47.9229zM401.066 132.267h-34.1328c-14.1387 0 -25.6006 -11.4619 -25.6006 -25.5996c0 -4.71289 3.82129 -8.5332 8.5332 -8.5332h51.2002c4.71289 0 8.5332 3.82031 8.5332 8.5332v17.0664
+c0 4.71289 -3.82031 8.5332 -8.5332 8.5332zM256 302.934h-59.7334v-17.0674h59.7334v17.0674zM256 320v17.0664h-17.0664v-17.0664h17.0664zM102.767 320l-48.0508 -136.533h252.484l-14.6006 10.3936c-22.8779 16.2471 -36.5078 42.5371 -36.5996 70.5957v4.34375
+h-59.7334c-9.42578 0 -17.0664 7.6416 -17.0664 17.0664v17.0674c0 9.42578 7.64062 17.0664 17.0664 17.0664h25.5996v17.0664h-94.9756c-10.8447 -0.00488281 -20.5088 -6.8418 -24.124 -17.0664zM17.0664 140.8v-128h25.6006v17.0664
+c0 9.42578 7.64062 17.0674 17.0664 17.0674h17.0664c9.42578 0 17.0664 -7.6416 17.0664 -17.0674v-17.0664h273.067v17.0664c0 9.42578 7.64062 17.0674 17.0664 17.0674h17.0664c9.42578 0 17.0674 -7.6416 17.0674 -17.0674v-17.0664h25.5996v128
+c0.0419922 8.91895 -4.62695 17.1973 -12.2793 21.7773l-21.1289 -15.0439c9.82715 -3.8125 16.3135 -13.2588 16.3418 -23.7998v-17.0664c0 -14.1387 -11.4619 -25.6006 -25.6006 -25.6006h-51.2002c-14.1377 0 -25.5996 11.4619 -25.5996 25.6006
+c0.0537109 19.6807 13.5625 36.7715 32.7002 41.3691l-25.7881 18.3643h-288.512c-14.1387 0 -25.6006 -11.4619 -25.6006 -25.6006zM153.6 320c4.71289 0 8.53418 -3.82031 8.53418 -8.5332s-3.82129 -8.5332 -8.53418 -8.5332h-14.6006
+c-3.61914 -0.000976562 -6.84473 -2.28613 -8.04688 -5.7002l-32.0342 -91c-1.56445 -4.44629 -6.4375 -6.78223 -10.8838 -5.21777s-6.7832 6.4375 -5.21777 10.8838l32.0342 91.0342c3.63281 10.2217 13.3008 17.0547 24.1484 17.0664h14.6006zM59.7334 81.0664
+c-14.1387 0 -25.5996 11.4619 -25.5996 25.6006v17.0664c0 14.1387 11.4609 25.5996 25.5996 25.5996h34.1328c23.5527 -0.0283203 42.6387 -19.1143 42.667 -42.666c0 -14.1387 -11.4609 -25.6006 -25.5996 -25.6006h-51.2002zM51.2002 123.733v-17.0664
+c0 -4.71289 3.82031 -8.5332 8.5332 -8.5332h51.2002c4.71289 0 8.5332 3.82031 8.5332 8.5332c0 14.1377 -11.4619 25.5996 -25.6006 25.5996h-34.1328c-4.71289 0 -8.5332 -3.82031 -8.5332 -8.5332zM170.667 29.8662c-9.42578 0 -17.0674 7.6416 -17.0674 17.0674
+v34.1328c0 9.42578 7.6416 17.0674 17.0674 17.0674h119.467c9.4248 0 17.0664 -7.6416 17.0664 -17.0674v-34.1328c0 -9.42578 -7.6416 -17.0674 -17.0664 -17.0674h-119.467zM170.667 81.0664v-34.1328h119.467v34.1328h-119.467z" />
+    <glyph glyph-name="018-idea" unicode="&#xf111;" 
+d="M456 352c13.248 0 24 -10.752 24 -24v-272c0 -13.248 -10.752 -24 -24 -24h-176v-32h24c4.41602 0 8 -3.58398 8 -8v-24h8v-16h-160v16h8v24c0 4.41602 3.58398 8 8 8h24v32h-40v-32c-0.0263672 -26.4697 -21.5303 -47.9736 -48 -48h-32
+c-26.4697 0.0263672 -47.9736 21.5303 -48 48v32h-8c-13.248 0 -24 10.752 -24 24v272c0 13.248 10.752 24 24 24h238.88c11.3271 25.3584 43.042 46.8623 70.792 48c0.632812 0.0185547 1.65918 0.0332031 2.29199 0.0332031c28.9297 0 61.7998 -21.5195 73.3721 -48.0332
+h46.6641zM334.128 384c-32.8506 -1.3457 -60.666 -29.0967 -62.0879 -61.9443c-0.0195312 -0.591797 -0.0361328 -1.55371 -0.0361328 -2.14551c0 -24.96 19.1152 -51.9209 42.668 -60.1826c2.94141 -1.04199 5.32812 -4.41992 5.32812 -7.54004v-0.00390625v-12.1836h32
+v12.1836v0.00390625c0 3.12012 2.38672 6.49805 5.32812 7.54004c23.5527 8.31543 42.668 35.335 42.668 60.3125c0 35.3057 -28.6543 63.96 -63.96 63.96h-0.0117188h-1.89648zM336 200c8.83203 0 16 7.16797 16 16v8h-32v-8c0 -8.83203 7.16797 -16 16 -16zM24 48h8v16
+h-16v-8c0 -4.41602 3.58398 -8 8 -8zM32.7197 80c3.74414 22.0381 24.9258 39.959 47.2803 40h8v64c0 35.3281 28.6719 64 64 64s64 -28.6719 64 -64v-24c0 -30.9121 25.0879 -56 56 -56s56 25.0879 56 56v25.1357c-13.1973 3.40723 -23.9492 17.2344 -24 30.8643v8h-8v16h8
+v6.74414c-26.4941 11.4873 -47.9971 44.248 -47.9971 73.126c0 0.740234 0.0205078 1.94141 0.0449219 2.68164c0.136719 3.75293 0.889648 9.77734 1.67969 13.4482h-233.728c-4.41602 0 -8 -3.58398 -8 -8v-248h16.7197zM88 104v-24h16v24h-16zM144 0v72
+c-0.0507812 13.6299 -10.8027 27.457 -24 30.8643v-30.8643c0 -4.41602 -3.58398 -8 -8 -8h-32c-4.41602 0 -8 3.58398 -8 8v30.8643c-13.1973 -3.40723 -23.9492 -17.2344 -24 -30.8643v-72c0 -17.6641 14.3359 -32 32 -32h32c17.6641 0 32 14.3359 32 32zM112 120
+c22.3545 -0.0410156 43.5361 -17.9619 47.2803 -40h304.72v248c0 4.41602 -3.58398 8 -8 8h-41.5996c0.881836 -4.37207 1.59863 -11.54 1.59961 -16c-0.0488281 -28.8662 -21.5527 -61.6807 -48 -73.248v-6.75195h8v-16h-8v-8
+c-0.0507812 -13.6299 -10.8027 -27.457 -24 -30.8643v-25.1357c0 -39.7441 -32.2559 -72 -72 -72s-72 32.2559 -72 72v24c0 26.4961 -21.5039 48 -48 48s-48 -21.5039 -48 -48v-64h8zM296 -32v16h-112v-16h112zM264 0v32h-48v-32h48zM456 48c4.41602 0 8 3.58398 8 8v8h-304
+v-16h296zM310.656 307.56c-1.31152 -1.96484 -4.29297 -3.55957 -6.65527 -3.55957h-0.000976562h-16v16h11.7197l13.624 20.4404c1.31152 1.96484 4.29297 3.55957 6.65527 3.55957c1.8291 0 4.36328 -1.0498 5.65723 -2.34375l10.3438 -10.3447l10.3682 10.3447
+c1.30371 1.29102 3.85156 2.33984 5.68652 2.33984c0.210938 0 0.551758 -0.0166016 0.761719 -0.0361328c2.07715 -0.206055 4.7041 -1.7832 5.86328 -3.51953l13.6006 -20.4404h11.7197v-16h-16h-0.000976562c-2.3623 0 -5.34375 1.59473 -6.65527 3.55957
+l-10.584 15.8887l-9.10352 -9.10449c-1.29395 -1.29297 -3.82715 -2.3418 -5.65625 -2.3418s-4.3623 1.04883 -5.65625 2.3418l-9.10352 9.10449zM328 432h16v-16h-16v16zM273.08 412.947l13.8555 8l7.99609 -13.8486l-13.8555 -8zM234.976 369.101l8 13.8564
+l13.8496 -7.99609l-8 -13.8564zM224 328h16v-16h-16v16zM234.996 270.888l13.8496 7.99609l8 -13.8555l-13.8496 -7.99609zM415.088 265.115l8 13.8564l13.8496 -7.99609l-8 -13.8564zM432 328h16v-16h-16v16zM415.114 374.972l13.8496 7.99609l8 -13.8555
+l-13.8496 -7.99609zM377.101 407.104l7.99609 13.8496l13.8555 -8l-7.99512 -13.8496z" />
+    <glyph glyph-name="012-star" unicode="&#xf10b;" 
+d="M511.399 250.466c1.85938 -5.64355 -0.599609 -11.7451 -7.37305 -18.3105l-111.691 -108.931l26.4609 -153.854c1.02441 -6.77539 0.40918 -12.043 -1.84082 -15.8457c-2.25 -3.79883 -5.74316 -5.69434 -10.4648 -5.69434c-3.48828 0 -7.59375 1.23633 -12.3115 3.7002
+l-138.162 72.624l-138.167 -72.624c-4.71777 -2.47168 -8.82031 -3.7002 -12.3086 -3.7002c-4.71777 0 -8.20703 1.89551 -10.4619 5.69434c-2.25977 3.80273 -2.87305 9.07031 -1.84863 15.8457l26.4629 153.854l-112.009 108.931
+c-6.5625 6.56543 -8.91992 12.667 -7.07812 18.3105c1.84473 5.64355 7.38477 9.18164 16.6143 10.6172l154.475 22.4609l69.2383 140.011c4.10059 8.41113 9.12793 12.6143 15.0762 12.6143c5.74219 0 10.7656 -4.20312 15.0771 -12.6143l69.2314 -140.011
+l154.473 -22.4609c9.22363 -1.43457 14.7646 -4.97363 16.6084 -10.6172zM364.938 151.536l79.0879 76.9297l-109.549 15.999l-20.3164 3.07812l-9.22461 18.4609l-48.9268 99.085v-296.327l18.1582 -9.54492l97.8486 -51.6963l-18.46 109.242l-3.69727 20.3086z" />
+    <glyph glyph-name="004-shield" unicode="&#xf103;" 
+d="M256 407.99c5.53027 0 9.99023 -4.45215 9.99023 -9.99023c0 -5.91113 -5.06543 -10.5264 -10.9902 -9.93848c-5.11816 0.508789 -8.99023 4.79102 -8.99023 9.93848c0 5.53027 4.45215 9.99023 9.99023 9.99023zM456 388c5.52246 0 10 -4.47754 10 -10v-163.19
+c0 -129.959 -85.585 -241.929 -207.127 -278.388c-0.936523 -0.28125 -1.90527 -0.421875 -2.87305 -0.421875s-1.93457 0.140625 -2.87207 0.420898c-124.233 37.2539 -207.128 151.212 -207.128 278.389v163.19c0 5.52246 4.47754 10 10 10c27.5703 0 50 22.4297 50 50
+c0 5.52246 4.47754 10 10 10h280c5.52246 0 10 -4.47754 10 -10c0 -27.5703 22.4297 -50 50 -50zM446 214.81v153.902c-30.6113 4.39844 -54.8896 28.6768 -59.2881 59.2881h-261.424c-4.39844 -30.6113 -28.6768 -54.8896 -59.2881 -59.2881v-153.902
+c0 -118.794 77.1279 -223.175 190 -258.353c113.779 35.4609 190 138.905 190 258.353zM420.012 355.51c3.6377 -1.59375 5.98828 -5.1875 5.98828 -9.16016v-131.54c0 -107.3 -66.3945 -200.683 -166.664 -236.166
+c-1.0791 -0.381836 -2.20703 -0.572266 -3.33594 -0.572266s-2.25684 0.19043 -3.33594 0.572266c-100.354 35.5137 -166.664 128.953 -166.664 236.166v131.54c0 3.97168 2.35059 7.56641 5.98828 9.16016c20.8535 9.13281 37.3691 25.6484 46.502 46.502
+c1.59375 3.6377 5.1875 5.98828 9.16016 5.98828h68.3691c5.52246 0 10 -4.47754 10 -10s-4.47754 -10 -10 -10h-62.0469c-10.5654 -20.6807 -27.292 -37.4072 -47.9727 -47.9727v-125.218c0 -97.8623 58.749 -182.302 150 -216.104c91.251 33.8008 150 118.241 150 216.104
+v125.218c-20.6807 10.5654 -37.4082 27.292 -47.9727 47.9727h-62.0469c-5.52246 0 -10 4.47754 -10 10s4.47754 10 10 10h68.3691c3.97266 0 7.56641 -2.34961 9.16016 -5.98828c9.13281 -20.8535 25.6484 -37.3691 46.502 -46.502zM256 302c49.626 0 90 -40.374 90 -90
+s-40.374 -90 -90 -90s-90 40.374 -90 90s40.374 90 90 90zM256 142c38.5977 0 70 31.4023 70 70s-31.4023 70 -70 70s-70 -31.4023 -70 -70s31.4023 -70 70 -70zM303.071 239.072c3.9043 -3.90625 3.9043 -10.2383 0 -14.1436l-50 -50
+c-1.95312 -1.95215 -4.51172 -2.92871 -7.07129 -2.92871s-5.11816 0.976562 -7.07227 2.92773l-20 20c-3.9043 3.90625 -3.9043 10.2383 0 14.1436c3.90723 3.90332 10.2373 3.90332 14.1436 0l12.9287 -12.9287l42.9277 42.9297
+c3.90723 3.90332 10.2373 3.90332 14.1436 0z" />
+    <glyph glyph-name="001-cloud" unicode="&#xf100;" 
+d="M451.343 319.905c32.9824 0 59.7188 -26.7373 59.7188 -59.7178c0 -32.9814 -26.7363 -59.7188 -59.7188 -59.7188c-4.71094 0 -8.53125 3.82031 -8.53125 8.53125s3.82031 8.53125 8.53125 8.53125c23.5586 0 42.6562 19.0986 42.6562 42.6562
+s-19.0977 42.6562 -42.6562 42.6562c-9.0293 0.00195312 -17.8389 -2.79004 -25.2178 -7.99414c-2.08887 -1.46191 -4.72266 -1.91309 -7.17773 -1.23047c-4.54004 1.26172 -7.19629 5.96387 -5.93457 10.5039c2.42578 8.60742 3.6748 17.5039 3.71094 26.4473
+c-0.898438 44.8643 -30.9209 83.9092 -74.0479 96.3027c-54.3174 15.6104 -111.005 -15.7686 -126.615 -70.0869c-0.34082 -1.23047 -0.953125 -2.36914 -1.79297 -3.33105c-3.0957 -3.55176 -8.48535 -3.91992 -12.0361 -0.823242
+c-10.3438 9.09863 -23.6338 14.1416 -37.4092 14.1953c-30.917 0.270508 -56.2197 -24.5352 -56.5625 -55.4521c0.0410156 -7.01367 1.44336 -13.9531 4.12988 -20.4326c1.52441 -3.77637 0.167969 -8.10254 -3.23926 -10.332
+c-3.94238 -2.58008 -9.22949 -1.47656 -11.8105 2.46582c-7.69727 12.0996 -20.959 19.5225 -35.2979 19.7559c-23.5557 0.382812 -42.9609 -18.4023 -43.3438 -41.958s18.4023 -42.9609 41.958 -43.3438c4.71094 0 8.53125 -3.82031 8.53125 -8.53125
+s-3.82031 -8.53125 -8.53125 -8.53125c-32.9824 0 -59.7188 26.7373 -59.7188 59.7188s26.7363 59.7188 59.7188 59.7188c10.7295 0.0175781 21.2744 -2.7998 30.5674 -8.16504c0.249023 13.2197 4.05859 26.127 11.0264 37.3633
+c21.4023 34.5176 66.7354 45.1494 101.253 23.7461c17.8477 44.7051 60.7881 74.3252 108.916 75.1338c65.9541 1.10742 120.318 -51.4609 121.427 -117.415c-0.00585938 -4.50781 -0.290039 -9.01367 -0.853516 -13.4873c5.93555 1.87695 12.125 2.8291 18.3506 2.82422z
+M401.009 123.687c14.1348 0 25.5938 -11.458 25.5938 -25.5938v-34.124c0 -14.1357 -11.459 -25.5938 -25.5938 -25.5938h-290.062c-14.1348 0 -25.5938 11.458 -25.5938 25.5938v34.124c0 14.1357 11.459 25.5938 25.5938 25.5938h290.062zM409.54 63.9688v34.124
+c0 4.71191 -3.81934 8.53125 -8.53125 8.53125h-290.062c-4.71094 0 -8.53125 -3.81934 -8.53125 -8.53125v-34.124c0 -4.71191 3.82031 -8.53125 8.53125 -8.53125h290.062c4.71191 0 8.53125 3.81934 8.53125 8.53125zM377.343 97.5645
+c9.13184 0.0566406 16.5801 -7.2998 16.6367 -16.4307s-7.2998 -16.5791 -16.4316 -16.6357c-9.1543 -0.0136719 -16.5928 7.37988 -16.6357 16.5342c0 9.09082 7.33984 16.4756 16.4307 16.5322zM377.548 80.4932c-0.255859 0 -0.426758 0.28125 -0.426758 0.537109
+l0.426758 0.529297v-1.06641zM288.396 89.5615c4.71289 0 8.53125 -3.81934 8.53125 -8.53125c0 -4.71094 -3.81934 -8.53125 -8.53125 -8.53125h-162.093c-4.71191 0 -8.53125 3.82031 -8.53125 8.53125c0 4.71191 3.81934 8.53125 8.53125 8.53125h162.093z
+M341.077 89.5615c4.71191 0 8.53125 -3.81934 8.53125 -8.53125c0 -4.71094 -3.82031 -8.53125 -8.53125 -8.53125h-22.6934c-4.71094 0 -8.53125 3.82031 -8.53125 8.53125c0 4.71191 3.82031 8.53125 8.53125 8.53125h22.6934zM401.009 21.3125
+c14.1348 0 25.5938 -11.459 25.5938 -25.5938v-34.125c0 -14.1357 -11.459 -25.5938 -25.5938 -25.5938h-290.062c-14.1348 0 -25.5938 11.458 -25.5938 25.5938v34.125c0 14.1348 11.459 25.5938 25.5938 25.5938h290.062zM409.54 -38.4062v34.125
+c0 4.71094 -3.81934 8.53125 -8.53125 8.53125h-290.062c-4.71094 0 -8.53125 -3.82031 -8.53125 -8.53125v-34.125c0 -4.71191 3.82031 -8.53125 8.53125 -8.53125h290.062c4.71191 0 8.53125 3.81934 8.53125 8.53125zM377.343 -4.81055
+c9.13184 0.0566406 16.5801 -7.2998 16.6367 -16.4297c0.0566406 -9.13184 -7.2998 -16.5791 -16.4316 -16.6357c-9.1543 -0.0146484 -16.5928 7.37891 -16.6357 16.5332c0 9.09082 7.33984 16.4756 16.4307 16.5322zM377.548 -21.8818
+c-0.255859 0 -0.426758 0.282227 -0.426758 0.538086l0.426758 0.52832v-1.06641zM288.396 -12.8125c4.71289 0 8.53125 -3.82031 8.53125 -8.53125c0 -4.71191 -3.81934 -8.53125 -8.53125 -8.53125h-162.093c-4.71191 0 -8.53125 3.81934 -8.53125 8.53125
+c0 4.71094 3.81934 8.53125 8.53125 8.53125h162.093zM341.077 -12.8125c4.71191 0 8.53125 -3.82031 8.53125 -8.53125c0 -4.71191 -3.82031 -8.53125 -8.53125 -8.53125h-22.6934c-4.71094 0 -8.53125 3.81934 -8.53125 8.53125
+c0 4.71094 3.82031 8.53125 8.53125 8.53125h22.6934zM401.009 226.062c14.1348 0 25.5938 -11.459 25.5938 -25.5938v-34.125c0 -14.1348 -11.459 -25.5938 -25.5938 -25.5938h-290.062c-14.1348 0 -25.5938 11.459 -25.5938 25.5938v34.125
+c0 14.1348 11.459 25.5938 25.5938 25.5938h290.062zM409.54 166.343v34.125c0 4.71094 -3.81934 8.53125 -8.53125 8.53125h-290.062c-4.71094 0 -8.53125 -3.82031 -8.53125 -8.53125v-34.125c0 -4.71094 3.82031 -8.53125 8.53125 -8.53125h290.062
+c4.71191 0 8.53125 3.82031 8.53125 8.53125zM391.301 185.734c0.78418 -4.31348 -0.206055 -8.76172 -2.74707 -12.3359c-2.54199 -3.64062 -6.44531 -6.10254 -10.8262 -6.8252c-0.919922 -0.152344 -1.84961 -0.229492 -2.78125 -0.230469
+c-8.06934 0.0078125 -14.9785 5.78516 -16.4141 13.7266c-0.775391 4.31152 0.213867 8.75293 2.74707 12.3281c2.52148 3.56055 6.33984 5.99219 10.6338 6.77051c9.06348 1.64453 17.7432 -4.37012 19.3877 -13.4336zM374.511 182.731l0.383789 0.673828
+l0.0429688 -1.06641c-0.383789 0 -0.40918 0.212891 -0.426758 0.392578zM286.69 191.937c4.71289 0 8.53125 -3.82031 8.53125 -8.53125s-3.81934 -8.53125 -8.53125 -8.53125h-162.093c-4.71191 0 -8.53125 3.82031 -8.53125 8.53125s3.81934 8.53125 8.53125 8.53125
+h162.093zM335.626 191.937c4.71191 0 8.53125 -3.82031 8.53125 -8.53125s-3.82031 -8.53125 -8.53125 -8.53125h-22.6934c-4.71191 0 -8.53125 3.82031 -8.53125 8.53125s3.81934 8.53125 8.53125 8.53125h22.6934zM219.354 308.874
+c3.19336 -3.30566 3.19336 -8.54688 0 -11.8535c-3.27246 -3.38867 -8.67383 -3.48242 -12.0635 -0.209961l-11.0303 11.0312v-56.1865c0 -4.71191 -3.82031 -8.53125 -8.53125 -8.53125c-4.71191 0 -8.53125 3.81934 -8.53125 8.53125v56.1865l-11.0312 -11.0312
+c-3.30566 -3.19238 -8.54688 -3.19238 -11.8525 0c-3.38965 3.27344 -3.4834 8.6748 -0.209961 12.0635l25.5938 25.5938c3.33105 3.33008 8.73145 3.33008 12.0625 0zM355.645 283.28c3.38867 -3.27246 3.48242 -8.67383 0.208984 -12.0635l-25.5938 -25.5938
+c-3.33203 -3.33008 -8.73242 -3.33008 -12.0635 0l-25.5938 25.5938c-3.19238 3.30762 -3.19238 8.54883 0 11.8545c3.27441 3.38867 8.67383 3.48242 12.0635 0.208984l11.0303 -11.0312v56.1875c0 4.71094 3.82031 8.53027 8.53125 8.53027
+c4.71191 0 8.53125 -3.81934 8.53125 -8.53027v-56.1875l11.0312 11.0312c3.30664 3.19238 8.54785 3.19238 11.8545 0z" />
+    <glyph glyph-name="020-hard-disk" unicode="&#xf113;" 
+d="M168 216c61.7598 0 112 -50.2402 112 -112s-50.2402 -112 -112 -112s-112 50.2402 -112 112s50.2402 112 112 112zM168 8c52.9355 0 96 43.0645 96 96s-43.0645 96 -96 96s-96 -43.0645 -96 -96s43.0645 -96 96 -96zM193.752 139l12.4961 10l36 -45l-36 -45l-12.4961 10
+l28 35zM129.752 149l12.4961 -10l-28 -35l28 -35l-12.4961 -10l-36 45zM152.136 49.0215l16.0645 112.005l15.8408 -2.27246l-16.0654 -112.004zM464 440c22.0557 0 40 -17.9443 40 -40v-272c0 -22.0557 -17.9443 -40 -40 -40h-136v-13.7676l-20.8564 -6.94434
+c-3.28711 -12.4883 -8.25586 -24.4561 -14.8076 -35.6797l9.83984 -19.6885l-42.0957 -42.1035l-19.6885 9.84766c-11.2236 -6.56055 -23.1914 -11.5283 -35.6797 -14.8164l-6.95215 -20.8477h-59.5273l-6.95215 20.8477c-12.4883 3.2959 -24.4561 8.26465 -35.6807 14.8164
+l-19.6875 -9.84766l-42.0957 42.1035l9.83984 19.6885c-6.55273 11.2236 -11.5205 23.1914 -14.8086 35.6797l-20.8477 6.95215v59.5273l20.8477 6.94434c3.28809 12.4883 8.25586 24.4561 14.8086 35.6797l-9.83984 19.6885l42.0957 42.1035l19.6875 -9.84766
+c11.2246 6.56055 23.1924 11.5283 35.6807 14.8164l6.95215 20.8477h13.7676v136c0 22.0557 17.9443 40 40 40h272zM488 400c0 13.2324 -10.7676 24 -24 24h-104v-19.7119c36.3281 -8.28809 67.5039 -30.2559 87.6484 -60.2881h40.3516v56zM321.296 136h6.7041
+c70.5762 0 128 57.4238 128 128c0 24.6084 -7.0957 47.5283 -19.1836 67.0557l-56.7607 -46.4395c2.58398 -6.52832 3.94434 -13.5439 3.94434 -20.6162c0 -30.8721 -25.1201 -56 -56 -56s-56 25.1279 -56 56s25.1201 56 56 56c7.07227 0 14.0879 -1.36035 20.624 -3.94434
+l46.4404 56.7607c-19.5361 12.0879 -42.4561 19.1836 -67.0645 19.1836c-70.5762 0 -128 -57.4238 -128 -128v-6.7041l4.71191 -14.1357c12.4883 -3.2959 24.4561 -8.26367 35.6797 -14.8164l19.6885 9.84863l42.0957 -42.1045l-9.83984 -19.6875
+c6.55176 -11.2246 11.5205 -23.1924 14.8076 -35.6807zM368 264c0 3.4082 -0.448242 6.79199 -1.2959 10.0645c-4.56055 -3.27246 -9.56055 -5.80859 -14.8799 -7.48828c0.0878906 -0.856445 0.175781 -1.71191 0.175781 -2.57617c0 -13.2324 -10.7676 -24 -24 -24
+s-24 10.7676 -24 24s10.7676 24 24 24c0.864258 0 1.71973 -0.0878906 2.57617 -0.175781c1.67188 5.31934 4.21582 10.3115 7.48828 14.8799c-3.27246 0.847656 -6.65625 1.2959 -10.0645 1.2959c-22.0557 0 -40 -17.9443 -40 -40s17.9443 -40 40 -40s40 17.9443 40 40z
+M336 264h-8v8c-4.4082 0 -8 -3.58398 -8 -8s3.5918 -8 8 -8s8 3.58398 8 8zM359.32 288.32l68.2881 55.8799c-5.76074 7.14355 -12.2646 13.6475 -19.4082 19.4082l-55.8721 -68.2881c-3.40039 -4.16016 -5.83203 -9.00879 -7.16016 -14.1602
+c5.15234 1.32812 9.99219 3.75977 14.1523 7.16016zM168 400v-136h16c0 79.4004 64.5996 144 144 144c5.41602 0 10.7363 -0.360352 16 -0.944336v16.9443h-152c-13.2324 0 -24 -10.7676 -24 -24zM312 85.7676v36.4648l-18.3516 6.11133l-1 4.38379
+c-3.16797 13.8008 -8.61621 26.9365 -16.208 39.0488l-2.38477 3.81543l8.66406 17.3359l-25.7842 25.792l-17.3438 -8.67188l-3.80762 2.38379c-12.1123 7.58398 -25.248 13.04 -39.0479 16.208l-4.37598 1.00879l-6.12012 18.3516h-36.4727l-6.12793 -18.3359
+l-4.37598 -1.00781c-13.7998 -3.16797 -26.9355 -8.62402 -39.0479 -16.208l-3.80762 -2.38379l-17.3438 8.67188l-25.7842 -25.792l8.66406 -17.3359l-2.38477 -3.81641c-7.58398 -12.1123 -13.04 -25.248 -16.208 -39.0479l-1 -4.38379l-18.3516 -6.12012v-36.4727
+l18.3604 -6.11133l1 -4.38379c3.16797 -13.8008 8.61523 -26.9365 16.208 -39.0488l2.38379 -3.81543l-8.66406 -17.3359l25.7842 -25.792l17.3359 8.67188l3.80762 -2.38379c12.1123 -7.58398 25.248 -13.04 39.0479 -16.208l4.37598 -1.00879l6.12012 -18.3516h36.4727
+l6.12793 18.3438l4.37598 1.00781c13.7998 3.16797 26.9355 8.62402 39.0479 16.208l3.80762 2.38477l17.3438 -8.67188l25.7842 25.792l-8.66406 17.3359l2.38477 3.81543c7.58398 12.1123 13.04 25.248 16.208 39.0479l1 4.38477zM464 104c13.2324 0 24 10.7676 24 24v200
+h-31.1924c9.63281 -19.3115 15.1924 -40.9922 15.1924 -64c0 -79.4004 -64.5996 -144 -144 -144v-16h136zM456 360c-13.2324 0 -24 10.7676 -24 24s10.7676 24 24 24s24 -10.7676 24 -24s-10.7676 -24 -24 -24zM456 392c-4.4082 0 -8 -3.58398 -8 -8s3.5918 -8 8 -8
+s8 3.58398 8 8s-3.5918 8 -8 8zM184 400c0 4.41797 3.58203 8 8 8s8 -3.58203 8 -8s-3.58203 -8 -8 -8s-8 3.58203 -8 8zM456 128c0 4.41797 3.58203 8 8 8s8 -3.58203 8 -8s-3.58203 -8 -8 -8s-8 3.58203 -8 8zM328 376v-16c-52.9355 0 -96 -43.0645 -96 -96h-16
+c0 61.7598 50.2402 112 112 112z" />
+    <glyph glyph-name="033-factory" unicode="&#xf120;" 
+d="M391.672 342.621c-2.64062 0 -5.21094 1.07031 -7.08203 2.92969c-1.85938 1.85938 -2.91797 4.4375 -2.91797 7.07031c0 2.62891 1.05859 5.20703 2.91797 7.07031c1.87109 1.85938 4.44141 2.92969 7.08203 2.92969c2.62891 0 5.20703 -1.07031 7.06641 -2.92969
+c1.86328 -1.86328 2.93359 -4.44141 2.93359 -7.07031c0 -2.63281 -1.07031 -5.21094 -2.93359 -7.07031c-1.85938 -1.85938 -4.4375 -2.92969 -7.06641 -2.92969zM391.672 342.621zM506.703 255.098c3.26172 -1.73828 5.29688 -5.12891 5.29688 -8.82422v-300.273
+c0 -5.52344 -4.47656 -10 -10 -10h-492c-5.52344 0 -10 4.47656 -10 10v344c0 5.52344 4.47656 10 10 10v47.0391c0 30.0742 24.4688 54.543 54.5391 54.543h27.4805c7.30859 6.91797 16.7344 10.6328 26.6875 10.4336
+c2.08594 -0.0390625 4.14453 -0.246094 6.16406 -0.613281c12.2383 22.2148 36.0078 36.5977 61.7773 36.5977c29.7109 0 56.1328 -18.9414 66.1602 -46.2305c1.54297 0.144531 3.09375 0.21875 4.65234 0.21875c23.7969 0 43.7148 -16.9219 48.3516 -39.3672h45.5664
+c5.52344 0 10 -4.47656 10 -10s-4.47656 -10 -10 -10h-54.5508c-5.52344 0 -10 4.47656 -10 10c0 16.1914 -13.1758 29.3672 -29.3672 29.3672c-2.85547 0 -5.66797 -0.417969 -8.36719 -1.21875c-3.98047 -1.18359 -7.73438 -3.23438 -10.8867 -5.97266
+c-2.62109 -2.28125 -4.80078 -4.97266 -6.47656 -8c-1.82031 -3.30078 -5.23828 -5.16406 -8.75781 -5.16406c-1.63672 0 -3.29688 0.402344 -4.82812 1.25c-4.83594 2.66797 -6.58984 8.75391 -3.91797 13.5859c2.80859 5.08594 6.46094 9.60156 10.8594 13.4219
+c2.62891 2.28516 5.51562 4.27734 8.57031 5.96094c-7.43359 19.0195 -26.0781 32.1484 -47.0078 32.1484c-20.7344 0 -39.6641 -13.0039 -47.1016 -32.3555c-1.00391 -2.60938 -3.05469 -4.67969 -5.65234 -5.71094
+c-2.60156 -1.02734 -5.51172 -0.921875 -8.03125 0.292969c-2.35938 1.13672 -4.89844 1.74219 -7.54297 1.79297c-4.76172 0.0703125 -9.30469 -1.75781 -12.8203 -5.20312c-3.65234 -3.58594 -5.75 -8.54688 -5.75 -13.6133c0 -10.0352 8.16797 -18.2031 18.2031 -18.2031
+h37.7578c5.52344 0 10 -4.47656 10 -10s-4.47656 -10 -10 -10h-37.7578c-21.0625 0 -38.2031 17.1367 -38.2031 38.2031c0 2.82812 0.328125 5.63672 0.9375 8.37891h-16.1484c-19.043 0 -34.5391 -15.4961 -34.5391 -34.543v-47.0391h17.6602v14.1602
+c0 13.4219 10.918 24.3398 24.3398 24.3398c5.52344 0 10 -4.47656 10 -10s-4.47656 -10 -10 -10c-2.39453 0 -4.33984 -1.94531 -4.33984 -4.33984v-14.1602h14.3398c5.52344 0 10 -4.47656 10 -10v-110h154v110c0 3.51172 1.84375 6.76953 4.85547 8.57422
+c3.01172 1.80859 6.75 1.90234 9.84766 0.25l67.2969 -35.8867v27.0625c0 3.51172 1.84375 6.76562 4.85547 8.57422s6.75 1.90234 9.84766 0.25l67.2969 -35.8867v27.0625c0 3.51172 1.84375 6.76953 4.85547 8.57422c3.01172 1.80859 6.75 1.90234 9.84766 0.25zM20 240
+v-244h52v244h-52zM72 260v20h-52v-20h52zM20 -24v-20h52v20h-52zM256 -44h136v204h-300v-20h90c5.52344 0 10 -4.47656 10 -10s-4.47656 -10 -10 -10h-90v-164h164zM492 -44v284.277l-62 33.0586v-27.0586c0 -3.51562 -1.84375 -6.76953 -4.85547 -8.57812
+c-3.01172 -1.80469 -6.75 -1.90234 -9.84766 -0.246094l-67.2969 35.8828v-27.0625c0 -3.51172 -1.84375 -6.76562 -4.85547 -8.57422c-3.01172 -1.80469 -6.75 -1.90234 -9.84766 -0.25l-67.2969 35.8867v-93.3359h136c5.52344 0 10 -4.47656 10 -10v-214h80zM492 -44z
+M170 92c5.52344 0 10 -4.47656 10 -10v-48c0 -5.52344 -4.47656 -10 -10 -10h-48c-5.52344 0 -10 4.47656 -10 10v48c0 5.52344 4.47656 10 10 10h48zM160 44v28h-28v-28h28zM160 44zM266 92c5.52344 0 10 -4.47656 10 -10v-48c0 -5.52344 -4.47656 -10 -10 -10h-48
+c-5.52344 0 -10 4.47656 -10 10v48c0 5.52344 4.47656 10 10 10h48zM256 44v28h-28v-28h28zM256 44zM362 92c5.52344 0 10 -4.47656 10 -10v-48c0 -5.52344 -4.47656 -10 -10 -10h-48c-5.52344 0 -10 4.47656 -10 10v48c0 5.52344 4.47656 10 10 10h48zM352 44v28h-28v-28
+h28zM352 44zM219.172 120c-2.63281 0 -5.21094 1.07031 -7.07031 2.92969c-1.87109 1.85938 -2.92969 4.44141 -2.92969 7.07031s1.05859 5.21094 2.92969 7.07031c1.85938 1.85938 4.42969 2.92969 7.07031 2.92969c2.62891 0 5.20703 -1.07031 7.06641 -2.92969
+c1.86328 -1.85938 2.93359 -4.44141 2.93359 -7.07031s-1.07031 -5.21094 -2.93359 -7.07031c-1.85938 -1.85938 -4.4375 -2.92969 -7.06641 -2.92969zM219.172 120z" />
+    <glyph glyph-name="031-skyline" unicode="&#xf11e;" 
+d="M0 -42.667v0.000976562h512.001v-10.667c0 -5.89062 -4.77637 -10.667 -10.667 -10.667h-490.667c-5.89062 0 -10.667 4.77637 -10.667 10.666v10.667zM202.667 256c5.89062 0 10.666 -4.77637 10.667 -10.667v-298.666c0 -5.89062 -4.77637 -10.667 -10.667 -10.667
+h-170.667c-5.89062 0 -10.667 4.77637 -10.667 10.666v298.667c0 5.89062 4.77637 10.667 10.667 10.667h170.667zM192 -42.667v277.334h-149.333v-277.334h149.333zM480 384c5.89062 0 10.667 -4.77637 10.667 -10.667v-426.667
+c0 -5.89062 -4.77637 -10.667 -10.667 -10.667h-170.667c-5.89062 0 -10.667 4.77637 -10.667 10.667v426.667c0 5.89062 4.77637 10.667 10.667 10.667h170.667zM469.333 -42.667v405.334h-149.333v-405.334h149.333zM405.333 448
+c5.89062 0 10.667 -4.77637 10.667 -10.666v-32h-21.333v21.333h-266.667v-149.334h-21.334v160c0 5.89062 4.77637 10.667 10.667 10.667h288zM64 21.333v192h21.333v-192h-21.333zM106.667 21.333v192h21.333v-192h-21.333zM149.333 21.333v192h21.333v-192h-21.333z
+M309.333 309.334v21.333h117.333v-21.333h-117.333zM309.333 256v21.333h117.333v-21.333h-117.333zM309.333 202.667v21.333h117.333v-21.333h-117.333zM309.333 149.334v21.333h117.333v-21.333h-117.333zM309.333 96v21.333h117.333v-21.333h-117.333zM309.333 42.667
+v21.333h117.333v-21.333h-117.333zM160 362.667v32h21.333v-32h-21.333zM160 298.667v32h21.333v-32h-21.333zM202.667 298.667v32h21.333v-32h-21.333zM202.667 362.667v32h21.333v-32h-21.333zM245.333 362.667v32h21.333v-32h-21.333zM245.333 298.667v32h21.333v-32
+h-21.333zM245.333 234.667v32h21.333v-32h-21.333zM245.333 170.667v32h21.333v-32h-21.333zM245.333 106.667v32h21.333v-32h-21.333zM245.333 42.667v32h21.333v-32h-21.333zM405.333 10.667c5.89062 0 10.667 -4.77637 10.667 -10.667v-53.333h-21.334v42.667h-32
+v-42.667h-21.333v53.333c0 5.89062 4.77637 10.667 10.667 10.667h53.333zM160 0c5.89062 0 10.667 -4.77637 10.666 -10.667v-42.667h-21.333v32h-64v-32h-21.333v42.667c0 5.89062 4.77637 10.667 10.667 10.667h85.333z" />
+    <glyph glyph-name="006-rocket" unicode="&#xf105;" 
+d="M509.112 437.608c4.90527 -39.6641 0.630859 -80.6074 -12.3623 -118.399c-12.9951 -37.7949 -34.8018 -72.7109 -63.0615 -100.971l-64.4912 -64.4922l-12.0068 -93.0918c-0.273438 -2.12109 -1.24316 -4.09277 -2.75488 -5.60547l-89.7539 -89.7539
+c-1.84375 -1.8418 -4.31641 -2.83398 -6.84473 -2.83398c-0.959961 0 -1.92676 0.141602 -2.87012 0.43457c-3.43164 1.06543 -5.98926 3.94531 -6.64453 7.47949l-12.5693 67.8633l-13.335 13.335l-15.375 -28.3896c-1.4541 -2.68652 -4.09277 -4.52832 -7.11523 -4.96875
+c-0.464844 -0.0673828 -0.931641 -0.100586 -1.39355 -0.100586c-2.54883 0 -5.01562 1.00684 -6.84375 2.83496l-107.656 107.656c-2.16016 2.16016 -3.17285 5.21289 -2.73242 8.23535c0.439453 3.02344 2.28223 5.66211 4.96875 7.11621l28.3896 15.373l-13.335 13.335
+l-67.8633 12.5693c-3.5332 0.654297 -6.41406 3.21289 -7.47852 6.64453c-1.06738 3.43262 -0.143555 7.17285 2.39746 9.71387l89.7539 89.7539c1.5127 1.51172 3.4834 2.48047 5.60547 2.75391l93.0908 12.0059l64.4912 64.4912
+c28.2598 28.2607 63.1768 50.0674 100.973 63.0625c37.791 12.9941 78.7295 17.2715 118.402 12.3643c4.40234 -0.543945 7.87109 -4.0127 8.41504 -8.41602zM102.8 192.071l91.6289 91.6299l-64.9414 -8.375l-74.4131 -74.415zM196.202 43.8047l11.9365 22.043
+l-79.2021 79.2031l-22.0439 -11.9375zM338.414 66.3994l8.375 64.9395l-91.6299 -91.6299l8.84082 -47.7236zM420 231.92c25.4668 25.4678 45.2568 56.7754 57.4043 90.6865c-22.5703 4.38184 -43.5059 15.417 -59.8984 31.8115
+c-16.3945 16.3926 -27.4297 37.3291 -31.8105 59.8984c-33.9141 -12.1465 -65.2207 -31.9346 -90.6875 -57.4033l-175.281 -175.282l124.992 -124.992zM483.229 341.2c7.55957 28.0518 10.1396 57.5186 7.49316 86.4346
+c-28.916 2.64453 -58.3828 0.0673828 -86.4346 -7.49219c3.3457 -19.6162 12.7246 -37.8643 26.9023 -52.04c14.1768 -14.1768 32.4238 -23.5566 52.0391 -26.9023zM285.565 305.5c22.8896 22.8887 60.1338 22.8896 83.0244 0
+c22.8896 -22.8896 22.8896 -60.1348 0.000976562 -83.0234h-0.000976562c-11.4434 -11.4434 -26.4814 -17.167 -41.5117 -17.167c-15.0352 0 -30.0664 5.7207 -41.5127 17.167c-22.8887 22.8906 -22.8887 60.1338 0 83.0234zM354.905 236.162
+c15.3418 15.3438 15.3418 40.3105 -0.00292969 55.6543c-7.66992 7.66992 -17.7471 11.5059 -27.8252 11.5059c-10.0771 0 -20.1553 -3.83398 -27.8262 -11.5059c-15.3447 -15.3438 -15.3447 -40.3105 0 -55.6543c15.3418 -15.3428 40.3076 -15.3447 55.6543 0z
+M126.916 62.001c3.77734 -3.7793 3.77734 -9.90625 0 -13.6846l-83.0244 -83.0234c-1.88965 -1.89062 -4.36719 -2.83496 -6.84277 -2.83496c-2.47656 0 -4.9541 0.945312 -6.84375 2.83496c-3.7793 3.77734 -3.7793 9.90527 0 13.6846l83.0254 83.0234
+c3.7793 3.7793 9.90527 3.7793 13.6855 0zM139.687 35.543c3.78027 3.7793 9.90723 3.7793 13.6875 0c3.7793 -3.77734 3.7793 -9.90527 0 -13.6846l-37.4062 -37.4053c-1.88965 -1.89062 -4.36719 -2.83496 -6.84277 -2.83496
+c-2.47656 0 -4.9541 0.946289 -6.84375 2.83496c-3.7793 3.77734 -3.7793 9.90527 0 13.6846zM89.1865 -18.9678c3.83984 0 7.49316 -2.39355 8.92969 -5.97363c1.74512 -4.14648 0.258789 -9.0752 -3.40527 -11.6436c-3.43457 -2.40625 -8.2334 -2.26367 -11.5195 0.341797
+c-3.21387 2.54883 -4.50781 6.99121 -3.11719 10.8594c1.36816 3.80469 5.06348 6.41602 9.1123 6.41602zM98.1162 -24.9414c0.245117 -0.582031 -0.232422 0.581055 0 0v0zM61.8164 -42.3291c3.77734 3.7793 9.90625 3.77539 13.6855 -0.00195312
+c3.7793 -3.77832 3.7793 -9.90527 -0.000976562 -13.6846l-5.15137 -5.15137c-1.88867 -1.88867 -4.36621 -2.83301 -6.8418 -2.83301c-2.47754 0 -4.95312 0.945312 -6.84375 2.83496c-3.7793 3.7793 -3.7793 9.90625 0.000976562 13.6855zM54.8389 42.8418
+c3.77832 -3.7793 3.77832 -9.90625 0.000976562 -13.6846l-37.4062 -37.4053c-1.88965 -1.89062 -4.36719 -2.83496 -6.84277 -2.83496c-2.47656 0 -4.9541 0.946289 -6.84375 2.83496c-3.7793 3.77734 -3.7793 9.90527 0 13.6846l37.4053 37.4053
+c3.7793 3.7793 9.90527 3.7793 13.6865 0zM70.2832 46.5557c-3.92676 -0.987305 -8.08789 0.658203 -10.3672 3.96973c0.0771484 -0.114258 0.132812 -0.201172 -0.0302734 0.0371094c-0.15625 0.239258 -0.0966797 0.154297 -0.0195312 0.0380859
+c-2.45117 3.75293 -2.00391 8.80176 1.09961 12.0439c2.89746 3.02832 7.5791 3.81738 11.3145 1.92773c3.51855 -1.77734 5.68555 -5.64062 5.28418 -9.58203c-0.408203 -4.02637 -3.35547 -7.44727 -7.28125 -8.43457zM95.3076 69.624
+c-1.88965 -1.89062 -4.36621 -2.83496 -6.84277 -2.83496c-2.47559 0 -4.95215 0.944336 -6.8418 2.83398c-3.78027 3.77734 -3.78027 9.90527 -0.00195312 13.6836l5.14941 5.15137c3.77441 3.78027 9.90137 3.78125 13.6846 0.000976562
+c3.78027 -3.77734 3.78027 -9.90527 0.00195312 -13.6846z" />
+    <glyph glyph-name="019-layout" unicode="&#xf112;" 
+d="M496.969 343.797c8.56641 0 15.0312 -6.46484 15.0312 -15.0312v-160.312c0 -8.5625 -6.46484 -16.0312 -15.0312 -16.0312h-33.0625v-56.1094c0 -8.5625 -6.46484 -16.0312 -15.0312 -16.0312h-136.266c-8.5625 0 -16.0312 7.46875 -16.0312 16.0312v16.0312h-17.0312
+v-49.0938h33.0625v-15.0312h-160.312v15.0312h32.0625v49.0938h-168.328c-8.5625 0 -16.0312 7.46875 -16.0312 16.0312v304.594c0 8.56641 7.46875 15.0312 16.0312 15.0312h432.844c8.56641 0 15.0312 -6.46484 15.0312 -15.0312v-72.1406h-15.0312v72.1406
+c0 0.277344 0.277344 0 0 0h-432.844c-0.277344 0 -1 0.277344 -1 0v-257.5h265.516v-15.0312h-265.516v-32.0625c0 -0.277344 0.722656 -1 1 -1h280.547v169.328c0 8.56641 7.46875 15.0312 16.0312 15.0312h88.1719v17.0312c0 8.56641 7.46875 15.0312 16.0312 15.0312
+h80.1562zM264.516 63.25v49.0938h-65.125v-49.0938h65.125zM416.812 328.766c-0.273438 0 -1 0.277344 -1 0v-17.0312h81.1562v17.0312c0 0.277344 0.277344 0 0 0h-80.1562zM415.812 296.703v-97.1875h81.1562v97.1875h-81.1562zM448.875 95.3125
+c0.277344 0 0 0.722656 0 1v16.0312h-137.266v-16.0312c0 -0.277344 0.726562 -1 1 -1h136.266zM448.875 127.375v25.0469h-32.0625c-8.5625 0 -16.0312 7.46875 -16.0312 16.0312v128.25h-88.1719c-0.273438 0 -1 0.277344 -1 0v-169.328h137.266zM496.969 167.453
+c0.277344 0 0 0.722656 0 1v16.0312h-81.1562v-16.0312c0 -0.277344 0.726562 -1 1 -1h80.1562zM496.969 167.453zM192.375 207.531h16.0312v-15.0312h-16.0312v15.0312zM192.375 207.531zM224.438 207.531h16.0312v-15.0312h-16.0312v15.0312zM224.438 207.531z
+M256.5 207.531h16.0312v-15.0312h-16.0312v15.0312zM256.5 207.531zM47.0938 376.859h-15.0312v39.0781h40.0781v-15.0312h-25.0469v-24.0469zM47.0938 376.859zM320.625 256.625v31.0625h32.0625v-15.0312h-17.0312v-16.0312h-15.0312zM320.625 256.625zM424.828 287.688
+h32.0625v-15.0312h-17.0312v-16.0312h-15.0312v31.0625zM424.828 287.688z" />
+    <glyph glyph-name="003-vps" unicode="&#xf102;" 
+d="M320.086 103.957h16v-16h-16v16zM320.086 103.957zM352.086 103.957h16v-16h-16v16zM352.086 103.957zM384.086 103.957h16v-16h-16v16zM384.086 103.957zM320.086 167.957h16v-16h-16v16zM320.086 167.957zM352.086 167.957h16v-16h-16v16zM352.086 167.957z
+M384.086 167.957h16v-16h-16v16zM384.086 167.957zM320.086 231.957h16v-16h-16v16zM320.086 231.957zM352.086 231.957h16v-16h-16v16zM352.086 231.957zM384.086 231.957h16v-16h-16v16zM384.086 231.957zM320.086 295.957h16v-16h-16v16zM320.086 295.957z
+M352.086 295.957h16v-16h-16v16zM352.086 295.957zM384.086 295.957h16v-16h-16v16zM384.086 295.957zM416.086 103.957h64v-16h-64v16zM416.086 103.957zM416.086 167.957h64v-16h-64v16zM416.086 167.957zM416.086 231.957h64v-16h-64v16zM416.086 231.957z
+M472.887 327.957h39.1992v-272h-39.2461c-46.9766 -74.4336 -128.734 -119.695 -216.754 -120c-123.07 -0.0429688 -228.758 87.4961 -251.625 208.426c-22.8711 120.93 43.543 241.02 158.133 285.926c114.586 44.9062 244.91 1.91797 310.293 -102.352zM453.773 327.957
+h0.0195312c-13.8438 20.1719 -30.6797 38.1133 -49.9297 53.207l0.113281 -0.199219l-37.8164 -21.0078h-72l-31.1523 -17.3125l-19.8164 -79.2461l-19.1055 -15.2812v-26.2734l21.6016 -43.1602l42.3984 -12.1172v161.391h165.688zM16.0859 191.957
+c-0.046875 -48.5938 14.7461 -96.043 42.4023 -136h27.5586l39.2812 21.3984l6.30469 22.043l-9.94531 23.1992l-49.6016 33.0547v46.7031l18.5195 27.8086l31.7383 15.8633l13.7422 24.0586v61.8711l-26.6953 20h-32c-39.5078 -43.9258 -61.3438 -100.922 -61.3047 -160z
+M256.086 -48.043c36.3867 0.0507812 72.2812 8.39062 104.961 24.3906l-58.0156 38.6797l-61.5273 -23.0703h-55.1992l-30.1758 -18.1055c31.3398 -14.4453 65.4453 -21.9141 99.957 -21.8945zM377.016 -15.043c30.5 17.75 56.7227 41.9883 76.8164 71h-165.746v93.9609
+l-53.5977 15.3086l-26.4023 52.8438v37.7266l20.8984 16.7188l20.1836 80.7539l40.8477 22.6875h72l27.8008 15.4492c-92.3867 61.832 -215.141 52.1289 -296.664 -23.4492h21.5977l37.3359 -28v-74.1289l-18.2539 -31.918l-32.2656 -16.1367l-13.4805 -20.2188v-33.3164
+l46.3945 -30.9453l14.0547 -32.8008l-9.69531 -33.9609l-48.7383 -26.5742h-19.6133c19.4727 -23.7422 43.2969 -43.5547 70.1914 -58.375l-0.746094 1.23047l41.9062 25.1445h56.8008l66.4688 24.9258zM496.086 71.957v48h-192v-48h192zM496.086 135.957v48h-192v-48h192z
+M496.086 199.957v48h-192v-48h192zM496.086 263.957v48h-192v-48h192zM496.086 263.957zM416.086 295.957h64v-16h-64v16zM416.086 295.957z" />
+    <glyph glyph-name="008-money" unicode="&#xf107;" 
+d="M231.863 168.572c10.3828 0.37793 18.5518 9.00586 18.3584 19.3926c-0.188477 10.3877 -8.66504 18.708 -19.0557 18.708c-17.9658 -0.00488281 -33.1582 13.2861 -35.5449 31.0918c-2.38672 17.8047 8.7666 34.6299 26.0967 39.3623v8.15625
+c0 4.6377 3.76074 8.39844 8.39844 8.39844s8.39844 -3.76074 8.39844 -8.39844v-7.64355c16.6035 -3.50195 28.4912 -18.1377 28.5166 -35.1064c0 -4.6377 -3.76074 -8.39844 -8.39844 -8.39844c-4.63867 0 -8.39844 3.76074 -8.39844 8.39844
+c0 10.5312 -8.53809 19.0684 -19.0684 19.0684c-10.5312 0 -19.0684 -8.53711 -19.0684 -19.0684c0 -10.5303 8.53711 -19.0684 19.0684 -19.0684c18.375 -0.00390625 33.7734 -13.8936 35.668 -32.1699c1.89062 -18.2773 -10.334 -35.0283 -28.3193 -38.793v-7.88965
+c0 -4.6377 -3.76074 -8.39844 -8.39844 -8.39844s-8.39844 3.76074 -8.39844 8.39844v8.39844c-15.583 4.27637 -26.3926 18.4326 -26.417 34.5938c0 4.6377 3.76074 8.39844 8.39844 8.39844s8.39844 -3.76074 8.39844 -8.39844
+c0.0166016 -9.67773 7.27051 -17.8135 16.8867 -18.9336c0.959961 0.143555 1.93164 0.106445 2.87891 -0.0986328zM231.863 168.572zM109.383 214.423c0.078125 67.2275 54.5557 121.709 121.783 121.783c67.2598 0 121.783 -54.5234 121.783 -121.783
+s-54.5234 -121.783 -121.783 -121.783s-121.783 54.5234 -121.783 121.783zM231.166 319.409c-57.9561 -0.0654297 -104.921 -47.0312 -104.986 -104.986c0 -57.9844 47.002 -104.986 104.986 -104.986s104.986 47.002 104.986 104.986s-47.002 104.986 -104.986 104.986z
+M231.166 319.409zM394.35 71.9355c20.2373 10.1816 44.9033 2.66504 56.0244 -17.0674c2.18555 -3.87109 0.980469 -8.77148 -2.75195 -11.1875l-149.795 -96.8916c-0.332031 -0.216797 -0.680664 -0.410156 -1.04199 -0.574219
+c-14.6846 -6.74121 -30.6523 -10.2227 -46.8096 -10.2148c-7.62695 -0.00390625 -15.2383 0.779297 -22.7051 2.3418c-0.18457 0.0410156 -0.365234 0.0820312 -0.545898 0.135742l-103.313 28.9961c-7.41797 2.09961 -15.3574 1.22949 -22.1475 -2.42383l-17.3018 -9.26367
+l-0.192383 -6.99121c-0.123047 -4.54785 -3.84668 -8.16895 -8.39844 -8.16895h-0.229492l-66.5957 1.83301c-4.6377 0.126953 -8.29199 3.99023 -8.16406 8.62793l4.02246 146.142c0.126953 4.6377 3.98535 8.29199 8.62402 8.16406l66.5957 -1.83301
+c4.6377 -0.126953 8.29102 -3.98926 8.16406 -8.62793l-0.385742 -14c31.6084 16.5596 69.3232 16.6006 100.964 0.107422l6.18066 -3.20312c8.5498 -4.41602 17.9854 -6.85254 27.6016 -7.12695l60.7314 -1.66895c19.1748 -0.541016 36.5996 -11.293 45.6826 -28.1885z
+M17.4033 -40.9824l49.8037 -1.37402l3.55957 129.357l-49.8037 1.37012zM289.22 -38.7842l141.623 91.6143c-7.87402 7.28711 -19.4463 8.90625 -29.0176 4.06348c-0.0654297 -0.0322266 -0.130859 -0.0654297 -0.196289 -0.09375l-67.4775 -31.8838
+c0.643555 -3.5918 0.914062 -7.24609 0.811523 -10.8955c-0.12207 -4.54395 -3.8418 -8.16406 -8.38965 -8.16895h-0.233398l-99.8369 2.74805c-4.63379 0.126953 -8.29102 3.99023 -8.16406 8.62793c0.130859 4.63379 3.99023 8.29102 8.62793 8.16406l90.4658 -2.49707
+c-3.46094 16.7148 -17.9482 28.8613 -35.0078 29.3525l-60.7354 1.66992c-12.1504 0.352539 -24.0635 3.42773 -34.8643 9.00488l-6.18066 3.20215c-29.8359 15.5459 -65.7666 13.6309 -93.7832 -5.00293l-2.36621 -86.0039l8.8418 4.73633
+c10.6084 5.7041 23.0215 7.06152 34.6182 3.78516l103.034 -28.9229c19.6104 -4.00586 39.9863 -1.73438 58.2305 6.5zM289.22 -38.7842zM239.564 359.818c0 -4.63867 -3.76074 -8.39844 -8.39844 -8.39844s-8.39844 3.75977 -8.39844 8.39844v79.7832
+c0 4.6377 3.76074 8.39844 8.39844 8.39844s8.39844 -3.76074 8.39844 -8.39844v-79.7832zM239.564 359.818zM302.551 359.818c0 -4.63867 -3.75977 -8.39844 -8.39746 -8.39844c-4.63867 0 -8.39844 3.75977 -8.39844 8.39844v37.792
+c0 4.6377 3.75977 8.39844 8.39844 8.39844c4.6377 0 8.39746 -3.76074 8.39746 -8.39844v-37.792zM302.551 359.818zM176.577 359.818c0 -4.63867 -3.76074 -8.39844 -8.39844 -8.39844s-8.39844 3.75977 -8.39844 8.39844v37.792
+c0 4.6377 3.76074 8.39844 8.39844 8.39844s8.39844 -3.76074 8.39844 -8.39844v-37.792zM176.577 359.818z" />
+  </font>
+</defs></svg>