samain path

components/BigdataAnalytics/IndustriesWeServe.js

@@ -0,0 +1,120 @@
+import React from 'react';
+import Link from 'next/link';
+
+const IndustriesWeServe = () => {
+    return (
+        <div className="industries-serve-area ptb-80">
+            <div className="container">
+                <div className="section-title">
+                    <h2>Industries We Serve</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-6 col-sm-6 col-md-4">
+                        <div className="single-industries-serve-box">
+                            <div className="icon">
+                                <i className='bx bx-buildings'></i>
+                            </div>
+                            Manufacturing
+                            <Link href="/service-details">
+                                <a className="link-btn"></a>
+                            </Link>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-6 col-sm-6 col-md-4">
+                        <div className="single-industries-serve-box">
+                            <div className="icon">
+                                <i className='bx bx-building-house'></i>
+                            </div>
+                            Healthcare
+                            <Link href="/service-details">
+                                <a className="link-btn"></a>
+                            </Link>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-6 col-sm-6 col-md-4">
+                        <div className="single-industries-serve-box">
+                            <div className="icon">
+                                <i className='bx bx-car'></i>
+                            </div>
+                            Automobile
+                            <Link href="/service-details">
+                                <a className="link-btn"></a>
+                            </Link>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-6 col-sm-6 col-md-4">
+                        <div className="single-industries-serve-box">
+                            <div className="icon">
+                                <i className='bx bx-credit-card'></i>
+                            </div>
+                            Banking
+                            <Link href="/service-details">
+                                <a className="link-btn"></a>
+                            </Link>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-6 col-sm-6 col-md-4">
+                        <div className="single-industries-serve-box">
+                            <div className="icon">
+                                <i className='bx bx-building'></i>
+                            </div>
+                            Real Estate
+                            <Link href="/service-details">
+                                <a className="link-btn"></a>
+                            </Link>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-6 col-sm-6 col-md-4">
+                        <div className="single-industries-serve-box">
+                            <div className="icon">
+                                <i className='bx bxs-plane-alt'></i>
+                            </div>
+                            Logistics
+                            <Link href="/service-details">
+                                <a className="link-btn"></a>
+                            </Link>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-6 col-sm-6 col-md-4">
+                        <div className="single-industries-serve-box">
+                            <div className="icon">
+                                <i className='bx bx-group'></i>
+                            </div>
+                            Insurance
+                            <Link href="/service-details">
+                                <a className="link-btn"></a>
+                            </Link>
+                        </div>
+                    </div>
+
+                    <div className="col-lg-3 col-6 col-sm-6 col-md-4">
+                        <div className="single-industries-serve-box">
+                            <div className="icon">
+                                <i className='bx bx-bitcoin'></i>
+                            </div>
+                            Capital Markets
+                            <Link href="/service-details">
+                                <a className="link-btn"></a>
+                            </Link>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div className="analytics-shape2">
+                <img src="/images/bigdata-analytics/vector.png" alt="image" />
+            </div>
+        </div>
+    )
+}
+
+export default IndustriesWeServe;  

components/BigdataAnalytics/MainBanner.js

@@ -7,14 +7,50 @@ const MainBanner = () => {
         <div className="bigdata-analytics-banner">
             <div className="container">
                 <div className="bigdata-analytics-content">
-                    <h1>Selamat Datang di Thamrin Group</h1>
-                    <p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti.</p>
+                    <h1>Leading Big Data Analytics Company</h1>
+                    <p>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="banner-boxes-area">
+                <div className="container">
+                    <div className="row justify-content-center">
+                        <div className="col-lg-4 col-sm-6">
+                            <div className="single-banner-boxes">
+                                <div className="icon">
+                                    <Icon.Server />
+                                </div>
+                                <h3>Analyze Your Data</h3>
+                                <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
+                            </div>
+                        </div>
+
+                        <div className="col-lg-4 col-sm-6">
+                            <div className="single-banner-boxes">
+                                <div className="icon">
+                                    <Icon.Code />
+                                </div>
+                                <h3>Customized Plan</h3>
+                                <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
+                            </div>
+                        </div>
+
+                        <div className="col-lg-4 col-sm-6">
+                            <div className="single-banner-boxes">
+                                <div className="icon">
+                                    <Icon.Users />
+                                </div>
+                                <h3>Implement Solution</h3>
+                                <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
         </div>
     )
 }

components/BigdataAnalytics/Services.js

@@ -7,18 +7,20 @@ const Services = () => {
         <div className="bigdata-services-area ptb-80 bg-eef6fd">
             <div className="container">
                 <div className="section-title">
-                    <h2>Thamrin Group Businees Partner</h2>
+                    <h2>Services We Can Help You With</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 col-sm-12">
                         <div className="single-services-box-item">
-                            <img src="/images/bigdata-analytics/businees/ThamrinBrothers.png" width="250px" alt="image" />
-                            <br/><br/><br/><br/>
+                            <div className="icon">
+                                <img src="/images/bigdata-analytics/icon1.png" alt="image" />
+                            </div>
                             <h3>
                                 <Link href="/service-details">
-                                    <a>Thamrin Brother's</a>
+                                    <a>Big Data Analysis</a>
                                 </Link>
                             </h3>
                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod ut labore et dolore magna aliqua.</p>
@@ -37,11 +39,12 @@ const Services = () => {
 
                     <div className="col-lg-4 col-md-6 col-sm-12">
                         <div className="single-services-box-item">
-                            <img src="/images/bigdata-analytics/businees/Nusa Sarana Citra Bakti.png" width="200px" alt="image" />
-                            <br/><br/>
+                            <div className="icon">
+                                <img src="/images/bigdata-analytics/icon2.png" alt="image" />
+                            </div>
                             <h3>
                                 <Link href="/service-details">
-                                    <a>Nusa Sarana Citra Bakti</a>
+                                    <a>Robust Analytics</a>
                                 </Link>
                             </h3>
                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod ut labore et dolore magna aliqua.</p>
@@ -60,11 +63,12 @@ const Services = () => {
                     
                     <div className="col-lg-4 col-md-6 col-sm-12">
                         <div className="single-services-box-item">
-                            <img src="/images/bigdata-analytics/businees/CITRA LESTARI MOBILINDO.png" width="95px" alt="image" />
-                            <br/><br/>
+                            <div className="icon">
+                                <img src="/images/bigdata-analytics/icon3.png" alt="image" />
+                            </div>
                             <h3>
                                 <Link href="/service-details">
-                                    <a>Citra Lestari Mobilindo</a>
+                                    <a>Marketing Analytics</a>
                                 </Link>
                             </h3>
                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod ut labore et dolore magna aliqua.</p>

components/Contact/ContactForm.js

@@ -1,170 +0,0 @@
-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/Contact/ContactInfo.js

@@ -1,46 +0,0 @@
-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>27 Division St, New York, NY 10002, United States of America</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/Contact/GoogleMap.js

@@ -1,11 +0,0 @@
-import React from 'react';
-
-const GoogleMap = () => {
-    return (
-        <>
-            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3024.183613366869!2d-73.99830468463497!3d40.71397427933168!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a263f3910db%3A0xd6e6cdf32a6b11b1!2s27%20Division%20St%2C%20New%20York%2C%20NY%2010002%2C%20USA!5e0!3m2!1sen!2sbd!4v1614260467637!5m2!1sen!2sbd" width="100%" height="450" allowFullScreen="" loading="lazy"></iframe>
-        </>
-    )
-}
-
-export default GoogleMap;  

components/DigitalAgency/AboutUsContent.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const AboutUsContent = () => {
-    return (
-        <div className="agency-about-area">
-            <div className="container-fluid">
-                <div className="row align-items-center">
-                    <div className="col-lg-6 col-md-12">
-                        <div className="agency-about-img">
-                            <img src="/images/agency-image/agency-about-img.jpg" alt="image" />
-                        </div>
-                    </div>
-
-                    <div className="col-lg-6 col-md-12">
-                        <div className="agency-about-content">
-                            <span className="sub-title">About Us</span>
-                            <h2>Engaging New Audiences Through Smart Approach</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>
-                            <p>Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.Donec vitae sapien ut libero venenatis faucibus tempus.</p>
-
-                            <Link href="/about">
-                                <a className="btn btn-secondary">Discover More</a>
-                            </Link>
-                        </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="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 className="shape10">
-                <img src="/images/agency-image/agency-shape2.png" alt="image" />
-            </div>
-        </div>
-    );
-}
-
-export default AboutUsContent;

components/DigitalAgency/DigitalAgencyFunFacts.js

@@ -1,61 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const DigitalAgencyFunFacts = () => {
-    return (
-        <div className="funfacts-area ptb-80">
-            <div className="container">
-                <div className="section-title">
-                    <h2>We Completed 1500+ Projects Yearly Successfully & Counting</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 DigitalAgencyFunFacts;

components/DigitalAgency/MainBanner.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const MainBanner = () => {
-    return (
-        <div className="agency-main-banner">
-            <div className="container-fluid">
-                <div className="row align-items-center">
-                    <div className="col-lg-6 col-md-12">
-                        <div className="agency-banner-content">
-                            <span className="sub-title">We are creative</span>
-                            <h1>Digital Agency</h1>
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
-
-                            <Link href="/contact">
-                                <a className="btn btn-secondary">Get Started</a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-6 col-md-12">
-                        <div className="agency-banner-image">
-                            <img src="/images/agency-image/agency-banner-img.jpg" alt="image" />
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            {/* Shape Images */}
-            <div className="shape2 rotateme">
-                <img src="/images/shape2.svg" alt="shape" />
-            </div>
-            <div className="shape8 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>
-    );
-}
-
-export default MainBanner;

components/DigitalAgency/OurServices.js

@@ -1,161 +0,0 @@
-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">
-                    <span className="sub-title">Our Solutions</span>
-                    <h2>Our Services</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-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 OurServices;

components/DigitalAgency/Projects.js

@@ -1,125 +0,0 @@
-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">
-            <div className="container">
-                <div className="section-title st-fs-28">
-                    <h2>Proud Projects That Make Us Stand Out</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>
-
-            <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>
-
-            {/* 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 Projects;

components/DigitalAgency/WhatWeOffer.js

@@ -1,118 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-const WhatWeOffer = () => {
-    return (
-        <div className="solutions-area ptb-80">
-            <div className="container">
-                <div className="section-title st-fs-28">
-                    <span className="sub-title">What We Offer</span>
-                    <h2>Our Featured Solutions</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-sm-6 col-md-6">
-                        <div className="solutions-box">
-                            <div className="icon">
-                                <i className="bx bx-landscape"></i>
-                                <img src="/images/agency-image/agency-icon-bg.png" alt="image" />
-                            </div>
-
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Programmatic Advertising</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore.</p>
-
-                            <Link href="/service-details">
-                                <a className="learn-more-btn">
-                                    <Icon.PlusCircle /> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-3 col-sm-6 col-md-6">
-                        <div className="solutions-box">
-                            <div className="icon">
-                                <i className="bx bx-bar-chart-alt"></i>
-                                <img src="/images/agency-image/agency-icon-bg.png" alt="image" />
-                            </div>
-
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Strategy & Research</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore.</p>
-
-                            <Link href="/service-details">
-                                <a className="learn-more-btn">
-                                    <Icon.PlusCircle /> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-3 col-sm-6 col-md-6">
-                        <div className="solutions-box">
-                            <div className="icon">
-                                <i className="bx bx-devices"></i>
-                                <img src="/images/agency-image/agency-icon-bg.png" alt="image" />
-                            </div>
-
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Design & Development</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore.</p>
-
-                            <Link href="/service-details">
-                                <a className="learn-more-btn">
-                                    <Icon.PlusCircle /> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-3 col-sm-6 col-md-6">
-                        <div className="solutions-box">
-                            <div className="icon">
-                                <i className="bx bx-chalkboard"></i>
-                                <img src="/images/agency-image/agency-icon-bg.png" alt="image" />
-                            </div>
-
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Branding & Marketing</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore.</p>
-
-                            <Link href="/service-details">
-                                <a className="learn-more-btn">
-                                    <Icon.PlusCircle /> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div className="shape9 slow mobile-dnone">
-                <img 
-                    src="/images/agency-image/agency-shape1.png" 
-                    className="animate__animated animate__fadeInLeft animate__delay-0.7s" 
-                    alt="image" 
-                />
-            </div>
-        </div>
-    );
-}
-
-export default WhatWeOffer;

components/DigitalAgencyPortfolio/AboutUsContent.js

@@ -1,56 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const AboutUsContent = () => {
-    return (
-        <div className="agency-portfolio-about-area pt-80 pb-50">
-            <div className="container">
-                <div className="row justify-content-center">
-                    <div className="col-lg-4 col-sm-6">
-                        <div className="single-text-box">
-                            <img src="/images/agency-portfolio-about-image/ap-about-img1.jpg" alt="image" />
-                            <h3>About Us</h3>
-                            <p>Vestibulum ac posuere mi. Nullam euismod dui condimentum metus consequat blandit. Donec leo tortor, commodo eget fermentum id, molestie quis est. Ut lectus metus, condimentum eget facilisis sed, fermentum et tortor.</p>
-
-                            <Link href="/about-1">
-                                <a className="learn-more-btn">
-                                    <i data-feather="plus-circle"></i> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-sm-6">
-                        <div className="single-text-box">
-                            <img src="/images/agency-portfolio-about-image/ap-about-img2.jpg" alt="image" />
-                            <h3>Our Vision</h3>
-                            <p>Vestibulum ac posuere mi. Nullam euismod dui condimentum metus consequat blandit. Donec leo tortor, commodo eget fermentum id, molestie quis est. Ut lectus metus, condimentum eget facilisis sed, fermentum et tortor.</p>
-                            
-                            <Link href="/about-1">
-                                <a className="learn-more-btn">
-                                    <i data-feather="plus-circle"></i> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-sm-6">
-                        <div className="single-text-box">
-                            <img src="/images/agency-portfolio-about-image/ap-about-img3.jpg" alt="image" />
-                            <h3>Our Mission</h3>
-                            <p>Vestibulum ac posuere mi. Nullam euismod dui condimentum metus consequat blandit. Donec leo tortor, commodo eget fermentum id, molestie quis est. Ut lectus metus, condimentum eget facilisis sed, fermentum et tortor.</p>
-                            
-                            <Link href="/about-1">
-                                <a className="learn-more-btn">
-                                    <i data-feather="plus-circle"></i> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    )
-}
-
-export default AboutUsContent;  

components/DigitalAgencyPortfolio/CreativeArea.js

@@ -1,33 +0,0 @@
-import React from 'react';
-
-const CreativeArea = () => {
-    return (
-        <div className="creative-area">
-            <div className="d-table">
-                <div className="d-table-cell">
-                    <div className="container">
-                        <div className="creative-inner-area">
-                            <div className="row">
-                                <div className="col-lg-6 col-sm-6 col-md-6">
-                                    <div className="single-counter">
-                                        <h3>1579</h3>
-                                        <p>Completed Projects</p>
-                                    </div>
-                                </div>
-        
-                                <div className="col-lg-6 col-sm-6 col-md-6">
-                                    <div className="single-counter">
-                                        <h3>750</h3>
-                                        <p>Happy Clients</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    )
-}
-
-export default CreativeArea;  

components/DigitalAgencyPortfolio/MainBanner.js

@@ -1,83 +0,0 @@
-import React from 'react';
-import dynamic from 'next/dynamic';
-const OwlCarousel = dynamic(import('react-owl-carousel3'));
-
-const options = {
-    loop: true,
-    nav: true,
-    smartSpeed: 1000,
-    autoplayTimeout: 5000,
-    dots: false,
-    animateOut: 'fadeOut',
-    autoplayHoverPause: true,
-    autoplay: true,
-    items: 1,
-    navText: [
-        "<i class='bx bx-chevron-left'></i>",
-        "<i class='bx bx-chevron-right'></i>"
-    ]
-};
-
-const MainBanner = () => {
-    const [display, setDisplay] = React.useState(false);
-
-    React.useEffect(() => {
-        setDisplay(true);
-    }, [])
-
-    return (
-        <>
-            {display ? <OwlCarousel 
-                className="agency-portfolio-home-slides owl-carousel owl-theme"
-                {...options}
-            > 
-                <div className="agency-portfolio-main-banner portfolio-banner-bg1">
-                    <div className="d-table">
-                        <div className="d-table-cell">
-                            <div className="container">
-                                <div className="portfolio-banner-content">
-                                    <span className="sub-title">We are Creative</span>
-                                    <h1>Digital Agency</h1>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
-                                    <a href="#" className="btn btn-secondary">Get Started</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div className="agency-portfolio-main-banner portfolio-banner-bg2">
-                    <div className="d-table">
-                        <div className="d-table-cell">
-                            <div className="container">
-                                <div className="portfolio-banner-content">
-                                    <span className="sub-title">We are Digital</span>
-                                    <h1>UX/UI Design</h1>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
-                                    <a href="#" className="btn btn-secondary">Get Started</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div className="agency-portfolio-main-banner portfolio-banner-bg3">
-                    <div className="d-table">
-                        <div className="d-table-cell">
-                            <div className="container">
-                                <div className="portfolio-banner-content">
-                                    <span className="sub-title">We are Agency</span>
-                                    <h1>Digital Marketing</h1>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
-                                    <a href="#" className="btn btn-secondary">Get Started</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </OwlCarousel> : ''}
-        </>
-    )
-}
-
-export default MainBanner;  

components/DigitalAgencyPortfolio/Partner.js

@@ -1,91 +0,0 @@
-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: false,
-    autoplayHoverPause: true,
-    autoplay: true,
-    margin: 30,
-    responsive: {
-        0: {
-            items: 2,
-        },
-        576: {
-            items: 4,
-        },
-        768: {
-            items: 4,
-        },
-        992: {
-            items: 6,
-        }
-    }
-};
-
-const Partner = () => {
-    const [display, setDisplay] = React.useState(false);
-
-    React.useEffect(() => {
-        setDisplay(true);
-    }, [])
-
-    return (
-        <div className="agency-portfolio-partner-area ptb-80">
-            <div className="container">
-                {display ? <OwlCarousel 
-                    className="agency-portfolio-partner-slides owl-carousel owl-theme"
-                    {...options}
-                > 
-                    <div className="single-agency-portfolio-partner">
-                        <Link href="#">
-                            <a target="_blank">
-                                <img src="/images/agency-portfolio-partner-image/ap-partner1.png" alt="image" />
-                            </a>
-                        </Link>
-                    </div>
-                    <div className="single-agency-portfolio-partner">
-                        <Link href="#">
-                            <a target="_blank">
-                                <img src="/images/agency-portfolio-partner-image/ap-partner2.png" alt="image" />
-                            </a>
-                        </Link>
-                    </div>
-                    <div className="single-agency-portfolio-partner">
-                        <Link href="#">
-                            <a target="_blank">
-                                <img src="/images/agency-portfolio-partner-image/ap-partner3.png" alt="image" />
-                            </a>
-                        </Link>
-                    </div>
-                    <div className="single-agency-portfolio-partner">
-                        <Link href="#">
-                            <a target="_blank">
-                                <img src="/images/agency-portfolio-partner-image/ap-partner4.png" alt="image" />
-                            </a>
-                        </Link>
-                    </div>
-                    <div className="single-agency-portfolio-partner">
-                        <Link href="#">
-                            <a target="_blank">
-                                <img src="/images/agency-portfolio-partner-image/ap-partner5.png" alt="image" />
-                            </a>
-                        </Link>
-                    </div>
-                    <div className="single-agency-portfolio-partner">
-                        <Link href="#">
-                            <a href="#">
-                                <img src="/images/agency-portfolio-partner-image/ap-partner6.png" alt="image" />
-                            </a>
-                        </Link>
-                    </div>
-                </OwlCarousel> : ''}
-            </div>
-        </div>
-    )
-}
-
-export default Partner;  

components/DigitalAgencyPortfolio/Projects.js

@@ -1,112 +0,0 @@
-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>Our Latest <span>Projects</span></h2>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-                    </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/Features/OurFeatures.js

@@ -1,105 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-const OurFeatures = () => {
-    return (
-        <div className="features-area pt-80 pb-50 bg-f9f6f6">
-            <div className="container">
-                <div className="section-title">
-                    <h2>Our Features</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-6 col-md-6">
-                        <div className="single-features">
-                            <div className="icon">
-                                <Icon.Settings />
-                            </div>
-                            <h3>
-                                <Link href="/feature-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="col-lg-6 col-md-6">
-                        <div className="single-features">
-                            <div className="icon">
-                                <Icon.Mail />
-                            </div> 
-                            <h3>
-                                <Link href="/feature-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="col-lg-6 col-md-6">
-                        <div className="single-features">
-                            <div className="icon bg-c679e3">
-                                <Icon.Grid />
-                            </div>
-                            <h3>
-                                <Link href="/feature-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="col-lg-6 col-md-6">
-                        <div className="single-features">
-                            <div className="icon bg-c679e3">
-                                <Icon.Info />
-                            </div>
-                            <h3>
-                                <Link href="/feature-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>
-
-                    <div className="col-lg-6 col-md-6">
-                        <div className="single-features">
-                            <div className="icon bg-eb6b3d">
-                                <Icon.Box />
-                            </div>
-                            <h3>
-                                <Link href="/feature-details">
-                                    <a>Drag & Drop Functionality</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-6 col-md-6">
-                        <div className="single-features">
-                            <div className="icon bg-eb6b3d">
-                                <Icon.Bell />
-                            </div>
-                            <h3>
-                                <Link href="/feature-details">
-                                    <a>Deadline Reminders</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    )
-}
-
-export default OurFeatures;  

components/Features/SingleFeatures.js

@@ -1,295 +0,0 @@
-import React from 'react';
-import * as Icon from 'react-feather';
-
-const SingleFeatures = () => {
-    return (
-        <>
-            <div className="services-area ptb-80 bg-f7fafd">
-                <div className="container">
-                    <div className="row justify-content-center align-items-center">
-                        <div className="col-lg-6 col-md-12 services-content">
-                            <div className="section-title">
-                                <h2>Cloud Hosting Services</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-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Database /> Cloud databases
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Globe /> Website hosting
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.File /> File storage
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.TrendingUp /> Forex trading
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Folder /> File backups
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Monitor /> Remote desktop
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Mail /> Email servers
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Cloud /> Hybrid cloud
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-6 col-md-12 services-right-image">
-                            <img 
-                                src="/images/services-right-image/book-self.png"
-                                className="animate__animated animate__fadeInDown animate__delay-0.2s" 
-                                alt="book-self"
-                            />
-                           
-                            <img 
-                                src="/images/services-right-image/box.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                data-wow-delay="0.6s" 
-                                alt="box"
-                            />
-                         
-                            <img 
-                                src="/images/services-right-image/chair.png"
-                                className="animate__animated animate__fadeInLeft animate__delay-0.2s" 
-                                alt="chair"
-                            /> 
-                            
-                            <img 
-                                src="/images/services-right-image/cloud.png"
-                                className="animate__animated animate__zoomIn animate__delay-0.2s" 
-                                alt="cloud"
-                            />
-                   
-                            <img 
-                                src="/images/services-right-image/cup.png"
-                                className="animate__animated animate__bounceIn animate__delay-0.2s" 
-                                alt="cup"
-                            />
-               
-                            <img 
-                                src="/images/services-right-image/flower-top.png"
-                                className="animate__animated animate__fadeInDown animate__delay-0.2s" 
-                                alt="flower"
-                            />
-                     
-                            <img 
-                                src="/images/services-right-image/head-phone.png"
-                                className="animate__animated animate__zoomIn animate__delay-0.2s" 
-                                alt="head-phone"
-                            />
-                  
-                            <img 
-                                src="/images/services-right-image/monitor.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="monitor"
-                            />
-                
-                            <img 
-                                src="/images/services-right-image/mug.png"
-                                className="animate__animated animate__rotateIn animate__delay-0.2s" 
-                                alt="mug"
-                            />
-           
-                            <img 
-                                src="/images/services-right-image/table.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="table"
-                            />
-                    
-                            <img 
-                                src="/images/services-right-image/tissue.png"
-                                className="animate__animated animate__zoomIn animate__delay-0.2s" 
-                                alt="tissue"
-                            />
-                   
-                            <img 
-                                src="/images/services-right-image/water-bottle.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="water-bottle"
-                            />
-                
-                            <img 
-                                src="/images/services-right-image/wifi.png"
-                                className="animate__animated animate__fadeInLeft animate__delay-0.2s" 
-                                data-wow-delay="0.6s" 
-                                alt="wifi"
-                            />
-                        
-                            <img 
-                                src="/images/services-right-image/cercle-shape.png"
-                                className="bg-image rotateme" 
-                                alt="shape"
-                            />
-                         
-                            <img 
-                                src="/images/services-right-image/service-right-main-pic.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="main-pic"
-                            />
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div className="services-area ptb-80">
-                <div className="container">
-                    <div className="row h-100 justify-content-center align-items-center">
-                        <div className="col-lg-6 col-md-12 services-left-image">
-                            <img 
-                                src="/images/services-left-image/big-monitor.png"
-                                className="animate__animated animate__fadeInDown animate__delay-0.2s" 
-                                alt="big-monitor"
-                            />
-            
-                            <img 
-                                src="/images/services-left-image/creative.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="creative"
-                            />
-    
-                            <img 
-                                src="/images/services-left-image/developer.png"
-                                className="animate__animated animate__fadeInLeft animate__delay-0.2s" 
-                                alt="developer"
-                            />
-                    
-                            <img 
-                                src="/images/services-left-image/flower-top.png"
-                                className="animate__animated animate__fadeInLeft animate__delay-0.2s" 
-                                data-wow-delay="0.6s" 
-                                alt="flower-top"
-                            />
-        
-                            <img 
-                                src="/images/services-left-image/small-monitor.png"
-                                className="animate__animated animate__bounceIn animate__delay-0.2s" 
-                                alt="small-monitor"
-                            />
-                        
-                            <img 
-                                src="/images/services-left-image/small-top.png"
-                                className="animate__animated animate__fadeInDown animate__delay-0.2s" 
-                                alt="small-top"
-                            />
-                
-                            <img 
-                                src="/images/services-left-image/table.png"
-                                className="animate__animated animate__zoomIn animate__delay-0.2s" 
-                                alt="table"
-                            />
-            
-                            <img 
-                                src="/images/services-left-image/target.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="target"
-                            />
-                        
-                            <img 
-                                src="/images/services-left-image/cercle-shape.png"
-                                className="bg-image rotateme" 
-                                alt="shape"
-                            />
-           
-                            <img 
-                                src="/images/services-left-image/service-left-main-pic.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="main-pic"
-                            />
-                        </div>
-
-                        <div className="col-lg-6 col-md-12 services-content">
-                            <div className="section-title">
-                                <h2>Design & Development</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-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Layout /> Responsive design
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Code /> React web development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Smartphone /> Android apps development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Code /> Laravel web development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Smartphone /> iOS apps development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Percent /> UX/UI design
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.ShoppingCart /> E-commerce development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.CheckCircle /> Print ready design
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </>
-    )
-}
-
-export default SingleFeatures;

components/Hosting/DomainSearch.js

@@ -1,44 +0,0 @@
-import React from 'react';
-
-const DomainSearch = () => {
-    return (
-        <div className="domain-search-area ptb-80">
-            <div className="container">
-                <div className="domain-search-content">
-                    <h2>Find Your Best Domain Name</h2>
-                    <form>
-                        <input type="text" className="form-control" name="domain-search" id="domain-search" placeholder="Search domain name here" />
-
-                        <div className="domain-select">
-                            <select className="form-select">
-                                <option>.com</option>
-                                <option>.net</option>
-                                <option>.xyz</option>
-                                <option>.tech</option>
-                                <option>.club</option>
-                                <option>.space</option>
-                                <option>.global</option>
-                                <option>.edu</option>
-                            </select>
-                        </div>
-
-                        <button type="submit">Search</button>
-                    </form>
-
-                    <ul className="domain-price">
-                        <li>.com<br />$ 9.88</li>
-                        <li>.net<br />$ 7.88</li>
-                        <li>.xyz<br />$ 3.88</li>
-                        <li>.tech<br />$ 5.28</li>
-                        <li>.club<br />$ 2.38</li>
-                        <li>.space<br />$ 4.98</li>
-                        <li>.global<br />$ 8.99</li>
-                        <li>.edu<br />$ 6.88</li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default DomainSearch;

components/Hosting/Features.js

@@ -1,105 +0,0 @@
-import React from 'react';
-import * as Icons from 'react-feather';
-import Link from 'next/link';
-
-const Features = () => {
-    return (
-        <div className="hosting-features-area pt-80 pb-50 bg-f9f6f6">
-            <div className="container">
-                <div className="section-title">
-                    <h2>Our Features</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-4 col-md-6">
-                        <div className="single-hosting-features">
-                            <div className="icon">
-                                <Icons.Settings />
-                            </div>
-                            <h3>
-                                <Link href="/feature-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="col-lg-4 col-md-6">
-                        <div className="single-hosting-features">
-                            <div className="icon bg-c679e3">
-                                <Icons.Info />
-                            </div>
-                            <h3>
-                                <Link href="/feature-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>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-hosting-features">
-                            <div className="icon">
-                                <Icons.Bell />
-                            </div>
-                            <h3>
-                                <Link href="/feature-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="col-lg-4 col-md-6">
-                        <div className="single-hosting-features">
-                            <div className="icon bg-c679e3">
-                                <Icons.Grid />
-                            </div> 
-                            <h3>
-                                <Link href="/feature-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="col-lg-4 col-md-6">
-                        <div className="single-hosting-features">
-                            <div className="icon">
-                                <Icons.Mail />
-                            </div>
-                            <h3>
-                                <Link href="/feature-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="col-lg-4 col-md-6">
-                        <div className="single-hosting-features">
-                            <div className="icon bg-c679e3">
-                                <Icons.HardDrive />
-                            </div>
-                            <h3>
-                                <Link href="/feature-details">
-                                    <a>Deep Technical SEO</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default Features;

components/Hosting/MainBanner.js

@@ -1,110 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const MainBanner = () => {
-    return (
-        <div className="hosting-main-banner">
-            <div className="d-table">
-                <div className="d-table-cell">
-                    <div className="container">
-                        <div className="row align-items-center">
-                            <div className="col-lg-6 col-md-12">
-                                <div className="hosting-banner-content">
-                                    <h1>The Best Web Hosting</h1>
-                                    <ul>
-                                        <li>FREE Domain Name for 2st Year</li>
-                                        <li>FREE SSL Certificate Included</li>
-                                        <li>1-Click Wordpress Install</li>
-                                        <li>24/7 Support</li>
-                                    </ul>
-
-                                    <p>Starting at <span>$8.99</span> $3.95/month</p>
-
-                                    <Link href="/contact">
-                                        <a className="btn btn-primary">Get Started</a>
-                                    </Link>
-                                </div>
-                            </div>
-                            
-                            <div className="col-lg-6 col-md-12">
-                                <div className="hosting-banner-image">
-                                    <img 
-                                        src="/images/hosting-banner-image/hosting-shape1.png" 
-                                        className="animate__animated animate__fadeInDown animate__delay-0.7s"
-                                        alt="image" 
-                                    /> 
-
-                                    <img 
-                                        src="/images/hosting-banner-image/hosting-shape2.png" 
-                                        className="animate__animated animate__fadeInDown animate__delay-0.7s" 
-                                        alt="image"
-                                    />
-                            
-                                    <img 
-                                        src="/images/hosting-banner-image/hosting-shape3.png" 
-                                        className="animate__animated animate__fadeInDown animate__delay-0.7s" 
-                                        alt="image"
-                                    />
-                            
-                                    <img 
-                                        src="/images/hosting-banner-image/hosting-shape4.png" 
-                                        className="animate__animated animate__fadeInDown animate__delay-0.7s" 
-                                        alt="image"
-                                    />
-                            
-                                    <img 
-                                        src="/images/hosting-banner-image/hosting-shape5.png" 
-                                        className="animate__animated animate__fadeInDown animate__delay-0.7s" 
-                                        alt="image"
-                                    />
-                        
-                                    <img 
-                                        src="/images/hosting-banner-image/hosting-shape6.png" 
-                                        className="animate__animated animate__fadeInDown animate__delay-0.7s" 
-                                        alt="image"
-                                    />
-                            
-                                    <img 
-                                        src="/images/hosting-banner-image/hosting-shape7.png" 
-                                        className="animate__animated animate__fadeInDown animate__delay-0.7s" 
-                                        alt="image"
-                                    />
-                            
-                                    <img 
-                                        src="/images/hosting-banner-image/hosting-shape8.png" 
-                                        className="animate__animated animate__fadeInDown animate__delay-0.7s" 
-                                        alt="image"
-                                    />
-                        
-                                    <img 
-                                        src="/images/hosting-banner-image/hosting-shape9.png" 
-                                        className="animate__animated animate__fadeInDown animate__delay-0.7s" 
-                                        alt="image"
-                                    />
-                        
-                                    <img 
-                                        src="/images/hosting-banner-image/hosting-static-main.png" 
-                                        className="animate__animated animate__fadeInUp animate__delay-0.7s" 
-                                        alt="image"
-                                    />
-                                </div>
-                            </div>
-                        </div>
-                    </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 MainBanner;

components/Hosting/TopFeatures.js

@@ -1,71 +0,0 @@
-import React from 'react';
-import * as Icon from 'react-feather';
-import Link from 'next/link';
-
-const TopFeatures = () => {
-    return (
-        <div className="boxes-area hosting-boxes-area">
-            <div className="container">
-                <div className="row">
-                    <div className="col-lg-3 col-md-6">
-                        <div className="single-box">
-                            <div className="icon">
-                                <Icon.DollarSign />
-                            </div>
-                            <h3>
-                                <Link href="/feature-details">
-                                    <a>Money-back Guarantee</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-3 col-md-6">
-                        <div className="single-box bg-f78acb">
-                            <div className="icon">
-                                <Icon.Database />
-                            </div>
-                            <h3>
-                                <Link href="/feature-details">
-                                    <a>Big Data Transfer</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-3 col-md-6">
-                        <div className="single-box bg-c679e3">
-                            <div className="icon">
-                                <Icon.BarChart />
-                            </div>
-                            <h3>
-                                <Link href="/feature-details">
-                                    <a>99.9% Server Uptime</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-3 col-md-6">
-                        <div className="single-box bg-eb6b3d">
-                            <div className="icon">
-                                <Icon.Tablet />
-                            </div>
-                            <h3>
-                                <Link href="/feature-details">
-                                    <a>Live 24/7 Support</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default TopFeatures;

components/Hosting/WhyChoose.js

@@ -1,91 +0,0 @@
-import React from 'react';
-
-const WhyChoose = () => {
-    return (
-        <div className="why-choose-us ptb-80 pt-0">
-            <div className="container">
-                <div className="row align-items-center">
-                    <div className="col-lg-6 col-md-12">
-                        <div className="section-title">
-                            <h2>Why Choose Us</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="why-choose-us-image">
-                            <img 
-                                src="/images/why-choose-us-image/man-stand.png"
-                                className="animate__animated animate__fadeInLeft" 
-                                alt="image"
-                            />
-                    
-                            <img 
-                                src="/images/why-choose-us-image/database.png"
-                                className="animate__animated animate__fadeInRight" 
-                                alt="image"
-                            />
-                
-                            <img 
-                                src="/images/services-left-image/cercle-shape.png"
-                                className="rotateme" 
-                                alt="image"
-                            />
-                
-                            <img 
-                                src="/images/why-choose-us-image/main-static.png"
-                                className="main-pic animate__animated animate__fadeInUp" 
-                                alt="image"
-                            />
-                        </div>
-                    </div>
-
-                    <div className="col-lg-6 col-md-12">
-                        <div className="row">
-                            <div className="col-lg-6 col-md-6">
-                                <div className="single-why-choose-us">
-                                    <div className="icon">
-                                        <i className="flaticon-team"></i>
-                                    </div>
-                                    <h3>Proficient & Friendly</h3>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
-                                </div>
-                            </div>
-
-                            <div className="col-lg-6 col-md-6">
-                                <div className="single-why-choose-us">
-                                    <div className="icon">
-                                        <i className="flaticon-rocket"></i>
-                                    </div>
-                                    <h3>Extremely Fast</h3>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
-                                </div>
-                            </div>
-
-                            <div className="col-lg-6 col-md-6">
-                                <div className="single-why-choose-us">
-                                    <div className="icon">
-                                        <i className="flaticon-shield"></i>
-                                    </div>
-                                    <h3>100% Safe & Security</h3>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
-                                </div>
-                            </div>
-
-                            <div className="col-lg-6 col-md-6">
-                                <div className="single-why-choose-us">
-                                    <div className="icon">
-                                        <i className="flaticon-diamond"></i>
-                                    </div>
-                                    <h3>Top-Rated</h3>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default WhyChoose;

components/IOT/Cta.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const Cta = () => {
-    return (
-        <div className="iot-cta-area bg-0f054b">
-            <div className="container">
-                <div className="row align-items-center">
-                    <div className="col-lg-6">
-                        <div className="cta-iot-img">
-                            <img 
-                                src='/images/cta-shape2.png'
-                                className="animate__animated animate__fadeInUp animate__delay-0.6s" 
-                                alt="image" 
-                            />
-                        </div>
-                    </div>
-
-                    <div className="col-lg-6">
-                        <div className="cta-iot-content">
-                            <h3>Connect and Manage your IoT at Scale</h3>
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
-
-                            <Link href="/contact">
-                                <a className="btn btn-primary">Get Started!</a>
-                            </Link>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div className="circle-box">
-                <img src='/images/circle.png' alt="image" />
-            </div>
-            <div className="cta-shape">
-                <img src='/images/cta-shape.png' alt="image" />
-            </div>
-        </div>
-    );
-}
-
-export default Cta;

components/IOT/Features.js

@@ -1,58 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const Features = () => {
-    return (
-        <>
-            <div className="iot-features-area ptb-80 bg-f7fafd">
-                <div className="container">
-                    <div className="row align-items-center">
-                        <div className="col-lg-6 iot-features-content">
-                            <h3>App Development for Connected Devices</h3>
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus.</p>
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus.</p>
-                            
-                            <Link href="#">
-                                <a className="btn btn-primary">Explore More</a>
-                            </Link>
-                        </div>
-
-                        <div className="col-lg-6 iot-features-image">
-                            <img 
-                                src='/images/iot-features-image/iot-feature-image1.png'
-                                className="animate__animated animate__fadeInUp animate__delay-0.6s" 
-                                alt="image" 
-                            />
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div className="iot-features-area ptb-80">
-                <div className="container">
-                    <div className="row align-items-center">
-                        <div className="col-lg-6 iot-features-image">
-                            <img 
-                                src='/images/iot-features-image/iot-feature-image2.png'
-                                className="animate__animated animate__fadeInUp animate__delay-0.6s" 
-                                alt="image"
-                            />
-                        </div>
-                        
-                        <div className="col-lg-6 iot-features-content">
-                            <h3>How Can Your City Use IoT Technology?</h3>
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus.</p>
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus.</p>
-
-                            <Link href="#">
-                                <a className="btn btn-primary">Explore More</a>
-                            </Link>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </>
-    );
-}
-
-export default Features;

components/IOT/MainBanner.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const MainBanner = () => {
-    return (
-        <div className="iot-main-banner">
-            <div className="container">
-                <div className="iot-banner-content">
-                    <span>Internet of Things</span>
-                    <h2>We get it! IoT growth is happening</h2>
-                    <p>At this point, it may seem like overkill to point out the continued growth bound to happen in the Internet of Things space for the years to come and how it will create new opportunities for companies, both established and new, from a hardware and software perspective.</p>
-                    
-                    <Link href="/contact">
-                        <a className="btn btn-primary">Get Started</a>
-                    </Link>
-                </div>
-
-                <div className="iot-banner-image">
-                    <img 
-                        src='/images/iot-banner-image/iot-main-img1.png'
-                        className="animate__animated animate__fadeInUp animate__delay-0.8s" 
-                        alt="image"
-                    />
-                
-                    <img 
-                        src='/images/iot-banner-image/iot-shape1.png'
-                        className="animate__animated animate__zoomIn" 
-                        alt="image"
-                    />
-                </div>
-
-                <div className="animate-border">
-                    <span></span>
-                    <span></span>
-                    <span></span>
-                    <span></span>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default MainBanner;

components/IOT/OurServices.js

@@ -1,111 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-const OurServices = () => {
-    return (
-        <div className="iot-services-area pt-80 pb-50">
-            <div className="container justify-content-center">
-                <div className="section-title">
-                    <h2>Our Featured Services that We Provide</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-4 col-md-6">
-                        <div className="single-repair-services bg1">
-                            <div className="icon">
-                                <i className="flaticon-software"></i>
-                            </div>
-
-                            <h3>Software Development <br /> IoT Solutions</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="/service-details">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg2">
-                            <div className="icon">
-                                <i className="flaticon-gear"></i>
-                            </div>
-
-                            <h3>Smart Home, Office <br /> IoT Solutions</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="/service-details">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg3">
-                            <div className="icon">
-                                <i className="flaticon-skyline"></i>
-                            </div>
-
-                            <h3>Smart City <br />IoT Solutions</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="/service-details">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg4">
-                            <div className="icon">
-                                <i className="flaticon-car-insurance"></i>
-                            </div>
-
-                            <h3>Automative <br /> IoT Solutions</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="/service-details">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg5">
-                            <div className="icon">
-                                <i className="flaticon-factory"></i>
-                            </div>
-
-                            <h3>Industrial <br /> IoT Solutions</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="/service-details">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg6">
-                            <div className="icon">
-                                <i className="flaticon-chip"></i>
-                            </div>
-
-                            <h3>System on Chip <br /> IoT Solutions</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="/service-details">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default OurServices;

components/IOT/WhyWeAreBest.js

@@ -1,60 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-const WhyWeAreBest = () => {
-    return (
-        <div className="iot-why-choose-us pt-80">
-            <div className="container">
-                <div className="section-title">
-                    <h2>Why We Are Best From Others</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-iot-box">
-                            <div className="icon">
-                                <img src='/images/icon1.png' alt="image" />
-                            </div>
-                            <h3>Digital Technology</h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            <Link href="#">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-iot-box">
-                            <div className="icon">
-                                <img src='/images/icon2.png' alt="image" />
-                            </div>
-                            <h3>Business Protection</h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            <Link href="#">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-iot-box">
-                            <div className="icon">
-                                <img src='/images/icon3.png' alt="image" />
-                            </div>
-                            <h3>Data Analysis</h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            <Link href="#">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default WhyWeAreBest;

components/ITStartup/Features.js

@@ -1,79 +0,0 @@
-import React from 'react';
-import * as Icon from 'react-feather';
-import Link from 'next/link';
-
-const Features = () => {
-    return (
-        <div className="boxes-area">
-			<div className="container">
-				<div className="row">
-					<div className="col-lg-3 col-md-6">
-						<div className="single-box">
-							<div className="icon">
-                                <Icon.Server />
-							</div>
-
-							<h3>
-								<Link href="/feature-details">
-									<a>Zero Configuration</a>
-								</Link>
-							</h3>
-
-							<p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
-						</div>
-					</div>
-
-					<div className="col-lg-3 col-md-6">
-						<div className="single-box bg-f78acb">
-							<div className="icon">
-                                <Icon.Code />
-							</div>
-
-							<h3>
-								<Link href="/feature-details">
-									<a>Code Security</a>
-								</Link>
-							</h3>
-
-							<p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
-						</div>
-					</div>
-
-					<div className="col-lg-3 col-md-6">
-						<div className="single-box bg-c679e3">
-							<div className="icon">
-                                <Icon.Users />
-							</div>
-
-							<h3>
-								<Link href="/feature-details">
-									<a>Team Management</a>
-								</Link>
-							</h3>
-
-							<p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
-						</div>
-					</div>
-
-					<div className="col-lg-3 col-md-6">
-						<div className="single-box bg-eb6b3d">
-							<div className="icon">
-                                <Icon.GitBranch />
-							</div>
-
-							<h3>
-								<Link href="/feature-details">
-									<a>Access Controlled</a>
-								</Link>
-							</h3>
-
-							<p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-    )
-}
-
-export default Features;

components/ITStartup/MainBanner.js

@@ -1,149 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const MainBanner = () => {
-    return (
-		<div className="main-banner">
-			<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>Secure IT Solutions for a more secure environment</h1>
-									<p>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-6 offset-lg-1">
-								<div className="banner-image">
-                                    <img 
-                                        src='/images/banner-image/man.png' 
-                                        className="animate__animated animate__fadeInDown animate__delay-0.1s" 
-                                        alt="man" 
-                                    />
-                        
-                                    <img 
-                                        src="/images/banner-image/code.png" 
-                                        className="animate__animated animate__fadeInUp animate__delay-0.1s" 
-                                        alt="code"
-                                    />
-                                
-                                    <img 
-                                        src="/images/banner-image/carpet.png" 
-                                        className="animate__animated animate__fadeInLeft animate__delay-0.1s" 
-                                        alt="carpet"
-                                    />
-                            
-                                    <img 
-                                        src="/images/banner-image/bin.png" 
-                                        className="animate__animated animate__zoomIn animate__delay-0.1s" 
-                                        alt="bin"
-                                    />
-                        
-                                    <img 
-                                        src="/images/banner-image/book.png" 
-                                        className="animate__animated animate__bounceIn animate__delay-0.1s" 
-                                        alt="book"
-                                    />
-                        
-                                    <img 
-                                        src="/images/banner-image/dekstop.png" 
-                                        className="animate__animated animate__fadeInDown animate__delay-0.1s" 
-                                        alt="dekstop"
-                                    />
-                    
-                                    <img 
-                                        src="/images/banner-image/dot.png" 
-                                        className="animate__animated animate__zoomIn animate__delay-0.1s" 
-                                        alt="dot"
-                                    />
-                        
-                                    <img 
-                                        src="/images/banner-image/flower-top-big.png" 
-                                        className="animate__animated animate__fadeInUp animate__delay-0.1s" 
-                                        alt="flower-top-big"
-                                    />
-                        
-                                    <img 
-                                        src="/images/banner-image/flower-top.png" 
-                                        className="animate__animated animate__rotateIn animate__delay-0.1s" 
-                                        alt="flower-top"
-                                    />
-                    
-                                    <img 
-                                        src="/images/banner-image/keyboard.png" 
-                                        className="animate__animated animate__fadeInUp animate__delay-0.1s" 
-                                        alt="keyboard"
-                                    />
-                            
-                                    <img 
-                                        src="/images/banner-image/pen.png" 
-                                        className="animate__animated animate__zoomIn animate__delay-0.1s" 
-                                        alt="pen"
-                                    />
-                                
-                                    <img 
-                                        src="/images/banner-image/table.png" 
-                                        className="animate__animated animate__zoomIn animate__delay-0.1s" 
-                                        alt="table"
-                                    />
-                    
-                                    <img 
-                                        src="/images/banner-image/tea-cup.png" 
-                                        className="animate__animated animate__fadeInLeft animate__delay-0.1s" 
-                                        alt="tea-cup"
-                                    />
-                        
-                                    <img 
-                                        src="/images/banner-image/headphone.png" 
-                                        className="animate__animated animate__rollIn animate__delay-0.1" 
-                                        alt="headphone"
-                                    />
-                            
-                                    <img 
-                                        src="/images/banner-image/main-pic.png" 
-                                        className="animate__animated animate__fadeInUp animate__delay-0.1" 
-                                        alt="main-pic"
-                                    />
-								</div>
-							</div>
-						</div>
-					</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 MainBanner

components/ITStartup/OurFeatures.js

@@ -1,105 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-const OurFeatures = () => {
-    return (
-        <div className="features-area pt-80 pb-50 bg-f7fafd">
-            <div className="container">
-                <div className="section-title">
-                    <h2>Our Features</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-6 col-md-6">
-                        <div className="single-features">
-                            <div className="icon">
-                                <Icon.Settings />
-                            </div>
-                            <h3>
-                                <Link href="/feature-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="col-lg-6 col-md-6">
-                        <div className="single-features">
-                            <div className="icon">
-                                <Icon.Mail />
-                            </div> 
-                            <h3>
-                                <Link href="/feature-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="col-lg-6 col-md-6">
-                        <div className="single-features">
-                            <div className="icon bg-c679e3">
-                                <Icon.Grid />
-                            </div>
-                            <h3>
-                                <Link href="/feature-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="col-lg-6 col-md-6">
-                        <div className="single-features">
-                            <div className="icon bg-c679e3">
-                                <Icon.Info />
-                            </div>
-                            <h3>
-                                <Link href="/feature-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>
-
-                    <div className="col-lg-6 col-md-6">
-                        <div className="single-features">
-                            <div className="icon bg-eb6b3d">
-                                <Icon.Box />
-                            </div>
-                            <h3>
-                                <Link href="/feature-details">
-                                    <a>Drag & Drop Functionality</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-6 col-md-6">
-                        <div className="single-features">
-                            <div className="icon bg-eb6b3d">
-                                <Icon.Bell />
-                            </div>
-                            <h3>
-                                <Link href="/feature-details">
-                                    <a>Deadline Reminders</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    )
-}
-
-export default OurFeatures;  

components/ITStartup/ServicesArea.js

@@ -1,295 +0,0 @@
-import React from 'react';
-import * as Icon from 'react-feather';
-
-const ServicesArea = () => {
-    return (
-        <>
-            <div className="services-area ptb-80 bg-f7fafd">
-                <div className="container">
-                    <div className="row justify-content-center align-items-center">
-                        <div className="col-lg-6 col-md-12 services-content">
-                            <div className="section-title">
-                                <h2>Cloud Hosting Services</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-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Database /> Cloud databases
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Globe /> Website hosting
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.File /> File storage
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.TrendingUp /> Forex trading
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Folder /> File backups
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Monitor /> Remote desktop
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Mail /> Email servers
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Cloud /> Hybrid cloud
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-6 col-md-12 services-right-image">
-                            <img 
-                                src="/images/services-right-image/book-self.png"
-                                className="animate__animated animate__fadeInDown animate__delay-0.2s" 
-                                alt="book-self"
-                            />
-                           
-                            <img 
-                                src="/images/services-right-image/box.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                data-wow-delay="0.6s" 
-                                alt="box"
-                            />
-                         
-                            <img 
-                                src="/images/services-right-image/chair.png"
-                                className="animate__animated animate__fadeInLeft animate__delay-0.2s" 
-                                alt="chair"
-                            /> 
-                            
-                            <img 
-                                src="/images/services-right-image/cloud.png"
-                                className="animate__animated animate__zoomIn animate__delay-0.2s" 
-                                alt="cloud"
-                            />
-                   
-                            <img 
-                                src="/images/services-right-image/cup.png"
-                                className="animate__animated animate__bounceIn animate__delay-0.2s" 
-                                alt="cup"
-                            />
-               
-                            <img 
-                                src="/images/services-right-image/flower-top.png"
-                                className="animate__animated animate__fadeInDown animate__delay-0.2s" 
-                                alt="flower"
-                            />
-                     
-                            <img 
-                                src="/images/services-right-image/head-phone.png"
-                                className="animate__animated animate__zoomIn animate__delay-0.2s" 
-                                alt="head-phone"
-                            />
-                  
-                            <img 
-                                src="/images/services-right-image/monitor.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="monitor"
-                            />
-                
-                            <img 
-                                src="/images/services-right-image/mug.png"
-                                className="animate__animated animate__rotateIn animate__delay-0.2s" 
-                                alt="mug"
-                            />
-           
-                            <img 
-                                src="/images/services-right-image/table.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="table"
-                            />
-                    
-                            <img 
-                                src="/images/services-right-image/tissue.png"
-                                className="animate__animated animate__zoomIn animate__delay-0.2s" 
-                                alt="tissue"
-                            />
-                   
-                            <img 
-                                src="/images/services-right-image/water-bottle.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="water-bottle"
-                            />
-                
-                            <img 
-                                src="/images/services-right-image/wifi.png"
-                                className="animate__animated animate__fadeInLeft animate__delay-0.2s" 
-                                data-wow-delay="0.6s" 
-                                alt="wifi"
-                            />
-                        
-                            <img 
-                                src="/images/services-right-image/cercle-shape.png"
-                                className="bg-image rotateme" 
-                                alt="shape"
-                            />
-                         
-                            <img 
-                                src="/images/services-right-image/service-right-main-pic.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="main-pic"
-                            />
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div className="services-area ptb-80">
-                <div className="container">
-                    <div className="row h-100 justify-content-center align-items-center">
-                        <div className="col-lg-6 col-md-12 services-left-image">
-                            <img 
-                                src="/images/services-left-image/big-monitor.png"
-                                className="animate__animated animate__fadeInDown animate__delay-0.2s" 
-                                alt="big-monitor"
-                            />
-            
-                            <img 
-                                src="/images/services-left-image/creative.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="creative"
-                            />
-    
-                            <img 
-                                src="/images/services-left-image/developer.png"
-                                className="animate__animated animate__fadeInLeft animate__delay-0.2s" 
-                                alt="developer"
-                            />
-                    
-                            <img 
-                                src="/images/services-left-image/flower-top.png"
-                                className="animate__animated animate__fadeInLeft animate__delay-0.2s" 
-                                data-wow-delay="0.6s" 
-                                alt="flower-top"
-                            />
-        
-                            <img 
-                                src="/images/services-left-image/small-monitor.png"
-                                className="animate__animated animate__bounceIn animate__delay-0.2s" 
-                                alt="small-monitor"
-                            />
-                        
-                            <img 
-                                src="/images/services-left-image/small-top.png"
-                                className="animate__animated animate__fadeInDown animate__delay-0.2s" 
-                                alt="small-top"
-                            />
-                
-                            <img 
-                                src="/images/services-left-image/table.png"
-                                className="animate__animated animate__zoomIn animate__delay-0.2s" 
-                                alt="table"
-                            />
-            
-                            <img 
-                                src="/images/services-left-image/target.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="target"
-                            />
-                        
-                            <img 
-                                src="/images/services-left-image/cercle-shape.png"
-                                className="bg-image rotateme" 
-                                alt="shape"
-                            />
-           
-                            <img 
-                                src="/images/services-left-image/service-left-main-pic.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="main-pic"
-                            />
-                        </div>
-
-                        <div className="col-lg-6 col-md-12 services-content">
-                            <div className="section-title">
-                                <h2>Design & Development</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-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Layout /> Responsive design
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Code /> React web development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Smartphone /> Android apps development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Code /> Laravel web development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Smartphone /> iOS apps development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Percent /> UX/UI design
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.ShoppingCart /> E-commerce development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.CheckCircle /> Print ready design
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </>
-    )
-}
-
-export default ServicesArea;

components/ITStartupTwo/Features.js

@@ -1,79 +0,0 @@
-import React from 'react';
-import * as Icon from 'react-feather';
-import Link from 'next/link';
-
-const Features = () => {
-    return (
-        <div className="boxes-area">
-			<div className="container">
-				<div className="row">
-					<div className="col-lg-3 col-md-6">
-						<div className="single-box">
-							<div className="icon">
-                                <Icon.Server />
-							</div>
-
-							<h3>
-								<Link href="/feature-details">
-									<a>Zero Configuration</a>
-								</Link>
-							</h3>
-
-							<p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
-						</div>
-					</div>
-
-					<div className="col-lg-3 col-md-6">
-						<div className="single-box bg-f78acb">
-							<div className="icon">
-                                <Icon.Code />
-							</div>
-
-							<h3>
-								<Link href="/feature-details">
-									<a>Code Security</a>
-								</Link>
-							</h3>
-
-							<p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
-						</div>
-					</div>
-
-					<div className="col-lg-3 col-md-6">
-						<div className="single-box bg-c679e3">
-							<div className="icon">
-                                <Icon.Users />
-							</div>
-
-							<h3>
-								<Link href="/feature-details">
-									<a>Team Management</a>
-								</Link>
-							</h3>
-
-							<p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
-						</div>
-					</div>
-
-					<div className="col-lg-3 col-md-6">
-						<div className="single-box bg-eb6b3d">
-							<div className="icon">
-                                <Icon.GitBranch />
-							</div>
-
-							<h3>
-								<Link href="/feature-details">
-									<a>Access Controlled</a>
-								</Link>
-							</h3>
-
-							<p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-    )
-}
-
-export default Features;

components/ITStartupTwo/MainBanner.js

@@ -1,78 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const MainBanner = () => {
-    return (
-        <div className="main-banner">
-			<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>Built for Developers</h1>
-									<p>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="banner-form ml-3">
-									<form>
-										<div className="form-group">
-											<label>Username</label>
-											<input type="text" className="form-control" placeholder="Enter username" />
-										</div>
-
-										<div className="form-group">
-											<label>Email</label>
-											<input type="email" className="form-control" placeholder="Enter your email" />
-										</div>
-
-										<div className="form-group">
-											<label>Password</label>
-											<input type="password" className="form-control" placeholder="Create a password" />
-										</div>
-
-										<button type="submit" className="btn btn-primary">Register Now</button>
-									</form>
-								</div>
-							</div>
-						</div>
-					</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 MainBanner;  

components/ITStartupTwo/OurServices.js

@@ -1,147 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-const OurServices = () => {
-    return (
-        <div className="services-area-two pt-80 pb-50 bg-f7fafd">
-			<div className="container">
-				<div className="section-title">
-					<h2>Our Services</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-4 col-md-6 col-sm-6">
-						<div className="single-services-box">
-							<div className="icon">
-                                <Icon.Settings />
-							</div>
-							<h3>
-								<Link href="/service-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="col-lg-4 col-md-6 col-sm-6">
-						<div className="single-services-box">
-							<div className="icon">
-                                <Icon.Mail />
-							</div> 
-							<h3>
-								<Link href="/service-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="col-lg-4 col-md-6 col-sm-6">
-						<div className="single-services-box">
-							<div className="icon">
-                                <Icon.Bell />
-							</div> 
-							<h3>
-								<Link href="/service-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="col-lg-4 col-md-6 col-sm-6">
-						<div className="single-services-box">
-							<div className="icon bg-c679e3">
-                                <Icon.Grid />
-							</div>
-							<h3>
-								<Link href="/service-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="col-lg-4 col-md-6 col-sm-6">
-						<div className="single-services-box">
-							<div className="icon bg-c679e3">
-                                <Icon.Info />
-							</div> 
-							<h3>
-								<Link href="/service-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>
-
-					<div className="col-lg-4 col-md-6 col-sm-6">
-						<div className="single-services-box">
-							<div className="icon bg-c679e3">
-                                <Icon.HardDrive />
-							</div> 
-							<h3>
-								<Link href="/service-details">
-                                	<a>Deep Technical SEO</a>
-								</Link>
-                            </h3>
-							<p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-						</div>
-					</div>
-
-					<div className="col-lg-4 col-md-6 col-sm-6">
-						<div className="single-services-box">
-							<div className="icon bg-eb6b3d">
-                                <Icon.MousePointer />
-							</div>
-							<h3>
-								<Link href="/service-details">
-                                	<a>Drag & Drop Functionality</a>
-								</Link>
-                            </h3>
-							<p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-						</div>
-					</div>
-
-					<div className="col-lg-4 col-md-6 col-sm-6">
-						<div className="single-services-box">
-							<div className="icon bg-eb6b3d">
-                                <Icon.Bell />
-							</div> 
-							<h3>
-								<Link href="/service-details">
-                                	<a>Deadline Reminders</a>
-								</Link>
-                            </h3>
-							<p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-						</div>
-					</div>
-
-					<div className="col-lg-4 col-md-6 col-sm-6">
-						<div className="single-services-box">
-							<div className="icon bg-eb6b3d">
-                                <Icon.Send />
-							</div> 
-							<h3>
-								<Link href="/service-details">
-                                	<a>Modern Keyword Analysis</a>
-								</Link>
-                            </h3>
-							<p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-    )
-}
-
-export default OurServices;  

components/ITStartupTwo/ServicesArea.js

@@ -1,295 +0,0 @@
-import React from 'react';
-import * as Icon from 'react-feather';
-
-const ServicesArea = () => {
-    return (
-        <>
-            <div className="services-area ptb-80 bg-f7fafd">
-                <div className="container">
-                    <div className="row justify-content-center align-items-center">
-                        <div className="col-lg-6 col-md-12 services-content">
-                            <div className="section-title">
-                                <h2>Cloud Hosting Services</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-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Database /> Cloud databases
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Globe /> Website hosting
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.File /> File storage
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.TrendingUp /> Forex trading
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Folder /> File backups
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Monitor /> Remote desktop
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Mail /> Email servers
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Cloud /> Hybrid cloud
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-6 col-md-12 services-right-image">
-                            <img 
-                                src="/images/services-right-image/book-self.png"
-                                className="animate__animated animate__fadeInDown animate__delay-0.2s" 
-                                alt="book-self"
-                            />
-                           
-                            <img 
-                                src="/images/services-right-image/box.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                data-wow-delay="0.6s" 
-                                alt="box"
-                            />
-                         
-                            <img 
-                                src="/images/services-right-image/chair.png"
-                                className="animate__animated animate__fadeInLeft animate__delay-0.2s" 
-                                alt="chair"
-                            /> 
-                            
-                            <img 
-                                src="/images/services-right-image/cloud.png"
-                                className="animate__animated animate__zoomIn animate__delay-0.2s" 
-                                alt="cloud"
-                            />
-                   
-                            <img 
-                                src="/images/services-right-image/cup.png"
-                                className="animate__animated animate__bounceIn animate__delay-0.2s" 
-                                alt="cup"
-                            />
-               
-                            <img 
-                                src="/images/services-right-image/flower-top.png"
-                                className="animate__animated animate__fadeInDown animate__delay-0.2s" 
-                                alt="flower"
-                            />
-                     
-                            <img 
-                                src="/images/services-right-image/head-phone.png"
-                                className="animate__animated animate__zoomIn animate__delay-0.2s" 
-                                alt="head-phone"
-                            />
-                  
-                            <img 
-                                src="/images/services-right-image/monitor.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="monitor"
-                            />
-                
-                            <img 
-                                src="/images/services-right-image/mug.png"
-                                className="animate__animated animate__rotateIn animate__delay-0.2s" 
-                                alt="mug"
-                            />
-           
-                            <img 
-                                src="/images/services-right-image/table.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="table"
-                            />
-                    
-                            <img 
-                                src="/images/services-right-image/tissue.png"
-                                className="animate__animated animate__zoomIn animate__delay-0.2s" 
-                                alt="tissue"
-                            />
-                   
-                            <img 
-                                src="/images/services-right-image/water-bottle.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="water-bottle"
-                            />
-                
-                            <img 
-                                src="/images/services-right-image/wifi.png"
-                                className="animate__animated animate__fadeInLeft animate__delay-0.2s" 
-                                data-wow-delay="0.6s" 
-                                alt="wifi"
-                            />
-                        
-                            <img 
-                                src="/images/services-right-image/cercle-shape.png"
-                                className="bg-image rotateme" 
-                                alt="shape"
-                            />
-                         
-                            <img 
-                                src="/images/services-right-image/service-right-main-pic.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="main-pic"
-                            />
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div className="services-area ptb-80">
-                <div className="container">
-                    <div className="row h-100 justify-content-center align-items-center">
-                        <div className="col-lg-6 col-md-12 services-left-image">
-                            <img 
-                                src="/images/services-left-image/big-monitor.png"
-                                className="animate__animated animate__fadeInDown animate__delay-0.2s" 
-                                alt="big-monitor"
-                            />
-            
-                            <img 
-                                src="/images/services-left-image/creative.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="creative"
-                            />
-    
-                            <img 
-                                src="/images/services-left-image/developer.png"
-                                className="animate__animated animate__fadeInLeft animate__delay-0.2s" 
-                                alt="developer"
-                            />
-                    
-                            <img 
-                                src="/images/services-left-image/flower-top.png"
-                                className="animate__animated animate__fadeInLeft animate__delay-0.2s" 
-                                data-wow-delay="0.6s" 
-                                alt="flower-top"
-                            />
-        
-                            <img 
-                                src="/images/services-left-image/small-monitor.png"
-                                className="animate__animated animate__bounceIn animate__delay-0.2s" 
-                                alt="small-monitor"
-                            />
-                        
-                            <img 
-                                src="/images/services-left-image/small-top.png"
-                                className="animate__animated animate__fadeInDown animate__delay-0.2s" 
-                                alt="small-top"
-                            />
-                
-                            <img 
-                                src="/images/services-left-image/table.png"
-                                className="animate__animated animate__zoomIn animate__delay-0.2s" 
-                                alt="table"
-                            />
-            
-                            <img 
-                                src="/images/services-left-image/target.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="target"
-                            />
-                        
-                            <img 
-                                src="/images/services-left-image/cercle-shape.png"
-                                className="bg-image rotateme" 
-                                alt="shape"
-                            />
-           
-                            <img 
-                                src="/images/services-left-image/service-left-main-pic.png"
-                                className="animate__animated animate__fadeInUp animate__delay-0.2s" 
-                                alt="main-pic"
-                            />
-                        </div>
-
-                        <div className="col-lg-6 col-md-12 services-content">
-                            <div className="section-title">
-                                <h2>Design & Development</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-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Layout /> Responsive design
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Code /> React web development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Smartphone /> Android apps development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Code /> Laravel web development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Smartphone /> iOS apps development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.Percent /> UX/UI design
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.ShoppingCart /> E-commerce development
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="box">
-                                        <Icon.CheckCircle /> Print ready design
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </>
-    )
-}
-
-export default ServicesArea;

components/MachineLearning/AboutUsContent.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const AboutUsContent = () => {
-    return (
-        <div className="about-area pt-0 ptb-80">
-            <div className="container-fluid">
-                <div className="row align-items-center">
-                    <div className="col-lg-6 col-md-12">
-                        <div className="ml-about-img">
-                            <img src="/images/about4.png" alt="image" />
-                        </div>
-                    </div>
-
-                    <div className="col-lg-6 col-md-12">
-                        <div className="ml-about-content">
-                            <span className="sub-title">About Us</span>
-                            <h2>Engaging New Audiences Through Smart Approach</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>
-                            <p>Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.Donec vitae sapien ut libero venenatis faucibus tempus.</p>
-
-                            <Link href="/about-1">
-                                <a className="btn btn-secondary">Discover More</a>
-                            </Link>
-                        </div>
-                    </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="shape7">
-                <img src="/images/shape4.svg" alt="shape" />
-            </div>
-            <div className="shape8 rotateme">
-                <img src="/images/shape2.svg" alt="shape" />
-            </div>
-        </div>
-    );
-}
-
-export default AboutUsContent;

components/MachineLearning/BlogCard.js

@@ -1,149 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-const BlogCard = () => {
-    return (
-        <div className="blog-area ptb-80">
-            <div className="container">
-                <div className="section-title">
-                    <h2>Our Recent Story</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-4 col-md-6">
-                        <div className="single-blog-post-box">
-                            <div className="entry-thumbnail">
-                                <Link href="/blog-details">
-                                    <a>
-                                        <img src="/images/blog-image/blog9.jpg" alt="image" />
-                                    </a>
-                                </Link>
-                            </div>
-
-                            <div className="entry-post-content">
-                                <div className="entry-meta">
-                                    <ul>
-                                        <li>
-                                            <Link href="#">
-                                                <a>Admin</a>
-                                            </Link>
-                                        </li>
-                                        <li>August 15, 2021</li>
-                                    </ul>
-                                </div>
-
-                                <h3>
-                                    <Link href="/blog-details">
-                                        <a>Making Peace With The Feast Or Famine Of Freelancing</a>
-                                    </Link>
-                                </h3>
-                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-
-                                <Link href="/blog-details">
-                                    <a className="learn-more-btn">Read Story <Icon.Plus /></a>
-                                </Link>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-blog-post-box">
-                            <div className="entry-thumbnail">
-                                <Link href="/blog-details">
-                                    <a>
-                                        <img src="/images/blog-image/blog10.jpg" alt="image" />
-                                    </a>
-                                </Link>
-                            </div>
-
-                            <div className="entry-post-content">
-                                <div className="entry-meta">
-                                    <ul>
-                                        <li>
-                                            <Link href="#">
-                                                <a>Admin</a>
-                                            </Link>
-                                        </li>
-                                        <li>August 18, 2019</li>
-                                    </ul>
-                                </div>
-
-                                <h3>
-                                    <Link href="/blog-details">
-                                        <a>I Used The Web For A Day On A 50 MB Budget</a>
-                                    </Link>
-                                </h3>
-                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                
-                                <Link href="/blog-details">
-                                    <a className="learn-more-btn">Read Story <Icon.Plus /></a>
-                                </Link>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6 offset-md-3 offset-lg-0">
-                        <div className="single-blog-post-box">
-                            <div className="entry-thumbnail">
-                                <Link href="/blog-details">
-                                    <a>
-                                        <img src="/images/blog-image/blog11.jpg" alt="image" />
-                                    </a>
-                                </Link>
-                            </div>
-
-                            <div className="entry-post-content">
-                                <div className="entry-meta">
-                                    <ul>
-                                        <li>
-                                            <Link href="#">
-                                                <a>Admin</a>
-                                            </Link>
-                                        </li>
-                                        <li>August 15, 2019</li>
-                                    </ul>
-                                </div>
-
-                                <h3>
-                                    <Link href="/blog-details">
-                                        <a>Here are the 5 most telling signs of micromanagement</a>
-                                    </Link>
-                                </h3>
-                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                
-                                <Link href="/blog-details">
-                                    <a className="learn-more-btn">Read Story <Icon.Plus /></a>
-                                </Link>
-                            </div>
-                        </div>
-                    </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="shape7">
-                <img src="/images/shape4.svg" alt="shape" />
-            </div>
-            <div className="shape8 rotateme">
-                <img src="/images/shape2.svg" alt="shape" />
-            </div>
-        </div>
-    );
-}
-
-export default BlogCard;

components/MachineLearning/MainBanner.js

@@ -1,121 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const MainBanner = () => {
-    return (
-        <div className="ml-main-section">
-            <div className="container">
-                <div className="row">
-                    <div className="col-lg-6 col-md-12">
-                        <div className="ml-banner-content">
-                            <h1>World’s Leading AI & Machine Learning Company</h1>
-                            <p>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-secondary">Get Started</a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-6 col-md-12">
-                        <div className="ml-banner-image">
-                            <img 
-                                src="/images/ml-banner-image/one.png" 
-                                className="animate__animated animate__fadeIn animate__delay-2s" 
-                                alt="image" 
-                            />
-                        
-                            <img 
-                                src="/images/ml-banner-image/two.png" 
-                                className="animate__animated animate__fadeInUp animate__delay-1s" 
-                                alt="image" 
-                            />
-                    
-                            <img 
-                                src="/images/ml-banner-image/three.png" 
-                                className="animate__animated animate__fadeInUp animate__delay-0.5s" 
-                                alt="image" 
-                            />
-                    
-                            <img 
-                                src="/images/ml-banner-image/four.png" 
-                                className="animate__animated animate__fadeInUp animate__delay-2s" 
-                                alt="image" 
-                            />
-                        
-                            <img 
-                                src="/images/ml-banner-image/five.png" 
-                                className="animate__animated animate__fadeInDown animate__delay-2.5s" 
-                                alt="image" 
-                            />
-                
-                            <img 
-                                src="/images/ml-banner-image/six.png" 
-                                className="animate__animated animate__fadeInDown animate__delay-1.9s" 
-                                alt="image" 
-                            />
-                        
-                            <img 
-                                src="/images/ml-banner-image/seven.png" 
-                                className="animate__animated animate__fadeInDown animate__delay-2.1s" 
-                                alt="image" 
-                            />
-                        
-                            <img 
-                                src="/images/ml-banner-image/eight.png" 
-                                className="animate__animated animate__fadeInDown animate__delay-1.9s" 
-                                alt="image" 
-                            />
-                        
-                            <img 
-                                src="/images/ml-banner-image/nine.png" 
-                                className="animate__animated animate__fadeInDown animate__delay-1.7s" 
-                                alt="image" 
-                            />
-                    
-                            <img 
-                                src="/images/ml-banner-image/ten.png" 
-                                className="animate__animated animate__fadeInDown animate__delay-1.5s" 
-                                alt="image" 
-                            />
-                    
-                            <img 
-                                src="/images/ml-banner-image/eleven.png" 
-                                className="animate__animated animate__fadeInUp animate__delay-0.4s" 
-                                alt="image" 
-                            />
-                    
-                            <img 
-                                src="/images/ml-banner-image/ml-main-pic.png" 
-                                className="animate__animated animate__fadeInUp animate__delay-0.5s" 
-                                alt="image" 
-                            />
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            {/* Shape Images */}
-            <div className="shape1">
-                <img src="/images/shape1.png" 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 MainBanner;

components/MachineLearning/OurServices.js

@@ -1,125 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const OurServices = () => {
-    return (
-        <div className="ml-services-area ptb-80">
-            <div className="container">
-                <div className="section-title">
-                    <span className="sub-title">Our Solutions</span>
-                    <h2>Our Services</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-sm-6">
-                        <div className="single-ml-services-box">
-                            <div className="image">
-                                <img src="/images/services-image/service-image1.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>IT Professionals</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-sm-6">
-                        <div className="single-ml-services-box">
-                            <div className="image">
-                                <img src="/images/services-image/service-image2.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Software Engineers</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-sm-6">
-                        <div className="single-ml-services-box">
-                            <div className="image">
-                                <img src="/images/services-image/service-image3.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Health & Manufacturing</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-sm-6">
-                        <div className="single-ml-services-box">
-                            <div className="image">
-                                <img src="/images/services-image/service-image4.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Security & Surveillance</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-sm-6">
-                        <div className="single-ml-services-box">
-                            <div className="image">
-                                <img src="/images/services-image/service-image5.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Automatic Optimization</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-sm-6">
-                        <div className="single-ml-services-box">
-                            <div className="image">
-                                <img src="/images/services-image/service-image6.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Data Analysts</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </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="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/MachineLearning/Partner.js

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

components/MachineLearning/Projects.js

@@ -1,125 +0,0 @@
-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">
-            <div className="container">
-                <div className="section-title st-fs-28">
-                    <h2>Proud Projects That Make Us Stand Out</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>
-
-            <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>
-
-            {/* 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 Projects;

components/MachineLearning/WhatWeOffer.js

@@ -1,125 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-const WhatWeOffer = () => {
-    return (
-        <div className="solutions-area ptb-80">
-            <div className="container">
-                <div className="section-title">
-                    <span className="sub-title">What We Offer</span>
-                    <h2>Our Featured Solutions</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-sm-6 col-md-6">
-                        <div className="single-solutions-box">
-                            <div className="icon">
-                                <img src="/images/icon4.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="#">
-                                    <a>Robotic Automation</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-
-                            <Link href="#">
-                                <a className="learn-more-btn">
-                                    <Icon.PlusCircle /> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-3 col-sm-6 col-md-6">
-                        <div className="single-solutions-box">
-                            <div className="icon">
-                                <img src="/images/icon5.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="#">
-                                    <a>Cognitive Automation</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="#">
-                                <a className="learn-more-btn">
-                                <Icon.PlusCircle /> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-3 col-sm-6 col-md-6">
-                        <div className="single-solutions-box">
-                            <div className="icon">
-                                <img src="/images/icon6.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="#">
-                                    <a>Cognitive Engagement</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="#">
-                                <a className="learn-more-btn">
-                                <Icon.PlusCircle /> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-3 col-sm-6 col-md-6">
-                        <div className="single-solutions-box">
-                            <div className="icon">
-                                <img src="/images/icon7.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="#">
-                                    <a>Security & Surveillance</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="#">
-                                <a className="learn-more-btn">
-                                    <i data-feather="plus-circle"></i> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </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="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 WhatWeOffer;

components/MachineLearningTwo/AboutUsContent.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const AboutUsContent = () => {
-    return (
-        <div className="about-area pt-0 ptb-80">
-            <div className="container-fluid">
-                <div className="row align-items-center">
-                    <div className="col-lg-6 col-md-12">
-                        <div className="ml-about-img">
-                            <img src="/images/about4.png" alt="image" />
-                        </div>
-                    </div>
-
-                    <div className="col-lg-6 col-md-12">
-                        <div className="ml-about-content">
-                            <span className="sub-title">About Us</span>
-                            <h2>Engaging New Audiences Through Smart Approach</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>
-                            <p>Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.Donec vitae sapien ut libero venenatis faucibus tempus.</p>
-
-                            <Link href="/about-1">
-                                <a className="btn btn-secondary">Discover More</a>
-                            </Link>
-                        </div>
-                    </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="shape7">
-                <img src="/images/shape4.svg" alt="shape" />
-            </div>
-            <div className="shape8 rotateme">
-                <img src="/images/shape2.svg" alt="shape" />
-            </div>
-        </div>
-    );
-}
-
-export default AboutUsContent;

components/MachineLearningTwo/BlogCard.js

@@ -1,149 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-const BlogCard = () => {
-    return (
-        <div className="blog-area ptb-80">
-            <div className="container">
-                <div className="section-title">
-                    <h2>Our Recent Story</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-4 col-md-6">
-                        <div className="single-blog-post-box">
-                            <div className="entry-thumbnail">
-                                <Link href="/blog-details">
-                                    <a>
-                                        <img src="/images/blog-image/blog9.jpg" alt="image" />
-                                    </a>
-                                </Link>
-                            </div>
-
-                            <div className="entry-post-content">
-                                <div className="entry-meta">
-                                    <ul>
-                                        <li>
-                                            <Link href="#">
-                                                <a>Admin</a>
-                                            </Link>
-                                        </li>
-                                        <li>August 15, 2021</li>
-                                    </ul>
-                                </div>
-
-                                <h3>
-                                    <Link href="/blog-details">
-                                        <a>Making Peace With The Feast Or Famine Of Freelancing</a>
-                                    </Link>
-                                </h3>
-                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-
-                                <Link href="/blog-details">
-                                    <a className="learn-more-btn">Read Story <Icon.Plus /></a>
-                                </Link>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-blog-post-box">
-                            <div className="entry-thumbnail">
-                                <Link href="/blog-details">
-                                    <a>
-                                        <img src="/images/blog-image/blog10.jpg" alt="image" />
-                                    </a>
-                                </Link>
-                            </div>
-
-                            <div className="entry-post-content">
-                                <div className="entry-meta">
-                                    <ul>
-                                        <li>
-                                            <Link href="#">
-                                                <a>Admin</a>
-                                            </Link>
-                                        </li>
-                                        <li>August 18, 2019</li>
-                                    </ul>
-                                </div>
-
-                                <h3>
-                                    <Link href="/blog-details">
-                                        <a>I Used The Web For A Day On A 50 MB Budget</a>
-                                    </Link>
-                                </h3>
-                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                
-                                <Link href="/blog-details">
-                                    <a className="learn-more-btn">Read Story <Icon.Plus /></a>
-                                </Link>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6 offset-md-3 offset-lg-0">
-                        <div className="single-blog-post-box">
-                            <div className="entry-thumbnail">
-                                <Link href="/blog-details">
-                                    <a>
-                                        <img src="/images/blog-image/blog11.jpg" alt="image" />
-                                    </a>
-                                </Link>
-                            </div>
-
-                            <div className="entry-post-content">
-                                <div className="entry-meta">
-                                    <ul>
-                                        <li>
-                                            <Link href="#">
-                                                <a>Admin</a>
-                                            </Link>
-                                        </li>
-                                        <li>August 15, 2019</li>
-                                    </ul>
-                                </div>
-
-                                <h3>
-                                    <Link href="/blog-details">
-                                        <a>Here are the 5 most telling signs of micromanagement</a>
-                                    </Link>
-                                </h3>
-                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                
-                                <Link href="/blog-details">
-                                    <a className="learn-more-btn">Read Story <Icon.Plus /></a>
-                                </Link>
-                            </div>
-                        </div>
-                    </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="shape7">
-                <img src="/images/shape4.svg" alt="shape" />
-            </div>
-            <div className="shape8 rotateme">
-                <img src="/images/shape2.svg" alt="shape" />
-            </div>
-        </div>
-    );
-}
-
-export default BlogCard;

components/MachineLearningTwo/MainBanner.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const MainBanner = () => {
-    return (
-        <div className="ml-main-banner">
-            <div className="container-fluid">
-                <div className="row align-items-center">
-                    <div className="col-lg-6 col-md-12">
-                        <div className="ml-banner-content">
-                            <h1>World’s Leading AI & Machine Learning Company</h1>
-                            <p>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-secondary">Get Started</a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-6 col-md-12">
-                        <div className="ml-banner-single-image">
-                            <img 
-                                src="/images/ml-banner-image/ml-main-pic.png" 
-                                className="animate__animated animate__fadeInUp animate__delay-0.5s" 
-                                alt="image" 
-                            />
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            {/* Shape Images */}
-            <div className="shape1">
-                <img src="/images/shape1.png" 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 MainBanner;

components/MachineLearningTwo/OurServices.js

@@ -1,125 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const OurServices = () => {
-    return (
-        <div className="ml-services-area ptb-80">
-            <div className="container">
-                <div className="section-title">
-                    <span className="sub-title">Our Solutions</span>
-                    <h2>Our Services</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-sm-6">
-                        <div className="single-ml-services-box">
-                            <div className="image">
-                                <img src="/images/services-image/service-image1.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>IT Professionals</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-sm-6">
-                        <div className="single-ml-services-box">
-                            <div className="image">
-                                <img src="/images/services-image/service-image2.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Software Engineers</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-sm-6">
-                        <div className="single-ml-services-box">
-                            <div className="image">
-                                <img src="/images/services-image/service-image3.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Health & Manufacturing</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-sm-6">
-                        <div className="single-ml-services-box">
-                            <div className="image">
-                                <img src="/images/services-image/service-image4.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Security & Surveillance</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-sm-6">
-                        <div className="single-ml-services-box">
-                            <div className="image">
-                                <img src="/images/services-image/service-image5.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Automatic Optimization</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-sm-6">
-                        <div className="single-ml-services-box">
-                            <div className="image">
-                                <img src="/images/services-image/service-image6.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="/service-details">
-                                    <a>Data Analysts</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                        </div>
-                    </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="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/MachineLearningTwo/Partner.js

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

components/MachineLearningTwo/Projects.js

@@ -1,125 +0,0 @@
-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">
-            <div className="container">
-                <div className="section-title st-fs-28">
-                    <h2>Proud Projects That Make Us Stand Out</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>
-
-            <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>
-
-            {/* 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 Projects;

components/MachineLearningTwo/WhatWeOffer.js

@@ -1,125 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-const WhatWeOffer = () => {
-    return (
-        <div className="solutions-area ptb-80">
-            <div className="container">
-                <div className="section-title">
-                    <span className="sub-title">What We Offer</span>
-                    <h2>Our Featured Solutions</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-sm-6 col-md-6">
-                        <div className="single-solutions-box">
-                            <div className="icon">
-                                <img src="/images/icon4.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="#">
-                                    <a>Robotic Automation</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-
-                            <Link href="#">
-                                <a className="learn-more-btn">
-                                    <Icon.PlusCircle /> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-3 col-sm-6 col-md-6">
-                        <div className="single-solutions-box">
-                            <div className="icon">
-                                <img src="/images/icon5.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="#">
-                                    <a>Cognitive Automation</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="#">
-                                <a className="learn-more-btn">
-                                <Icon.PlusCircle /> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-3 col-sm-6 col-md-6">
-                        <div className="single-solutions-box">
-                            <div className="icon">
-                                <img src="/images/icon6.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="#">
-                                    <a>Cognitive Engagement</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="#">
-                                <a className="learn-more-btn">
-                                <Icon.PlusCircle /> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-3 col-sm-6 col-md-6">
-                        <div className="single-solutions-box">
-                            <div className="icon">
-                                <img src="/images/icon7.png" alt="image" />
-                            </div>
-                            <h3>
-                                <Link href="#">
-                                    <a>Security & Surveillance</a>
-                                </Link>
-                            </h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="#">
-                                <a className="learn-more-btn">
-                                    <i data-feather="plus-circle"></i> Learn More
-                                </a>
-                            </Link>
-                        </div>
-                    </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="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 WhatWeOffer;

components/PCRepair/AboutUsContent.js

@@ -1,63 +0,0 @@
-import React from 'react';
-import * as Icon from 'react-feather';
-
-const AboutUsContent = () => {
-    return (
-        <div className="repair-about-area ptb-80">
-            <div className="container">
-                <div className="row">
-                    <div className="col-lg-6">
-                        <div className="repair-about-content">
-                            <span className="sub-title">About Us</span>
-                            <h2>We have 35 years of experience in repair services</h2>
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-
-                            <ul>
-                                <li><span><Icon.Check /> Experienced Professionals</span></li>
-                                <li><span><Icon.Check /> Expert Technical Skills</span></li>
-                                <li><span><Icon.Check /> Excellent Reputation</span></li>
-                                <li><span><Icon.Check /> Friendly Service</span></li>
-                                <li><span><Icon.Check /> Trustworthy See Reviews</span></li>
-                                <li><span><Icon.Check /> Affordable Diagnosis</span></li>
-                            </ul>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-6">
-                        <div className="repair-about-image">
-                            <img 
-                                src='/images/about1.jpg'
-                                className="animate__animated animate__fadeInDown" 
-                                alt="image" 
-                            />
-                        
-                            <img 
-                                src='/images/about2.jpg'
-                                className="animate__animated animate__zoomIn" 
-                                alt="image" 
-                            />
-                    
-                            <img 
-                                src='/images/about3.jpg'
-                                className="animate__animated animate__fadeInUp" 
-                                alt="image" 
-                            />
-                          
-                            <img 
-                                src='/images/about-shape1.png'
-                                alt="image" 
-                            />
-
-                            <img 
-                                src='/images/about-shape2.png'
-                                alt="image" 
-                            />
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default AboutUsContent;

components/PCRepair/CTA.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const CTA = () => {
-    return (
-        <div className="repair-cta-area bg-0f054b">
-            <div className="container">
-                <div className="row align-items-center">
-                    <div className="col-lg-6">
-                        <div className="cta-repair-content">
-                            <h3>We'll help you get back to work</h3>
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
-
-                            <Link href="/contact">
-                                <a className="btn btn-primary">Contact Us</a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-6">
-                        <div className="cta-repair-img">
-                            <img src='/images/man-and-women.png' alt="image" />
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div className="circle-box">
-                <img src='/images/circle.png' alt="image" />
-            </div>
-            <div className="cta-shape">
-                <img src='/images/cta-shape.png' alt="image" />
-            </div>
-        </div>
-    );
-}
-
-export default CTA;

components/PCRepair/MainBanner.js

@@ -1,52 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const MainBanner = () => {
-    return (
-        <div className="repair-main-banner">
-            <div className="container">
-                <div className="row align-items-center">
-                    <div className="col-lg-6">
-                        <div className="repair-banner-content">
-                            <h1>Your Local Computer Repair Experts!</h1>
-                            <p>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.</p>
-
-                            <Link href="/contact">
-                                <a className="btn btn-primary">Get Started</a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-6">
-                        <div className="repair-banner-image">
-                            <img 
-                                src='/images/repair-banner-image/repair-banner-img.png' 
-                                alt="image" 
-                            />
- 
-                            <img 
-                                src='/images/repair-banner-image/repair-shape1.png' 
-                                className="animate__animated animate__zoomIn animate__delay-0.6s" 
-                                alt="image" 
-                            /> 
-                            
-                            <img 
-                                src='/images/repair-banner-image/repair-shape2.png' 
-                                className="animate__animated animate__fadeInLeft animate__delay-0.6s" 
-                                alt="image" 
-                            />
-                    
-                            <img 
-                                src='/images/repair-banner-image/repair-shape-circle.png' 
-                                className="rotateme" 
-                                alt="image" 
-                            />
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default MainBanner;

components/PCRepair/Services.js

@@ -1,111 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-const Services = () => {
-    return (
-        <div className="repair-services-area ptb-80 bg-f7fafd">
-            <div className="container">
-                <div className="section-title">
-                    <h2>Our Featured Services that We Provide</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-repair-services bg1">
-                            <div className="icon">
-                                <i className="flaticon-monitor"></i>
-                            </div>
-
-                            <h3>Laptop Repair</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="/service-details">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg2">
-                            <div className="icon">
-                                <i className="flaticon-idea"></i>
-                            </div>
-
-                            <h3>Computer Repair</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="/service-details">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg3">
-                            <div className="icon">
-                                <i className="flaticon-layout"></i>
-                            </div>
-
-                            <h3>Apple Products Repair</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="/service-details">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg4">
-                            <div className="icon">
-                                <i className="flaticon-update-arrows"></i>
-                            </div>
-
-                            <h3>Software Update</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="/service-details">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg5">
-                            <div className="icon">
-                                <i className="flaticon-smartphone"></i>
-                            </div>
-
-                            <h3>Smartphone Repair</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="/service-details">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg6">
-                            <div className="icon">
-                                <i className="flaticon-hard-disk"></i>
-                            </div>
-
-                            <h3>Data Backup & Recovery</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="/service-details">
-                                <a><Icon.ArrowRight /></a>
-                            </Link>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default Services;

components/PCRepair/Team.js

@@ -1,185 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-const Team = () => {
-    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/repair-team-image/repair-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><Icon.Facebook /></a>
-                                        </Link>
-                                        
-                                    </li>
-                                    <li>
-                                        <Link href="#">
-                                            <a><Icon.Twitter /></a>
-                                        </Link>
-                                    </li>
-                                    <li>
-                                        <Link href="#">
-                                            <a><Icon.Linkedin /></a>
-                                        </Link>
-                                    </li>
-                                    <li>
-                                        <Link href="#">
-                                            <a><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/repair-team-image/repair-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><Icon.Facebook /></a>
-                                        </Link>
-                                        
-                                    </li>
-                                    <li>
-                                        <Link href="#">
-                                            <a><Icon.Twitter /></a>
-                                        </Link>
-                                    </li>
-                                    <li>
-                                        <Link href="#">
-                                            <a><Icon.Linkedin /></a>
-                                        </Link>
-                                    </li>
-                                    <li>
-                                        <Link href="#">
-                                            <a><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/repair-team-image/repair-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><Icon.Facebook /></a>
-                                        </Link>
-                                        
-                                    </li>
-                                    <li>
-                                        <Link href="#">
-                                            <a><Icon.Twitter /></a>
-                                        </Link>
-                                    </li>
-                                    <li>
-                                        <Link href="#">
-                                            <a><Icon.Linkedin /></a>
-                                        </Link>
-                                    </li>
-                                    <li>
-                                        <Link href="#">
-                                            <a><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/repair-team-image/repair-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><Icon.Facebook /></a>
-                                        </Link>
-                                        
-                                    </li>
-                                    <li>
-                                        <Link href="#">
-                                            <a><Icon.Twitter /></a>
-                                        </Link>
-                                    </li>
-                                    <li>
-                                        <Link href="#">
-                                            <a><Icon.Linkedin /></a>
-                                        </Link>
-                                    </li>
-                                    <li>
-                                        <Link href="#">
-                                            <a><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 Team;

components/PCRepair/WhyChoose.js

@@ -1,81 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-const WhyChoose = () => {
-    return (
-        <div className="repair-why-choose-us ptb-80 pb-0">
-            <div className="container">
-                <div className="section-title">
-                    <h2>Why We Are Best From Others</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-repair-box">
-                            <div className="icon">
-                                <i className="flaticon-handshake"></i>
-                            </div>
-                            <h3>Quick Repair Process</h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-
-                            <Link href="#">
-                                <a>
-                                    <Icon.ArrowRight />
-                                </a>
-                            </Link>
-
-                            <div className="back-icon">
-                                <i className="flaticon-handshake"></i>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-box">
-                            <div className="icon">
-                                <i className="flaticon-repair"></i>
-                            </div>
-                            <h3>Free Diagnostics</h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-
-                            <Link href="#">
-                                <a>
-                                    <Icon.ArrowRight />
-                                </a>
-                            </Link>
-
-                            <div className="back-icon">
-                                <i className="flaticon-repair"></i>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-box">
-                            <div className="icon">
-                                <i className="flaticon-delivery-truck"></i>
-                            </div>
-                            <h3>Fast Delivery</h3>
-                            <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                            
-                            <Link href="#">
-                                <a>
-                                    <Icon.ArrowRight />
-                                </a>
-                            </Link>
-
-                            <div className="back-icon">
-                                <i className="flaticon-delivery-truck"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default WhyChoose;

components/PricingPlans/PricingStyleFour.js

@@ -1,257 +0,0 @@
-import React, { Component } from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-class PricingStyleFour extends Component {
-
-    openTabSection = (evt, tabNmae) => {
-        let i, tabcontent, tablinks;
-        tabcontent = document.getElementsByClassName("tabs_item");
-        for (i = 0; i < tabcontent.length; i++) {
-            tabcontent[i].style.display = "none";
-        }
-
-        tablinks = document.getElementsByTagName("li");
-        for (i = 0; i < tablinks.length; i++) {
-            tablinks[i].className = tablinks[i].className.replace("current", "");
-        }
-
-        document.getElementById(tabNmae).style.display = "block";
-        evt.currentTarget.className += "current";
-    }
-
-    render() {
-        return (
-            <div className="pricing-area pb-50">
-                <div className="container">
-                    <div className="section-title">
-                        <h2>Our Pricing Plan</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="tab pricing-tab bg-color">
-                        <ul className="tabs">
-                            <li
-                                className="current"
-                                onClick={(e) => this.openTabSection(e, 'tab1')}
-                            >
-                                Monthly Plan
-                            </li>
-                            
-                            <li onClick={(e) => this.openTabSection(e, 'tab2')}>
-                                Yearly Plan
-                            </li>
-                        </ul>
-
-                        <div className="tab_content">
-                            <div id="tab1" className="tabs_item">
-                                <div className="row justify-content-center">
-                                    <div className="col-lg-4 col-md-6 col-sm-6">
-                                        <div className="pricing-box">
-                                            <div className="pricing-header">
-                                                <h3>Free</h3>
-                                                <p>Get your business up <br /> and running</p>
-                                            </div>
-
-                                            <div className="price">
-                                                $0 <span>/m</span>
-                                            </div>
-
-                                            <div className="buy-btn">
-                                                <Link href="#">
-                                                    <a className="btn btn-primary">Get Started Free</a>
-                                                </Link>
-                                            </div>
-
-                                            <ul className="pricing-features">
-                                                <li><Icon.Check /> Drag & Drop Builder</li>
-                                                <li><Icon.Check /> Lead Generation & Sales</li>
-                                                <li><Icon.Check /> Boot & Digital Assistants</li>
-                                                <li><Icon.Check /> Customer Service</li>
-                                                <li><Icon.Check /> Up to 1000 Subscribers</li>
-                                                <li><Icon.Check /> Unlimited Broadcasts</li>
-                                                <li><Icon.Check /> Landing Pages & Web Widgets</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-
-                                    <div className="col-lg-4 col-md-6 col-sm-6">
-                                        <div className="pricing-box">
-                                            <div className="pricing-header">
-                                                <h3>Pro</h3>
-                                                <p>Get your business up <br /> and running</p>
-                                            </div>
-
-                                            <div className="price">
-                                                $149 <span>/m</span>
-                                            </div>
-
-                                            <div className="buy-btn">
-                                                <Link href="#">
-                                                    <a className="btn btn-primary">Start 3 Days Free Trial</a>
-                                                </Link>
-                                            </div>
-
-                                            <ul className="pricing-features">
-                                                <li><Icon.Check /> Drag & Drop Builder</li>
-                                                <li><Icon.Check /> Lead Generation & Sales</li>
-                                                <li><Icon.Check /> Boot & Digital Assistants</li>
-                                                <li><Icon.Check /> Customer Service</li>
-                                                <li><Icon.Check /> Up to 3300 Subscribers</li>
-                                                <li><Icon.Check /> Unlimited Broadcasts</li>
-                                                <li><Icon.Check /> Landing Pages & Web Widgets</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-
-                                    <div className="col-lg-4 col-md-6 col-sm-6">
-                                        <div className="pricing-box">
-                                            <div className="pricing-header">
-                                                <h3>Premium</h3>
-                                                <p>Get your business up <br /> and running</p>
-                                            </div>
-
-                                            <div className="price">
-                                                $179 <span>/m</span>
-                                            </div>
-
-                                            <div className="buy-btn">
-                                                <Link href="#">
-                                                    <a className="btn btn-primary">Start 6 Days Free Trial</a>
-                                                </Link>
-                                            </div>
-
-                                            <ul className="pricing-features">
-                                                <li><Icon.Check /> Drag & Drop Builder</li>
-                                                <li><Icon.Check /> Lead Generation & Sales</li>
-                                                <li><Icon.Check /> Boot & Digital Assistants</li>
-                                                <li><Icon.Check /> Customer Service</li>
-                                                <li><Icon.Check /> Up to 10000 Subscribers</li>
-                                                <li><Icon.Check /> Unlimited Broadcasts</li>
-                                                <li><Icon.Check /> Landing Pages & Web Widgets</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div id="tab2" className="tabs_item">
-                                <div className="row justify-content-center">
-                                    <div className="col-lg-4 col-md-6 col-sm-6">
-                                        <div className="pricing-box">
-                                            <div className="pricing-header">
-                                                <h3>Free</h3>
-                                                <p>Get your business up <br /> and running</p>
-                                            </div>
-
-                                            <div className="price">
-                                                $0 <span>/y</span>
-                                            </div>
-
-                                            <div className="buy-btn">
-                                                <Link href="#">
-                                                    <a className="btn btn-primary">Get Started Free</a>
-                                                </Link>
-                                            </div>
-
-                                            <ul className="pricing-features">
-                                                <li><Icon.Check /> Drag & Drop Builder</li>
-                                                <li><Icon.Check /> Lead Generation & Sales</li>
-                                                <li><Icon.Check /> Boot & Digital Assistants</li>
-                                                <li><Icon.Check /> Customer Service</li>
-                                                <li><Icon.Check /> Up to 1000 Subscribers</li>
-                                                <li><Icon.Check /> Unlimited Broadcasts</li>
-                                                <li><Icon.Check /> Landing Pages & Web Widgets</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-
-                                    <div className="col-lg-4 col-md-6 col-sm-6">
-                                        <div className="pricing-box">
-                                            <div className="pricing-header">
-                                                <h3>Pro</h3>
-                                                <p>Get your business up <br /> and running</p>
-                                            </div>
-
-                                            <div className="price">
-                                                $249 <span>/y</span>
-                                            </div>
-
-                                            <div className="buy-btn">
-                                                <Link href="#">
-                                                    <a className="btn btn-primary">Start 3 Days Free Trial</a>
-                                                </Link>
-                                            </div>
-
-                                            <ul className="pricing-features">
-                                                <li><Icon.Check /> Drag & Drop Builder</li>
-                                                <li><Icon.Check /> Lead Generation & Sales</li>
-                                                <li><Icon.Check /> Boot & Digital Assistants</li>
-                                                <li><Icon.Check /> Customer Service</li>
-                                                <li><Icon.Check /> Up to 3300 Subscribers</li>
-                                                <li><Icon.Check /> Unlimited Broadcasts</li>
-                                                <li><Icon.Check /> Landing Pages & Web Widgets</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-
-                                    <div className="col-lg-4 col-md-6 col-sm-6">
-                                        <div className="pricing-box">
-                                            <div className="pricing-header">
-                                                <h3>Premium</h3>
-                                                <p>Get your business up <br /> and running</p>
-                                            </div>
-
-                                            <div className="price">
-                                                $279 <span>/y</span>
-                                            </div>
-
-                                            <div className="buy-btn">
-                                                <Link href="#">
-                                                    <a className="btn btn-primary">Start 6 Days Free Trial</a>
-                                                </Link>
-                                            </div>
-
-                                            <ul className="pricing-features">
-                                                <li><Icon.Check /> Drag & Drop Builder</li>
-                                                <li><Icon.Check /> Lead Generation & Sales</li>
-                                                <li><Icon.Check /> Boot & Digital Assistants</li>
-                                                <li><Icon.Check /> Customer Service</li>
-                                                <li><Icon.Check /> Up to 10000 Subscribers</li>
-                                                <li><Icon.Check /> Unlimited Broadcasts</li>
-                                                <li><Icon.Check /> Landing Pages & Web Widgets</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </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="shape7">
-                    <img src="/images/shape4.svg" alt="shape" />
-                </div>
-                <div className="shape8 rotateme">
-                    <img src="/images/shape2.svg" alt="shape" />
-                </div>
-            </div>
-        );
-    }
-}
-
-export default PricingStyleFour;

components/PricingPlans/PricingStyleOne.js

@@ -1,128 +0,0 @@
-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>Pricing Plans</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="pricing-table">
-                            <div className="pricing-header">
-                                <h3>Basic Plan</h3>
-                            </div>
-                            
-                            <div className="price">
-                                <span><sup>$</sup>15.00 <span>/Mon</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 active-plan">
-                            <div className="pricing-header">
-                                <h3>Advanced Plan</h3>
-                            </div>
-                            
-                            <div className="price">
-                                <span><sup>$</sup>35.00 <span>/Mon</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>Expert Plan</h3>
-                            </div>
-                            
-                            <div className="price">
-                                <span><sup>$</sup>65.00 <span>/Mon</span></span>
-                            </div>
-                            
-                            <div className="pricing-features">
-                                <ul>
-                                    <li className="active">15 GB Bandwidth</li>
-                                    <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>
-                                </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/PricingPlans/PricingStyleThree.js

@@ -1,243 +0,0 @@
-import React, { Component } from 'react';
-import Link from 'next/link';
-import * as Icon from 'react-feather';
-
-class PricingStyleThree extends Component {
-
-    openTabSection = (evt, tabNmae) => {
-        let i, tabcontent, tablinks;
-        tabcontent = document.getElementsByClassName("tabs_item");
-        for (i = 0; i < tabcontent.length; i++) {
-            tabcontent[i].style.display = "none";
-        }
-
-        tablinks = document.getElementsByTagName("li");
-        for (i = 0; i < tablinks.length; i++) {
-            tablinks[i].className = tablinks[i].className.replace("current", "");
-        }
-
-        document.getElementById(tabNmae).style.display = "block";
-        evt.currentTarget.className += "current";
-    }
-
-    render() {
-        return (
-            <div className="pricing-area pb-50">
-                <div className="container">
-                    <div className="section-title st-fs-28">
-                        <span className="sub-title">Pricing</span>
-                        <h2>Our Pricing Plan</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="tab pricing-tab bg-color">
-                        <ul className="tabs">
-                            <li
-                                className="current"
-                                onClick={(e) => this.openTabSection(e, 'tab1')}
-                            >
-                                Monthly Plan
-                            </li>
-                            
-                            <li onClick={(e) => this.openTabSection(e, 'tab2')}>
-                                Yearly Plan <i data-feather="calendar"></i>
-                            </li>
-                        </ul>
-
-                        <div className="tab_content">
-                            <div id="tab1" className="tabs_item">
-                                <div className="row justify-content-center">
-                                    <div className="col-lg-4 col-md-6 col-sm-6">
-                                        <div className="pricing-box">
-                                            <div className="pricing-header">
-                                                <h3>Free</h3>
-                                                <p>Get your business up <br /> and running</p>
-                                            </div>
-
-                                            <div className="price">
-                                                $0 <span>/m</span>
-                                            </div>
-
-                                            <div className="buy-btn">
-                                                <Link href="#">
-                                                    <a className="btn btn-primary">Get Started Free</a>
-                                                </Link>
-                                            </div>
-
-                                            <ul className="pricing-features">
-                                                <li><Icon.Check /> Drag & Drop Builder</li>
-                                                <li><Icon.Check /> Lead Generation & Sales</li>
-                                                <li><Icon.Check /> Boot & Digital Assistants</li>
-                                                <li><Icon.Check /> Customer Service</li>
-                                                <li><Icon.Check /> Up to 1000 Subscribers</li>
-                                                <li><Icon.Check /> Unlimited Broadcasts</li>
-                                                <li><Icon.Check /> Landing Pages & Web Widgets</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-
-                                    <div className="col-lg-4 col-md-6 col-sm-6">
-                                        <div className="pricing-box">
-                                            <div className="pricing-header">
-                                                <h3>Pro</h3>
-                                                <p>Get your business up <br /> and running</p>
-                                            </div>
-
-                                            <div className="price">
-                                                $149 <span>/m</span>
-                                            </div>
-
-                                            <div className="buy-btn">
-                                                <Link href="#">
-                                                    <a className="btn btn-primary">Start 3 Days Free Trial</a>
-                                                </Link>
-                                            </div>
-
-                                            <ul className="pricing-features">
-                                                <li><Icon.Check /> Drag & Drop Builder</li>
-                                                <li><Icon.Check /> Lead Generation & Sales</li>
-                                                <li><Icon.Check /> Boot & Digital Assistants</li>
-                                                <li><Icon.Check /> Customer Service</li>
-                                                <li><Icon.Check /> Up to 3300 Subscribers</li>
-                                                <li><Icon.Check /> Unlimited Broadcasts</li>
-                                                <li><Icon.Check /> Landing Pages & Web Widgets</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-
-                                    <div className="col-lg-4 col-md-6 col-sm-6">
-                                        <div className="pricing-box">
-                                            <div className="pricing-header">
-                                                <h3>Premium</h3>
-                                                <p>Get your business up <br /> and running</p>
-                                            </div>
-
-                                            <div className="price">
-                                                $179 <span>/m</span>
-                                            </div>
-
-                                            <div className="buy-btn">
-                                                <Link href="#">
-                                                    <a className="btn btn-primary">Start 6 Days Free Trial</a>
-                                                </Link>
-                                            </div>
-
-                                            <ul className="pricing-features">
-                                                <li><Icon.Check /> Drag & Drop Builder</li>
-                                                <li><Icon.Check /> Lead Generation & Sales</li>
-                                                <li><Icon.Check /> Boot & Digital Assistants</li>
-                                                <li><Icon.Check /> Customer Service</li>
-                                                <li><Icon.Check /> Up to 10000 Subscribers</li>
-                                                <li><Icon.Check /> Unlimited Broadcasts</li>
-                                                <li><Icon.Check /> Landing Pages & Web Widgets</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div id="tab2" className="tabs_item">
-                                <div className="row justify-content-center">
-                                    <div className="col-lg-4 col-md-6 col-sm-6">
-                                        <div className="pricing-box">
-                                            <div className="pricing-header">
-                                                <h3>Free</h3>
-                                                <p>Get your business up <br /> and running</p>
-                                            </div>
-
-                                            <div className="price">
-                                                $0 <span>/y</span>
-                                            </div>
-
-                                            <div className="buy-btn">
-                                                <Link href="#">
-                                                    <a className="btn btn-primary">Get Started Free</a>
-                                                </Link>
-                                            </div>
-
-                                            <ul className="pricing-features">
-                                                <li><Icon.Check /> Drag & Drop Builder</li>
-                                                <li><Icon.Check /> Lead Generation & Sales</li>
-                                                <li><Icon.Check /> Boot & Digital Assistants</li>
-                                                <li><Icon.Check /> Customer Service</li>
-                                                <li><Icon.Check /> Up to 1000 Subscribers</li>
-                                                <li><Icon.Check /> Unlimited Broadcasts</li>
-                                                <li><Icon.Check /> Landing Pages & Web Widgets</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-
-                                    <div className="col-lg-4 col-md-6 col-sm-6">
-                                        <div className="pricing-box">
-                                            <div className="pricing-header">
-                                                <h3>Pro</h3>
-                                                <p>Get your business up <br /> and running</p>
-                                            </div>
-
-                                            <div className="price">
-                                                $249 <span>/y</span>
-                                            </div>
-
-                                            <div className="buy-btn">
-                                                <Link href="#">
-                                                    <a className="btn btn-primary">Start 3 Days Free Trial</a>
-                                                </Link>
-                                            </div>
-
-                                            <ul className="pricing-features">
-                                                <li><Icon.Check /> Drag & Drop Builder</li>
-                                                <li><Icon.Check /> Lead Generation & Sales</li>
-                                                <li><Icon.Check /> Boot & Digital Assistants</li>
-                                                <li><Icon.Check /> Customer Service</li>
-                                                <li><Icon.Check /> Up to 3300 Subscribers</li>
-                                                <li><Icon.Check /> Unlimited Broadcasts</li>
-                                                <li><Icon.Check /> Landing Pages & Web Widgets</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-
-                                    <div className="col-lg-4 col-md-6 col-sm-6">
-                                        <div className="pricing-box">
-                                            <div className="pricing-header">
-                                                <h3>Premium</h3>
-                                                <p>Get your business up <br /> and running</p>
-                                            </div>
-
-                                            <div className="price">
-                                                $279 <span>/y</span>
-                                            </div>
-
-                                            <div className="buy-btn">
-                                                <Link href="#">
-                                                    <a className="btn btn-primary">Start 6 Days Free Trial</a>
-                                                </Link>
-                                            </div>
-
-                                            <ul className="pricing-features">
-                                                <li><Icon.Check /> Drag & Drop Builder</li>
-                                                <li><Icon.Check /> Lead Generation & Sales</li>
-                                                <li><Icon.Check /> Boot & Digital Assistants</li>
-                                                <li><Icon.Check /> Customer Service</li>
-                                                <li><Icon.Check /> Up to 10000 Subscribers</li>
-                                                <li><Icon.Check /> Unlimited Broadcasts</li>
-                                                <li><Icon.Check /> Landing Pages & Web Widgets</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                {/* Shape Image */}
-                <div className="shape9 mobile-dnone">
-                    <img src="/images/agency-image/agency-shape1.png" alt="image" />
-                </div>
-            </div>
-        );
-    }
-}
-
-export default PricingStyleThree;

components/PricingPlans/PricingStyleTwo.js

@@ -1,121 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-
-const PricingStyleTwo = () => {
-    return (
-        <div className="pricing-area pt-80 pb-50 bg-f7fafd">
-            <div className="container">
-                <div className="section-title">
-                    <h2>Pricing Plans</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-pricing-table">
-                            <div className="pricing-header">
-                                <i className="flaticon-data"></i>
-                                <h3>Web Hosting</h3>
-                            </div>
-                            
-                            <div className="price">
-                                <span><sup>$</sup>10.99<span>/m</span></span>
-                            </div>
-                            
-                            <div className="pricing-features">
-                                <ul>
-                                    <li><i data-feather="check"></i> 99.9% Uptime Guarantee</li>
-                                    <li><i data-feather="check"></i> Reliable & Secure</li>
-                                    <li><i data-feather="check"></i> Powered by cPanel / Plesk</li>
-                                    <li><i data-feather="check"></i> Web Asset Delivery</li>
-                                    <li><i data-feather="check"></i> 24/7 Dedicated Support</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="single-pricing-table active-plan">
-                            <div className="pricing-header">
-                                <i className="flaticon-cloud"></i>
-                                <h3>Cloud Hosting</h3>
-                            </div>
-                            
-                            <div className="price">
-                                <span><sup>$</sup>13.99<span>/m</span></span>
-                            </div>
-                            
-                            <div className="pricing-features">
-                                <ul>
-                                    <li><i data-feather="check"></i> 99.9% Uptime Guarantee</li>
-                                    <li><i data-feather="check"></i> Reliable & Secure</li>
-                                    <li><i data-feather="check"></i> Powered by cPanel / Plesk</li>
-                                    <li><i data-feather="check"></i> Web Asset Delivery</li>
-                                    <li><i data-feather="check"></i> 24/7 Dedicated Support</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="single-pricing-table">
-                            <div className="pricing-header">
-                                <i className="flaticon-vps"></i>
-                                <h3>Vps Hosting</h3>
-                            </div>
-                            
-                            <div className="price">
-                                <span><sup>$</sup>15.99<span>/m</span></span>
-                            </div>
-                            
-                            <div className="pricing-features">
-                                <ul>
-                                    <li><i data-feather="check"></i> 99.9% Uptime Guarantee</li>
-                                    <li><i data-feather="check"></i> Reliable & Secure</li>
-                                    <li><i data-feather="check"></i> Powered by cPanel / Plesk</li>
-                                    <li><i data-feather="check"></i> Web Asset Delivery</li>
-                                    <li><i data-feather="check"></i> 24/7 Dedicated Support</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 PricingStyleTwo;

components/Sales/Sales_Detail.js

@@ -27,59 +27,59 @@ const Sales = function ({ backend, sales, ...props }) {
                     </div>
                     <div align="center" style={{ marginTop: "-30px" }}>
                         <Link href={`tel:${data.telp}`}>
-                            <button style={{ marginRight: "10px", borderRadius: "5px", backgroundColor: "#80808080", color: "#fff", padding: "12px 16px", border: "none", fontSize: "15px" }}><i class="fa fa-phone"></i> CALL US</button>
+                            <button style={{ marginRight: "10px", borderRadius: "50px", backgroundColor: "#212121", color: "#fff", padding: "15px 20px", border: "none", fontSize: "15px" }}><i class="fa fa-phone"></i> <b>CALL US</b></button>
                         </Link>
                         <Link href={`mailto:${data.email}`}>
-                            <button style={{ borderRadius: "5px", backgroundColor: "#80808080", color: "#fff", padding: "12px 16px", border: "none", fontSize: "15px" }}><i class="fa fa-envelope"></i> EMAIL US</button>
+                            <button style={{ borderRadius: "50px", backgroundColor: "#212121", color: "#fff", padding: "15px 20px", border: "none", fontSize: "15px" }}><i class="fa fa-envelope"></i> <b>EMAIL US</b></button>
                         </Link>
                         <Link href={`https://wa.me/62${data.wa}`}>
-                            <button style={{ marginLeft: "10px", borderRadius: "5px", backgroundColor: "#80808080", color: "#fff", padding: "12px 16px", border: "none", fontSize: "15px" }}><i class="fa fa-whatsapp"></i> WA US</button>
+                            <button style={{ marginLeft: "10px", borderRadius: "50px", backgroundColor: "#212121", color: "#fff", padding: "15px 20px", border: "none", fontSize: "15px" }}><i class="fa fa-whatsapp"></i> <b>WA US</b></button>
                         </Link>
                     </div>
                 </div>
 
-                <div class="table-responsive" style={{marginTop:"-30px"}}>
+                <div style={{ marginTop: "-30px" }}>
                     <table class="table">
                         <thead>
                             <tr>
-                                <th style={{textAlign:"right"}} width="50%">
+                                <th style={{ textAlign: "right" }} width="50%">
                                     <Link href={`tel:${data.telp}`}>
-                                        <a target="_blank"><Icon.Phone style={{ color: "#000", marginTop: "-20px" }} /></a>
+                                        <button style={{ width: "90px", marginRight: "10px", borderRadius: "50px", backgroundColor: "#000", color: "#fff", padding: "12px 16px", border: "none", fontSize: "15px" }}><i class="fa fa-phone"></i></button>
                                     </Link>
                                 </th>
                                 <th align="right" width="50%">{data.telp} <br /> Mobile </th>
                                 <th></th>
-                                <th/><th/>
+                                <th /><th />
                             </tr>
                             <tr >
-                                <th style={{textAlign:"right"}}>
+                                <th style={{ textAlign: "right" }}>
                                     <Link href={`mailto:${data.email}`}>
-                                        <a target="_blank"><Icon.Mail style={{ color: "#000", marginTop: "-20px" }} /></a>
+                                        <button style={{ width: "90px", marginRight: "10px", borderRadius: "50px", backgroundColor: "#000", color: "#fff", padding: "12px 16px", border: "none", fontSize: "15px" }}><i class="fa fa-envelope"></i></button>
                                     </Link>
                                 </th>
                                 <th>{data.email} <br /> Email </th>
                                 <th></th>
-                                <th/><th/>
+                                <th /><th />
                             </tr>
                             <tr>
-                                <th style={{textAlign:"right"}}>
+                                <th style={{ textAlign: "right" }}>
                                     <Link href="https://www.google.co.id/maps/place/Mercedes-Benz+-+PT.+THAMRIN+CITRA+ABADI/@-2.946646,104.7294956,17z/data=!3m1!4b1!4m5!3m4!1s0x2e3b7439cb4d6c0b:0xf12bc3dc2ab868f4!8m2!3d-2.9466514!4d104.7316843?hl=id">
-                                        <a target="_blank"><Icon.MapPin style={{ color: "#000", marginTop: "-20px" }} /></a>
+                                        <button style={{ width: "90px", marginRight: "10px", borderRadius: "50px", backgroundColor: "#000", color: "#fff", padding: "12px 16px", border: "none", fontSize: "15px" }}><i class="fa fa-map-marker"></i></button>
                                     </Link>
                                 </th>
                                 <th>{data.company} <br /> {data.job_title} </th>
                                 <th></th>
-                                <th/><th/>
+                                <th /><th />
                             </tr>
                             <tr>
-                                <th style={{textAlign:"right"}}>
+                                <th style={{ textAlign: "right" }}>
                                     <Link href="https://www.thamrin.mercedes-benz.co.id/en/desktop/passenger-cars.html">
-                                        <a target="_blank"><Icon.Globe style={{ color: "#000", marginTop: "-20px" }} /><br /></a>
+                                        <button style={{ width: "90px", marginRight: "10px", borderRadius: "50px", backgroundColor: "#000", color: "#fff", padding: "12px 16px", border: "none", fontSize: "15px" }}><i class="fa fa-globe"></i></button>
                                     </Link>
                                 </th>
                                 <th>thamrin.mercedes-benz.co.id<br /> Website </th>
                                 <th></th>
-                                <th/><th/>
+                                <th /><th />
                             </tr>
                         </thead>
                     </table>

components/Yamaha/LatestNews/LatestNewsDetail.js

@@ -86,173 +86,6 @@ const News = function ({ backend, news, othernews, ...props }) {
                         <div className="col-lg-8 col-md-12">
 
                             {NewsList}
-
-                            <div className="comments-area">
-                                <h3 className="comments-title">2 Comments:</h3>
-
-                                <ol className="comment-list">
-                                    <li className="comment">
-                                        <article className="comment-body">
-                                            <footer className="comment-meta">
-                                                <div className="comment-author vcard">
-                                                    <img src="/images/client-image/client1.jpg" className="avatar" alt="image" />
-                                                    <b className="fn">John Jones</b>
-                                                    <span className="says">says:</span>
-                                                </div>
-
-                                                <div className="comment-metadata">
-                                                    April 24, 2019 at 10:59 am
-                                                </div>
-                                            </footer>
-
-                                            <div className="comment-content">
-                                                <p>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.</p>
-                                            </div>
-
-                                            <div className="reply">
-                                                <a href="#" className="comment-reply-link">Reply</a>
-                                            </div>
-                                        </article>
-
-                                        <ol className="children">
-                                            <li className="comment">
-                                                <article className="comment-body">
-                                                    <footer className="comment-meta">
-                                                        <div className="comment-author vcard">
-                                                            <img src="/images/client-image/client2.jpg" className="avatar" alt="image" />
-                                                            <b className="fn">Steven Smith</b>
-                                                            <span className="says">says:</span>
-                                                        </div>
-
-                                                        <div className="comment-metadata">
-                                                            April 24, 2019 at 10:59 am
-                                                        </div>
-                                                    </footer>
-
-                                                    <div className="comment-content">
-                                                        <p>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.</p>
-                                                    </div>
-
-                                                    <div className="reply">
-                                                        <a href="#" className="comment-reply-link">Reply</a>
-                                                    </div>
-                                                </article>
-                                            </li>
-
-                                            <ol className="children">
-                                                <li className="comment">
-                                                    <article className="comment-body">
-                                                        <footer className="comment-meta">
-                                                            <div className="comment-author vcard">
-                                                                <img src="/images/client-image/client3.jpg" className="avatar" alt="image" />
-                                                                <b className="fn">Sarah Taylor</b>
-                                                                <span className="says">says:</span>
-                                                            </div>
-
-                                                            <div className="comment-metadata">
-                                                                April 24, 2019 at 10:59 am
-                                                            </div>
-                                                        </footer>
-
-                                                        <div className="comment-content">
-                                                            <p>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.</p>
-                                                        </div>
-
-                                                        <div className="reply">
-                                                            <a href="#" className="comment-reply-link">Reply</a>
-                                                        </div>
-                                                    </article>
-                                                </li>
-                                            </ol>
-                                        </ol>
-                                    </li>
-
-                                    <li className="comment">
-                                        <article className="comment-body">
-                                            <footer className="comment-meta">
-                                                <div className="comment-author vcard">
-                                                    <img src="/images/client-image/client4.jpg" className="avatar" alt="image" />
-                                                    <b className="fn">John Doe</b>
-                                                    <span className="says">says:</span>
-                                                </div>
-
-                                                <div className="comment-metadata">
-                                                    April 24, 2019 at 10:59 am
-                                                </div>
-                                            </footer>
-
-                                            <div className="comment-content">
-                                                <p>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.</p>
-                                            </div>
-
-                                            <div className="reply">
-                                                <a href="#" className="comment-reply-link">Reply</a>
-                                            </div>
-                                        </article>
-
-                                        <ol className="children">
-                                            <li className="comment">
-                                                <article className="comment-body">
-                                                    <footer className="comment-meta">
-                                                        <div className="comment-author vcard">
-                                                            <img src="/images/client-image/client5.jpg" className="avatar" alt="image" />
-                                                            <b className="fn">James Anderson</b>
-                                                            <span className="says">says:</span>
-                                                        </div>
-
-                                                        <div className="comment-metadata">
-                                                            April 24, 2019 at 10:59 am
-                                                        </div>
-                                                    </footer>
-
-                                                    <div className="comment-content">
-                                                        <p>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.</p>
-                                                    </div>
-
-                                                    <div className="reply">
-                                                        <a href="#" className="comment-reply-link">Reply</a>
-                                                    </div>
-                                                </article>
-                                            </li>
-                                        </ol>
-                                    </li>
-                                </ol>
-
-                                <div className="comment-respond">
-                                    <h3 className="comment-reply-title">Leave a Reply</h3>
-
-                                    <form className="comment-form">
-                                        <p className="comment-notes">
-                                            <span id="email-notes">Your email address will not be published.</span>
-                                            Required fields are marked
-                                            <span className="required">*</span>
-                                        </p>
-                                        <p className="comment-form-comment">
-                                            <label>Comment</label>
-                                            <textarea name="comment" id="comment" cols="45" rows="5" maxLength="65525" required="required"></textarea>
-                                        </p>
-                                        <p className="comment-form-author">
-                                            <label>Name <span className="required">*</span></label>
-                                            <input type="text" id="author" name="author" required="required" />
-                                        </p>
-                                        <p className="comment-form-email">
-                                            <label>Email <span className="required">*</span></label>
-                                            <input type="email" id="email" name="email" required="required" />
-                                        </p>
-                                        <p className="comment-form-url">
-                                            <label>Website</label>
-                                            <input type="url" id="url" name="url" />
-                                        </p>
-                                        <p className="comment-form-cookies-consent">
-                                            <input type="checkbox" value="yes" name="comment-cookies-consent" id="comment-cookies-consent" />
-                                            <label htmlFor="comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label>
-                                        </p>
-                                        <p className="form-submit">
-                                            <input type="submit" name="submit" id="submit" className="submit" value="Post Comment" />
-                                        </p>
-                                    </form>
-                                </div>
-                            </div>
                         </div>
 
                         <div className="col-lg-4 col-md-12">

components/Yamaha/Product/Motor_Detail.js

@@ -44,7 +44,6 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
     });
 
     const [OTRProduct, setProductOTR] = useState('');
-    console.log("otr :", OTRProduct);
 
     const router = useRouter();
 
@@ -117,6 +116,7 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
                                             var newformValue = {
                                                 ...formValue,
                                                 product_name: detailproduct[0].name,
+                                                // product_img: detailproduct[0].backend.img[0],
                                             }
                                             setFormValue(newformValue)
                                             console.log(JSON.stringify(newformValue));
@@ -169,7 +169,7 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
                                         </div>
                                         <br />
 
-                                        {/* <label>Product Color <span className="required">*</span></label>
+                                        <label>Product Color <span className="required">*</span></label>
                                         <div className="select-box" placeholder="Pilih Harga OTR">
                                             <select className="form-select"
                                                 name="product_color"
@@ -181,14 +181,14 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
                                                 }}
                                             >
                                                 <option value="0">- Pilih Product Color -</option>
-                                                {detailproduct[0]["product_otrs"].map((option) => (
+                                                {detailproduct[0]["product_image_colors"].map((option) => (
                                                     <option value={option.name}>{option.name}</option>
                                                 ))}
                                             </select>
                                         </div>
-                                        <br /> */}
+                                        <br />
 
-                                        {/* <button type="submit">Add to Cart</button> */}
+                                        <button type="submit">Add to Cart</button>
 
                                         <a href="#" className="add-to-wishlist-btn" title="Add to Wishlist">
                                             <Icon.Heart />

components/Yamaha/Shop/Checkout.js

@@ -12,16 +12,27 @@ import {
 //library yarn
 import NumberFormat from 'react-number-format';
 
-const CheckoutContent = function ({ backend, checkout_product, user, provinces, ...props }) {
-    console.log(provinces);
+//sweet alert
+import swal from 'sweetalert';
 
+const CheckoutContent = function ({ backend, checkout_product, user, provinces, ...props }) {
     const [formValue, setFormValue] = React.useState({
-        transaction_id: "",
-        product_img: "",
+        order_id: "",
         product_name: "",
         product_color: "",
         product_quantity: "",
-        product_total: "",
+        product_price: "",
+        product_courier: "JNE",
+        cust_name: "",
+        cust_telp: "",
+        cust_email: "",
+        cust_postCode: "",
+        cust_address: "",
+        cust_village: "",
+        cust_district: "",
+        cust_city: "",
+        cust_province: "",
+        note: "",
     });
 
     return (
@@ -37,7 +48,46 @@ const CheckoutContent = function ({ backend, checkout_product, user, provinces,
                         </div>
                     </div>
 
-                    <form>
+                    <form
+                        onSubmit={async (e) => {
+                            e.preventDefault();
+                            var newformValue = {
+                                ...formValue,
+                                order_id: checkout_product[0].transaction_id,
+                                product_name: checkout_product[0].product_name,
+                                product_color: checkout_product[0].product_color,
+                                product_quantity: checkout_product[0].product_quantity,
+                                product_price: checkout_product[0].product_total,
+                            }
+                            setFormValue(newformValue)
+                            console.log(JSON.stringify(newformValue));
+                            const response = await fetch(
+                                "/api/transaction/create",
+                                {
+                                    method: "POST",
+                                    headers: {
+                                        'Content-Type': 'application/json'
+                                    },
+                                    body: JSON.stringify(newformValue),
+                                }
+                            );
+                            if (response.ok) {
+                                var res = await response.json();
+                                console.log("cek response :", res);
+                                if (res["STATUS"] === 1) {
+                                    res["DATA"]["transaction"];
+                                    swal("Produk Berhasil Ditambah ke Keranjang", "Silahkan Cek Keranjang Belanja Anda", "success");
+                                    // router.push("/yamaha/Shop/Cart");
+                                }
+                                else {
+                                    swal("Produk Gagal Ditambah ke Keranjang", "Silahkan Coba Lagi", "error");
+                                }
+                            } else {
+                                swal("Transaksi Gagal", "Silahkan Coba Lagi", "error");
+                            }
+                            return false;
+                        }}
+                    >
                         <div className="row">
                             <div className="col-lg-6 col-md-12">
                                 <div className="billing-details">
@@ -47,73 +97,169 @@ const CheckoutContent = function ({ backend, checkout_product, user, provinces,
                                         <div className="col-lg-6 col-md-6">
                                             <div className="form-group">
                                                 <label>Nama Lengkap <span className="required">*</span></label>
-                                                <input type="text" className="form-control" />
+                                                <input 
+                                                    name="cust_name" 
+                                                    type="text" 
+                                                    className="form-control"
+                                                    onInput={(e) => {
+                                                        setFormValue({
+                                                            ...formValue,
+                                                            cust_name: e.target.value.toString(),
+                                                        })
+                                                    }}
+                                                />
                                             </div>
                                         </div>
 
                                         <div className="col-lg-6 col-md-6">
                                             <div className="form-group">
                                                 <label>Nomer Telpon <span className="required">*</span></label>
-                                                <input type="text" className="form-control" />
+                                                <input 
+                                                    name="cust_telp" 
+                                                    type="text" 
+                                                    className="form-control" 
+                                                    onInput={(e) => {
+                                                        setFormValue({
+                                                            ...formValue,
+                                                            cust_telp: e.target.value.toString(),
+                                                        })
+                                                    }}
+                                                />
                                             </div>
                                         </div>
 
                                         <div className="col-lg-6 col-md-6">
                                             <div className="form-group">
                                                 <label>Email <span className="required">*</span></label>
-                                                <input type="email" className="form-control" />
+                                                <input 
+                                                    name="cust_email" 
+                                                    type="email" 
+                                                    className="form-control" 
+                                                    onInput={(e) => {
+                                                        setFormValue({
+                                                            ...formValue,
+                                                            cust_email: e.target.value.toString(),
+                                                        })
+                                                    }}
+                                                />
                                             </div>
                                         </div>
 
                                         <div className="col-lg-6 col-md-6">
                                             <div className="form-group">
                                                 <label>Kode Pos <span className="required">*</span></label>
-                                                <input type="text" className="form-control" />
+                                                <input 
+                                                    name="cust_postCode" 
+                                                    type="text" 
+                                                    className="form-control" 
+                                                    onInput={(e) => {
+                                                        setFormValue({
+                                                            ...formValue,
+                                                            cust_postCode: e.target.value.toString(),
+                                                        })
+                                                    }}
+                                                />
                                             </div>
                                         </div>
 
                                         <div className="col-lg-12 col-md-12">
                                             <div className="form-group">
                                                 <label>Alamat Lengkap <span className="required">*</span></label>
-                                                <textarea name="notes" id="notes" cols="30" rows="4" className="form-control"></textarea>
+                                                <textarea 
+                                                    name="cust_address" 
+                                                    cols="30" rows="4" 
+                                                    className="form-control"
+                                                    onInput={(e) => {
+                                                        setFormValue({
+                                                            ...formValue,
+                                                            cust_address: e.target.value.toString(),
+                                                        })
+                                                    }}
+                                                ></textarea>
                                             </div>
                                         </div>
 
                                         <div className="col-lg-6 col-md-6">
                                             <div className="form-group">
                                                 <label>Kelurahan / Desa <span className="required">*</span></label>
-                                                <input type="text" className="form-control" />
+                                                <input 
+                                                    name="cust_village" 
+                                                    type="text" 
+                                                    className="form-control" 
+                                                    onInput={(e) => {
+                                                        setFormValue({
+                                                            ...formValue,
+                                                            cust_village: e.target.value.toString(),
+                                                        })
+                                                    }}    
+                                                />
                                             </div>
                                         </div>
 
                                         <div className="col-lg-6 col-md-6">
                                             <div className="form-group">
                                                 <label>Kecamatan <span className="required">*</span></label>
-                                                <input type="text" className="form-control" />
+                                                <input 
+                                                    name="cust_district" 
+                                                    type="text" 
+                                                    className="form-control"
+                                                    onInput={(e) => {
+                                                        setFormValue({
+                                                            ...formValue,
+                                                            cust_district: e.target.value.toString(),
+                                                        })
+                                                    }}
+                                                />
                                             </div>
                                         </div>
 
                                         <div className="col-lg-6 col-md-6">
                                             <div className="form-group">
                                                 <label>Kabupaten / Kota <span className="required">*</span></label>
-                                                <input type="text" className="form-control" />
+                                                <input 
+                                                    name="cust_city" 
+                                                    type="text" 
+                                                    className="form-control"
+                                                    onInput={(e) => {
+                                                        setFormValue({
+                                                            ...formValue,
+                                                            cust_city: e.target.value.toString(),
+                                                        })
+                                                    }}    
+                                                />
                                             </div>
                                         </div>
 
-
                                         <div className="col-lg-6 col-md-6">
                                             <div className="form-group">
                                                 <label>Provinsi <span className="required">*</span></label>
+                                                <input 
+                                                    name="cust_province" 
+                                                    type="text" 
+                                                    className="form-control"
+                                                    onInput={(e) => {
+                                                        setFormValue({
+                                                            ...formValue,
+                                                            cust_province: e.target.value.toString(),
+                                                        })
+                                                    }}  
+                                                />
+                                            </div>
+                                        </div>
+
+                                        {/* <div className="col-lg-6 col-md-6">
+                                            <div className="form-group">
+                                                <label>Provinsi <span className="required">*</span></label>
 
                                                 <div className="select-box">
                                                     <select className="form-select">
-                                                        {/* {provinces["provinsi"].map((option) => (
+                                                        {provinces["provinsi"].map((option) => (
                                                             <option value={option.id}>{option.nama}</option>
-                                                        ))} */}
+                                                        ))}
                                                     </select>
                                                 </div>
                                             </div>
-                                        </div>
+                                        </div> */}
 
                                         {/* <div className="col-lg-12 col-md-12">
                                             <div className="form-check">
@@ -131,7 +277,19 @@ const CheckoutContent = function ({ backend, checkout_product, user, provinces,
 
                                         <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>
+                                                <textarea 
+                                                    name="note" 
+                                                    id="notes" 
+                                                    cols="30" rows="4" 
+                                                    placeholder="Order Notes" 
+                                                    className="form-control"
+                                                    onInput={(e) => {
+                                                        setFormValue({
+                                                            ...formValue,
+                                                            note: e.target.value.toString(),
+                                                        })
+                                                    }}  
+                                                ></textarea>
                                             </div>
                                         </div>
                                     </div>
@@ -266,7 +424,7 @@ const CheckoutContent = function ({ backend, checkout_product, user, provinces,
                                                     </td>
 
                                                     <td className="order-subtotal-price">
-                                                        <span className="order-subtotal-amount">$210.00</span>
+                                                        <span className="order-subtotal-amount">10$2.00</span>
                                                     </td>
                                                 </tr>
                                                 <tr>
@@ -316,7 +474,7 @@ const CheckoutContent = function ({ backend, checkout_product, user, provinces,
                                         </p>
                                     </div> */}
 
-                                    <a href="#" className="btn btn-primary order-btn">Lanjutkan Pembayaran</a>
+                                    <button type="submit" className="btn btn-primary order-btn">Lanjutkan Pembayaran</button>
                                 </div>
                             </div>
                         </div>

pages/faq.js → components/Yamaha/Shop/OrderSummary.js

@@ -1,7 +1,4 @@
 import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import Footer from "@/components/_App/Footer";
-import PageBanner from '@/components/Common/PageBanner'; 
 import {
     Accordion,
     AccordionItem,
@@ -10,13 +7,9 @@ import {
     AccordionItemButton
 } from 'react-accessible-accordion';
  
-const FAQ = () => {
+const OrderSummary = () => {
     return (
         <>
-            <Navbar />
-
-            <PageBanner pageTitle="FAQ" />
-
             <div className="faq-area ptb-80">
                 <div className="container">
                     <div className="faq-accordion">
@@ -25,7 +18,7 @@ const FAQ = () => {
                                 <AccordionItemHeading>
                                     <AccordionItemButton>
                                         <span>
-                                            How do permissions work in Google Play Instant?
+                                            Nomer Pemesanan - Pesanan Sedang di Proses
                                         </span>
                                     </AccordionItemButton>
                                 </AccordionItemHeading>
@@ -149,10 +142,8 @@ const FAQ = () => {
                     </div>
                 </div>
             </div>
- 
-            <Footer />
         </>
     )
 }
 
-export default FAQ;
+export default OrderSummary;

package.json

@@ -16,6 +16,8 @@
         "cookies": "^0.8.0",
         "cross-fetch": "^3.1.4",
         "dotenv": "^10.0.0",
+        "firebase": "^9.5.0",
+        "firebase-tools": "^9.23.0",
         "graphql": "^15.6.1",
         "midtrans-client": "^1.2.5",
         "next": "^10.0.7",
@@ -26,6 +28,7 @@
         "react-accessible-accordion": "^3.3.4",
         "react-dom": "^17.0.1",
         "react-feather": "^2.0.9",
+        "react-firebaseui": "^6.0.0",
         "react-hook-form": "^6.15.4",
         "react-html-parser": "^2.0.2",
         "react-icons": "^4.3.1",

pages/_app.js

@@ -21,8 +21,8 @@ export default function App({ Component, pageProps }) {
     const store = useStore(pageProps.initialReduxState)
 
     return (
-        <ToastProvider 
-            placement = "bottom-left"
+        <ToastProvider
+            placement="bottom-left"
             autoDismissTimeout={6000}
             autoDismiss
         >

pages/about-1.js

@@ -1,80 +0,0 @@
-import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import Team from "@/components/Common/Team";
-import FunFactsArea from "@/components/Common/FunFactsArea";
-import Partner from "@/components/Common/Partner";
-import Footer from "@/components/_App/Footer";
-import PageBanner from '@/components/Common/PageBanner';
-
-const About1 = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="About Us" />
-
-            <div className="about-area ptb-80">
-                <div className="container">
-                    <div className="row align-items-center">
-                        <div className="col-lg-6 col-md-12">
-                            <div className="about-image">
-                                <img src="/images/about-one.png" alt="image" />
-                            </div>
-                        </div>
-
-                        <div className="col-lg-6 col-md-12">
-                            <div className="about-content">
-                                <div className="section-title">
-                                    <h2>About Us</h2>
-                                    <div className="bar"></div>
-                                    <p>Lorem ipsum dolor sit amet, con se ctetur adipiscing elit. In sagittis eg esta ante, sed viverra nunc tinci dunt nec elei fend et tiram.</p>
-                                </div>
-
-                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sagittis egestas ante, sed viverra nunc tincidunt nec nteger nonsed condimntum elit, sit amet feugiat lorem. Proin tempus sagittis velit vitae scelerisque.</p>
-
-                                <p>Lorem ipsum dolor sit amet, con se ctetur adipiscing elit. In sagittis eg esta ante, sed viverra nunc tinci dunt nec elei fend et tiram.</p>
-
-                                <p>Business-to-business metrics analytics value proposition funding angel investor entrepreneur alpha ramen equity gamification. Social proof partner network research.</p>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div className="about-inner-area">
-                        <div className="row justify-content-center">
-                            <div className="col-lg-4 col-md-6 col-sm-6">
-                                <div className="about-text">
-                                    <h3>Our History</h3>
-                                    <p>Lorem ipsum dolor sit amet, con se ctetur adipiscing elit. In sagittis eg esta ante, sed viverra nunc tinci dunt nec elei fend et tiram.</p>
-                                </div>
-                            </div>
-
-                            <div className="col-lg-4 col-md-6 col-sm-6">
-                                <div className="about-text">
-                                    <h3>Our Mission</h3>
-                                    <p>Lorem ipsum dolor sit amet, con se ctetur adipiscing elit. In sagittis eg esta ante, sed viverra nunc tinci dunt nec elei fend et tiram.</p>
-                                </div>
-                            </div>
-
-                            <div className="col-lg-4 col-md-6 col-sm-6">
-                                <div className="about-text">
-                                    <h3>Who We Are</h3>
-                                    <p>Lorem ipsum dolor sit amet, con se ctetur adipiscing elit. In sagittis eg esta ante, sed viverra nunc tinci dunt nec elei fend et tiram.</p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <Team />
-
-            <Partner />
-
-            <FunFactsArea />
-            
-            <Footer />
-        </>
-    )
-}
-
-export default About1;

pages/about-2.js

@@ -1,83 +0,0 @@
-import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import Team from "@/components/Common/Team";
-import FunFactsArea from "@/components/Common/FunFactsArea";
-import Footer from "@/components/_App/Footer";
-import PageBanner from '@/components/Common/PageBanner';
-import FeedbackStyleFour from '@/components/Common/FeedbackStyleFour';
-import Partner from '@/components/MachineLearning/Partner';
-
-const About2 = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="About Us" />
-
-            <div className="about-area ptb-80">
-                <div className="container-fluid">
-                    <div className="row align-items-center">
-                        <div className="col-lg-6 col-md-12">
-                            <div className="ml-about-img">
-                                <img src="/images/about4.png" alt="image" />
-                            </div>
-                        </div>
-
-                        <div className="col-lg-6 col-md-12">
-                            <div className="ml-about-content">
-                                <span className="sub-title">About Us</span>
-                                <h2>Engaging New Audiences Through Smart Approach</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>
-
-                                <p>Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.Donec vitae sapien ut libero venenatis faucibus tempus.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div className="container">
-                    <div className="about-inner-area">
-                        <div className="row justify-content-center">
-                            <div className="col-lg-4 col-md-6 col-sm-6">
-                                <div className="about-text">
-                                    <h3>Our History</h3>
-                                    <p>Lorem ipsum dolor sit amet, con se ctetur adipiscing elit. In sagittis eg esta ante, sed viverra nunc tinci dunt nec elei fend et tiram.</p>
-                                </div>
-                            </div>
-
-                            <div className="col-lg-4 col-md-6 col-sm-6">
-                                <div className="about-text">
-                                    <h3>Our Mission</h3>
-                                    <p>Lorem ipsum dolor sit amet, con se ctetur adipiscing elit. In sagittis eg esta ante, sed viverra nunc tinci dunt nec elei fend et tiram.</p>
-                                </div>
-                            </div>
-
-                            <div className="col-lg-4 col-md-6 col-sm-6">
-                                <div className="about-text">
-                                    <h3>Who We Are</h3>
-                                    <p>Lorem ipsum dolor sit amet, con se ctetur adipiscing elit. In sagittis eg esta ante, sed viverra nunc tinci dunt nec elei fend et tiram.</p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <Team />
-
-            <FeedbackStyleFour />
-           
-            <FunFactsArea />
-
-            <div className="pb-80">
-                <Partner />
-            </div>
-            
-            <Footer />
-        </>
-    )
-}
-
-export default About2;

pages/about-3.js

@@ -1,102 +0,0 @@
-import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import Team from "@/components/Common/Team";
-import FunFactsArea from "@/components/Common/FunFactsArea";
-import Footer from "@/components/_App/Footer";
-import PageBanner from '@/components/Common/PageBanner';
-import FeedbackStyleThree from '@/components/Common/FeedbackStyleThree';
-import Partner from '@/components/MachineLearning/Partner';
-
-const About3 = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="About Us" />
-
-            <div className="agency-about-area ptb-80">
-                <div className="container-fluid">
-                    <div className="row align-items-center">
-                        <div className="col-lg-6 col-md-12">
-                            <div className="agency-about-img">
-                                <img src="/images/agency-image/agency-about-img.jpg" alt="image" />
-                            </div>
-                        </div>
-
-                        <div className="col-lg-6 col-md-12">
-                            <div className="agency-about-content">
-                                <span className="sub-title">About Us</span>
-                                <h2>Engaging New Audiences Through Smart Approach</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>
-
-                                <p>Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.Donec vitae sapien ut libero venenatis faucibus tempus.</p>
-
-                                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div className="container">
-                    <div className="about-inner-area">
-                        <div className="row justify-content-center">
-                            <div className="col-lg-4 col-md-6 col-sm-6">
-                                <div className="about-text">
-                                    <h3>Our History</h3>
-                                    <p>Lorem ipsum dolor sit amet, con se ctetur adipiscing elit. In sagittis eg esta ante, sed viverra nunc tinci dunt nec elei fend et tiram.</p>
-                                </div>
-                            </div>
-
-                            <div className="col-lg-4 col-md-6 col-sm-6">
-                                <div className="about-text">
-                                    <h3>Our Mission</h3>
-                                    <p>Lorem ipsum dolor sit amet, con se ctetur adipiscing elit. In sagittis eg esta ante, sed viverra nunc tinci dunt nec elei fend et tiram.</p>
-                                </div>
-                            </div>
-
-                            <div className="col-lg-4 col-md-6 col-sm-6">
-                                <div className="about-text">
-                                    <h3>Who We Are</h3>
-                                    <p>Lorem ipsum dolor sit amet, con se ctetur adipiscing elit. In sagittis eg esta ante, sed viverra nunc tinci dunt nec elei fend et tiram.</p>
-                                </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="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>
-
-            <Team />
-
-            <FeedbackStyleThree />
-           
-            <FunFactsArea />
-
-            <div className="pb-80">
-                <Partner />
-            </div>
-            
-            <Footer />
-        </>
-    )
-}
-
-export default About3;

pages/api/contact.js

@@ -26,7 +26,6 @@ export default async (req, res) => {
             <b>Message:</b> ${text} 
         ` 
     };
-
     try {
         const response = await mailer.sendMail(data);
         console.log(response)

pages/bigdata-analytics.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import MainBanner from "@/components/ITStartup/MainBanner";
-import Features from "@/components/ITStartup/Features";
-import OurFeatures from "@/components/ITStartup/OurFeatures";
-import ServicesArea from "@/components/ITStartup/ServicesArea";
-import Team from "@/components/Common/Team";
-import FunFactsArea from "@/components/Common/FunFactsArea";
-import RecentWorks from "@/components/Common/RecentWorks";
-import PricingStyleOne from "@/components/PricingPlans/PricingStyleOne";
-import Feedback from "@/components/Common/Feedback";
-import Partner from "@/components/Common/Partner";
-import BlogPost from "@/components/Common/BlogPost";
-import Footer from "@/components/_App/Footer";
-
-const Index = () => {
-    return (
-        <>
-            <Navbar />
-            <MainBanner />
-            <Features />
-            <ServicesArea />
-            <OurFeatures />
-            <Team />
-            <FunFactsArea />
-            <RecentWorks />
-            <PricingStyleOne />
-            <Feedback />
-            <Partner />
-            <BlogPost />
-            <Footer />
-        </>
-    )
-}
-
-export default Index;

pages/blog-1.js

@@ -1,249 +0,0 @@
-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';
-import Link from 'next/link';
- 
-const Blog1 = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Blog Grid" />
- 
-            <div className="blog-area ptb-80">
-                <div className="container">
-                    <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 <a href="#">Admin</a></span>
-
-                                    <p>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="/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 <a href="#">Smith</a></span>
-
-                                    <p>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="/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 <a href="#">John</a></span>
-
-                                    <p>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="/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/blog4.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>Here are the 5 most telling signs of micromanagement</a>
-                                        </Link>
-                                    </h3>
-
-                                    <span>By <a href="#">Admin</a></span>
-
-                                    <p>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="/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/blog5.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>I Used The Web For A Day On A 50 MB Budget</a>
-                                        </Link>
-                                    </h3>
-
-                                    <span>By <a href="#">Smith</a></span>
-
-                                    <p>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="/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/blog6.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>Making Peace With The Feast Or Famine Of Freelancing</a>
-                                        </Link>
-                                    </h3>
-
-                                    <span>By <a href="#">John</a></span>
-
-                                    <p>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="/blog-details">
-                                        <a className="read-more-btn">
-                                            Read More <Icon.ArrowRight />
-                                        </a>
-                                    </Link>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        {/* Pagination */}
-                        <div className="col-lg-12 col-md-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>
-
-            <Footer />
-        </>
-    )
-}
-
-export default Blog1;

pages/blog-2.js

@@ -1,258 +0,0 @@
-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';
-import Link from 'next/link';
-import BlogSidebar from '@/components/Blog/BlogSidebar';
- 
-const Blog2 = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Blog Right Sidebar" />
- 
-            <div className="blog-area ptb-80">
-                <div className="container">
-                    <div className="row">
-                        <div className="col-lg-8 col-md-12">
-                            <div className="row justify-content-center">
-                                <div className="col-lg-6 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 <a href="#">Admin</a></span>
-
-                                            <p>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="/blog-details">
-                                                <a className="read-more-btn">
-                                                    Read More <Icon.ArrowRight />
-                                                </a>
-                                            </Link>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 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 <a href="#">Smith</a></span>
-
-                                            <p>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="/blog-details">
-                                                <a className="read-more-btn">
-                                                    Read More <Icon.ArrowRight />
-                                                </a>
-                                            </Link>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 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 <a href="#">John</a></span>
-
-                                            <p>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="/blog-details">
-                                                <a className="read-more-btn">
-                                                    Read More <Icon.ArrowRight />
-                                                </a>
-                                            </Link>
-                                        </div>
-                                    </div>
-                                </div>
-                                
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="single-blog-post">
-                                        <div className="blog-image">
-                                            <Link href="/blog-details">
-                                                <a>
-                                                    <img src="/images/blog-image/blog4.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>Here are the 5 most telling signs of micromanagement</a>
-                                                </Link>
-                                            </h3>
-
-                                            <span>By <a href="#">Admin</a></span>
-
-                                            <p>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="/blog-details">
-                                                <a className="read-more-btn">
-                                                    Read More <Icon.ArrowRight />
-                                                </a>
-                                            </Link>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="single-blog-post">
-                                        <div className="blog-image">
-                                            <Link href="/blog-details">
-                                                <a>
-                                                    <img src="/images/blog-image/blog5.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>I Used The Web For A Day On A 50 MB Budget</a>
-                                                </Link>
-                                            </h3>
-
-                                            <span>By <a href="#">Smith</a></span>
-
-                                            <p>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="/blog-details">
-                                                <a className="read-more-btn">
-                                                    Read More <Icon.ArrowRight />
-                                                </a>
-                                            </Link>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="single-blog-post">
-                                        <div className="blog-image">
-                                            <Link href="/blog-details">
-                                                <a>
-                                                    <img src="/images/blog-image/blog6.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>Making Peace With The Feast Or Famine Of Freelancing</a>
-                                                </Link>
-                                            </h3>
-
-                                            <span>By <a href="#">John</a></span>
-
-                                            <p>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="/blog-details">
-                                                <a className="read-more-btn">
-                                                    Read More <Icon.ArrowRight />
-                                                </a>
-                                            </Link>
-                                        </div>
-                                    </div>
-                                </div>
-                                
-                                {/* Pagination */}
-                                <div className="col-lg-12 col-md-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 className="col-lg-4 col-md-12">
-                            <BlogSidebar />
-                        </div>
-                    </div>
-                </div>
-		    </div>
-
-            <Footer />
-        </>
-    )
-}
-
-export default Blog2;

pages/blog-3.js

@@ -1,250 +0,0 @@
-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';
-import Link from 'next/link';
- 
-const Blog3 = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Blog Grid" />
-
-            <div className="blog-area ptb-80">
-                <div className="container">
-                    <div className="row">
-                        <div className="col-lg-4 col-md-6">
-                            <div className="single-blog-post-box">
-                                <div className="entry-thumbnail">
-                                    <Link href="/blog-details">
-                                        <a>
-                                            <img src="/images/blog-image/blog9.jpg" alt="image" />
-                                        </a>
-                                    </Link>
-                                </div>
-
-                                <div className="entry-post-content">
-                                    <div className="entry-meta">
-                                        <ul>
-                                            <li><a href="#">Admin</a></li>
-                                            <li>August 15, 2021</li>
-                                        </ul>
-                                    </div>
-
-                                    <h3>
-                                        <Link href="/blog-details">
-                                            <a>Making Peace With The Feast Or Famine Of Freelancing</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-
-                                    <Link href="/blog-details">
-                                        <a className="learn-more-btn">
-                                            Read Story <Icon.Plus />
-                                        </a>
-                                    </Link>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-4 col-md-6">
-                            <div className="single-blog-post-box">
-                                <div className="entry-thumbnail">
-                                    <Link href="/blog-details">
-                                        <a>
-                                            <img src="/images/blog-image/blog10.jpg" alt="image" />
-                                        </a>
-                                    </Link>
-                                </div>
-
-                                <div className="entry-post-content">
-                                    <div className="entry-meta">
-                                        <ul>
-                                            <li><a href="#">Admin</a></li>
-                                            <li>August 18, 2021</li>
-                                        </ul>
-                                    </div>
- 
-                                    <h3>
-                                        <Link href="/blog-details">
-                                            <a>I Used The Web For A Day On A 50 MB Budget</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                    
-                                    <Link href="/blog-details">
-                                        <a className="learn-more-btn">
-                                            Read Story <Icon.Plus />
-                                        </a>
-                                    </Link>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-4 col-md-6">
-                            <div className="single-blog-post-box">
-                                <div className="entry-thumbnail">
-                                    <Link href="/blog-details">
-                                        <a>
-                                            <img src="/images/blog-image/blog11.jpg" alt="image" />
-                                        </a>
-                                    </Link>
-                                </div>
-
-                                <div className="entry-post-content">
-                                    <div className="entry-meta">
-                                        <ul>
-                                            <li><a href="#">Admin</a></li>
-                                            <li>August 15, 2021</li>
-                                        </ul>
-                                    </div>
- 
-                                    <h3>
-                                        <Link href="/blog-details">
-                                            <a>Here are the 5 most telling signs of micromanagement</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                    
-                                    <Link href="/blog-details">
-                                        <a className="learn-more-btn">
-                                            Read Story <Icon.Plus />
-                                        </a>
-                                    </Link>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-4 col-md-6">
-                            <div className="single-blog-post-box">
-                                <div className="entry-thumbnail">
-                                    <Link href="/blog-details">
-                                        <a>
-                                            <img src="/images/blog-image/blog12.jpg" alt="image" />
-                                        </a>
-                                    </Link>
-                                </div>
-
-                                <div className="entry-post-content">
-                                    <div className="entry-meta">
-                                        <ul>
-                                            <li><a href="#">Admin</a></li>
-                                            <li>August 15, 2021</li>
-                                        </ul>
-                                    </div>
- 
-                                    <h3>
-                                        <Link href="/blog-details">
-                                            <a>The security risks of changing package owners</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                    
-                                    <Link href="/blog-details">
-                                        <a className="learn-more-btn">
-                                            Read Story <Icon.Plus />
-                                        </a>
-                                    </Link>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-4 col-md-6">
-                            <div className="single-blog-post-box">
-                                <div className="entry-thumbnail">
-                                    <Link href="/blog-details">
-                                        <a>
-                                            <img src="/images/blog-image/blog13.jpg" alt="image" />
-                                        </a>
-                                    </Link>
-                                </div>
-
-                                <div className="entry-post-content">
-                                    <div className="entry-meta">
-                                        <ul>
-                                            <li><a href="#">Admin</a></li>
-                                            <li>August 18, 2021</li>
-                                        </ul>
-                                    </div>
- 
-                                    <h3>
-                                        <Link href="/blog-details">
-                                            <a>Tips to Protecting Your Business and Family</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                    
-                                    <Link href="/blog-details">
-                                        <a className="learn-more-btn">
-                                            Read Story <Icon.Plus />
-                                        </a>
-                                    </Link>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-4 col-md-6">
-                            <div className="single-blog-post-box">
-                                <div className="entry-thumbnail">
-                                    <Link href="/blog-details">
-                                        <a>
-                                            <img src="/images/blog-image/blog14.jpg" alt="image" />
-                                        </a>
-                                    </Link>
-                                </div>
-
-                                <div className="entry-post-content">
-                                    <div className="entry-meta">
-                                        <ul>
-                                            <li><a href="#">Admin</a></li>
-                                            <li>August 15, 2021</li>
-                                        </ul>
-                                    </div>
- 
-                                    <h3>
-                                        <Link href="/blog-details">
-                                            <a>Protect Your Workplace from Cyber Attacks</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                    
-                                    <Link href="/blog-details">
-                                        <a className="learn-more-btn">
-                                            Read Story <Icon.Plus />
-                                        </a>
-                                    </Link>
-                                </div>
-                            </div>
-                        </div>
-                        
-
-                        {/* Pagination */}
-                        <div className="col-lg-12 col-md-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>
- 
-            <Footer />
-        </>
-    )
-}
-
-export default Blog3;

pages/blog-4.js

@@ -1,258 +0,0 @@
-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';
-import Link from 'next/link';
-import BlogSidebar from '@/components/Blog/BlogSidebar';
- 
-const Blog4 = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Blog Right Sidebar" />
-
-            <div className="blog-area ptb-80">
-                <div className="container">
-                    <div className="row">
-                        <div className="col-lg-8 col-md-12">
-                            <div className="row">
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="single-blog-post-box">
-                                        <div className="entry-thumbnail">
-                                            <Link href="/blog-details">
-                                                <a>
-                                                    <img src="/images/blog-image/blog9.jpg" alt="image" />
-                                                </a>
-                                            </Link>
-                                        </div>
-
-                                        <div className="entry-post-content">
-                                            <div className="entry-meta">
-                                                <ul>
-                                                    <li><a href="#">Admin</a></li>
-                                                    <li>August 15, 2021</li>
-                                                </ul>
-                                            </div>
-
-                                            <h3>
-                                                <Link href="/blog-details">
-                                                    <a>Making Peace With The Feast Or Famine Of Freelancing</a>
-                                                </Link>
-                                            </h3>
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-
-                                            <Link href="/blog-details">
-                                                <a className="learn-more-btn">
-                                                    Read Story <Icon.Plus />
-                                                </a>
-                                            </Link>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="single-blog-post-box">
-                                        <div className="entry-thumbnail">
-                                            <Link href="/blog-details">
-                                                <a>
-                                                    <img src="/images/blog-image/blog10.jpg" alt="image" />
-                                                </a>
-                                            </Link>
-                                        </div>
-
-                                        <div className="entry-post-content">
-                                            <div className="entry-meta">
-                                                <ul>
-                                                    <li><a href="#">Admin</a></li>
-                                                    <li>August 18, 2021</li>
-                                                </ul>
-                                            </div>
-        
-                                            <h3>
-                                                <Link href="/blog-details">
-                                                    <a>I Used The Web For A Day On A 50 MB Budget</a>
-                                                </Link>
-                                            </h3>
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                            
-                                            <Link href="/blog-details">
-                                                <a className="learn-more-btn">
-                                                    Read Story <Icon.Plus />
-                                                </a>
-                                            </Link>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="single-blog-post-box">
-                                        <div className="entry-thumbnail">
-                                            <Link href="/blog-details">
-                                                <a>
-                                                    <img src="/images/blog-image/blog11.jpg" alt="image" />
-                                                </a>
-                                            </Link>
-                                        </div>
-
-                                        <div className="entry-post-content">
-                                            <div className="entry-meta">
-                                                <ul>
-                                                    <li><a href="#">Admin</a></li>
-                                                    <li>August 15, 2021</li>
-                                                </ul>
-                                            </div>
-        
-                                            <h3>
-                                                <Link href="/blog-details">
-                                                    <a>Here are the 5 most telling signs of micromanagement</a>
-                                                </Link>
-                                            </h3>
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                            
-                                            <Link href="/blog-details">
-                                                <a className="learn-more-btn">
-                                                    Read Story <Icon.Plus />
-                                                </a>
-                                            </Link>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="single-blog-post-box">
-                                        <div className="entry-thumbnail">
-                                            <Link href="/blog-details">
-                                                <a>
-                                                    <img src="/images/blog-image/blog12.jpg" alt="image" />
-                                                </a>
-                                            </Link>
-                                        </div>
-
-                                        <div className="entry-post-content">
-                                            <div className="entry-meta">
-                                                <ul>
-                                                    <li><a href="#">Admin</a></li>
-                                                    <li>August 15, 2021</li>
-                                                </ul>
-                                            </div>
-        
-                                            <h3>
-                                                <Link href="/blog-details">
-                                                    <a>The security risks of changing package owners</a>
-                                                </Link>
-                                            </h3>
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                            
-                                            <Link href="/blog-details">
-                                                <a className="learn-more-btn">
-                                                    Read Story <Icon.Plus />
-                                                </a>
-                                            </Link>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="single-blog-post-box">
-                                        <div className="entry-thumbnail">
-                                            <Link href="/blog-details">
-                                                <a>
-                                                    <img src="/images/blog-image/blog13.jpg" alt="image" />
-                                                </a>
-                                            </Link>
-                                        </div>
-
-                                        <div className="entry-post-content">
-                                            <div className="entry-meta">
-                                                <ul>
-                                                    <li><a href="#">Admin</a></li>
-                                                    <li>August 18, 2021</li>
-                                                </ul>
-                                            </div>
-        
-                                            <h3>
-                                                <Link href="/blog-details">
-                                                    <a>Tips to Protecting Your Business and Family</a>
-                                                </Link>
-                                            </h3>
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                            
-                                            <Link href="/blog-details">
-                                                <a className="learn-more-btn">
-                                                    Read Story <Icon.Plus />
-                                                </a>
-                                            </Link>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div className="col-lg-6 col-md-6">
-                                    <div className="single-blog-post-box">
-                                        <div className="entry-thumbnail">
-                                            <Link href="/blog-details">
-                                                <a>
-                                                    <img src="/images/blog-image/blog14.jpg" alt="image" />
-                                                </a>
-                                            </Link>
-                                        </div>
-
-                                        <div className="entry-post-content">
-                                            <div className="entry-meta">
-                                                <ul>
-                                                    <li><a href="#">Admin</a></li>
-                                                    <li>August 15, 2021</li>
-                                                </ul>
-                                            </div>
-        
-                                            <h3>
-                                                <Link href="/blog-details">
-                                                    <a>Protect Your Workplace from Cyber Attacks</a>
-                                                </Link>
-                                            </h3>
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...</p>
-                                            
-                                            <Link href="/blog-details">
-                                                <a className="learn-more-btn">
-                                                    Read Story <Icon.Plus />
-                                                </a>
-                                            </Link>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                {/* Pagination */}
-                                <div className="col-lg-12 col-md-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 className="col-lg-4 col-md-12">
-                            <BlogSidebar />
-                        </div>
-                    </div>
-                </div>
-            </div>
- 
-            <Footer />
-        </>
-    )
-}
-
-export default Blog4;

pages/blog-5.js

@@ -1,246 +0,0 @@
-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';
-import Link from 'next/link';
- 
-const Blog5 = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Blog Grid" /> 
-
-            <div className="blog-area ptb-80">
-                <div className="container">
-                    <div className="row">
-                        <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><a href="#">Admin</a></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><a href="#">Admin</a></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><a href="#">Admin</a></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 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/blog4.jpg" alt="image" />
-                                        </a>
-                                    </Link>
-                                </div>
-
-                                <div className="post-content">
-                                    <ul className="post-meta">
-                                        <li><a href="#">Admin</a></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/blog5.jpg" alt="image" />
-                                        </a>
-                                    </Link>
-                                </div>
-
-                                <div className="post-content">
-                                    <ul className="post-meta">
-                                        <li><a href="#">Admin</a></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/blog6.jpg" alt="image" />
-                                        </a>
-                                    </Link>
-                                </div>
-
-                                <div className="post-content">
-                                    <ul className="post-meta">
-                                        <li><a href="#">Admin</a></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>
-                        
-                        {/* Pagination */}
-                        <div className="col-lg-12 col-md-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>
-
-                {/* 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>
- 
-            <Footer />
-        </>
-    )
-}
-
-export default Blog5;

pages/blog-6.js

@@ -1,254 +0,0 @@
-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';
-import Link from 'next/link';
-import BlogSidebar from '@/components/Blog/BlogSidebar';
- 
-const Blog6 = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Blog Grid" /> 
-
-            <div className="blog-area ptb-80">
-                <div className="container">
-                    <div className="row">
-                        <div className="col-lg-8 col-md-12">
-                            <div className="row">
-                                <div className="col-lg-6 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><a href="#">Admin</a></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-6 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><a href="#">Admin</a></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-6 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><a href="#">Admin</a></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 className="col-lg-6 col-md-6">
-                                    <div className="single-blog-post-item">
-                                        <div className="post-image">
-                                            <Link href="/blog-details">
-                                                <a>
-                                                    <img src="/images/blog-image/blog4.jpg" alt="image" />
-                                                </a>
-                                            </Link>
-                                        </div>
-
-                                        <div className="post-content">
-                                            <ul className="post-meta">
-                                                <li><a href="#">Admin</a></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-6 col-md-6">
-                                    <div className="single-blog-post-item">
-                                        <div className="post-image">
-                                            <Link href="/blog-details">
-                                                <a>
-                                                    <img src="/images/blog-image/blog5.jpg" alt="image" />
-                                                </a>
-                                            </Link>
-                                        </div>
-
-                                        <div className="post-content">
-                                            <ul className="post-meta">
-                                                <li><a href="#">Admin</a></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-6 col-md-6">
-                                    <div className="single-blog-post-item">
-                                        <div className="post-image">
-                                            <Link href="/blog-details">
-                                                <a>
-                                                    <img src="/images/blog-image/blog6.jpg" alt="image" />
-                                                </a>
-                                            </Link>
-                                        </div>
-
-                                        <div className="post-content">
-                                            <ul className="post-meta">
-                                                <li><a href="#">Admin</a></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>
-                                
-                                {/* Pagination */}
-                                <div className="col-lg-12 col-md-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 className="col-lg-4 col-md-12">
-                            <BlogSidebar />
-                        </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>
- 
-            <Footer />
-        </>
-    )
-}
-
-export default Blog6;

pages/blog-details.js

@@ -1,315 +0,0 @@
-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';
-import BlogSidebar from '@/components/Blog/BlogSidebar';
- 
-const BlogDetails = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Blog Details" /> 
-
-            <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">
-                                    <img src="/images/blog-image/blog-details.jpg" alt="image" />
-                                </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>The security risks of changing package owners</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>
-
-                                    <blockquote>
-                                        <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
-
-                                        <cite>Tom Cruise</cite>
-                                    </blockquote>
-
-                                    <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>
-
-                                    <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>Four major elements that we offer:</h3>
-
-                                    <ul className="features-list">
-                                        <li><Icon.Check /> Scientific Skills For getting a better result</li>
-                                        <li><Icon.Check /> Communication Skills to getting in touch</li>
-                                        <li><Icon.Check /> A Career Overview opportunity Available</li>
-                                        <li><Icon.Check /> A good Work Environment For work</li>
-                                    </ul>
-
-                                    <h3>Setting the mood with incense</h3>
-                                    <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>
-
-                                    <h3>The Rise Of Smarketing And Why You Need It</h3>
-                                    <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.</p>
-                                </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 className="startp-post-navigation">
-                                    <div className="prev-link-wrapper">
-                                        <div className="info-prev-link-wrapper">
-                                            <a href="#">
-                                                <span className="image-prev">
-                                                    <img src="/images/blog-image/blog2.jpg" alt="image" />
-                                                    <span className="post-nav-title">Prev</span>
-                                                </span>
-            
-                                                <span className="prev-link-info-wrapper">
-                                                    <span className="prev-title">Don't buy a tech gift until you read these rules</span>
-                                                    <span className="meta-wrapper">
-                                                        <span className="date-post">January 21, 2021</span>
-                                                    </span>
-                                                </span>
-                                            </a>
-                                        </div>
-                                    </div>
-            
-                                    <div className="next-link-wrapper">
-                                        <div className="info-next-link-wrapper">
-                                            <a href="#">
-                                                <span className="next-link-info-wrapper">
-                                                    <span className="next-title">The golden rule of buying a phone as a gift</span>
-                                                    <span className="meta-wrapper">
-                                                        <span className="date-post">January 21, 2021</span>
-                                                    </span>
-                                                </span>
-            
-                                                <span className="image-next">
-                                                    <img src="/images/blog-image/blog3.jpg" alt="image" />
-                                                    <span className="post-nav-title">Next</span>
-                                                </span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div className="comments-area">
-                                    <h3 className="comments-title">2 Comments:</h3>
-
-                                    <ol className="comment-list">
-                                        <li className="comment">
-                                            <article className="comment-body">
-                                                <footer className="comment-meta">
-                                                    <div className="comment-author vcard">
-                                                        <img src="/images/client-image/client1.jpg" className="avatar" alt="image" />
-                                                        <b className="fn">John Jones</b>
-                                                        <span className="says">says:</span>
-                                                    </div>
-
-                                                    <div className="comment-metadata">
-                                                        April 24, 2019 at 10:59 am
-                                                    </div>
-                                                </footer>
-
-                                                <div className="comment-content">
-                                                    <p>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.</p>
-                                                </div>
-
-                                                <div className="reply">
-                                                    <a href="#" className="comment-reply-link">Reply</a>
-                                                </div>
-                                            </article>
-
-                                            <ol className="children">
-                                                <li className="comment">
-                                                    <article className="comment-body">
-                                                        <footer className="comment-meta">
-                                                            <div className="comment-author vcard">
-                                                                <img src="/images/client-image/client2.jpg" className="avatar" alt="image" />
-                                                                <b className="fn">Steven Smith</b>
-                                                                <span className="says">says:</span>
-                                                            </div>
-                
-                                                            <div className="comment-metadata">
-                                                                April 24, 2019 at 10:59 am
-                                                            </div>
-                                                        </footer>
-                
-                                                        <div className="comment-content">
-                                                            <p>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.</p>
-                                                        </div>
-                
-                                                        <div className="reply">
-                                                            <a href="#" className="comment-reply-link">Reply</a>
-                                                        </div>
-                                                    </article>
-                                                </li>
-
-                                                <ol className="children">
-                                                    <li className="comment">
-                                                        <article className="comment-body">
-                                                            <footer className="comment-meta">
-                                                                <div className="comment-author vcard">
-                                                                    <img src="/images/client-image/client3.jpg" className="avatar" alt="image" />
-                                                                    <b className="fn">Sarah Taylor</b>
-                                                                    <span className="says">says:</span>
-                                                                </div>
-                    
-                                                                <div className="comment-metadata">
-                                                                    April 24, 2019 at 10:59 am 
-                                                                </div>
-                                                            </footer>
-                    
-                                                            <div className="comment-content">
-                                                                <p>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.</p>
-                                                            </div>
-                    
-                                                            <div className="reply">
-                                                                <a href="#" className="comment-reply-link">Reply</a>
-                                                            </div>
-                                                        </article>
-                                                    </li>
-                                                </ol>
-                                            </ol>
-                                        </li>
-
-                                        <li className="comment">
-                                            <article className="comment-body">
-                                                <footer className="comment-meta">
-                                                    <div className="comment-author vcard">
-                                                        <img src="/images/client-image/client4.jpg" className="avatar" alt="image" />
-                                                        <b className="fn">John Doe</b>
-                                                        <span className="says">says:</span>
-                                                    </div>
-
-                                                    <div className="comment-metadata">
-                                                        April 24, 2019 at 10:59 am 
-                                                    </div>
-                                                </footer>
-
-                                                <div className="comment-content">
-                                                    <p>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.</p>
-                                                </div>
-
-                                                <div className="reply">
-                                                    <a href="#" className="comment-reply-link">Reply</a>
-                                                </div>
-                                            </article>
-
-                                            <ol className="children">
-                                                <li className="comment">
-                                                    <article className="comment-body">
-                                                        <footer className="comment-meta">
-                                                            <div className="comment-author vcard">
-                                                                <img src="/images/client-image/client5.jpg" className="avatar" alt="image" />
-                                                                <b className="fn">James Anderson</b>
-                                                                <span className="says">says:</span>
-                                                            </div>
-                
-                                                            <div className="comment-metadata">
-                                                                April 24, 2019 at 10:59 am
-                                                            </div>
-                                                        </footer>
-                
-                                                        <div className="comment-content">
-                                                            <p>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.</p>
-                                                        </div>
-                
-                                                        <div className="reply">
-                                                            <a href="#" className="comment-reply-link">Reply</a>
-                                                        </div>
-                                                    </article>
-                                                </li>
-                                            </ol>
-                                        </li>
-                                    </ol>
-
-                                    <div className="comment-respond">
-                                        <h3 className="comment-reply-title">Leave a Reply</h3>
-
-                                        <form className="comment-form">
-                                            <p className="comment-notes">
-                                                <span id="email-notes">Your email address will not be published.</span>
-                                                Required fields are marked 
-                                                <span className="required">*</span>
-                                            </p>
-                                            <p className="comment-form-comment">
-                                                <label>Comment</label>
-                                                <textarea name="comment" id="comment" cols="45" rows="5" maxLength="65525" required="required"></textarea>
-                                            </p>
-                                            <p className="comment-form-author">
-                                                <label>Name <span className="required">*</span></label>
-                                                <input type="text" id="author" name="author" required="required" />
-                                            </p>
-                                            <p className="comment-form-email">
-                                                <label>Email <span className="required">*</span></label>
-                                                <input type="email" id="email" name="email" required="required" />
-                                            </p>
-                                            <p className="comment-form-url">
-                                                <label>Website</label>
-                                                <input type="url" id="url" name="url" />
-                                            </p>
-                                            <p className="comment-form-cookies-consent">
-                                                <input type="checkbox" value="yes" name="comment-cookies-consent" id="comment-cookies-consent" />
-                                                <label htmlFor="comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label>
-                                            </p>
-                                            <p className="form-submit">
-                                                <input type="submit" name="submit" id="submit" className="submit" value="Post Comment" />
-                                            </p>
-                                        </form>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-4 col-md-12">
-                            <BlogSidebar />
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <Footer />
-        </>
-    )
-}
-
-export default BlogDetails;

pages/contact.js

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

pages/digital-agency-portfolio.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import NavbarStyleSix from "@/components/_App/NavbarStyleSix";
-import MainBanner from '@/components/DigitalAgencyPortfolio/MainBanner';
-import Projects from '@/components/DigitalAgencyPortfolio/Projects';
-import AboutUsContent from '@/components/DigitalAgencyPortfolio/AboutUsContent';
-import FeedbackStyleFive from '@/components/Common/FeedbackStyleFive';
-import Partner from '@/components/DigitalAgencyPortfolio/Partner';
-import BlogPostStyleThree from '@/components/Common/BlogPostStyleThree';
-import CreativeArea from '@/components/DigitalAgencyPortfolio/CreativeArea';
-import Footer from "@/components/_App/Footer";
-
-const DigitalAgencyPortfolio = () => {
-    return (
-        <>
-            <NavbarStyleSix />
-            <MainBanner />
-            <Projects />
-            <AboutUsContent />
-            <FeedbackStyleFive />
-            <Partner />
-            <BlogPostStyleThree />
-            <CreativeArea />
-            <Footer />
-        </>
-    )
-}
-
-export default DigitalAgencyPortfolio;

pages/digital-agency.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import NavbarStyleFive from "@/components/_App/NavbarStyleFive";
-import MainBanner from "@/components/DigitalAgency/MainBanner";
-import WhatWeOffer from '@/components/DigitalAgency/WhatWeOffer';
-import AboutUsContent from '@/components/DigitalAgency/AboutUsContent';
-import OurServices from '@/components/DigitalAgency/OurServices';
-import DigitalAgencyFunFacts from '@/components/DigitalAgency/DigitalAgencyFunFacts';
-import Projects from '@/components/DigitalAgency/Projects';
-import PricingStyleThree from '@/components/PricingPlans/PricingStyleThree';
-import FeedbackStyleThree from '@/components/Common/FeedbackStyleThree';
-import BlogPostStyleTwo from '@/components/Common/BlogPostStyleTwo';
-import CTAStyleTwo from '@/components/Common/CTAStyleTwo';
-import Footer from "@/components/_App/Footer";
-
-const DigitalAgency = () => {
-    return (
-        <>
-            <NavbarStyleFive />
-            <MainBanner />
-            <WhatWeOffer />
-            <AboutUsContent />
-            <OurServices />
-            <DigitalAgencyFunFacts />
-            <Projects />
-            <PricingStyleThree />
-            <FeedbackStyleThree />
-            <BlogPostStyleTwo />
-            <CTAStyleTwo />
-            <Footer />
-        </>
-    )
-}
-
-export default DigitalAgency;

pages/feature-details.js

@@ -1,121 +0,0 @@
-import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import Footer from "@/components/_App/Footer";
-import PageBanner from '@/components/Common/PageBanner';
-import {
-    Accordion,
-    AccordionItem,
-    AccordionItemHeading,
-    AccordionItemPanel,
-    AccordionItemButton
-} from 'react-accessible-accordion';
- 
-const FeatureDetails = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Feature Details" />
-
-            <div className="features-details-area ptb-80">
-                <div className="container">
-                    <div className="row align-items-center">
-                        <div className="col-lg-6 features-details-image">
-                            <img 
-                                src="/images/features-details-image/feature1.png" 
-                                className="animate__animated animate__fadeInUp" 
-                                alt="image" 
-                            />
-                        </div>
-
-                        <div className="col-lg-6 features-details">
-                            <div className="features-details-desc">
-                                <h3>Information Retrieval</h3>
-                                <p>Build integration aute irure design in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat design proident.</p>
-
-                                <ul className="features-details-list">
-                                    <li>Life time supports</li>
-                                    <li>Exclusive design</li>
-                                    <li>Solve your problem with us</li>
-                                    <li>We Provide Awesome Services</li>
-                                    <li>Your business deserves best Software</li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div className="separate"></div>
-
-                    <div className="row align-items-center">
-                        <div className="col-lg-6 features-details">
-                            <div className="features-details-desc">
-                                <p>Took a galley of type and scrambled it to make a type specimen book. survived not only five centuries, but also the leap into electronic remaining. 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 when an unknown.</p>
-
-                                <div className="features-details-accordion">
-                                    <Accordion allowZeroExpanded preExpanded={['a']}>
-                                        <AccordionItem uuid="a">
-                                            <AccordionItemHeading>
-                                                <AccordionItemButton>
-                                                    <span>
-                                                        Which material types can you work with?
-                                                    </span>
-                                                </AccordionItemButton>
-                                            </AccordionItemHeading>
-                                            <AccordionItemPanel>
-                                                <p>
-                                                    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>
-                                            </AccordionItemPanel>
-                                        </AccordionItem>
-
-                                        <AccordionItem uuid="b">
-                                            <AccordionItemHeading>
-                                                <AccordionItemButton>
-                                                    <span>
-                                                        Is Smart Lock required for instant apps?
-                                                    </span>
-                                                </AccordionItemButton>
-                                            </AccordionItemHeading>
-                                            <AccordionItemPanel>
-                                                <p>
-                                                    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>
-                                            </AccordionItemPanel>
-                                        </AccordionItem>
-
-                                        <AccordionItem uuid="c">
-                                            <AccordionItemHeading>
-                                                <AccordionItemButton>
-                                                    <span>
-                                                        Can I have multiple activities in a single feature?
-                                                    </span>
-                                                </AccordionItemButton>
-                                            </AccordionItemHeading>
-                                            <AccordionItemPanel>
-                                                <p>
-                                                    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>
-                                            </AccordionItemPanel>
-                                        </AccordionItem>
-                                    </Accordion>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div className="col-lg-6 features-details-image">
-                            <img 
-                                src="/images/features-details-image/feature2.png" 
-                                className="animate__animated animate__fadeInUp" 
-                                alt="image" 
-                            />
-                        </div>
-                    </div>
-                </div>
-            </div>
- 
-            <Footer />
-        </>
-    )
-}
-
-export default FeatureDetails;

pages/features.js

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

pages/feedback.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import Footer from "@/components/_App/Footer";
-import PageBanner from '@/components/Common/PageBanner'; 
-import Feedback from '@/components/Common/Feedback'; 
-import FeedbackStyleTwo from '@/components/Common/FeedbackStyleTwo';
-import FeedbackStyleThree from '@/components/Common/FeedbackStyleThree';
-import FeedbackStyleFour from '@/components/Common/FeedbackStyleFour';
-import FeedbackStyleFive from '@/components/Common/FeedbackStyleFive';
- 
-const FeedbackPage = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Feedback or Testimonials" />
-
-            <Feedback />
-
-            <FeedbackStyleTwo />
-
-            <FeedbackStyleThree />
-
-            <FeedbackStyleFour />
-
-            <FeedbackStyleFive />
-
-            <Footer />
-        </>
-    )
-}
-
-export default FeedbackPage;

pages/hosting.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import NavbarStyleTwo from "@/components/_App/NavbarStyleTwo";
-import MainBanner from "@/components/Hosting/MainBanner";
-import TopFeatures from '@/components/Hosting/TopFeatures';
-import DomainSearch from '@/components/Hosting/DomainSearch';
-import WhyChoose from '@/components/Hosting/WhyChoose';
-import PricingStyleTwo from '@/components/PricingPlans/PricingStyleTwo';
-import FeedbackStyleTwo from '@/components/Common/FeedbackStyleTwo';
-import Partner from "@/components/Common/Partner";
-import Features from '@/components/Hosting/Features';
-import BlogPost from "@/components/Common/BlogPost";
-import CTA from '@/components/Common/CTA';
-import Footer from "@/components/_App/Footer";
-
-const Hosting = () => {
-    return (
-        <>
-            <NavbarStyleTwo />
-            <MainBanner />
-            <TopFeatures />
-            <DomainSearch />
-            <WhyChoose />
-            <PricingStyleTwo />
-            <FeedbackStyleTwo />
-            <div className="pb-80">
-                <Partner />
-            </div>
-            <Features />
-            <BlogPost />
-            <CTA />
-            <Footer />
-        </>
-    )
-}
-
-export default Hosting;

pages/iot.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import MainBanner from '@/components/IOT/MainBanner';
-import PartnerStyleTwo from '@/components/Common/PartnerStyleTwo';
-import OurServices from '@/components/IOT/OurServices';
-import Cta from '@/components/IOT/Cta';
-import FunFactsArea from '@/components/Common/FunFactsArea';
-import Features from '@/components/IOT/Features';
-import TeamStyleTwo from '@/components/Common/TeamStyleTwo';
-import Feedback from '@/components/Common/Feedback';
-import WhyWeAreBest from '@/components/IOT/WhyWeAreBest';
-import BlogPost from '@/components/Common/BlogPost';
-import Footer from "@/components/_App/Footer";
-
-const IOT = () => {
-    return (
-        <>
-            <Navbar />
-            <MainBanner />
-            <PartnerStyleTwo />
-            <OurServices />
-            <Cta />
-            <FunFactsArea />
-            <Features />
-            <TeamStyleTwo />
-            <Feedback />
-            <WhyWeAreBest />
-            <BlogPost />
-            <Footer />
-        </>
-    )
-}
-
-export default IOT;

pages/it-startup-2.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import MainBanner from "@/components/ITStartupTwo/MainBanner";
-import Features from "@/components/ITStartupTwo/Features";
-import ServicesArea from "@/components/ITStartupTwo/ServicesArea";
-import OurServices from "@/components/ITStartupTwo/OurServices";
-import Team from "@/components/Common/Team";
-import FunFactsArea from "@/components/Common/FunFactsArea";
-import PricingStyleOne from "@/components/PricingPlans/PricingStyleOne";
-import Feedback from "@/components/Common/Feedback";
-import Partner from "@/components/Common/Partner";
-import BlogPost from "@/components/Common/BlogPost";
-import Footer from "@/components/_App/Footer";
-
-const ITStartup2 = () => {
-    return (
-        <>
-            <Navbar />
-            <MainBanner />
-            <Features />
-            <ServicesArea />
-            <OurServices />
-            <Team />
-            <FunFactsArea />
-            <PricingStyleOne />
-            <Feedback />
-            <Partner />
-            <BlogPost />
-            <Footer />
-        </>
-    )
-}
-
-export default ITStartup2;

pages/it-startup.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import MainBanner from "@/components/ITStartup/MainBanner";
-import Features from "@/components/ITStartup/Features";
-import OurFeatures from "@/components/ITStartup/OurFeatures";
-import ServicesArea from "@/components/ITStartup/ServicesArea";
-import Team from "@/components/Common/Team";
-import FunFactsArea from "@/components/Common/FunFactsArea";
-import RecentWorks from "@/components/Common/RecentWorks";
-import PricingStyleOne from "@/components/PricingPlans/PricingStyleOne";
-import Feedback from "@/components/Common/Feedback";
-import Partner from "@/components/Common/Partner";
-import BlogPost from "@/components/Common/BlogPost";
-import Footer from "@/components/_App/Footer";
-
-const ITStartup = () => {
-    return (
-        <>
-            <Navbar />
-            <MainBanner />
-            <Features />
-            <ServicesArea />
-            <OurFeatures />
-            <Team />
-            <FunFactsArea />
-            <RecentWorks />
-            <PricingStyleOne />
-            <Feedback />
-            <Partner />
-            <BlogPost />
-            <Footer />
-        </>
-    )
-}
-
-export default ITStartup;

pages/machine-learning-2.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import NavbarStyleThree from "@/components/_App/NavbarStyleThree";
-import MainBanner from '@/components/MachineLearningTwo/MainBanner';
-import Partner from '@/components/MachineLearningTwo/Partner';
-import WhatWeOffer from '@/components/MachineLearningTwo/WhatWeOffer';
-import AboutUsContent from '@/components/MachineLearningTwo/AboutUsContent';
-import OurServices from '@/components/MachineLearningTwo/OurServices';
-import FunFactsArea from '@/components/Common/FunFactsArea';
-import Projects from '@/components/MachineLearningTwo/Projects';
-import PricingStyleFour from '@/components/PricingPlans/PricingStyleFour';
-import FeedbackStyleFour from '@/components/Common/FeedbackStyleFour';
-import BlogCard from '@/components/MachineLearningTwo/BlogCard';
-import Newsletter from '@/components/Common/Newsletter';
-import Footer from "@/components/_App/Footer";
-
-const MachineLearningTwo = () => {
-    return (
-        <>
-            <NavbarStyleThree />
-            <MainBanner />
-            <Partner />
-            <WhatWeOffer />
-            <AboutUsContent />
-            <OurServices />
-            <FunFactsArea />
-            <Projects />
-            <PricingStyleFour /> 
-            <FeedbackStyleFour />
-            <BlogCard />
-            <Newsletter />
-            <Footer />
-        </>
-    )
-}
-
-export default MachineLearningTwo;

pages/machine-learning.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import MainBanner from '@/components/MachineLearning/MainBanner';
-import Partner from '@/components/MachineLearning/Partner';
-import WhatWeOffer from '@/components/MachineLearning/WhatWeOffer';
-import AboutUsContent from '@/components/MachineLearning/AboutUsContent';
-import OurServices from '@/components/MachineLearning/OurServices';
-import FunFactsArea from '@/components/Common/FunFactsArea';
-import Projects from '@/components/MachineLearning/Projects';
-import PricingStyleFour from '@/components/PricingPlans/PricingStyleFour';
-import FeedbackStyleFour from '@/components/Common/FeedbackStyleFour';
-import BlogCard from '@/components/MachineLearning/BlogCard';
-import Newsletter from '@/components/Common/Newsletter';
-import Footer from "@/components/_App/Footer";
-
-const MachineLearning = () => {
-    return (
-        <>
-            <Navbar />
-            <MainBanner />
-            <Partner />
-            <WhatWeOffer />
-            <AboutUsContent />
-            <OurServices />
-            <FunFactsArea />
-            <Projects />
-            <PricingStyleFour /> 
-            <FeedbackStyleFour />
-            <BlogCard />
-            <Newsletter />
-            <Footer />
-        </>
-    )
-}
-
-export default MachineLearning;

pages/pc-repair.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import MainBanner from '@/components/PCRepair/MainBanner';
-import PartnerStyleTwo from '@/components/Common/PartnerStyleTwo';
-import AboutUsContent from '@/components/PCRepair/AboutUsContent';
-import Services from '@/components/PCRepair/Services';
-import CTA from '@/components/PCRepair/CTA';
-import FunFactsArea from '@/components/Common/FunFactsArea';
-import Team from '@/components/PCRepair/Team';
-import Feedback from '@/components/Common/Feedback';
-import WhyChoose from '@/components/PCRepair/WhyChoose';
-import BlogPost from '@/components/Common/BlogPost';
-import Footer from "@/components/_App/Footer";
-
-const PCRepair = () => {
-    return (
-        <>
-            <Navbar />
-            <MainBanner />
-            <PartnerStyleTwo />
-            <AboutUsContent />
-            <Services />
-            <CTA />
-            <FunFactsArea />
-            <Team />
-            <Feedback />
-            <WhyChoose />
-            <BlogPost />
-            <Footer />
-        </>
-    )
-}
-
-export default PCRepair;

pages/pricing.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import Footer from "@/components/_App/Footer";
-import PageBanner from '@/components/Common/PageBanner';
-import PricingStyleOne from '@/components/PricingPlans/PricingStyleOne';
-import PricingStyleTwo from '@/components/PricingPlans/PricingStyleTwo';
-import PricingStyleFour from '@/components/PricingPlans/PricingStyleFour'; 
- 
-const Pricing = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Pricing" />
-
-            <PricingStyleOne />
-
-            <PricingStyleTwo />
-
-            <div className="pt-80">
-                <PricingStyleFour />
-            </div> 
-
-            <Footer />
-        </>
-    )
-}
-
-export default Pricing;

pages/privacy-policy.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import Navbar from "@/components/_App/Navbar";
-import Footer from "@/components/_App/Footer";
-import PageBanner from '@/components/Common/PageBanner';
- 
-const PrivacyPolicy = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Privacy Policy" />
-
-            <div className="main-text-area ptb-80">
-                <div className="container">
-                    <h3>Welcome to our Privacy Policy</h3>
-                    <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 ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-
-                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
-                    
-                    <h3>What is Lorem Ipsum?</h3>
-                    <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure</p>
- 
-                    <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
-
-                    <p>t is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
-                </div>
-            </div>
- 
-            <Footer />
-        </>
-    )
-}
-
-export default PrivacyPolicy;

pages/project-details.js

@@ -1,106 +0,0 @@
-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 ProjectsDetails = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Projects Details" />
-
-            <div className="project-details-area ptb-80">
-                <div className="container">
-                    <div className="row">
-                        <div className="col-lg-6 col-md-6 col-sm-6">
-                            <div className="project-details-image">
-                                <img src="/images/works-image/works-image1.jpg" alt="work" /> 
-                            </div>
-                        </div>
-
-                        <div className="col-lg-6 col-md-6 col-sm-6">
-                            <div className="project-details-image">
-                                <img src="/images/works-image/works-image2.jpg" alt="work" />
-                            </div>
-                        </div>
-
-                        <div className="col-lg-6 col-md-6 col-sm-6">
-                            <div className="project-details-image">
-                                <img src="/images/works-image/works-image4.jpg" alt="work" /> 
-                            </div>
-                        </div>
-
-                        <div className="col-lg-6 col-md-6 col-sm-6">
-                            <div className="project-details-image">
-                                <img src="/images/works-image/works-image3.jpg" alt="work" /> 
-                            </div>
-                        </div>
-
-                        <div className="col-lg-12 col-md-12">
-                            <div className="project-details-desc">
-                                <h3>Network Marketing</h3>
-                                
-                                <p>Lorem ipsum dolor sit amet, conse cte tuer adipiscing elit, sed diam no nu m nibhie eui smod. Facil isis atve eros et accumsan etiu sto odi dignis sim qui blandit praesen lup ta de er. At molestiae appellantur pro. Vis wisi oportere per ic ula ad, ei latine prop riae na, mea cu purto debitis. Primis nost rud no eos, no impedit dissenti as mea, ea vide labor amus neglegentur vix. Ancillae intellegat vix et. Sit causae laoreet nolu ise.  Ad po exerci nusquam eos te. Cu altera expet enda qui, munere oblique theo phrastu ea vix. Ne nec modus civibus modera tius, sit ei lorem doctus. Ne docen di verterem reformidans eos. Cu altera expetenda qui, munere oblique theophr astus ea vix modus civiu mod eratius.</p>
-
-                                <p>Lorem ipsum dolor sit amet, conse cte tuer adipiscing elit, sed diam no nu m nibhie eui smod. Facil isis atve eros et accumsan etiu sto odi dignis sim qui blandit praesen lup ta de er. At molestiae appellantur pro. Vis wisi oportere per ic ula ad, ei latine prop riae na, mea cu purto debitis. Primis nost rud no eos, no impedit dissenti as mea, ea vide labor amus neglegentur vix. Ancillae intellegat vix et. Sit causae laoreet nolu ise.  Ad po exerci nusquam eos te. Cu altera expet enda qui, munere oblique theo phrastu ea vix. Ne nec modus civibus modera tius, sit ei lorem doctus. Ne docen di verterem reformidans eos. Cu altera expetenda qui, munere oblique theophr astus ea vix modus civiu mod eratius.</p>
-
-                                <div className="project-details-information">
-                                    <div className="single-info-box">
-                                        <h4>Happy Client</h4>
-                                        <p>John Doe</p>
-                                    </div>
-
-                                    <div className="single-info-box">
-                                        <h4>Category</h4>
-                                        <p>Portfolio, Personal</p>
-                                    </div>
-
-                                    <div className="single-info-box">
-                                        <h4>Date</h4>
-                                        <p>February 28, 2021</p>
-                                    </div>
-
-                                    <div className="single-info-box">
-                                        <h4>Share</h4>
-                                        <ul>
-                                            <li>
-                                                <a href="#" target="_blank">
-                                                    <Icon.Facebook />
-                                                </a>
-                                            </li>
-                                            <li>
-                                                <a href="#" target="_blank">
-                                                    <Icon.Twitter />
-                                                </a>
-                                            </li>
-                                            <li>
-                                                <a href="#" target="_blank">
-                                                    <Icon.Instagram />
-                                                </a>
-                                            </li>
-                                            <li>
-                                                <a href="#" target="_blank"> 
-                                                    <Icon.Linkedin />
-                                                </a>
-                                            </li>
-                                        </ul>
-                                    </div>
-
-                                    <div className="single-info-box">
-                                        <a href="#" className="btn btn-primary" target="_blank">Live Preview</a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-          
-            <Footer />
-        </>
-    )
-}
-
-export default ProjectsDetails;

pages/projects-1.js

@@ -1,229 +0,0 @@
-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';
-import Link from 'next/link';
- 
-const Projects1 = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Projects Style One" />
-
-            <div className="works-area pt-80 pb-50">
-                <div className="container">
-                    <div className="row justify-content-center">
-                        <div className="col-lg-4 col-md-6">
-                            <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>
-
-                        <div className="col-lg-4 col-md-6">
-                            <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>UI/UX Design</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-4 col-md-6">
-                            <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>Apps Development</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-4 col-md-6">
-                            <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>Mock-up Design</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-4 col-md-6">
-                            <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>E-commerce</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div className="col-lg-4 col-md-6">
-                            <div className="single-works">
-                                <img src="/images/works-image/works-image6.jpg" alt="image" />
-
-                                <Link href="/project-details">
-                                    <a className="icon">
-                                        <Icon.Settings />
-                                    </a>
-                                </Link>
-
-                                <div className="works-content">
-                                    <h3>
-                                        <Link href="/project-details">
-                                            <a>Web Design</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-4 col-md-6">
-                            <div className="single-works">
-                                <img src="/images/works-image/works-image7.jpg" alt="image" />
-
-                                <Link href="/project-details">
-                                    <a className="icon">
-                                        <Icon.Settings />
-                                    </a>
-                                </Link>
-
-                                <div className="works-content">
-                                    <h3>
-                                        <Link href="/project-details">
-                                            <a>React App Development</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-4 col-md-6">
-                            <div className="single-works">
-                                <img src="/images/works-image/works-image8.jpg" alt="image" />
-
-                                <Link href="/project-details">
-                                    <a className="icon">
-                                        <Icon.Settings />
-                                    </a>
-                                </Link>
-
-                                <div className="works-content">
-                                    <h3>
-                                        <Link href="/project-details">
-                                            <a>Digital Marketing</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-4 col-md-6">
-                            <div className="single-works">
-                                <img src="/images/works-image/works-image9.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 Marketing</a>
-                                        </Link>
-                                    </h3>
-                                    <p>Lorem ipsum dolor amet, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
-                                </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>
- 
-            <Footer />
-        </>
-    )
-}
-
-export default Projects1;

pages/projects-2.js

@@ -1,121 +0,0 @@
-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 Projects2 = () => {
-    return (
-        <>
-            <Navbar />
-
-            <PageBanner pageTitle="Projects Style Two" />
-
-            <div className="ml-projects-area pt-80 pb-50">
-                <div className="container-fluid">
-                    <div className="row justify-content-center">
-                        <div className="col-lg-3 col-sm-6 col-md-6">
-                            <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>
-
-                        <div className="col-lg-3 col-sm-6 col-md-6">
-                            <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>
-                        
-                        <div className="col-lg-3 col-sm-6 col-md-6">
-                            <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>
-                        
-                        <div className="col-lg-3 col-sm-6 col-md-6">
-                            <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>
-                        
-                        <div className="col-lg-3 col-sm-6 col-md-6">
-                            <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>
-                        </div>
-                        
-                        <div className="col-lg-3 col-sm-6 col-md-6">
-                            <div className="single-ml-projects-box">
-                                <img src="/images/projects-img6.jpg" alt="image" />
-                            
-                                <div className="plus-icon">
-                                    <Link href="/project-details">
-                                        <a><span></span></a>
-                                    </Link>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div className="col-lg-3 col-sm-6 col-md-6">
-                            <div className="single-ml-projects-box">
-                                <img src="/images/projects-img7.jpg" alt="image" />
-                            
-                                <div className="plus-icon">
-                                    <Link href="/project-details">
-                                        <a><span></span></a>
-                                    </Link>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div className="col-lg-3 col-sm-6 col-md-6">
-                            <div className="single-ml-projects-box">
-                                <img src="/images/projects-img8.jpg" alt="image" />
-                            
-                                <div className="plus-icon">
-                                    <Link href="/project-details">
-                                        <a><span></span></a>
-                                    </Link>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <Footer />
-        </>
-    )
-}
-
-export default Projects2;