diff --git a/Block/Banner.php b/Block/Banner.php
new file mode 100644
index 0000000..ff67283
--- /dev/null
+++ b/Block/Banner.php
@@ -0,0 +1,20 @@
+<?php
+namespace PrateekKarki\Cmsbanner\Block;
+
+class Banner extends \Magento\Framework\View\Element\Template
+{
+   protected $scopeConfig;
+    public function __construct(\Magento\Framework\View\Element\Template\Context $context, \Magento\Cms\Model\Page $page, \Magento\Framework\App\Config\ScopeConfigInterface $scopeConfig, array $data = [])
+    {
+        parent::__construct($context, $data);
+        $this->scopeConfig = $scopeConfig;
+        $this->page = $page;
+        $this->dir = $dir;
+    }
+
+    public function getPageBanner() {
+		$storeScope = \Magento\Store\Model\ScopeInterface::SCOPE_STORE;
+		$image = (null == $this->page->getCmsBanner()) ? null : $this->scopeConfig->getValue('web/unsecure/base_url', $storeScope) . 'pub/media/cms/' . $this->page->getCmsBanner();
+		return $image;		
+	}
+}
diff --git a/Controller/Adminhtml/Cms/Image.php b/Controller/Adminhtml/Cms/Image.php
new file mode 100644
index 0000000..1a5218a
--- /dev/null
+++ b/Controller/Adminhtml/Cms/Image.php
@@ -0,0 +1,46 @@
+<?php
+namespace PrateekKarki\Cmsbanner\Controller\Adminhtml\Cms;
+
+use Magento\Framework\Controller\ResultFactory;
+
+class Image extends \Magento\Backend\App\Action {
+
+    protected $imageUploader;
+
+    /**
+     * @param \Magento\Backend\App\Action\Context $context
+     * @param \Magento\Catalog\Model\ImageUploader $imageUploader
+     */
+    public function __construct(
+        \Magento\Backend\App\Action\Context $context,
+        \PrateekKarki\Cmsbanner\Controller\Adminhtml\Cms\Uploader $imageUploader
+    ) {
+        parent::__construct($context);
+        $this->imageUploader = $imageUploader;
+    }
+
+
+    /**
+     * Upload file controller action
+     *
+     * @return \Magento\Framework\Controller\ResultInterface
+     */
+    public function execute()
+    {
+        try {
+            $result = $this->imageUploader->saveFileToTmpDir('cms_banner');
+
+            $result['cookie'] = [
+                'name' => $this->_getSession()->getName(),
+                'value' => $this->_getSession()->getSessionId(),
+                'lifetime' => $this->_getSession()->getCookieLifetime(),
+                'path' => $this->_getSession()->getCookiePath(),
+                'domain' => $this->_getSession()->getCookieDomain(),
+            ];
+        } catch (\Exception $e) {
+            $result = ['error' => $e->getMessage(), 'errorcode' => $e->getCode()];
+        }
+        return $this->resultFactory->create(ResultFactory::TYPE_JSON)->setData($result);
+    }
+
+}
diff --git a/Controller/Adminhtml/Cms/Save.php b/Controller/Adminhtml/Cms/Save.php
new file mode 100644
index 0000000..4f6d4bc
--- /dev/null
+++ b/Controller/Adminhtml/Cms/Save.php
@@ -0,0 +1,98 @@
+<?php
+namespace PrateekKarki\Cmsbanner\Controller\Adminhtml\Cms;
+
+use Magento\Backend\App\Action;
+use Magento\Cms\Model\Page;
+use Magento\Framework\App\Request\DataPersistorInterface;
+use Magento\Framework\Exception\LocalizedException;
+
+class Save extends \Magento\Cms\Controller\Adminhtml\Page\Save
+{
+    /**
+     * Authorization level of a basic admin session
+     *
+     * @see _isAllowed()
+     */
+    const ADMIN_RESOURCE = 'Magento_Cms::save';
+
+    /**
+     * @var PostDataProcessor
+     */
+    protected $dataProcessor;
+
+    /**
+     * @var DataPersistorInterface
+     */
+    protected $dataPersistor;
+
+    /**
+     * Save action
+     *
+     * @SuppressWarnings(PHPMD.CyclomaticComplexity)
+     * @return \Magento\Framework\Controller\ResultInterface
+     */
+    public function execute()
+    {
+        $data = $this->getRequest()->getPostValue();
+
+        /** @var \Magento\Backend\Model\View\Result\Redirect $resultRedirect */
+        $resultRedirect = $this->resultRedirectFactory->create();
+        if ($data) {
+            $data = $this->dataProcessor->filter($data);
+            if (isset($data['is_active']) && $data['is_active'] === 'true') {
+                $data['is_active'] = Page::STATUS_ENABLED;
+            }
+            if (empty($data['page_id'])) {
+                $data['page_id'] = null;
+            }
+
+            /** @var \Magento\Cms\Model\Page $model */
+            $model = $this->_objectManager->create('Magento\Cms\Model\Page');
+
+            $id = $this->getRequest()->getParam('page_id');
+            if ($id) {
+                $model->load($id);
+            }
+
+            if(isset($data['cms_banner']) && is_array($data['cms_banner'])){
+                if (isset($data['cms_banner'][0]['tmp_name'])) {
+                    // delete old picture
+                    $data['cms_banner']=$data['cms_banner'][0]['name'];
+                    $uploader = $this->_objectManager->create('PrateekKarki\Cmsbanner\Controller\Adminhtml\Cms\Uploader');
+                    $uploader->moveFileFromTmp($data['cms_banner']);
+                }
+            }
+
+
+            $model->setData($data);
+
+            $this->_eventManager->dispatch(
+                'cms_page_prepare_save',
+                ['page' => $model, 'request' => $this->getRequest()]
+            );
+
+            if (!$this->dataProcessor->validate($data)) {
+                return $resultRedirect->setPath('*/*/edit', ['page_id' => $model->getId(), '_current' => true]);
+            }
+
+            try {
+                $model->save();
+                $this->messageManager->addSuccess(__('You saved the page.'));
+                $this->dataPersistor->clear('cms_page');
+                if ($this->getRequest()->getParam('back')) {
+                    return $resultRedirect->setPath('*/*/edit', ['page_id' => $model->getId(), '_current' => true]);
+                }
+                return $resultRedirect->setPath('*/*/');
+            } catch (LocalizedException $e) {
+                $this->messageManager->addError($e->getMessage());
+            } catch (\Exception $e) {
+                $this->messageManager->addException($e, __('Something went wrong while saving the page.'));
+            }
+
+            $this->dataPersistor->set('cms_page', $data);
+            return $resultRedirect->setPath('*/*/edit', ['page_id' => $this->getRequest()->getParam('page_id')]);
+        }
+        return $resultRedirect->setPath('*/*/');
+    }
+}
+?>
diff --git a/Controller/Adminhtml/Cms/Uploader.php b/Controller/Adminhtml/Cms/Uploader.php
new file mode 100644
index 0000000..827c8c7
--- /dev/null
+++ b/Controller/Adminhtml/Cms/Uploader.php
@@ -0,0 +1,17 @@
+<?php
+
+
+namespace PrateekKarki\Cmsbanner\Controller\Adminhtml\Cms;
+
+class Uploader extends \Magento\Catalog\Model\ImageUploader
+{
+    public function __construct(
+        \Magento\MediaStorage\Helper\File\Storage\Database $coreFileStorageDatabase,
+        \Magento\Framework\Filesystem $filesystem,
+        \Magento\MediaStorage\Model\File\UploaderFactory $uploaderFactory,
+        \Magento\Store\Model\StoreManagerInterface $storeManager,
+        \Psr\Log\LoggerInterface $logger
+    ) {
+        parent::__construct($coreFileStorageDatabase, $filesystem, $uploaderFactory, $storeManager, $logger, 'cms/tmp', 'cms', ['jpg', 'jpeg', 'gif'] );
+    }
+}
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..338f22d
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,27 @@
+Open Software License v. 3.0 (OSL-3.0)
+
+This Open Software License (the "License") applies to any original work of authorship (the "Original Work") whose owner (the "Licensor") has placed the following licensing notice adjacent to the copyright notice for the Original Work:
+
+Licensed under the Open Software License version 3.0
+
+1) Grant of Copyright License. Licensor grants You a worldwide, royalty-free, non-exclusive, sublicensable license, for the duration of the copyright, to do the following:
+a) to reproduce the Original Work in copies, either alone or as part of a collective work;
+b) to translate, adapt, alter, transform, modify, or arrange the Original Work, thereby creating derivative works ("Derivative Works") based upon the Original Work;
+c) to distribute or communicate copies of the Original Work and Derivative Works to the public, with the proviso that copies of Original Work or Derivative Works that You distribute or communicate shall be licensed under this Open Software License;
+d) to perform the Original Work publicly; and
+e) to display the Original Work publicly.
+2) Grant of Patent License. Licensor grants You a worldwide, royalty-free, non-exclusive, sublicensable license, under patent claims owned or controlled by the Licensor that are embodied in the Original Work as furnished by the Licensor, for the duration of the patents, to make, use, sell, offer for sale, have made, and import the Original Work and Derivative Works.
+3) Grant of Source Code License. The term "Source Code" means the preferred form of the Original Work for making modifications to it and all available documentation describing how to modify the Original Work. Licensor agrees to provide a machine-readable copy of the Source Code of the Original Work along with each copy of the Original Work that Licensor distributes. Licensor reserves the right to satisfy this obligation by placing a machine-readable copy of the Source Code in an information repository reasonably calculated to permit inexpensive and convenient access by You for as long as Licensor continues to distribute the Original Work.
+4) Exclusions From License Grant. Neither the names of Licensor, nor the names of any contributors to the Original Work, nor any of their trademarks or service marks, may be used to endorse or promote products derived from this Original Work without express prior permission of the Licensor. Except as expressly stated herein, nothing in this License grants any license to Licensor's trademarks, copyrights, patents, trade secrets or any other intellectual property. No patent license is granted to make, use, sell, offer for sale, have made, or import embodiments of any patent claims other than the licensed claims defined in Section 2. No license is granted to the trademarks of Licensor even if such marks are included in the Original Work. Nothing in this License shall be interpreted to prohibit Licensor from licensing under terms different from this License any Original Work that Licensor otherwise would have a right to license.
+5) External Deployment. The term "External Deployment" means the use, distribution, or communication of the Original Work or Derivative Works in any way such that the Original Work or Derivative Works may be used by anyone other than You, whether those works are distributed or communicated to those persons or made available as an application intended for use over a network. As an express condition for the grants of license hereunder, You must treat any External Deployment by You of the Original Work or a Derivative Work as a distribution under section 1(c).
+6) Attribution Rights. You must retain, in the Source Code of any Derivative Works that You create, all copyright, patent, or trademark notices from the Source Code of the Original Work, as well as any notices of licensing and any descriptive text identified therein as an "Attribution Notice." You must cause the Source Code for any Derivative Works that You create to carry a prominent Attribution Notice reasonably calculated to inform recipients that You have modified the Original Work.
+7) Warranty of Provenance and Disclaimer of Warranty. Licensor warrants that the copyright in and to the Original Work and the patent rights granted herein by Licensor are owned by the Licensor or are sublicensed to You under the terms of this License with the permission of the contributor(s) of those copyrights and patent rights. Except as expressly stated in the immediately preceding sentence, the Original Work is provided under this License on an "AS IS" BASIS and WITHOUT WARRANTY, either express or implied, including, without limitation, the warranties of non-infringement, merchantability or fitness for a particular purpose. THE ENTIRE RISK AS TO THE QUALITY OF THE ORIGINAL WORK IS WITH YOU. This DISCLAIMER OF WARRANTY constitutes an essential part of this License. No license to the Original Work is granted by this License except under this disclaimer.
+8) Limitation of Liability. Under no circumstances and under no legal theory, whether in tort (including negligence), contract, or otherwise, shall the Licensor be liable to anyone for any indirect, special, incidental, or consequential damages of any character arising as a result of this License or the use of the Original Work including, without limitation, damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses. This limitation of liability shall not apply to the extent applicable law prohibits such limitation.
+9) Acceptance and Termination. If, at any time, You expressly assented to this License, that assent indicates your clear and irrevocable acceptance of this License and all of its terms and conditions. If You distribute or communicate copies of the Original Work or a Derivative Work, You must make a reasonable effort under the circumstances to obtain the express assent of recipients to the terms of this License. This License conditions your rights to undertake the activities listed in Section 1, including your right to create Derivative Works based upon the Original Work, and doing so without honoring these terms and conditions is prohibited by copyright law and international treaty. Nothing in this License is intended to affect copyright exceptions and limitations (including "fair use" or "fair dealing"). This License shall terminate immediately and You may no longer exercise any of the rights granted to You by this License upon your failure to honor the conditions in Section 1(c).
+10) Termination for Patent Action. This License shall terminate automatically and You may no longer exercise any of the rights granted to You by this License as of the date You commence an action, including a cross-claim or counterclaim, against Licensor or any licensee alleging that the Original Work infringes a patent. This termination provision shall not apply for an action alleging patent infringement by combinations of the Original Work with other software or hardware.
+11) Jurisdiction, Venue and Governing Law. Any action or suit relating to this License may be brought only in the courts of a jurisdiction wherein the Licensor resides or in which Licensor conducts its primary business, and under the laws of that jurisdiction excluding its conflict-of-law provisions. The application of the United Nations Convention on Contracts for the International Sale of Goods is expressly excluded. Any use of the Original Work outside the scope of this License or after its termination shall be subject to the requirements and penalties of copyright or patent law in the appropriate jurisdiction. This section shall survive the termination of this License.
+12) Attorneys' Fees. In any action to enforce the terms of this License or seeking damages relating thereto, the prevailing party shall be entitled to recover its costs and expenses, including, without limitation, reasonable attorneys' fees and costs incurred in connection with such action, including any appeal of such action. This section shall survive the termination of this License.
+13) Miscellaneous. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable.
+14) Definition of "You" in This License. "You" throughout this License, whether in upper or lower case, means an individual or a legal entity exercising rights under, and complying with all of the terms of, this License. For legal entities, "You" includes any entity that controls, is controlled by, or is under common control with you. For purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
+15) Right to Use. You may use the Original Work in all ways not otherwise restricted or conditioned by this License or by law, and Licensor promises not to interfere with or be responsible for such uses by You.
+16) Modification of This License. This License is Copyright (c) 2005 Lawrence Rosen. Permission is granted to copy, distribute, or communicate this License without modification. Nothing in this License permits You to modify this License as applied to the Original Work or to Derivative Works. However, You may modify the text of this License and copy, distribute or communicate your modified version (the "Modified License") and apply it to other original works of authorship subject to the following conditions: (i) You may not indicate in any way that your Modified License is the "Open Software License" or "OSL" and you may not use those names in the name of your Modified License; (ii) You must replace the notice specified in the first paragraph above with the notice "Licensed under <insert your license name here>" or with a notice of your own that is not confusingly similar to the notice in this License; and (iii) You may not claim that your original works are open source software unless your Modified License has been approved by Open Source Initiative (OSI) and You comply with its license review and certification process.
diff --git a/Model/Cms/DataProvider.php b/Model/Cms/DataProvider.php
new file mode 100644
index 0000000..b0f8e75
--- /dev/null
+++ b/Model/Cms/DataProvider.php
@@ -0,0 +1,51 @@
+<?php
+namespace PrateekKarki\Cmsbanner\Model\Cms;
+
+use Magento\Cms\Model\ResourceModel\Page\CollectionFactory;
+use Magento\Framework\App\Request\DataPersistorInterface;
+
+/**
+ * Class DataProvider
+ */
+class DataProvider extends \Magento\Cms\Model\Page\DataProvider
+{
+
+    /**
+     * Get data
+     *
+     * @return array
+     */
+    public function getData()
+    {
+        if (isset($this->loadedData)) 
+            return $this->loadedData;
+        
+        $items = $this->collection->getItems();
+        foreach ($items as $page) {
+            $this->loadedData[$page->getId()] = $page->getData();
+        }
+
+        $data = $this->dataPersistor->get('cms_page');
+
+        if (!empty($data)) {
+            $page = $this->collection->getNewEmptyItem();
+
+            $page->setData($data);
+            $this->loadedData[$page->getId()] = $page->getData();
+            $this->dataPersistor->clear('cms_page');
+        }
+        
+        if(!empty($this->loadedData[$page->getId()]['cms_banner'])){
+            $objectManager = \Magento\Framework\App\ObjectManager::getInstance();
+            $storeManager = $objectManager->get('Magento\Store\Model\StoreManagerInterface');
+            $currentStore = $storeManager->getStore();
+            $media_url=$currentStore->getBaseUrl(\Magento\Framework\UrlInterface::URL_TYPE_MEDIA);
+
+            $image_name=$this->loadedData[$page->getId()]['cms_banner'];
+            unset($this->loadedData[$page->getId()]['cms_banner']);
+            $this->loadedData[$page->getId()]['cms_banner'][0]['name']=$image_name;
+            $this->loadedData[$page->getId()]['cms_banner'][0]['url']=$media_url."cms/".$image_name;
+        }
+        return $this->loadedData;
+    }
+}
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..1043c2c
--- /dev/null
+++ b/README.md
@@ -0,0 +1,27 @@
+CMS Banner
+=========================
+Magento Extension
+
+Convenient and easy to use extension if you need to add banners to your cms pages like about us or homepage in your Magento store.
+
+
+Features
+--------
+
+* Adds an image uploader to the Magento backend, on the CMS edit forms
+* Images uploaded in the backend are viewed in the frontend int their respective pages
+* Easy to use to any magento installation
+
+
+
+Installation
+--------
+
+### ✓ Install via composer (recommend)
+Run the following command in Magento 2 root folder:
+
+```
+composer require prateekkarki/module-cmsbanner
+php bin/magento setup:upgrade
+php bin/magento setup:static-content:deploy
+```
diff --git a/Setup/InstallSchema.php b/Setup/InstallSchema.php
new file mode 100644
index 0000000..290f19b
--- /dev/null
+++ b/Setup/InstallSchema.php
@@ -0,0 +1,27 @@
+<?php
+
+
+namespace PrateekKarki\Cmsbanner\Setup;
+
+use Magento\Framework\Setup\InstallSchemaInterface;
+use Magento\Framework\Setup\ModuleContextInterface;
+use Magento\Framework\Setup\SchemaSetupInterface;
+use Magento\Framework\DB\Ddl\Table;
+
+class InstallSchema implements InstallSchemaInterface
+{
+    public function install(
+        SchemaSetupInterface $setup,
+        ModuleContextInterface $context
+    ) {
+        $installer = $setup;
+        $installer->startSetup();
+        $connection = $installer->getConnection();
+
+        $connection->addColumn('cms_page','cms_banner',['type' =>\Magento\Framework\DB\Ddl\Table::TYPE_TEXT,'comment' => 'Page Banner']);
+        $installer->endSetup();
+
+
+        $setup->endSetup();
+    }
+}
diff --git a/composer.json b/composer.json
new file mode 100644
index 0000000..c21005e
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,33 @@
+{
+    "name": "prateekkarki/module-cmsbanner",
+    "description": "Magento 2 extension for adding banners to cms pages",
+    "type": "magento2-module",
+    "license": "OSL-3.0",
+    "authors": [
+        {
+            "email": "pratiek.karki@gmail.com",
+            "name": "Prateek Karki"
+        }
+    ],
+    "keywords": ["magento2", "cms", "banner"],
+    "repositories": [
+        {
+            "type": "composer",
+            "url": "https://repo.magento.com/"
+        }
+    ],
+    "require": {
+        "magento/framework": ">=101.0.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "PrateekKarki\\Cmsbanner\\": ""
+        },
+        "files": [
+            "registration.php"
+        ]
+    },
+    "version": "1.0.0",
+    "minimum-stability": "dev",
+    "prefer-stable": true
+}
diff --git a/etc/adminhtml/di.xml b/etc/adminhtml/di.xml
new file mode 100644
index 0000000..a027d94
--- /dev/null
+++ b/etc/adminhtml/di.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
+    <preference for="Magento\Cms\Controller\Adminhtml\Page\Save" type="PrateekKarki\Cmsbanner\Controller\Adminhtml\Cms\Save" />
+    <preference for="Magento\Cms\Model\Page\DataProvider" type="PrateekKarki\Cmsbanner\Model\Cms\DataProvider" />
+</config>
diff --git a/etc/adminhtml/routes.xml b/etc/adminhtml/routes.xml
new file mode 100644
index 0000000..c6ed246
--- /dev/null
+++ b/etc/adminhtml/routes.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" ?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
+	<router id="admin">
+		<route frontName="cms_banner" id="cms_banner">
+			<module before="Magento_Backend" name="PrateekKarki_Cmsbanner"/>
+		</route>
+	</router>
+</config>
diff --git a/etc/module.xml b/etc/module.xml
new file mode 100644
index 0000000..b626036
--- /dev/null
+++ b/etc/module.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" ?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
+	<module name="PrateekKarki_Cmsbanner" setup_version="1.0.0"/>
+</config>
diff --git a/registration.php b/registration.php
new file mode 100644
index 0000000..efc3a4e
--- /dev/null
+++ b/registration.php
@@ -0,0 +1,6 @@
+<?php
+\Magento\Framework\Component\ComponentRegistrar::register(
+    \Magento\Framework\Component\ComponentRegistrar::MODULE,
+    'PrateekKarki_Cmsbanner',
+    __DIR__
+);
diff --git a/view/adminhtml/ui_component/cms_page_form.xml b/view/adminhtml/ui_component/cms_page_form.xml
new file mode 100644
index 0000000..1ef7d87
--- /dev/null
+++ b/view/adminhtml/ui_component/cms_page_form.xml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
+
+    <fieldset name="general">
+        
+    </fieldset>
+    <fieldset name="content">
+        <field name="cms_banner">
+            <argument name="data" xsi:type="array">
+                <item name="config" xsi:type="array">
+                    <item name="dataType" xsi:type="string">string</item>
+                    <item name="source" xsi:type="string">category</item>
+                    <item name="label" xsi:type="string" translate="true">Page Banner</item>
+                    <item name="visible" xsi:type="boolean">true</item>
+                    <item name="formElement" xsi:type="string">fileUploader</item>
+                    <item name="elementTmpl" xsi:type="string">ui/form/element/uploader/uploader</item>
+                    <item name="previewTmpl" xsi:type="string">PrateekKarki_Cmsbanner/image-preview</item>
+                    <item name="required" xsi:type="boolean">false</item>
+                    <item name="uploaderConfig" xsi:type="array">
+                        <item name="url" xsi:type="url" path="cms_banner/cms/image"/>
+                    </item>
+                </item>
+            </argument>
+        </field>
+    </fieldset>
+</form>
diff --git a/view/adminhtml/web/template/image-preview.html b/view/adminhtml/web/template/image-preview.html
new file mode 100644
index 0000000..d7f77a8
--- /dev/null
+++ b/view/adminhtml/web/template/image-preview.html
@@ -0,0 +1,29 @@
+<div class="file-uploader-summary">
+    <div class="file-uploader-preview">
+        <a attr="href: $parent.getFilePreview($file)" target="_blank">
+            <img
+                class="preview-image"
+                tabindex="0"
+                event="load: $parent.onPreviewLoad.bind($parent)"
+                attr="
+                    src: $parent.getFilePreview($file),
+                    alt: $file.name">
+        </a>
+
+        <div class="actions">
+            <button
+                type="button"
+                class="action-remove"
+                data-role="delete-button"
+                attr="title: $t('Delete image')"
+                click="$parent.removeFile.bind($parent, $file)">
+                <span translate="'Delete image'"/>
+            </button>
+        </div>
+    </div>
+
+    <div class="file-uploader-filename" text="$file.name"/>
+    <div class="file-uploader-meta">
+        <text args="$file.previewWidth"/>x<text args="$file.previewHeight"/>
+    </div>
+</div>
diff --git a/view/frontend/layout/cms_page_view.xml b/view/frontend/layout/cms_page_view.xml
new file mode 100644
index 0000000..df5ce32
--- /dev/null
+++ b/view/frontend/layout/cms_page_view.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <body>
+		<referenceContainer name="main">
+			<container name="banner.container" before="-" htmlTag="div" htmlClass="banner-container top-banner">
+				<block class="PrateekKarki\Cmsbanner\Block\Banner" name="cms-banner" template="PrateekKarki_Cmsbanner::page_banner.phtml" before="-" />
+			</container>
+		</referenceContainer>
+    </body>
+</page>
diff --git a/view/frontend/layout/default_head_blocks.xml b/view/frontend/layout/default_head_blocks.xml
new file mode 100644
index 0000000..8060322
--- /dev/null
+++ b/view/frontend/layout/default_head_blocks.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../vendor/magento/framework/Module/etc/module.xsd">
+  <head>
+    <css src="styles/banner.css" />
+  </head>
+</page>
diff --git a/view/frontend/templates/page_banner.phtml b/view/frontend/templates/page_banner.phtml
new file mode 100644
index 0000000..2668e10
--- /dev/null
+++ b/view/frontend/templates/page_banner.phtml
@@ -0,0 +1,14 @@
+<div class="cms_banner">
+	<div class="banner-image">
+		<?php if ($block->getPageBanner() != null): ?>
+			<img src="<?= $block->getPageBanner() ?>">
+		<?php endif ?>
+	</div>
+</div>
+<?php if (!empty($block->getPageBanner())): ?>
+	<script>
+		require(['jquery'], function($){
+			$('body').addClass('has-banner');
+		});
+	</script>
+<?php endif ?>
\ No newline at end of file
diff --git a/view/frontend/web/styles/banner.css b/view/frontend/web/styles/banner.css
new file mode 100644
index 0000000..99196cb
--- /dev/null
+++ b/view/frontend/web/styles/banner.css
@@ -0,0 +1,6 @@
+.banner-image img{
+	width: 100%;
+	height: auto;
+	margin: 0 auto;
+	padding: 0;
+}
\ No newline at end of file