firstcommit

resources/css/app.css

@@ -0,0 +1,371 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer utilities {
+
+    :root {
+        --primary-color: #088EE4;
+        --secondary-color: #22ad4b;
+        --light-gray-color: #666;
+        --dark-color: #202e31;
+    }
+
+    html {
+        scroll-behavior: none;
+    }
+
+    .border-content:not(:last-child) {
+        border-right: 1px solid rgba(102, 102, 102, 0.25);
+    }
+
+    .border-content>div:first-child {
+        border-bottom: 1px solid rgba(102, 102, 102, 0.25);
+    }
+
+
+    .shadow-custom {
+        box-shadow: 0 4px 0 rgba(0, 0, 0, 0.25);
+        /* Only shadow on the bottom side */
+    }
+
+    .bg-top {
+        background-position: top !important;
+    }
+
+    .text-stroke {
+        color: transparent;
+        -webkit-text-stroke: 1px white;
+        text-stroke: 1px white;
+    }
+
+
+    .nav-scroll {
+        background-color: #f2f4f5 !important
+    }
+
+
+    .page-breadcrumb {
+        position: relative;
+        padding: 60px 0 50px;
+        background-color: #555;
+        color: #fff;
+        background-size: cover;
+        background-attachment: fixed;
+        background-repeat: no-repeat;
+        background-position: center center;
+    }
+
+    /*
+    .clip-custom-polygon {
+        clip-path: polygon(27% 1%, 100% 0%, 100% 100%, 0 100%);
+      } */
+
+    .bg-gradient {
+        background-image: linear-gradient(to left top, #2384c6, #009ecc, #00b2b0, #00c07c, #8cc63f);
+    }
+
+    .box-shadow-linear {
+        box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .1);
+        -webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .1)
+    }
+
+    .box-shadow-round {
+        border-radius: 25px;
+        /* border-radius: 25px 0px; */
+        box-shadow: 0px 4px 30px rgba(108, 153, 46, 0.13);
+    }
+
+
+    .blue-gradient {
+        /* background: linear-gradient(180deg, hsla(86, 54%, 51%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
+        background: linear-gradient(180deg, #0d69a7 0, #1182ce 50%, #fff 100%); */
+        background: linear-gradient(180deg, #065fd4 0%, #032149 100%);
+    }
+
+    .team-card {
+        -webkit-box-shadow: 0 0 2px #747373;
+        box-shadow: 0 0 2px #747373;
+        border-radius: 2px;
+    }
+
+
+    .team-card:hover {
+        -moz-box-shadow: inset 0 0 12px #c2c0c0 !important;
+        -webkit-box-shadow: inset 0 0 12px #c2c0c0 !important;
+        box-shadow: inset 0 0 12px #c2c0c0 !important;
+    }
+
+    #team .team-info {
+        position: relative;
+        padding-left: 15px;
+        border-left: 5px solid #60d1d8;
+    }
+
+    .team-info {
+        position: relative;
+        padding-left: 15px;
+        border-left: 5px solid #60d1d8;
+        font-size: 14px;
+        font-weight: 500;
+        line-height: 20px;
+        margin-bottom: 15px;
+        color: #202e31;
+    }
+
+
+    /* patient */
+    .curve {
+        position: absolute;
+        right: -100px;
+        top: 100%;
+        width: 250%;
+        height: 150%;
+        z-index: 1;
+        transform: rotate(-13deg);
+        -webkit-transform: rotate(-13deg);
+        -moz-transform: rotate(-13deg);
+        -ms-transform: rotate(-13deg);
+        -o-transform: rotate(-13deg);
+        transition: .7s;
+    }
+
+    .patient-item:hover .curve {
+        transform: rotate(0);
+        -webkit-transform: rotate(0);
+        -moz-transform: rotate(0);
+        -ms-transform: rotate(0);
+        -o-transform: rotate(0);
+    }
+
+    .patient-info {
+        background: white;
+        border: 1px solid #f1f1f1;
+        border-top: none;
+        padding: 20px 30px 30px;
+    }
+
+    .patient-content:before {
+        right: 0;
+        top: -36px;
+        background: #fff;
+        content: "";
+        height: 96%;
+        width: 100%;
+        border: 1px solid #f1f1f1;
+        z-index: 0;
+        position: absolute;
+        transform: skewY(-13deg);
+        -webkit-transform: skewY(-13deg);
+        -moz-transform: skewY(-13deg);
+        -ms-transform: skewY(-13deg);
+        -o-transform: skewY(-13deg);
+        transition: .7s;
+        -moz-transition: .7s;
+        -webkit-transition: .7s;
+        -ms-transition: .7s;
+        -o-transition: .7s;
+    }
+
+    .patient-item .image::after {
+        content: '';
+        position: absolute;
+        left: 0;
+        top: -100%;
+        width: 100%;
+        height: 100%;
+        display: block;
+        background: #60d1d8;
+        opacity: .5;
+        z-index: 0;
+        transition: .7s;
+        -moz-transition: .7s;
+        -webkit-transition: .7s;
+        -ms-transition: .7s;
+        -o-transition: .7s;
+    }
+
+    .patient-item:hover .image::after {
+        top: 0;
+    }
+
+    .patient-item:hover .patient-info {
+        transition: .7s;
+        border-color: #60d1d8;
+    }
+
+    .patient-item:hover .patient-content:before {
+        border-color: #60d1d8;
+    }
+
+    .patient-item:hover .patient-content {
+        top: 42px;
+    }
+
+
+    .patient-item h3 {
+        position: relative;
+        padding-left: 15px;
+        border-left: 5px solid #60d1d8;
+        font-size: 14px;
+        font-weight: 800;
+        text-transform: uppercase;
+        line-height: 20px;
+        margin-bottom: 15px;
+    }
+
+    /* button read more */
+    .btn-text {
+        position: relative;
+        line-height: 30px;
+        padding: 10px 40px 10px 25px;
+        font-size: 12px;
+        font-weight: 600;
+        text-transform: uppercase;
+        transition: .7s;
+        -moz-transition: .7s;
+        -webkit-transition: .7s;
+        -ms-transition: .7s;
+        -o-transition: .7s;
+    }
+
+    .icon {
+        position: absolute;
+        right: -10px;
+        top: 0;
+        /* display: block; */
+        line-height: 30px;
+        padding: 10px 30px 10px 25px;
+        text-align: center;
+        font-size: 12px;
+        color: #000;
+        height: 100%;
+        background: #fff;
+        transform: skewX(-20deg);
+        -ms-transform: skewX(-20deg);
+        -o-transform: skewX(-20deg);
+        -moz-transform: skewX(-20deg);
+        -webkit-transform: skewX(-20deg);
+    }
+
+
+    .read-more {
+        left: 0;
+        display: inline-block;
+        vertical-align: middle;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+        -webkit-backface-visibility: hidden;
+        backface-visibility: hidden;
+        -moz-osx-font-smoothing: grayscale;
+        position: relative;
+        -webkit-transition-property: color;
+        transition-property: color;
+        -webkit-transition-duration: 0.5s;
+        transition-duration: 0.5s;
+    }
+
+
+    .read-more:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: #2098d1;
+        -webkit-transform: scaleX(0);
+        transform: scaleX(0);
+        -webkit-transform-origin: 100% 50%;
+        transform-origin: 100% 50%;
+        -webkit-transition-property: transform;
+        transition-property: transform;
+        -webkit-transition-duration: 0.5s;
+        transition-duration: 0.5s;
+        -webkit-transition-timing-function: ease-out;
+        transition-timing-function: ease-out;
+    }
+
+
+    .read-more:hover:before {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1);
+        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+        background: #60d1d8;
+    }
+
+
+    .read-more-icon {
+        position: relative;
+        display: block;
+        transform: skewX(20deg);
+        -ms-transform: skewX(20deg);
+        -o-transform: skewX(20deg);
+        -moz-transform: skewX(20deg);
+        -webkit-transform: skewX(20deg);
+    }
+
+    /* Nav Menu */
+    .sub-menu li {
+        cursor: pointer;
+    }
+
+    .sub-menu li>ul {
+        transform: translatex(100%) scale(0)
+    }
+
+    .sub-menu li:hover>ul {
+        transform: translatex(101%) scale(1)
+    }
+
+    .sub-menu li>button svg {
+        transform: rotate(-90deg)
+    }
+    
+    .sub-menu ul li:hover {
+        color: white;
+        padding-left: 35px;
+        background: var(--secondary-color);
+        /* transition: all .7s ease; */
+    }
+
+    .sub-menu ul li:hover::after {
+        content: "";
+        opacity: 0;
+    }
+
+    /* .sub-menu li:hover>button svg {
+        transform: rotate(-270deg)
+    } */
+
+    .sub-menu .group:hover .group-hover\:scale-100 {
+        transform: scale(1)
+    }
+
+    .sub-menu .group:hover .group-hover\:-rotate-180 {
+        transform: rotate(180deg)
+    }
+
+    .sub-menu .scale-0 {
+        transform: scale(0)
+    }
+
+    .sub-menu .min-w-32 {
+        min-width: 16rem
+    }
+
+}
+
+.vertical-line:before {
+    content: "";
+    left: 0;
+    top: 0;
+
+    width: 5px;
+    height: 100%;
+    position: absolute;
+    background: #8CC63F;
+}

resources/js/backend/app.js

@@ -0,0 +1,20 @@
+import Alpine from 'alpinejs';
+
+window.Alpine = Alpine;
+
+Alpine.start();
+
+import "./loader";
+import "./displayUploadedImage";
+import "./sweetAlertDelete";
+import "./repeater";
+import "./mapDisplay";
+import "./create_tagify";
+import "./edit_tagify";
+import "./snow_theme";
+import "./textarea_content_display";
+import "./generate_slug";
+
+
+
+

resources/js/backend/create_tagify.js

@@ -0,0 +1,23 @@
+document.addEventListener("DOMContentLoaded", function () {
+    const allActivitiesElement = document.querySelector('.all-activities');
+    if (allActivitiesElement) {
+        const rawTotalData = JSON.parse(allActivitiesElement.dataset.totalActivities);
+        const activityNames = rawTotalData.map(activity => activity.name);
+
+        (function () {
+            const createTagifyInput = document.querySelector('#TagifyActivityList');
+            if (createTagifyInput) {
+                new Tagify(createTagifyInput, {
+                    whitelist: activityNames,
+                    maxTags: 10,
+                    dropdown: {
+                        maxItems: 20,
+                        classname: '',
+                        enabled: 0,
+                        closeOnSelect: false
+                    }
+                });
+            }
+        })();
+    }
+});

resources/js/backend/deleteModal.js

@@ -0,0 +1,9 @@
+$(document).ready(function () {
+    $('.btn-delete').on('click', function () {
+        var action = $(this).data('action');
+        var name = $(this).data('name');
+        $(".name").html(name);
+        $(".form-delete").attr("action", action);
+        $(".deleteModal").modal("show");
+    })
+});

resources/js/backend/displayUploadedImage.js

@@ -0,0 +1,48 @@
+document.addEventListener("DOMContentLoaded", function () {
+    const fileInput = document.querySelector(".input-file");
+    const uploadedImage = document.querySelector(".show-image");
+    const resetButton = document.querySelector(".image-reset");
+
+    // Check if the necessary elements exist before proceeding
+    if (fileInput && uploadedImage && resetButton) {
+        const resetImage = uploadedImage.src;
+
+        fileInput.addEventListener("change", function () {
+            if (fileInput.files && fileInput.files[0]) {
+                const reader = new FileReader();
+                reader.onload = function (e) {
+                    uploadedImage.src = e.target.result;
+                };
+                reader.readAsDataURL(fileInput.files[0]);
+            }
+        });
+
+        resetButton.addEventListener("click", function () {
+            fileInput.value = null;
+            uploadedImage.src = resetImage;
+        });
+    }
+
+    const secondaryInput = document.querySelector(".input-secondary");
+    const uploadedSecondary = document.querySelector(".show-secondary");
+    const resetSecondaryButton = document.querySelector(".secondary-reset");
+
+    if (secondaryInput && uploadedSecondary && resetSecondaryButton) {
+        const resetSecondaryImage = uploadedSecondary.src;
+
+        secondaryInput.addEventListener("change", function () {
+            if (secondaryInput.files && secondaryInput.files[0]) {
+                const reader = new FileReader();
+                reader.onload = function (e) {
+                    uploadedSecondary.src = e.target.result;
+                };
+                reader.readAsDataURL(secondaryInput.files[0]);
+            }
+        });
+
+        resetSecondaryButton.addEventListener("click", function () {
+            secondaryInput.value = null;
+            uploadedSecondary.src = resetSecondaryImage;
+        });
+    }
+});

resources/js/backend/edit_tagify.js

@@ -0,0 +1,31 @@
+document.addEventListener("DOMContentLoaded", function () {
+    const allActivitiesElement = document.querySelector('.all-activities');
+    if (allActivitiesElement) {
+        const totalActivitiesData = JSON.parse(allActivitiesElement.dataset.totalActivities);
+        const activityNames = totalActivitiesData.map(activity => activity.name);
+
+        const destinationActivitiesElement = document.querySelector('.destination-activities');
+        if (destinationActivitiesElement) {
+            const destinationActivitiesRawData = JSON.parse(destinationActivitiesElement.dataset.destinationActivities);
+            const destinationActivitiesName = destinationActivitiesRawData.map(activity => activity.name);
+
+            // Initialize Tagify for Create Form
+            const editTagifyInput = document.querySelector('#TagifyActivityList');
+            if (editTagifyInput) {
+                const editTagify = new Tagify(editTagifyInput, {
+                    whitelist: activityNames,
+                    maxTags: 10,
+                    dropdown: {
+                        maxItems: 20,
+                        classname: '',
+                        enabled: 0,
+                        closeOnSelect: false
+                    }
+                });
+
+                // Set the initial value for the edit form field
+                editTagify.addTags(destinationActivitiesName);
+            }
+        }
+    }
+});

resources/js/backend/generate_slug.js

@@ -0,0 +1,17 @@
+document.addEventListener('alpine:init', () => {
+    function slugify(string) {
+        return string.toLowerCase().replace(/\s+/g, '-');
+    }
+
+    function generateSlug() {
+        return {
+            title: '',
+            slug: '',
+            updateSlug() {
+                this.slug = slugify(this.title);
+            }
+        }
+    }
+
+    Alpine.data('generateSlug', generateSlug);
+});

resources/js/backend/loader.js

@@ -0,0 +1,16 @@
+
+// The alpine:init event listener is triggered when Alpine.js initializes on the webpage.
+document.addEventListener('alpine:init', () => {
+    // Inside the callback function, Alpine.data() is used to define a new Alpine.js component named "loader."
+    Alpine.data('loader', () => ({
+        loading: true,
+        showLoader() {
+            this.loading = true;
+            document.body.classList.add('backdrop');
+        },
+        hideLoader() {
+            this.loading = false;
+            document.body.classList.remove('backdrop');
+        }
+    }));
+});

resources/js/backend/mapDisplay.js

@@ -0,0 +1,24 @@
+document.addEventListener("DOMContentLoaded", function () {
+    // Check if the mapInput class exists
+    const mapInput = document.querySelector(".mapInput");
+    if (mapInput) {
+        const mapContainer = document.querySelector(".mapContainer");
+        const mapCancel = document.querySelector(".map_cancel");
+
+        //Load map if iframe data exists
+        if (mapInput.value) {
+            mapContainer.innerHTML = mapInput.value;
+        }
+
+        //Load iframe on input map data
+        mapInput.addEventListener("input", function () {
+            //Show map inside div
+            mapContainer.innerHTML = mapInput.value;
+        });
+
+        //Load default if click cancel button
+        mapCancel.addEventListener("click", function () {
+            mapContainer.innerHTML = mapInput.value;
+        });
+    }
+});

resources/js/backend/repeater.js

@@ -0,0 +1,16 @@
+$(document).ready(function() {
+    if ($('.repeater').length > 0) {
+        $('.repeater').repeater({
+            show: function () {
+                // This function is called when the "Add" button is clicked
+                // You can add any additional logic here
+                return $(this).slideDown();
+            },
+        });
+
+        // Disable form submission when clicking the "Add" button
+        $('.repeater').on('click', '[data-repeater-create]', function () {
+            return false;
+        });
+    }
+});

resources/js/backend/snow_theme.js

@@ -0,0 +1,66 @@
+$(document).ready(function() {
+
+// Full Toolbar
+  // --------------------------------------------------------------------
+  const fullToolbar = [
+    [
+      {
+        font: []
+      },
+      {
+        size: []
+      }
+    ],
+    ['bold', 'italic', 'underline', 'strike'],
+    [
+      {
+        color: []
+      },
+      {
+        background: []
+      }
+    ],
+    [
+      {
+        script: 'super'
+      },
+      {
+        script: 'sub'
+      }
+    ],
+    [
+      {
+        header: '1'
+      },
+      {
+        header: '2'
+      },
+      'blockquote',
+      'code-block'
+    ],
+    [
+      {
+        list: 'ordered'
+      },
+      {
+        list: 'bullet'
+      },
+      {
+        indent: '-1'
+      },
+      {
+        indent: '+1'
+      }
+    ],
+
+  ];
+  const fullEditor = new Quill('.full-editor', {
+    bounds: '#full-editor',
+    placeholder: 'Type Something...',
+    modules: {
+      formula: true,
+      toolbar: fullToolbar
+    },
+    theme: 'snow'
+  });
+})

resources/js/backend/sweetAlertDelete.js

@@ -0,0 +1,23 @@
+import Swal from 'sweetalert2';
+
+document.querySelectorAll('.deleteBtn').forEach(function (button) {
+    button.addEventListener('click', function (e) {
+        e.preventDefault();
+
+        var formId = e.target.closest('form').id;
+
+        Swal.fire({
+            title: 'Are you sure?',
+            text: 'You won\'t be able to revert this!',
+            icon: 'warning',
+            showCancelButton: true,
+            confirmButtonColor: '#d33',
+            cancelButtonColor: '#3085d6',
+            confirmButtonText: 'Yes, delete it!'
+        }).then((result) => {
+            if (result.isConfirmed) {
+                document.getElementById(formId).submit();
+            }
+        });
+    });
+});

resources/js/backend/textarea_content_display.js

@@ -0,0 +1,15 @@
+document.addEventListener("DOMContentLoaded", function () {
+
+    var mainTextarea = document.getElementById('mainTextarea');
+    var editorTextarea = document.getElementById('editorTextarea');
+
+    // If exist then copy from main_textarea to editor_testarea
+    if (mainTextarea && editorTextarea) {
+        editorTextarea.value = mainTextarea.value;
+    }
+
+    // Hide the original textarea
+    if (mainTextarea) {
+        mainTextarea.style.display = 'none';
+    }
+});

resources/js/bootstrap.js

@@ -0,0 +1,32 @@
+/**
+ * We'll load the axios HTTP library which allows us to easily issue requests
+ * to our Laravel back-end. This library automatically handles sending the
+ * CSRF token as a header based on the value of the "XSRF" token cookie.
+ */
+
+import axios from 'axios';
+window.axios = axios;
+
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+
+/**
+ * Echo exposes an expressive API for subscribing to channels and listening
+ * for events that are broadcast by Laravel. Echo and event broadcasting
+ * allows your team to easily build robust real-time web applications.
+ */
+
+// import Echo from 'laravel-echo';
+
+// import Pusher from 'pusher-js';
+// window.Pusher = Pusher;
+
+// window.Echo = new Echo({
+//     broadcaster: 'pusher',
+//     key: import.meta.env.VITE_PUSHER_APP_KEY,
+//     cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER ?? 'mt1',
+//     wsHost: import.meta.env.VITE_PUSHER_HOST ? import.meta.env.VITE_PUSHER_HOST : `ws-${import.meta.env.VITE_PUSHER_APP_CLUSTER}.pusher.com`,
+//     wsPort: import.meta.env.VITE_PUSHER_PORT ?? 80,
+//     wssPort: import.meta.env.VITE_PUSHER_PORT ?? 443,
+//     forceTLS: (import.meta.env.VITE_PUSHER_SCHEME ?? 'https') === 'https',
+//     enabledTransports: ['ws', 'wss'],
+// });

resources/js/frontend/app.js

@@ -0,0 +1,15 @@
+//-- Import Apline
+import Alpine from 'alpinejs';
+window.Alpine = Alpine;
+Alpine.start();
+
+
+
+
+
+
+
+
+
+
+

resources/scss/Backend/app.scss

@@ -0,0 +1,13 @@
+
+//-- Component --------------------------------
+@import './components/delete.scss';
+@import './components/map.scss';
+@import './components/loader.scss';
+
+
+//-- Pages --------------------------------
+@import './pages/destination.scss';
+
+
+
+

resources/scss/Backend/components/delete.scss

@@ -0,0 +1,9 @@
+.dropdown-item.btn-delete{
+    cursor: pointer;
+}
+
+
+.swal2-styled.swal2-cancel{
+    margin: 0 !important;
+    margin-left: 10px !important;
+}

resources/scss/Backend/components/loader.scss

@@ -0,0 +1,44 @@
+.loader {
+    display: inline-block;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1001; /* Ensure it's above the overlay */
+}
+
+.loader:after {
+    content: " ";
+    display: block;
+    width: 40px;
+    height: 40px;
+    margin: 8px;
+    margin-left: 32px;
+    margin-top: 25px;
+    border-radius: 50%;
+    border: 6px solid #fff;
+    border-color: #5a8dee transparent #5a8dee transparent;
+    animation: loader 0.7s linear infinite;
+    text-align: center;
+}
+
+@keyframes loader {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+/* Backdrop */
+.backdrop {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    // background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black */
+    z-index: 999; /* Ensure it's above other content */
+}

resources/scss/Backend/components/map.scss

@@ -0,0 +1,3 @@
+.mapContainer iframe{
+    width: 100% !important;
+}

resources/scss/Backend/pages/destination.scss

@@ -0,0 +1,43 @@
+
+// rate
+.rate {
+    float: left;
+    height: 46px;
+    padding: 0 10px;
+}
+
+.rate:not(:checked)>input {
+    position: absolute;
+    top: -9999px;
+}
+
+.rate:not(:checked)>label {
+    float: right;
+    width: 1em;
+    overflow: hidden;
+    white-space: nowrap;
+    cursor: pointer;
+    font-size: 30px;
+    color: #ccc;
+}
+
+.rate:not(:checked)>label:before {
+    content: '★ ';
+}
+
+.rate>input:checked~label {
+    color: #390c02c8;
+}
+
+.rate:not(:checked)>label:hover,
+.rate:not(:checked)>label:hover~label {
+    color: #deb217;
+}
+
+.rate>input:checked+label:hover,
+.rate>input:checked+label:hover~label,
+.rate>input:checked~label:hover,
+.rate>input:checked~label:hover~label,
+.rate>label:hover~input:checked~label {
+    color: #c59b08;
+}

resources/scss/frontend/app.scss

@@ -0,0 +1 @@
+

resources/views/errors/419.blade.php

@@ -0,0 +1,8 @@
+@extends('errors.layout.master')
+
+@section('title', '419 Page')
+@section('error_code', '419')
+@section('error_title', 'Look like your session expired')
+@section('error_desc', 'Please hard refresh the page or relogin to create new session !')
+@section('error_redirect_btn_title', 'Go to Home')
+@section('error_redirect_btn_link', '/')

resources/views/errors/500.blade.php

@@ -0,0 +1,8 @@
+@extends('errors.layout.master')
+
+@section('title', '500 Page')
+@section('error_code', '500')
+@section('error_title', 'Look like we\'re lost')
+@section('error_desc', 'Oops Something went wrong contact our customer service !')
+@section('error_redirect_btn_title', 'Go to Home')
+@section('error_redirect_btn_link', '/')

resources/views/errors/layout/master.blade.php

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>@yield('title', 'Arogin Hair Transplantation')</title>
+
+    <meta name="description"
+        content="Welcome to our hair transplantation clinic! We specialize in advanced hair restoration procedures tailored to your unique needs. Our experienced team uses the latest techniques to provide natural-looking results. Schedule a consultation today to regain your confidence and achieve the hair of your dreams.">
+    <!-- Favicon -->
+    <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
+    <link rel="manifest" href="favicon/site.webmanifest">
+    <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="theme-color" content="#ffffff">
+
+    <!-- Vite Asset Injection -->
+    @vite(['resources/css/app.css', 'resources/js/app.js', 'resources/js/frontend/app.js'])
+</head>
+
+<body>
+    <div class="w-full h-screen flex flex-col items-center justify-center">
+
+        @yield('error_image')
+        <div class="flex flex-col items-center justify-center">
+            <p class="text-3xl md:text-4xl lg:text-5xl text-gray-800 mt-12">
+                @yield('error_title', 'Page Not Found')
+            </p>
+            <p class="md:text-lg lg:text-xl text-gray-600 mt-8">
+                @yield('error_desc', 'Sorry, the page you are looking for could not be found.')
+            </p>
+            <a href="@yield('error_redirect_btn_link', '#')" class="flex items-center space-x-2 bg-blue-600 hover:bg-blue-700 text-gray-100 px-4 py-2 mt-12 rounded transition duration-150" title="Return Home">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                    <path fill-rule="evenodd" d="M9.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L7.414 9H15a1 1 0 110 2H7.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
+                </svg>
+                <span>@yield('error_redirect_btn_title', 'Return Home')</span>
+            </a>
+        </div>
+    </div>
+</body>
+
+</html>

resources/views/frontend/layouts/master.blade.php

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>@yield('title', env('APP_NAME'))</title>
+    @yield('meta')
+    <!-- Favicon -->
+    <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
+    <link rel="manifest" href="favicon/site.webmanifest">
+    <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="theme-color" content="#ffffff">
+    <!-- Font -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Sintony:wght@400;700&display=swap" rel="stylesheet">
+    <!-- Custom CSS -->
+    <link rel="stylesheet" href="{{ asset('frontend/css/style.css') }}" />
+    <!-- Vite Asset Injection -->
+    @vite(['resources/css/app.css', 'resources/js/app.js', 'resources/js/frontend/app.js'])
+</head>
+<body class="bg-[#f9f9f9]">
+
+    {{-- header --}}
+    @include('frontend.layouts.partials.header')
+
+    <main>
+        @yield('content')
+    </main>
+
+    {{-- footer --}}
+    <footer class="relative bg-[#EEF6FC]">
+        @include('frontend.layouts.partials.footer')
+    </footer>
+
+    <!-- jQuery CDN -->
+    <script src="{{ asset('frontend/vendor/jquery-3.6.0.min.js') }}"></script>
+    <script src="{{ asset('frontend/vendor/youtube.js') }}"></script>
+
+
+</body>
+
+</html>

resources/views/frontend/layouts/partials/breadcrumb.blade.php

@@ -0,0 +1,33 @@
+<section class="breadcrumb">
+     <div class="breadcrumb-content">
+         <h1>{{ end($breadcrumbData)['title'] }}</h1>
+         <ul class="list-none">
+             <li class="flex items-center">
+                 <a href="{{ route('home') }}">Home</a>
+                 <svg class="fill-current w-3 h-3 mx-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
+                     <path
+                         d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
+                 </svg>
+             </li>
+             @foreach ($breadcrumbData as $key => $breadcrumb)
+                 @if (isset($breadcrumb['link']) && $breadcrumb['link'])
+                     <li class="">
+                         <a href="{{ $breadcrumb['link'] }}">{{ $breadcrumb['title'] }}</a>
+                     </li>
+                     <li class="pt-[7px]">
+                         <svg class="fill-current w-3 h-3 mx-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
+                             <path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
+                         </svg>
+                     </li>
+                 @else
+                     <li class="">
+                         <span>{{ $breadcrumb['title'] }}</span>
+                     </li>
+                 @endif
+             @endforeach
+         </ul>
+     </div>
+     {{-- <div class="breadcrumb-footer">
+         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 318"><path fill="#ffffff" fill-opacity="1" d="M0,264L48,260C96,256,192,288,288,304C384,320,480,320,576,314.7C672,309,768,299,864,277.3C960,256,1056,224,1152,213.3C1248,203,1344,213,1392,218.7L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>
+     </div> --}}
+ </section>

resources/views/frontend/layouts/partials/footer.blade.php

@@ -0,0 +1,193 @@
+{{-- Contact us --}}
+<div class="py-[60px] mx-auto  max-w-7xl px-6 lg:px-8">
+     <h2
+         class="text-[18px] italic font-bold leading-26 tracking-wider text-center text-center text-[#666666] uppercase">
+         Need Help?</h2>
+     <p class="text-[36px]  leading-59 tracking-normal text-center text-primary font-bold uppercase">
+         get in touch</p>
+     <p class="text-center font-medium text-[#666666]">Reach out to us for advance heath care treatment
+         for you, your friends and family!
+     </p>
+     <form action="#" method="POST" class="mx-auto mt-[20px] max-w-xl sm:mt-20">
+         <div class="grid grid-cols-1 gap-x-8 gap-y-3 sm:grid-cols-2">
+             <div>
+                 <label for="first-name" class="block text-sm font-medium text-[#666666] leading-6 text-gray-900">Full
+                     Name</label>
+                 <div class="pt-[2px]">
+                     <input type="text" name="first-name" id="first-name" autocomplete="given-name"
+                         class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                 </div>
+             </div>
+             <div>
+                 <label for="first-name" class="block text-sm font-medium text-[#666666] leading-6">Address</label>
+                 <div class="pt-[2px]">
+                     <input type="text" name="first-name" id="first-name" autocomplete="given-name"
+                         class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                 </div>
+             </div>
+             <div>
+                 <label for="first-name" class="block text-sm font-medium text-[#666666] leading-6">Email ID</label>
+                 <div class="pt-[2px]">
+                     <input type="text" name="first-name" id="first-name" autocomplete="given-name"
+                         class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                 </div>
+             </div>
+             <div>
+                 <label for="first-name" class="block text-sm font-medium text-[#666666] leading-6">Phone
+                     Number</label>
+                 <div class="pt-[2px]">
+                     <input type="text" name="first-name" id="first-name" autocomplete="given-name"
+                         class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                 </div>
+             </div>
+ 
+             <div class="sm:col-span-2">
+                 <label for="message" class="block text-sm font-medium text-[#666666] leading-6">Enter
+                     Message</label>
+                 <div class="pt-[2px]">
+                     <textarea name="message" id="message" rows="4"
+                         class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"></textarea>
+                 </div>
+             </div>
+ 
+         </div>
+         <div class="mt-10 flex justify-center">
+             {{-- <button type="submit"
+                 class="block rounded-md bg-gradient px-[50px] py-[15px] text-white font-bold text-lg">Send
+                 Info</button> --}}
+ 
+             {{-- Read More --}}
+             <a href="{{ route('about_us') }}"
+                 class="read-more inline-block uppercase bg-secondary text-white text-sm font-bold pe-[60px] relative overflow-hidden">
+                 <span class="btn-text inline-block">Send Info</span>
+                 <strong class="icon flex items-center">
+                     <span class="read-more-icon">
+                         <img src="{{ asset('frontend/images/icons/arrow-right-line.svg') }}" alt=""
+                             srcset="">
+                     </span>
+                 </strong>
+             </a>
+ 
+         </div>
+     </form>
+ </div>
+ 
+ <div class="overflow-hidden relative bg-cover bg-top bg-no-repeat h-full w-full bg-[#001b29]">
+     <div class="mx-auto  max-w-7xl relative px-6 lg:px-8">
+         <div class="flex flex-col justify-center">
+             <div class="footer-head">
+                 <h2 class="font-bold text-800 text-[26px] text-white uppercase">
+                     PRESENT & FUTURE OF QUALITY MEDICAL SERVICES
+                 </h2>
+             </div>
+             <div class=" grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-4 pt-[60px] pb-[46px]">
+                 <div>
+                     <h2 class="mb-[10px] text-white uppercase dark:text-white font-bold text-[20px]">Company Policy</h2>
+                     <ul class="text-white dark:text-gray-400">
+                         <li class="mb-1">
+                             <a href="{{ route('privacyPolicy') }}"
+                                 class="text-white cursor-pointer hover:text-[#8CC63F]"> Privacy Policy</a>
+                         </li>
+                         <li class="mb-1">
+                             <a href="{{ route('termsOfService') }}"
+                                 class="text-white cursor-pointer hover:text-[#8CC63F]"> Terms of Service</a>
+                         </li>
+                         <li class="mb-1">
+                             <a href="#" class="text-white cursor-pointer hover:text-[#8CC63F]"> Customer Privacy
+                                 Act</a>
+                         </li>
+                         <li class="mb-1">
+                             <a href="#" class="text-white cursor-pointer hover:text-[#8CC63F]"> Resource</a>
+                         </li>
+                     </ul>
+                 </div>
+                 <div>
+                     <h2 class="mb-[10px] text-white uppercase dark:text-white font-bold text-[20px]">Quick Links</h2>
+                     <ul class="text-white dark:text-gray-400">
+                         <li class="mb-1">
+                             <a href="{{ route('about_us') }}" class="text-white cursor-pointer hover:text-[#8CC63F]">
+                                 About Us</a>
+                         </li>
+                         <li class="mb-1">
+                             <a href="{{ route('hair_transplant') }}"
+                                 class="text-white cursor-pointer hover:text-[#8CC63F]">
+                                 Hair Transplant</a>
+                         </li>
+                         <li class="mb-1">
+                             <a href="{{ route('blogs') }}" class="text-white cursor-pointer hover:text-[#8CC63F]">
+                                 Blogs</a>
+                         </li>
+                         <li class="mb-1">
+                             <a href="{{ route('doctor_provider') }}"
+                                 class="text-white cursor-pointer hover:text-[#8CC63F]"> Doctors & providers</a>
+                         </li>
+                     </ul>
+                 </div>
+                 <div>
+                     <h2 class="mb-[10px] text-white uppercase dark:text-white font-bold text-[20px]">Contact Us</h2>
+                     <ul class=" text-white dark:text-gray-400">
+                         <li class="mb-1 font-semibold">
+                             Arogin Health Care & Research Centre
+                         </li>
+                         <li class="mb-1">
+                             Bishalnagar, Kathmandu, Nepal
+                         </li>
+                         <li class="mb-1">
+                             (977) 1 4423423 (Hunting Line)
+                         </li>
+                         <li class="mb-1">
+                             info@aroginhealthcare.com
+                         </li>
+                     </ul>
+                 </div>
+                 <div>
+                     <h2 class="mb-[10px] text-white uppercase dark:text-white font-bold text-[20px]">Get In Touch</h2>
+ 
+                     <ul class=" text-white dark:text-gray-400">
+                         <li class="mb-4">
+                             Stay updated with our latest discount offers on all our services.
+                         </li>
+                     </ul>
+ 
+                     <div class="flex items-end mb-3">
+                         <form action="{{ route('subscription.store') }}" method="post">
+                             <div class="flex items-center w-full max-w-md mb-3 formkit-fields">
+                                 @csrf
+                                 <div class="relative w-full mr-3 formkit-field">
+                                     <label for="member_email"
+                                         class="hidden block mb-2 text-sm font-medium text-gray-900">Email
+                                         address</label>
+                                     <div class="absolute inset-y-0 left-0 flex items-center pl-3.5">
+                                         <svg class="w-3.5 h-3.5 text-gray-500" aria-hidden="true" fill="currentColor"
+                                             viewBox="0 0 20 16">
+                                             <path
+                                                 d="m10.036 8.278 9.258-7.79A1.979 1.979 0 0 0 18 0H2A1.987 1.987 0 0 0 .641.541l9.395 7.737Z">
+                                             </path>
+                                             <path
+                                                 d="M11.241 9.817c-.36.275-.801.425-1.255.427-.428 0-.845-.138-1.187-.395L0 2.6V14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.5l-8.759 7.317Z">
+                                             </path>
+                                         </svg>
+                                     </div>
+                                     <input id="member_email"
+                                         class="formkit-input bg-gray-50 text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5"
+                                         name="email" aria-label="Email Address"
+                                         placeholder="Your email address..." required="" type="email">
+                                 </div>
+                                 <button type="submit" class="formkit-submit">
+                                     <span
+                                         class="px-5 py-3 text-sm font-medium text-center text-white bg-[#22ad4b] cursor-pointer hover:bg-blue-800 focus:ring-4 focus:ring-blue-300">Subscribe</span>
+                                 </button>
+                             </div>
+                         </form>
+                     </div>
+ 
+                 </div>
+             </div>
+         </div>
+     </div>
+ </div>
+ 
+ <div class="text-white py-[18px] text-center bg-[#353535] font-semibold text-sm">© 2022 Arogin Healthcare &
+     Research Centre (P) Ltd
+ </div>
+ 

resources/views/frontend/layouts/partials/header.blade.php

@@ -0,0 +1,149 @@
+<div x-data="{ scrolled: false }" @scroll.window="scrolled = window.scrollY > 0">
+     <header class="relative z-[70]">
+ 
+         <div class="top-bar bg-secondary">
+             <div class=" flex flex-wrap items-center justify-end mx-auto py-[10px] mx-auto  max-w-7xl px-6 lg:px-8">
+                 <ul class="flex items-center">
+                     <li>
+                         <a href="{{ route('home') . '#patients-visitors' }}"
+                             class="text-white rounded-lg text-center text-sm mx-2">
+                             PATIENTS & VISITORS
+                         </a>
+                         <span class="separator text-white">|</span>
+                     </li>
+                     <li>
+                         <a href="{{ route('contact_us') }}" class="text-white rounded-lg text-center text-sm mx-2">
+                            CONTACT US
+                         </a>
+                     </li>
+                 </ul>
+             </div>
+         </div>
+ 
+         <nav id="main-nav"
+             class="border-b-2 border-gray-200 bg-white dark:bg-gray-900 w-full z-20 start-0 dark:border-gray-600"
+             :class="{ 'fixed top-0': scrolled }">
+             <div class=" flex flex-wrap items-center justify-between mx-auto py-[10px] mx-auto  max-w-7xl px-6 lg:px-8">
+                 <a href="{{ route('home') }}" class="flex items-center space-x-3 rtl:space-x-reverse">
+                     @if (isset($generalSetting['primary_image']))
+                         <img src="{{ isset($generalSetting['primary_image']) ? asset('storage/uploads/' . $generalSetting['primary_image']) : asset('frontend/images/brand-logo.png') }}" alt="Brand Logo">
+                     @endif
+                 </a>
+                 <div class="flex space-x-3 md:space-x-0 rtl:space-x-reverse">
+                     <button data-collapse-toggle="navbar-sticky" type="button"
+                         class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
+                         aria-controls="navbar-sticky" aria-expanded="false">
+                         <span class="sr-only">Open main menu</span>
+                         <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
+                             viewBox="0 0 17 14">
+                             <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                 d="M1 1h15M1 7h15M1 13h15" />
+                         </svg>
+                     </button>
+                 </div>
+                 <div class="nav-sticky items-center justify-between hidden w-full md:flex md:w-auto md:order-1"
+                     id="navbar-sticky">
+                     <ul
+                         class="nav-list flex flex-col p-4 md:p-0 mt-4 font-medium border border-gray-100 rounded-lg md:space-x-5 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
+                         <li class="{{ request()->url() == route('home') ? 'active' : '' }}">
+                             <a href="{{ route('home') }}"
+                                 class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
+                                 aria-current="page">Home</a>
+                         </li>
+                         <li class="{{ request()->url() == route('about_us') ? 'active' : '' }}">
+                             <a href="{{ route('about_us') }}"
+                                 class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
+                                 aria-current="page">About Us</a>
+                         </li>
+                         <li class="{{ request()->url() == route('hair_transplant') ? 'active' : '' }}">
+                             <a href="{{ route('hair_transplant') }}"
+                                 class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
+                                 aria-current="page">Hair Transplant</a>
+                         </li>
+                         <li class="{{ request()->segment(1) == 'services' ? 'active' : '' }}">
+                             <div class="group inline-block sub-menu">
+                                 <a href="javascript:;"
+                                     class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
+                                     aria-current="page">Services</a>
+                                 <ul
+                                     class="bg-white border rounded-sm transform scale-0 group-hover:scale-100 absolute transition duration-150 ease-in-out origin-top min-w-32 mt-[10px]">
+                                     <a href="#" target="_blank">
+                                         <li
+                                             class="rounded-sm px-6 py-2 text-lightGray font-sm uppercase border-b-[1px] border-gray-200">
+                                             Skin
+                                         </li>
+                                     </a>
+                                     <a href="#" target="_blank">
+                                         <li
+                                             class="rounded-sm px-6 py-2 text-lightGray font-sm uppercase border-b-[1px] border-gray-200">
+                                             Dental
+                                         </li>
+                                     </a>
+                                     <a href="https://www.aroginhealthcare.com/care-home/public" target="_blank">
+                                         <li
+                                             class="rounded-sm px-6 py-2 text-lightGray font-sm uppercase border-b-[1px] border-gray-200">
+                                             Care Home
+                                         </li>
+                                     </a>
+                                     @if (count($services) > 0)
+                                         @foreach ($services as $service)
+                                             <a href="{{ route('service', $service->slug) }}">
+                                                 <li
+                                                     class="px-6 py-2 text-lightGray font-sm uppercase border-b-[1px] border-gray-200">
+                                                     {{ $service->title }}
+                                                 </li>
+                                             </a>
+                                         @endforeach
+                                     @endif
+                                     {{-- <li
+                                         class="rounded-sm relative px-3 py-2 hover:bg-secondaryColor hover:text-white text-lightGray font-sm uppercase border-b-2 border-gray-200">
+                                         <button class="w-full text-left flex items-center outline-none focus:outline-none">
+                                             <span class="pr-1 flex-1 font-sm uppercase">
+                                                 <a href="{{route('service')}}"> Services 3</a>
+                                             </span>
+                                             <span class="mr-auto">
+                                                 <svg class="fill-current h-4 w-4
+                                                     transition duration-150 ease-in-out"
+                                                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+                                                     <path
+                                                         d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
+                                                 </svg>
+                                             </span>
+                                         </button>
+                                         <ul
+                                             class="bg-white border rounded-sm absolute top-0 right-0
+                                                 transition duration-150 ease-in-out origin-top-left
+                                                 min-w-32
+                                                 ">
+                                             <li class="px-3 py-2 hover:bg-secondaryColor hover:text-white text-lightGray font-sm uppercase border-b-2 border-gray-200">
+                                                 <a href="{{route('service')}}">Services 3.1</a>
+                                             </li>
+                                             <li class="px-3 py-2 hover:bg-secondaryColor hover:text-white text-lightGray font-sm uppercase border-b-2 border-gray-200">
+                                                 <a href="{{route('service')}}">Services 3.2</a>
+                                             </li>
+                                             <li class="px-3 py-2 hover:bg-secondaryColor hover:text-white text-lightGray font-sm uppercase border-b-2 border-gray-200">
+                                                 <a href="{{route('service')}}">Services 3.3</a>
+                                             </li>
+                                         </ul>
+                                     </li> --}}
+                                 </ul>
+                             </div>
+                         </li>
+                         <li class="{{ request()->url() == route('doctor_provider') ? 'active' : '' }}">
+                             <a href="{{ route('doctor_provider') }}"
+                                 class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
+                                 aria-current="page">Doctor & Providers</a>
+                         </li>
+                         <li class="{{ request()->segment(1) == 'blogs' ? 'active' : '' }}">
+                             <a href="{{ route('blogs') }}"
+                                 class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
+                                 aria-current="page">Blogs</a>
+                         </li>
+                     </ul>
+                 </div>
+             </div>
+         </nav>
+ 
+     </header>
+ </div>
+ 

resources/views/frontend/pages/home.blade.php

@@ -0,0 +1,303 @@
+@extends('frontend.layouts.master')
+
+@section('title') {{ $generalSetting['company_name'] }} @endsection
+
+@section('meta')
+<meta name="title" content="{{ $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('content')
+
+    {{-- /* ------------------------------ Video Section ----------------------------- */ --}}
+    <section class="relative w-full h-screen">
+        <video autoplay loop muted class="absolute inset-0 w-full h-full object-cover">
+            <source src="{{ asset('frontend/videos/main.mp4') }}" type="video/mp4">
+            Your browser does not support the video tag.
+        </video>
+        <div class="absolute inset-0 bg-black opacity-50"></div>
+        <div class="absolute inset-0 flex justify-center items-center text-white">
+            <div class="text-center max-w-[650px]">
+                <h1 class="font-raleway uppercase tracking-wider font-bold text-5xl text-white mb-[40px]">
+                    {{ $homePage->title ?? 'BEST TECHNOLOGY FOR HAIR TRANSPLANT' }}
+                </h1>
+                <a href="{{ route('about_us') }}"
+                    class="read-more inline-block uppercase bg-secondary text-white text-sm font-bold pe-[60px] relative overflow-hidden">
+                    <span class="btn-text inline-block text-sm font-bold">Book your Appointment</span>
+                    <strong class="icon flex items-center">
+                        <span class="read-more-icon">
+                            <img src="{{ asset('frontend/images/icons/arrow-right-line.svg') }}" alt="image" srcset="">
+                        </span>
+                    </strong>
+                </a>
+            </div>
+        </div>
+    </section>
+
+    {{-- /* ------------------ Transformation / Before After Section ----------------- */ --}}
+    <section class="mx-auto max-w-7xl dark:bg-gray-900 relative mt-[80px] px-6 lg:px-8">
+        <div class="mx-auto  max-w-7xl lg:text-center">
+            <h2 class="font-raleway text-[18px] italic font-bold leading-26 tracking-wider text-center text-center text-lightGray uppercase">
+                Have a look at our
+            </h2>
+            <p class="font-raleway text-[36px]  leading-59 tracking-normal text-center text-[#088EE4] font-bold uppercase">
+                Amazing Transformations
+            </p>
+        </div>
+        <div class="my-[60px]">
+            <div class="relative transformation-slider">
+                @if(count($transformations) > 0)
+                    @foreach ($transformations ?? [] as $transformation)
+                        <div class="px-[10px]">
+                            <div class="flex flex-row gap-[10px]">
+                                <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="100">
+                                    <div class="relative">
+                                        <img src="{{ $transformation->beforeImage }}" alt="" class="">
+                                    </div>
+                                </div>
+                                <div data-aos="fade-down" data-aos-duration="1500" data-aos-offset="100">
+                                    <div class="relative">
+                                        <img src="{{ $transformation->afterImage }}" alt="" class="">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="box">
+                                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
+                                    <div class="flex flex-col-reverse">
+                                        <dt class="text-[#666666] font-normal">Patient Name</dt>
+                                        <dd class="font-bold text-[20px] text-secondary tracking-widest">
+                                            {{ $transformation->name }}</dd>
+                                    </div>
+                                    <div class="flex flex-col-reverse">
+                                        <dt class="text-[#666666] font-normal">Hair Loss Grade</dt>
+                                        <dd class="font-bold text-[20px] text-secondary tracking-widest ">
+                                            {{ $transformation->grade }}</dd>
+                                    </div>
+                                    <div class="flex flex-col-reverse">
+                                        <dt class="text-[#666666] font-normal">No. of Drafts</dt>
+                                        <dd class="font-bold text-[20px] text-secondary tracking-widest">
+                                            {{ $transformation->graft }}</dd>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    @endforeach
+                @endif
+            </div>
+        </div>
+    </section>
+
+    {{-- /* ------------------------ Video Testimonial Section ----------------------- */ --}}
+    <section class="bg-[#051B42] py-[60px]">
+        <div class="wrapper">
+            <section class="mx-auto  max-w-7xl dark:bg-gray-900 relative mb-[40px]-4 mt-[40px] px-6 lg:px-8">
+                <div class="relative w-full">
+                    <div class="overflow-hidden">
+                        <div id="logoCarousel" class="flex justify-evenly items-center gap-[60px] transition-transform duration-500 ease-in-out transform">
+                            @if(count($videoTestimonials) > 0)
+                                @foreach ($videoTestimonials ?? [] as $videoTestimonial)
+                                    <div class="w-1/2">
+                                        <div class="w-full pb-6">
+                                            <div class="relative">
+                                                {!! $videoTestimonial->link !!}
+                                            </div>
+                                        </div>
+                                        <div class="mr-auto place-self-center lg:col-span-7 w-full">
+                                            <div class="lg:mt-0">
+                                                {{-- <img src="{{ asset('frontend/images/video-testimonials/tag.png') }}" alt="" srcset=""> --}}
+                                                <h4 class="text-white text-4xl font-semibold mt-[11px]">{{ $videoTestimonial->name }}</h4>
+                                                <p class="text-white font-semibold text-lg mt-[5px] italic">
+                                                    {{ $videoTestimonial->designation }}
+                                                </p>
+                                                {{-- <p class="text-white md:text-lg lg:text-xl dark:text-gray-400 font-normal text-lg text-lightGray mb-[30px] pt-[10px]">
+                                                    {{ $videoTestimonial->statement }}
+                                                </p> --}}
+                                            </div>
+                                        </div>
+                                    </div>
+                                @endforeach
+                            @endif
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </div>
+        <div id="patients-visitors"></div>
+    </section>
+
+    {{-- /* ----------------------- Normal Testimonial Section ----------------------- */ --}}
+    <section id="happy-client" class="relative w-full mt-[60px] mx-auto  max-w-7xl px-6 lg:px-8">
+        <div class="relative w-full">
+            <div class="mx-auto max-w-7xl lg:text-center mb-[60px]">
+                <h2 class="font-raleway text-[18px] italic font-bold leading-26 tracking-wider text-center text-center text-lightGray uppercase">
+                    Featured Reviews
+                </h2>
+                <p class="font-raleway text-[36px]  leading-59 tracking-normal text-center text-[#0097F6] font-bold uppercase">
+                    What Our Happy Patients Says
+                </p>
+            </div>
+            <div class="happyCustomer-slider mx-auto max-w-7xl -mx-4">
+                @if(count($testimonials) > 0)
+                    @foreach ($testimonials ?? [] as $testimonial)
+                        @if (empty($testimonial['link']) && isset($testimonial['image']))
+                            <div class="mx-auto max-w-7xl lg:max-w-none px-4">
+                                <div class="patient-item">
+                                    <div class="overflow-hidden">
+                                        <div class="max-w-sm realtive">
+                                            <a class="relative image">
+                                                <img class="w-full" src="{{ $testimonial->fullImage }}" alt="Image" />
+                                                <span class="curve"></span>
+                                            </a>
+                                            <div class="patient-content bg-white relative -mt-[44px] mx-[30px]">
+                                                <div class="patient-info relative z-1 z-[1] mb-[50px]">
+                                                    <h3>
+                                                        <div class="text-[22px] text-secondary font-bold tracking-tight dark:text-white">
+                                                            <h4>{{ $testimonial->name }}</h4>
+                                                        </div>
+                                                    </h3>
+                                                    <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">
+                                                        {{ $testimonial->statement }}
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        @endif
+                    @endforeach
+                @endif
+            </div>
+            <div class="flex items-center justify-center pb-[20px]">
+                <button
+                    class="happyCustomer-prev inline-flex items-center justify-center h-[30px] w-[30px] text-base font-medium text-center rounded-lg hover:bg-blue-600 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800 bg-[#CDE9FB] text-white">
+                    <img src="{{ asset('frontend/images/video-testimonials/left-arrow.svg') }}" alt=""
+                        srcset="" width="16">
+                </button>
+                <div class="px-[16px] py-[10px] text-lightGray font-medium">
+                    01/02
+                </div>
+                <button
+                    class="happyCustomer-next inline-flex items-center justify-center h-[30px] w-[30px] text-base font-medium text-center rounded-lg hover:bg-blue-600 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800 bg-[#CDE9FB] text-white">
+                    <img src="{{ asset('frontend/images/video-testimonials/right.svg') }}" alt="" srcset=""
+                        width="16">
+                </button>
+            </div>
+        </div>
+    </section>
+
+    {{-- /* ---------------------------- About Us Section ---------------------------- */ --}}
+    <section class="we-are-best">
+        <div class="wrapper">
+            <div class="flex">
+                <div class="w-full lg:w-1/2" style="display: flex; align-items: center; justify-content: center;">
+                    <img src="{{ $aboutPage->fullImage ?? '' }}" alt="" title="" class="w-full h-full object-cover">
+                </div>
+                <div class="w-full lg:w-1/2 z-[1] text-right py-[40px] mr-[35px] ps-[45px] relative z-[4]">
+                    <div class="">
+                        <h4 class="text-[18px] italic font-bold leading-26 tracking-wider text-white uppercase">
+                            Let's Know About</h4>
+                        <h2 class="mb-[18px] font-bold text-800 text-[36px] text-secondary uppercase">
+                            {{ $aboutPage->title ?? 'About Us' }}
+                        </h2>
+                        <p
+                            class="text-white dark:text-gray-400 font-normal text-[16px] mb-[54px]">
+                            {{ $aboutPage->summary ?? 'We are Arogin Health Care' }}
+                        </p>
+                        <a href="{{ route('about_us') }}"
+                            class="read-more inline-block uppercase bg-secondary text-white text-sm font-bold pe-[60px] relative overflow-hidden">
+                            <span class="btn-text inline-block">Read More</span>
+                            <strong class="icon flex items-center">
+                                <span class="read-more-icon">
+                                    <img src="{{ asset('frontend/images/icons/arrow-right-line.svg') }}" alt="Image" srcset="">
+                                </span>
+                            </strong>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    {{-- /* ------------------------------ Team Section ------------------------------ */ --}}
+    <section class="mx-auto max-w-7xl mt-[60px] mb-[20px]">
+        <div class="text-center pb-[60px]">
+            <h2 class="font-raleway text-[18px] italic font-bold leading-26 tracking-wider text-center text-center text-lightGray uppercase">
+                WE ARE A
+            </h2>
+            <p class="font-raleway text-[36px]  leading-59 tracking-normal text-center text-[#088EE4] font-bold uppercase">
+                Team of Professionals
+            </p>
+        </div>
+        <div class="mx-auto">
+            <ul class="grid gap-8 md:grid-cols-2 lg:grid-cols-4 p-2 xl:p-5">
+                @if(count($teamMembers) > 0)
+                    @foreach ($teamMembers ?? [] as $teamMember)
+                        <li>
+                            <div class="border-solid team-card px-4">
+                                <div class="max-w-sm bg-white border border-gray-200 shadow dark:bg-gray-800 dark:border-gray-700">
+                                    <img class="w-full" src="{{ $teamMember->fullImage }}" alt="Image" />
+                                    <div class="p-[15px]">
+                                        <div class="team-info">
+                                            <a href="#">
+                                                <div class="text-[20px] text-primary font-bold uppercase tracking-tight dark:text-white">
+                                                    <h4> {{ $teamMember->name }}</h4>
+                                                </div>
+                                            </a>
+                                            <p class="mb-3 mt-[8px] dark:text-gray-400 text-secondaryColor">
+                                                {{ $teamMember->detail }}
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                    @endforeach
+                @endif
+            </ul>
+            <div class="text-center pt-[30px]">
+                <a href="{{ route('doctor_provider') }}" class="read-more inline-block uppercase bg-secondary text-white text-sm font-bold pe-[60px] relative overflow-hidden">
+                    <span class="btn-text inline-block">View All</span>
+                    <strong class="icon flex items-center">
+                        <span class="read-more-icon">
+                            <img src="{{ asset('frontend/images/icons/arrow-right-line.svg') }}" alt="Image" srcset="">
+                        </span>
+                    </strong>
+                </a>
+            </div>
+        </div>
+    </section>
+
+    {{-- /* ----------------------------- Client Section ----------------------------- */ --}}
+    <section class="py-[60px] bg-[#F6FEF8]">
+        <div class="mx-auto  max-w-7xl px-6 lg:px-8">
+            <div class="mx-auto  max-w-7xl lg:text-center mb-[60px]">
+                <h2 class="font-raleway text-[18px] italic font-bold leading-26 tracking-wider text-center text-center text-lightGray uppercase">
+                    We believe in trust
+                </h2>
+                <p class="font-raleway text-[36px]  leading-59 tracking-normal text-center text-secondary font-bold uppercase">
+                    Arogin Associations
+                </p>
+            </div>
+            <div class="">
+                <div class="grid grid-cols-1 gap-y-16 text-center lg:grid-cols-4 py-4">
+                    @if(count($clients))
+                        @foreach ($clients->chunk(2) ?? [] as $clientItems)
+                            <div class="border-content">
+                                @foreach ($clientItems ?? [] as $client)
+                                    <div class="py-[40px]">
+                                        <a href="{{ $client->link }}" target="_blank">
+                                            <img class="mx-auto h-[150px]" src="{{ $client->fullImage }}" alt="" srcset="" width="150" height="150">
+                                        </a>
+                                    </div>
+                                @endforeach
+                            </div>
+                        @endforeach
+                    @endif
+                </div>
+            </div>
+        </div>
+    </section>
+
+@endsection

resources/views/includes/pagination.blade.php

@@ -0,0 +1,56 @@
+@if ($paginator->hasPages())
+    <nav class="pagination-wrap pt-50">
+        <ul class="pagination d-flex justify-content-center gap-md-3 gap-2">
+
+            @if ($paginator->onFirstPage())
+                <li class="page-item disabled">
+                    <a class="page-link" tabindex="-1">
+                        <i class="bi bi-arrow-left"></i> PREV
+                    </a>
+                </li>
+            @else
+                <li class="page-item">
+                    <a href="{{ $paginator->previousPageUrl() }}" class="page-link" tabindex="-1">
+                        <i class="bi bi-arrow-left"></i> PREV
+                    </a>
+                </li>
+            @endif
+
+            @foreach ($elements as $element)
+                @if (is_string($element))
+                    <li class="page-item disabled">
+                        <a class="page-link">{{ $element }}</a>
+                    </li>
+                @endif
+                @if (is_array($element))
+                    @foreach ($element as $page => $url)
+                        @if ($page == $paginator->currentPage())
+                            <li class="page-item active" aria-current="page">
+                                <a class="page-link">{{ sprintf("%02d", $page) }}</a>
+                            </li>
+                        @else
+                            <li class="page-item">
+                                <a href="{{ $url }}" class="page-link">{{ sprintf("%02d", $page) }}</a>
+                            </li>
+                        @endif
+                    @endforeach
+                @endif
+            @endforeach
+
+            @if ($paginator->hasMorePages())
+                <li class="page-item">
+                    <a href="{{ $paginator->nextPageUrl() }}" class="page-link">
+                        NEXT <i class="bi bi-arrow-right"></i>
+                    </a>
+                </li>
+            @else
+                <li class="page-item disabled">
+                    <a class="page-link">
+                        NEXT <i class="bi bi-arrow-right"></i>
+                    </a>
+                </li>
+            @endif
+
+        </ul>
+    </nav>
+@endif

resources/views/mail/new_blog_notification.blade copy.php

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>New Blog Post Published</title>
+</head>
+
+<body>
+    <h2>New Blog Post Published</h2>
+    <p>Title: {{ $blogTitle ?? '' }}</p>
+    <p>Content: {{ $blogContent ?? '' }}</p>
+</body>
+
+</html>

resources/views/mail/new_blog_notification.blade.php

@@ -0,0 +1,267 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>New Blog Published</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <link
+        href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+        rel="stylesheet">
+    <style type="text/css">
+        @media screen {
+            @font-face {
+                font-family: "Barlow", sans-serif;
+                font-style: normal;
+                font-weight: 400;
+            }
+
+            @font-face {
+                font-family: "Barlow", sans-serif;
+                font-style: normal;
+                font-weight: 700;
+            }
+
+            @font-face {
+                font-family: "Barlow", sans-serif;
+                font-style: italic;
+                font-weight: 400;
+            }
+
+            @font-face {
+                font-family: "Barlow", sans-serif;
+                font-style: italic;
+                font-weight: 700;
+            }
+        }
+
+        /* CLIENT-SPECIFIC STYLES */
+        body,
+        table,
+        td,
+        a {
+            -webkit-text-size-adjust: 100%;
+            -ms-text-size-adjust: 100%;
+        }
+
+        table,
+        td {
+            mso-table-lspace: 0pt;
+            mso-table-rspace: 0pt;
+        }
+
+        img {
+            -ms-interpolation-mode: bicubic;
+        }
+
+        /* RESET STYLES */
+        img {
+            border: 0;
+            height: auto;
+            line-height: 100%;
+            outline: none;
+            text-decoration: none;
+        }
+
+        table {
+            border-collapse: collapse !important;
+        }
+
+        body {
+            height: 100% !important;
+            margin: 0 !important;
+            padding: 0 !important;
+            width: 100% !important;
+        }
+
+        /* iOS BLUE LINKS */
+        a[x-apple-data-detectors] {
+            color: inherit !important;
+            text-decoration: none !important;
+            font-size: inherit !important;
+            font-family: inherit !important;
+            font-weight: inherit !important;
+            line-height: inherit !important;
+        }
+
+        /* MOBILE STYLES */
+        @media screen and (max-width:600px) {
+            h1 {
+                font-size: 32px !important;
+                line-height: 32px !important;
+            }
+        }
+
+        /* ANDROID CENTER FIX */
+        div[style*="margin: 16px 0;"] {
+            margin: 0 !important;
+        }
+    </style>
+</head>
+
+<body style="background-color: #f4f4f4; margin: 0 !important; padding: 0 !important;">
+    <table border="0" cellpadding="0" cellspacing="0" width="100%">
+        {{-- /* ------------------------------ header ----------------------------- */ --}}
+        <tr>
+            <td bgcolor="#1b4789" align="center" style="padding: 0px 10px 0px 10px;">
+                <table border="0" cellpadding="0" cellspacing="0" width="100%"
+                    style="max-width: 600px; padding:10px 0;">
+                    <tr bgcolor="#fff">
+                        <td class="subject_line" align="left" valign="middle" width="270"
+                            style="padding-top: 10px; padding-bottom: 10px; padding-left:20px;">
+                            <table width="100%">
+                                <tbody>
+                                    <tr>
+                                        <td class="center" align="" valign=""
+                                            style="font-family:Arial, sans-serif; font-style: italic; color:#d8d8d8; font-size:11px; line-height:18px;">
+                                            <img src="{{ $siteLogo ?? '' }}" alt="email" width="20"
+                                                height="11" style="display: inline; vertical-align: middle;">
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                        <td class="contact" align="right" valign="middle" width="270"
+                            style="padding: 0px; padding-right:20px;">
+                            <table width="100%">
+                                <tbody>
+                                    <tr>
+                                        <td class="center" align="" valign=""
+                                            style="text-align: right; font-family:Arial, sans-serif; color:#d8d8d8; font-size:11px; line-height:100%;">
+                                            <a href=""> view it on online</a>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+
+        {{-- /* ------------------------------ Content ----------------------------- */ --}}
+        <tr>
+            <td bgcolor="#1b4789" align="center" style="padding: 0px 10px 0px 10px;">
+                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
+                    <tr>
+                        <td bgcolor="#ffffff" align="center" valign="top"
+                            style="padding: 20px 40px 20px; color: #000; font-family: 'Barlow', Poppins, sans-serif; font-size: 48px; font-weight: 400; ">
+                            {{-- <img src="{{$thumbImage??''}}" width="125" height="120"
+                                style="display: block; border: 0px;" /> --}}
+                            {{-- <h4 style="font-size: 40px; margin:20px 0;"> Thank You!</h4>
+                            <p style="font-size:15px; color:#455056; margin:4px 0 20px; ">
+                                <strong>
+                                    Hello Citizen
+                                </strong>
+                            </p> --}}
+
+                            <h4 style="font-size: 40px; margin:20px 0;">
+                                New Blog Published
+                            </h4>
+                            <p class="text"
+                                style="color:#666;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                Title:{{ $blogTitle ?? '' }}
+                            </p>
+                            <p class="text"
+                                style="color:#666;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                Content: {!! $blogContent ?? '' !!}
+                            </p>
+
+                            <a href="/"
+                                style="background:#20e277;text-decoration:none !important; display:inline-block; font-weight:500; margin-top:24px; margin-bottom:24px; color:#fff;text-transform:uppercase; font-size:14px;padding:10px 24px;display:inline-block;border-radius:50px;">
+                                View Now
+                            </a>
+                        </td>
+
+                    </tr>
+                </table>
+            </td>
+        </tr>
+
+        {{-- /* ------------------------------ footer Section ----------------------------- */ --}}
+
+        <tr bgcolor="#f4f4f4">
+            <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">
+                <table bgcolor="#666666" border="0" cellpadding="0" cellspacing="0" width="100%"
+                    style="max-width: 600px; ">
+
+                    <tr>
+                        <td align="center">
+                            <table class="col-600" width="600" border="0" align="center" cellpadding="0"
+                                cellspacing="0">
+                                <tbody>
+                                    <tr>
+                                        <td height="25"></td>
+                                    </tr>
+                                    <tr>
+                                        <td align="center"
+                                            style="font-family: 'Raleway',  sans-serif; font-size:18px; font-weight: 500; color:#fff; padding-bottom:12px;">
+                                            Follow us on
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                            <table align="center" width="35%" border="0" cellspacing="0" cellpadding="0">
+                                <tbody>
+                                    <tr>
+                                        <td align="center" width="30%" style="vertical-align: top;">
+                                            <a href="https://www.facebook.com/designmodo" target="_blank"> <img
+                                                    src="https://designmodo.com/demo/emailtemplate/images/icon-fb.png">
+                                            </a>
+                                        </td>
+
+                                        <td align="center" class="margin" width="30%"
+                                            style="vertical-align: top;">
+                                            <a href="https://twitter.com/designmodo" target="_blank"> <img
+                                                    src="https://designmodo.com/demo/emailtemplate/images/icon-twitter.png">
+                                            </a>
+                                        </td>
+
+                                        <td align="center" width="30%" style="vertical-align: top;">
+                                            <a href="https://plus.google.com/+Designmodo/posts" target="_blank"> <img
+                                                    src="https://designmodo.com/demo/emailtemplate/images/icon-googleplus.png">
+                                            </a>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td align="center"
+                            style="padding: 20px 30px 40px 30px; color: #ffffff; font-family: 'Barlow', Poppins, sans-serif;, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px; color:#ffffff;">
+
+                            <p
+                                style="font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                You Receiving this emai l as you signed up for out newsletters,
+                            </p>
+                            <p
+                                style="font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                Want to change how you receive these email?
+                            </p>
+                            <p
+                                style="font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                You can
+                                <a style="text-decoration: underline; color: #fff;"
+                                    href="insert-unsubscribe-link-here"><u>Unsubscribe</u></a>
+                                or
+                                <a style="text-decoration: underline; color: #fff;"
+                                    href="insert-unsubscribe-link-here"><u> Update Your Prefernces</u></a>
+
+                            </p>
+                            <p
+                                style="font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                Thank You
+                            </p>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+    </table>
+
+</body>
+
+</html>

resources/views/mail/reply_to_mail.blade.php

@@ -0,0 +1,259 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <link
+        href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+        rel="stylesheet">
+    <style type="text/css">
+        @media screen {
+            @font-face {
+                font-family: "Barlow", sans-serif;
+                font-style: normal;
+                font-weight: 400;
+            }
+
+            @font-face {
+                font-family: "Barlow", sans-serif;
+                font-style: normal;
+                font-weight: 700;
+            }
+
+            @font-face {
+                font-family: "Barlow", sans-serif;
+                font-style: italic;
+                font-weight: 400;
+            }
+
+            @font-face {
+                font-family: "Barlow", sans-serif;
+                font-style: italic;
+                font-weight: 700;
+            }
+        }
+
+        /* CLIENT-SPECIFIC STYLES */
+        body,
+        table,
+        td,
+        a {
+            -webkit-text-size-adjust: 100%;
+            -ms-text-size-adjust: 100%;
+        }
+
+        table,
+        td {
+            mso-table-lspace: 0pt;
+            mso-table-rspace: 0pt;
+        }
+
+        img {
+            -ms-interpolation-mode: bicubic;
+        }
+
+        /* RESET STYLES */
+        img {
+            border: 0;
+            height: auto;
+            line-height: 100%;
+            outline: none;
+            text-decoration: none;
+        }
+
+        table {
+            border-collapse: collapse !important;
+        }
+
+        body {
+            height: 100% !important;
+            margin: 0 !important;
+            padding: 0 !important;
+            width: 100% !important;
+        }
+
+        /* iOS BLUE LINKS */
+        a[x-apple-data-detectors] {
+            color: inherit !important;
+            text-decoration: none !important;
+            font-size: inherit !important;
+            font-family: inherit !important;
+            font-weight: inherit !important;
+            line-height: inherit !important;
+        }
+
+        /* MOBILE STYLES */
+        @media screen and (max-width:600px) {
+            h1 {
+                font-size: 32px !important;
+                line-height: 32px !important;
+            }
+        }
+
+        /* ANDROID CENTER FIX */
+        div[style*="margin: 16px 0;"] {
+            margin: 0 !important;
+        }
+    </style>
+</head>
+
+<body style="background-color: #f4f4f4; margin: 0 !important; padding: 0 !important;">
+    <table border="0" cellpadding="0" cellspacing="0" width="100%">
+        {{-- /* ------------------------------ header ----------------------------- */ --}}
+        <tr>
+            <td bgcolor="#1b4789" align="center" style="padding: 0px 10px 0px 10px;">
+                <table border="0" cellpadding="0" cellspacing="0" width="100%"
+                    style="max-width: 600px; padding:10px 0;">
+                    <tr bgcolor="#fff">
+                        <td class="subject_line" align="left" valign="middle" width="270"
+                            style="padding-top: 10px; padding-bottom: 10px; padding-left:20px;">
+                            <table width="100%">
+                                <tbody>
+                                    <tr>
+                                        <td class="center" align="" valign=""
+                                            style="font-family:Arial, sans-serif; font-style: italic; color:#d8d8d8; font-size:11px; line-height:18px;">
+                                            <img src="{{ $siteLogo ?? '' }}" alt="email" width="20"
+                                                height="11" style="display: inline; vertical-align: middle;">
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                        <td class="contact" align="right" valign="middle" width="270"
+                            style="padding: 0px; padding-right:20px;">
+                            <table width="100%">
+                                <tbody>
+                                    <tr>
+                                        <td class="center" align="" valign=""
+                                            style="text-align: right; font-family:Arial, sans-serif; color:#d8d8d8; font-size:11px; line-height:100%;">
+                                           <a href=""> view it on online</a>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+
+        {{-- /* ------------------------------ Content ----------------------------- */ --}}
+        <tr>
+            <td bgcolor="#1b4789" align="center" style="padding: 0px 10px 0px 10px;">
+                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
+                    <tr>
+                        <td bgcolor="#ffffff" align="center" valign="top"
+                            style="padding: 20px 40px 20px; color: #000; font-family: 'Barlow', Poppins, sans-serif; font-size: 48px; font-weight: 400; ">
+                            {{-- <img src="{{$thumbImage??''}}" width="125" height="120"
+                                style="display: block; border: 0px;" /> --}}
+                            {{-- <h4 style="font-size: 40px; margin:20px 0;"> Thank You!</h4>
+                            <p style="font-size:15px; color:#455056; margin:4px 0 20px; ">
+                                <strong>
+                                    Hello Citizen
+                                </strong>
+                            </p> --}}
+
+                            <p class="text"
+                                style="color:#666;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                {{$content}}
+                            </p>
+
+                            <a href="login.html"
+                                style="background:#20e277;text-decoration:none !important; display:inline-block; font-weight:500; margin-top:24px; margin-bottom:24px; color:#fff;text-transform:uppercase; font-size:14px;padding:10px 24px;display:inline-block;border-radius:50px;">Get
+                                Started</a>
+                        </td>
+
+                    </tr>
+                </table>
+            </td>
+        </tr>
+
+        {{-- /* ------------------------------ footer Section ----------------------------- */ --}}
+
+        <tr bgcolor="#f4f4f4">
+            <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">
+                <table bgcolor="#666666" border="0" cellpadding="0" cellspacing="0" width="100%"
+                    style="max-width: 600px; ">
+
+                    <tr>
+                        <td align="center">
+                            <table class="col-600" width="600" border="0" align="center" cellpadding="0"
+                                cellspacing="0">
+                                <tbody>
+                                    <tr>
+                                        <td height="25"></td>
+                                    </tr>
+                                    <tr>
+                                        <td align="center"
+                                            style="font-family: 'Raleway',  sans-serif; font-size:18px; font-weight: 500; color:#fff; padding-bottom:12px;">
+                                            Follow us on
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                            <table align="center" width="35%" border="0" cellspacing="0" cellpadding="0">
+                                <tbody>
+                                    <tr>
+                                        <td align="center" width="30%" style="vertical-align: top;">
+                                            <a href="https://www.facebook.com/designmodo" target="_blank"> <img
+                                                    src="https://designmodo.com/demo/emailtemplate/images/icon-fb.png">
+                                            </a>
+                                        </td>
+
+                                        <td align="center" class="margin" width="30%"
+                                            style="vertical-align: top;">
+                                            <a href="https://twitter.com/designmodo" target="_blank"> <img
+                                                    src="https://designmodo.com/demo/emailtemplate/images/icon-twitter.png">
+                                            </a>
+                                        </td>
+
+                                        <td align="center" width="30%" style="vertical-align: top;">
+                                            <a href="https://plus.google.com/+Designmodo/posts" target="_blank"> <img
+                                                    src="https://designmodo.com/demo/emailtemplate/images/icon-googleplus.png">
+                                            </a>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td align="center"
+                            style="padding: 20px 30px 40px 30px; color: #ffffff; font-family: 'Barlow', Poppins, sans-serif;, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px; color:#ffffff;">
+
+                            <p
+                                style="font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                You Receiving this emai l as you signed up for out newsletters,
+                            </p>
+                            <p
+                                style="font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                Want to change how you receive these email?
+                            </p>
+                            <p
+                                style="font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                You can
+                                <a style="text-decoration: underline; color: #fff;"
+                                    href="insert-unsubscribe-link-here"><u>Unsubscribe</u></a>
+                                or
+                                <a style="text-decoration: underline; color: #fff;"
+                                    href="insert-unsubscribe-link-here"><u> Update Your Prefernces</u></a>
+
+                            </p>
+                            <p
+                                style="font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                Thank You
+                            </p>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+    </table>
+
+</body>
+
+</html>

resources/views/mail/send_subscription_mail.blade.php

@@ -0,0 +1,259 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <link
+        href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+        rel="stylesheet">
+    <style type="text/css">
+        @media screen {
+            @font-face {
+                font-family: "Barlow", sans-serif;
+                font-style: normal;
+                font-weight: 400;
+            }
+
+            @font-face {
+                font-family: "Barlow", sans-serif;
+                font-style: normal;
+                font-weight: 700;
+            }
+
+            @font-face {
+                font-family: "Barlow", sans-serif;
+                font-style: italic;
+                font-weight: 400;
+            }
+
+            @font-face {
+                font-family: "Barlow", sans-serif;
+                font-style: italic;
+                font-weight: 700;
+            }
+        }
+
+        /* CLIENT-SPECIFIC STYLES */
+        body,
+        table,
+        td,
+        a {
+            -webkit-text-size-adjust: 100%;
+            -ms-text-size-adjust: 100%;
+        }
+
+        table,
+        td {
+            mso-table-lspace: 0pt;
+            mso-table-rspace: 0pt;
+        }
+
+        img {
+            -ms-interpolation-mode: bicubic;
+        }
+
+        /* RESET STYLES */
+        img {
+            border: 0;
+            height: auto;
+            line-height: 100%;
+            outline: none;
+            text-decoration: none;
+        }
+
+        table {
+            border-collapse: collapse !important;
+        }
+
+        body {
+            height: 100% !important;
+            margin: 0 !important;
+            padding: 0 !important;
+            width: 100% !important;
+        }
+
+        /* iOS BLUE LINKS */
+        a[x-apple-data-detectors] {
+            color: inherit !important;
+            text-decoration: none !important;
+            font-size: inherit !important;
+            font-family: inherit !important;
+            font-weight: inherit !important;
+            line-height: inherit !important;
+        }
+
+        /* MOBILE STYLES */
+        @media screen and (max-width:600px) {
+            h1 {
+                font-size: 32px !important;
+                line-height: 32px !important;
+            }
+        }
+
+        /* ANDROID CENTER FIX */
+        div[style*="margin: 16px 0;"] {
+            margin: 0 !important;
+        }
+    </style>
+</head>
+
+<body style="background-color: #f4f4f4; margin: 0 !important; padding: 0 !important;">
+    <table border="0" cellpadding="0" cellspacing="0" width="100%">
+        {{-- /* ------------------------------ header ----------------------------- */ --}}
+        <tr>
+            <td bgcolor="#1b4789" align="center" style="padding: 0px 10px 0px 10px;">
+                <table border="0" cellpadding="0" cellspacing="0" width="100%"
+                    style="max-width: 600px; padding:10px 0;">
+                    <tr bgcolor="#fff">
+                        <td class="subject_line" align="left" valign="middle" width="270"
+                            style="padding-top: 10px; padding-bottom: 10px; padding-left:20px;">
+                            <table width="100%">
+                                <tbody>
+                                    <tr>
+                                        <td class="center" align="" valign=""
+                                            style="font-family:Arial, sans-serif; font-style: italic; color:#d8d8d8; font-size:11px; line-height:18px;">
+                                            <img src="{{ $siteLogo ?? '' }}" alt="email" width="20"
+                                                height="11" style="display: inline; vertical-align: middle;">
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                        <td class="contact" align="right" valign="middle" width="270"
+                            style="padding: 0px; padding-right:20px;">
+                            <table width="100%">
+                                <tbody>
+                                    <tr>
+                                        <td class="center" align="" valign=""
+                                            style="text-align: right; font-family:Arial, sans-serif; color:#d8d8d8; font-size:11px; line-height:100%;">
+                                           <a href=""> view it on online</a>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+
+        {{-- /* ------------------------------ Content ----------------------------- */ --}}
+        <tr>
+            <td bgcolor="#1b4789" align="center" style="padding: 0px 10px 0px 10px;">
+                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
+                    <tr>
+                        <td bgcolor="#ffffff" align="center" valign="top"
+                            style="padding: 20px 40px 20px; color: #000; font-family: 'Barlow', Poppins, sans-serif; font-size: 48px; font-weight: 400; ">
+                            <img src="{{$thumbImage??''}}" width="125" height="120"
+                                style="display: block; border: 0px;" />
+                            <h4 style="font-size: 40px; margin:20px 0;"> Thank You!</h4>
+                            <p style="font-size:15px; color:#455056; margin:4px 0 20px; ">
+                                <strong>
+                                    Hello Citizen
+                                </strong>
+                            </p>
+
+                            <p class="text"
+                                style="color:#666;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                Thanks for subscribe for the Vespro newsletter. Please click confirm button for
+                                subscription to start receiving our emails.</p>
+
+                            <a href="login.html"
+                                style="background:#20e277;text-decoration:none !important; display:inline-block; font-weight:500; margin-top:24px; margin-bottom:24px; color:#fff;text-transform:uppercase; font-size:14px;padding:10px 24px;display:inline-block;border-radius:50px;">Get
+                                Started</a>
+                        </td>
+
+                    </tr>
+                </table>
+            </td>
+        </tr>
+
+        {{-- /* ------------------------------ footer Section ----------------------------- */ --}}
+
+        <tr bgcolor="#f4f4f4">
+            <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">
+                <table bgcolor="#666666" border="0" cellpadding="0" cellspacing="0" width="100%"
+                    style="max-width: 600px; ">
+
+                    <tr>
+                        <td align="center">
+                            <table class="col-600" width="600" border="0" align="center" cellpadding="0"
+                                cellspacing="0">
+                                <tbody>
+                                    <tr>
+                                        <td height="25"></td>
+                                    </tr>
+                                    <tr>
+                                        <td align="center"
+                                            style="font-family: 'Raleway',  sans-serif; font-size:18px; font-weight: 500; color:#fff; padding-bottom:12px;">
+                                            Follow us on
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                            <table align="center" width="35%" border="0" cellspacing="0" cellpadding="0">
+                                <tbody>
+                                    <tr>
+                                        <td align="center" width="30%" style="vertical-align: top;">
+                                            <a href="https://www.facebook.com/designmodo" target="_blank"> <img
+                                                    src="https://designmodo.com/demo/emailtemplate/images/icon-fb.png">
+                                            </a>
+                                        </td>
+
+                                        <td align="center" class="margin" width="30%"
+                                            style="vertical-align: top;">
+                                            <a href="https://twitter.com/designmodo" target="_blank"> <img
+                                                    src="https://designmodo.com/demo/emailtemplate/images/icon-twitter.png">
+                                            </a>
+                                        </td>
+
+                                        <td align="center" width="30%" style="vertical-align: top;">
+                                            <a href="https://plus.google.com/+Designmodo/posts" target="_blank"> <img
+                                                    src="https://designmodo.com/demo/emailtemplate/images/icon-googleplus.png">
+                                            </a>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td align="center"
+                            style="padding: 20px 30px 40px 30px; color: #ffffff; font-family: 'Barlow', Poppins, sans-serif;, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px; color:#ffffff;">
+
+                            <p
+                                style="font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                You Receiving this emai l as you signed up for out newsletters,
+                            </p>
+                            <p
+                                style="font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                Want to change how you receive these email?
+                            </p>
+                            <p
+                                style="font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                You can
+                                <a style="text-decoration: underline; color: #fff;"
+                                    href="insert-unsubscribe-link-here"><u>Unsubscribe</u></a>
+                                or
+                                <a style="text-decoration: underline; color: #fff;"
+                                    href="insert-unsubscribe-link-here"><u> Update Your Prefernces</u></a>
+
+                            </p>
+                            <p
+                                style="font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:22px;text-transform:none;text-align:center;padding:0;margin:0">
+                                Thank You
+                            </p>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+    </table>
+
+</body>
+
+</html>

resources/views/theme/spade/errors/404.blade.php

@@ -0,0 +1,51 @@
+@extends('theme.spade.layouts.main')
+
+@section('title') {{ env('APP_NAME') }} @endsection
+
+@section('meta')
+<meta name="title" content="{{ $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('content')
+    @php
+          $breadcrumbData = [
+               [
+                    'title' => 'Error',
+                    'link' => null
+               ],
+               [
+                    'title' => '404',
+                    'link' => null
+               ]
+          ];
+    @endphp
+    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+     <section class="privary-policy">
+          <div class="auto-container">
+               <div class="row">
+                    <div class="col-md-12">
+                         <div class="blog-area">
+                              <div class="post-item">
+                                   <div class="post wow fadeInUp animated" style="margin-bottom: 0px; visibility: visible; animation-name: fadeInUp;">
+                                        <div class="post-content wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
+                                             <div class="text-center">
+                                                  <img src="{{ asset('source/images/404.jpg') }}" height="250" style="padding-bottom: 20px;">
+                                                  <p>We are sorry, but the page you requested was not found.</p>
+                                                  <div class="link-btn">
+                                                       <a href="{{ route('home') }}" class="primary-btn hvr-bounce-to-left">
+                                                           <span class="btn-text">Back to Home</span> <strong class="icon"><span class="f-icon flaticon-right11"></span></strong>
+                                                       </a>
+                                                   </div>
+                                             </div>
+                                        </div>
+                                   </div>
+                              </div>
+                         </div>
+                    </div>
+               </div>
+          </div>
+    </section> 
+@endsection

resources/views/theme/spade/errors/500.blade.php

@@ -0,0 +1,51 @@
+@extends('theme.spade.layouts.main')
+
+@section('title') {{ env('APP_NAME') }} @endsection
+
+@section('meta')
+<meta name="title" content="{{ $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('content')
+    @php
+          $breadcrumbData = [
+               [
+                    'title' => 'Error',
+                    'link' => null
+               ],
+               [
+                    'title' => '500',
+                    'link' => null
+               ]
+          ];
+    @endphp
+    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+     <section class="privary-policy">
+          <div class="auto-container">
+               <div class="row">
+                    <div class="col-md-12">
+                         <div class="blog-area">
+                              <div class="post-item">
+                                   <div class="post wow fadeInUp animated" style="margin-bottom: 0px; visibility: visible; animation-name: fadeInUp;">
+                                        <div class="post-content wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
+                                             <div class="text-center">
+                                                  <img src="{{ asset('source/images/500.jpg') }}" height="360">
+                                                  <p>We are sorry, but the page you requested was not found.</p>
+                                                  <div class="link-btn">
+                                                       <a href="{{ route('home') }}" class="primary-btn hvr-bounce-to-left">
+                                                           <span class="btn-text">Back to Home</span> <strong class="icon"><span class="f-icon flaticon-right11"></span></strong>
+                                                       </a>
+                                                   </div>
+                                             </div>
+                                        </div>
+                                   </div>
+                              </div>
+                         </div>
+                    </div>
+               </div>
+          </div>
+    </section> 
+@endsection

resources/views/theme/spade/index.blade.php

@@ -0,0 +1,328 @@
+@extends('theme.spade.layouts.main')
+
+@section('title')
+    The Best Hair Transplant In Nepal
+@endsection
+
+@section('meta')
+    <meta name="title" content="{{ $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('content')
+
+    {{-- /* ------------------------------ Video Section ----------------------------- */ --}}
+    <div class="video-container">
+        <!-- Video -->
+        <video autoplay muted loop>
+            <source src="{{ asset('source/videos/manoj_gajurel.mp4') }}" type="video/mp4">
+            Your browser does not support the video tag.
+        </video>
+        <!-- Overlay -->
+        <div class="overlay"></div>
+        <!-- Caption -->
+        <div class="caption">
+            <h1>
+                {{ $homePage->title ?? 'Leading Hair Transplant in Nepal' }}
+            </h1>
+            <div class="link-btn">
+                <a href="{{ route('doctor_provider') }}" class="primary-btn light hvr-bounce-to-left">
+                    <span class="btn-text appointment">Book Your Appointment</span>
+                    <strong class="icon"><span class="f-icon flaticon-right11"></span></strong>
+                </a>
+            </div>
+        </div>
+    </div>
+
+    {{-- /* ------------------------ Transformation Section ----------------------- */ --}}
+    <section class="transformation-area">
+        <div class="auto-container">
+            <div class="sec-title wow fadeInLeft animated animated" data-wow-delay="300ms" data-wow-duration="1000ms"
+                style="visibility: visible; animation-duration: 1000ms; animation-delay: 300ms;">
+                <h2>Transformations</h2>
+            </div>
+            <div class="transformation-slider">
+                @empty(!$transformations)
+                    @foreach ($transformations ?? [] as $transformation)
+                        <article class="post-container wow fadeInUp slide-item" data-wow-delay="0ms" data-wow-duration="1000ms">
+                            <div class="post-inner-content">
+                                <figure class="image">
+                                    <div class="flex flex-row gap-[10px]">
+                                        <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="100">
+                                            <div class="relative">
+                                                <img src="{{ $transformation->beforeImage }}" alt="" class="">
+                                            </div>
+                                        </div>
+                                        <div data-aos="fade-down" data-aos-duration="1500" data-aos-offset="100">
+                                            <div class="relative">
+                                                <img src="{{ $transformation->afterImage }}" alt="" class="">
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <span class="curve"></span>
+                                </figure>
+                                <div class="content">
+                                    <div class="text-center">
+                                        <span>
+                                            {{ $transformation->graft . ' Grafts' }}
+                                            @if($transformation->grade)
+                                                {{ ' for ' . $transformation->grade . ' Grade' }}
+                                            @endif
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </article>
+                    @endforeach
+                @else
+                    Transformation not found !
+                @endempty
+            </div>
+        </div>
+    </section>
+
+    {{-- /* ------------------------ Video Testimonial Section ----------------------- */ --}}
+    <section class="videos-area">
+        <div class="auto-container">
+            <div class="videos-slider">
+                @empty(!$videoTestimonials)
+                    @foreach ($videoTestimonials ?? [] as $videoTestimonial)
+                        <!--Post-->
+                        <article class="post-container wow fadeInUp slide-item" data-wow-delay="0ms" data-wow-duration="1000ms">
+                            <div class="post-inner-content">
+                                <figure class="image">
+                                    {!! $videoTestimonial->link !!}
+                                    <span class="curve"></span>
+                                </figure>
+                                <div class="content text-white">
+                                    <div class="inner-content-box">
+                                        <h4 class="sub-title">{{ $videoTestimonial->name }}</h4>
+                                        <div class="text">
+                                            <p>
+                                                {{ $videoTestimonial->designation }}
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </article>
+                    @endforeach
+                @else
+                    Video Testimonial not found !
+                @endempty
+            </div>
+        </div>
+    </section>
+
+    {{-- /* ----------------------- Normal Testimonial Section ----------------------- */ --}}
+    <section class="testimonial-area top-services" id="patients-and-visitors">
+        <div class="auto-container">
+            <div class="sec-title wow fadeInLeft animated" data-wow-delay="300ms" data-wow-duration="1000ms"
+                style="visibility: visible; animation-duration: 1000ms; animation-delay: 300ms;">
+                <h2>Testimonials</h2>
+            </div>
+            <div class="testimonial-slider">
+                @empty(!$normalTestimonials)
+                    @foreach ($normalTestimonials as $normalTestimonial)
+                        <article class="post wow fadeInUp slide-item" data-wow-delay="0ms" data-wow-duration="1000ms">
+                            <div class="post-inner">
+                                <figure class="image">
+                                    <img class="img-responsive" src="{{ $normalTestimonial->full_image }}" alt="Image" />
+                                    <span class="curve"></span>
+                                </figure>
+                                <div class="content">
+                                    <div class="inner-box">
+                                        <h3>{{ $normalTestimonial->name }}</h3>
+                                        <div class="text" style="height:265px; overflow:hidden">
+                                            <p>{{ $normalTestimonial->statement }}</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </article>
+                    @endforeach
+                @endempty
+            </div>
+        </div>
+    </section>
+
+    {{-- /* --------------------------- Team Member Section -------------------------- */ --}}
+    <section class="team-of-proessionals">
+        <div class="auto-container">
+            <div class="clearfix">
+                <div class="col-md-12">
+                    <div class="sec-title wow fadeInLeft animated" data-wow-delay="300ms" data-wow-duration="1000ms"
+                        style="visibility: visible; animation-duration: 1000ms; animation-delay: 300ms;">
+                        <h2>Doctors</h2>
+                    </div>
+                    <div class="row" data-wow-delay="300ms" data-wow-duration="1000ms">
+                        <div class="clearfix">
+                            @empty(!$teamMembers)
+                                @foreach ($teamMembers as $teamMember)
+                                    <article class="col-md-3 col-sm-6 col-xs-12">
+                                        <div class="candidate radius">
+                                            <div class="candidate-margins format-link">
+                                                <a href="javascript:;" class="media-box">
+                                                    <img src="{{ $teamMember->full_image }}" alt="{{ $teamMember->name }}"
+                                                        class="img-responsive">
+                                                </a>
+                                                <div class="inner-box">
+                                                    <h3>
+                                                        <a href="javascript:;">{{ $teamMember->name }}</a>
+                                                        <span>{{ $teamMember->designation }}</span>
+                                                        <span>{!! $teamMember->detail !!}</span>
+                                                    </h3>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </article>
+                                @endforeach
+                            @endempty
+                            <div style="clear:both"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="link-btn wow fadeInUp animated flex justify-content-center mt-10" data-wow-delay="600ms"
+                data-wow-duration="1000ms"
+                style="visibility: visible; animation-duration: 1000ms; animation-delay: 600ms;">
+                <a href="{{ route('doctor_provider') }}" class="primary-btn light hvr-bounce-to-left">
+                    <span class="btn-text">View All</span> <strong class="icon"><span
+                            class="f-icon flaticon-right11"></span></strong>
+                </a>
+            </div>
+        </div>
+    </section>
+
+    {{-- /* ---------------------------- About Us Section ---------------------------- */ --}}
+    <section class="we-are-best mt-80">
+        <div class="auto-container">
+            <div class="row clearfix">
+                <div class="col-md-6 col-sm-6 col-xs-12 image-side">
+                    <figure class="image">
+                        <img class="img-responsive" src="{{ $aboutPage->full_image }}" alt="Arogin Image">
+                    </figure>
+                </div>
+                <div class="col-md-6 col-sm-6 col-xs-12 text-side">
+                    <h2 class="wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1000ms">
+                        <span style="color:white;">{{ $aboutPage->title }}</span>
+                    </h2>
+                    <div class="text wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1000ms">
+                        <p>{{ $aboutPage->summary }}</p>
+                    </div>
+                    <div class="link-btn wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1000ms">
+                        <a href="{{ route('about_us') }}" class="primary-btn light hvr-bounce-to-left">
+                            <span class="btn-text">Read More</span> <strong class="icon"><span
+                                    class="f-icon flaticon-right11"></span></strong>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    {{-- /* -------------------------- Feature News Section -------------------------- */ --}}
+    <section class="news-area">
+        <div class="auto-container">
+            <div class="sec-title wow fadeInLeft" data-wow-delay="300ms" data-wow-duration="1000ms">
+                <h2>Blogs</h2>
+            </div>
+            <div class="news-slider">
+                @empty(!$blogs)
+                    @foreach ($blogs as $blog)
+                        <article class="slide-item">
+                            <figure class="image">
+                                <img src="{{ $blog->full_image }}" alt="{{ $blog->title }}" height="280">
+                            </figure>
+                            <div class="content-box">
+                                <div class="text-content">
+                                    <h3><a href="{{ route('single_blog', $blog->slug) }}">{{ $blog->title }}</a></h3>
+                                    <div class="info">{{ date('M d, Y', strtotime($blog->published_date)) }}</div>
+                                    <div class="text" style="height:55px; overflow:hidden">{{ $blog->summary }}</div>
+                                    <div class="link-btn">
+                                        <a href="{{ route('single_blog', $blog->slug) }}"
+                                            class="primary-btn hvr-bounce-to-left">
+                                            <span class="btn-text">LEARN MORE</span> <strong class="icon"><span
+                                                    class="f-icon flaticon-right11"></span></strong>
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </article>
+                    @endforeach
+                @endempty
+            </div>
+        </div>
+    </section>
+
+    {{-- /* -------------------------- Get In Touch Section -------------------------- */ --}}
+    <section class="contact-us py-90" style="background-color:#edf9f4">
+        <div class="auto-container clearfix">
+            <div class="sec-title wow fadeInLeft animated overflow-hidden" data-wow-delay="300ms"
+                data-wow-duration="1000ms"
+                style="visibility: visible; animation-duration: 1000ms; animation-delay: 300ms;">
+                <h2>Contact Us</h2>
+            </div>
+            <div class="flex justify-content-center">
+                <div class="w-70; mx-auto">
+                    <p>Have any questions? Leave us your contact information, and we’ll reach out to you.</p>
+                    <form action="{{ route('contactUsMessage') }}" method="post">
+                        @csrf
+                        <div class="row g-3">
+                            <div class="col-md-6 mb-10">
+                                <label for="full-name" class="form-label">Full Name</label>
+                                <input type="text" class="form-control" id="full-name" name="full_name"
+                                    placeholder="Full Name" required>
+                                @error('full_name')
+                                    <div class="text-danger">{{ $message }}</div>
+                                @enderror
+                            </div>
+                            <div class="col-md-6 mb-10">
+                                <label for="address" class="form-label">Address</label>
+                                <input type="text" class="form-control" id="address" name="address"
+                                    placeholder="Address" required>
+                                @error('address')
+                                    <div class="text-danger">{{ $message }}</div>
+                                @enderror
+                            </div>
+                            <div class="col-md-6 mb-10">
+                                <label for="email-id" class="form-label">Email ID</label>
+                                <input type="email" class="form-control" id="email-id" name="email"
+                                    placeholder="yourname@gmail.com" required>
+                                @error('email')
+                                    <div class="text-danger">{{ $message }}</div>
+                                @enderror
+                            </div>
+                            <div class="col-md-6 mb-10">
+                                <label for="phone-number" class="form-label">Contact Number</label>
+                                <input type="text" class="form-control" id="phone-number" name="phone"
+                                    placeholder="98XXXXXXXX">
+                                @error('phone')
+                                    <div class="text-danger">{{ $message }}</div>
+                                @enderror
+                            </div>
+                            <div class="col-md-12 mb-10">
+                                <label for="message" class="form-label">Message</label>
+                                <textarea class="form-control" id="message" name="message" placeholder="Write message here.." rows="5"
+                                    required></textarea>
+                                @error('message')
+                                    <div class="text-danger">{{ $message }}</div>
+                                @enderror
+                            </div>
+                            <div class="col-12 flex justify-content-center pt-30">
+                                <button type="submit" class="primary-btn light hvr-bounce-to-left">
+                                    <span class="btn-text">Submit</span>
+                                    <strong class="icon">
+                                        <span class="f-icon flaticon-right11"></span>
+                                    </strong>
+                                </button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </section>
+
+@endsection

resources/views/theme/spade/layouts/includes/breadcrumb.blade.php

@@ -0,0 +1,21 @@
+<section class="page-banner" style="background-image:url({{ asset('source/images/background/page-banner-bg-2.jpg') }});">
+    <div class="auto-container text-center">
+        <h1>{{ end($breadcrumbData)['title'] }}</h1>
+        <ul class="bread-crumb">
+            <li>
+                <a href="{{ route('home') }}">Home</a>
+            </li>
+            @foreach ($breadcrumbData as $key => $breadcrumb)
+                @if (isset($breadcrumb['link']) && $breadcrumb['link'])
+                    <li>
+                        <a href="{{ $breadcrumb['link'] }}">{{ $breadcrumb['title'] }}</a>
+                    </li>
+                @else
+                    <li>
+                        <span>{{ $breadcrumb['title'] }}</span>
+                    </li>
+                @endif
+            @endforeach
+        </ul>
+    </div>
+</section>

resources/views/theme/spade/layouts/includes/footer.blade.php

@@ -0,0 +1,103 @@
+<!--Main Footer-->
+<footer class="main-footer">
+    <div class="auto-container">
+        <!--Subscribe Area-->
+        <div class="subscribe-area">
+            <div class="subs-box">
+                <div class="row clearfix">
+                    <h2 class="col-md-12 col-sm-12 col-xs-12 text-center">
+                        <p style="color: white;">Present &amp; Future of quality medical services</p>
+                    </h2>
+                </div>
+            </div>
+        </div>
+        <!--Footer Widget Area-->
+        <div class="footer-widget-area clearfix">
+            <div class="footer-widget address col-md-12 col-sm-12 col-xs-12 wow fadeInUp" data-wow-delay="600ms"
+                data-wow-duration="1000ms">
+                <div class="widget-content" style="max-width:100%">
+                    <div class="row">
+                        <div class="col-md-3">
+                            <h3>Contact Us</h3>
+                            {{-- @dd($generalSetting) --}}
+                            <ul class="info">
+                                <li>
+                                    <strong>{{ $generalSetting['company_name'] }}</strong>
+                                </li>
+                                <li>
+                                    {{ $generalSetting['address'] }}
+                                </li>
+                                <li>
+                                    (977) {{ $generalSetting['contact_number'] }}
+                                </li>
+                                <li>
+                                    {{-- (977) {{ $generalSetting['mobile_number'] }} --}}
+                                </li>
+                                <li>
+                                    <a
+                                        href="mailto:{{ $generalSetting['info_email_address'] }}">{{ $generalSetting['info_email_address'] }}</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="col-md-3">
+                            <h3>Policy</h3>
+                            <ul class="info">
+                                <li>
+                                    <a href="{{ route('privacyPolicy') }}"> Privacy Policy</a>
+                                </li>
+                                <li>
+                                    <a href="{{ route('termsOfService') }}"> Terms of Service</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="col-md-3">
+                            <h3>Quick Link</h3>
+                            <ul class="info">
+                                <li>
+                                    <a href="{{ route('about_us') }}"> About Us</a>
+                                </li>
+                                <li>
+                                    <a href="{{ route('hair_transplant') }}"> Hair Transplant</a>
+                                </li>
+                                <li>
+                                    <a href="{{ route('doctor_provider') }}"> Doctors & Provider</a>
+                                </li>
+                                <li>
+                                    <a href="{{ route('blogs') }}"> Blogs</a>
+                                </li>
+                                <li>
+                                    <a href="{{ route('faqs') }}"> FAQs</a>
+                                </li>
+                                <li>
+                                    <a href="{{ route('contact_us') }}"> Contact Us</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="col-md-3">
+                            <h3>Get in Touch</h3>
+                            <ul class="info">
+                                <li>
+                                    <span>Subscribe for Free Hair Consultation.</span>
+                                </li>
+                                <li>
+                                    <form action="{{ route('subscribe') }}" method="post">
+                                        @csrf
+                                        <input type="email" class="form-control mb-10" name="email" aria-label="Email Address" placeholder="Your email address" required="">
+                                        <input type="submit" class="btn btn-success btn-sm hvr-bounce-to-left" value="Subscribe Now">
+                                    </form>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--Footer Bottom-->
+    <div class="footer-bottom">
+        <div class="auto-container text-center">Copyright &copy;
+            {{ date('Y') . ' ' . $generalSetting['company_name'] . ' (P) Ltd' }}
+        </div>
+    </div>
+</footer>
+<!--Main Footer End-->

resources/views/theme/spade/layouts/includes/header.blade.php

@@ -0,0 +1,133 @@
+<!-- Main Header -->
+<header class="main-header style-one">
+
+     <!-- Header Top -->
+     <div class="header-top">
+          <div class="auto-container clearfix">
+               <!-- Top Left -->
+               <div class="top-left pull-left clearfix">
+                    <div class="email pull-left">
+                         <a href="mailto:{{ $generalSetting['info_email_address'] }}">
+                              <span class="f-icon flaticon-email145">&nbsp;</span> {{ $generalSetting['info_email_address'] }}
+                         </a>
+                    </div>
+                    <div class="phone pull-left">
+                         <a href="tel:" {{ $generalSetting['contact_number'] }}>
+                              <span class="f-icon flaticon-phone325">&nbsp;</span> (977)
+                              {{ $generalSetting['contact_number'] }}
+                         </a>
+                    </div>
+               </div>
+               <!-- Top Right -->
+               <nav class="top-right pull-right">
+                    <ul class="social-links">
+                         <li><a href="https://www.facebook.com/arogin.hairandskin" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a></li>
+                         <li><a href="https://www.instagram.com/arogin_healthcare/" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a></li>
+                         <li><a href="https://www.tiktok.com/@arogin_healthcare" target="_blank" rel="noopener"><i class="fab fa-tiktok"></i></a></li>
+                    </ul>
+               </nav>
+
+          </div>
+     </div>
+
+     <!-- Header Lower -->
+     <div class="header-lower">
+          <div class="auto-container clearfix">
+               <!--Logo-->
+               @if (isset($generalSetting['primary_image']))
+               <div class="logo">
+                    <a href="{{ route('home') }}">
+                         <img src="{{ asset('storage/uploads/' . $generalSetting['primary_image']) }}" alt="{{ $generalSetting['company_name'] }}" title="{{ $generalSetting['company_name'] }}" style="max-height: 70px">
+                    </a>
+               </div>
+               @endif
+               <!--Right Container-->
+               <div class="right-cont clearfix">
+                    <!-- Main Menu -->
+                    <nav class="main-menu">
+                         <div class="navbar-header">
+                              <!-- Toggle Button -->
+                              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+                                   <span class="icon-bar"></span>
+                                   <span class="icon-bar"></span>
+                                   <span class="icon-bar"></span>
+                              </button>
+                         </div>
+                         <div class="navbar-collapse collapse clearfix">
+                              <ul class="nav navbar-nav navbar-right">
+                                   <li class="{{ request()->segment(1) == '' ? 'current' : '' }}">
+                                        <a href="{{ route('home') }}">Home</a>
+                                   </li>
+                                   <li class="{{ request()->segment(1) == 'about-us' ? 'current' : '' }}">
+                                        <a href="{{ route('about_us') }}">About Us</a>
+                                   </li>
+                                   <li class="dropdown {{ request()->segment(1) == 'hair' ? 'current' : '' }}">
+                                        <a href="javascript:;">Hair</a>
+                                        <ul class="submenu">
+                                             <li>
+                                                  @empty(!$hairPosts)
+                                                       @foreach ($hairPosts as $post)
+                                                       <li class="">
+                                                            <a href="{{ route('hair_transplant.child', $post->slug) }}">{{ $post->title }}</a>
+                                                       </li>
+                                                       @endforeach
+                                                  @endempty
+                                             </li>
+                                        </ul>
+                                   </li>
+                                   <li class="dropdown {{ request()->segment(1) == 'services' ? 'current' : '' }}">
+                                        <a href="javascript:;">Services</a>
+                                        <ul class="submenu">
+                                             <li>
+                                                  <li>
+                                                       <a href="https://aroginskin.com" target="_blank">Arogin Skin</a>
+                                                  </li>
+                                                  <li>
+                                                       <a href="https://aroginsmile.com" target="_blank">Arogin Smile</a>
+                                                  </li>
+                                                  <li>
+                                                       <a href="https://arogincarehome.com" target="_blank">Arogin Care Home</a>
+                                                  </li>
+                                                  @empty(!$services)
+                                                       @foreach ($services as $service)
+                                                       <li class="">
+                                                            <a href="{{ route('service', $service->slug) }}">{{ $service->title }}</a>
+                                                       </li>
+                                                       @endforeach
+                                                  @endempty
+                                             </li>
+                                        </ul>
+                                   </li>
+                                   <li class="{{ request()->segment(1) == 'doctor-provider' ? 'current' : '' }}">
+                                        <a href="{{ route('doctor_provider') }}">Doctors & providers</a>
+                                   </li>
+                                   <li class="{{ request()->segment(1) == 'blogs' ? 'current' : '' }}">
+                                        <a href="{{ route('blogs') }}">Blogs</a>
+                                   </li>
+                                   <li class="{{ request()->segment(1) == 'contact-us' ? 'current' : '' }}">
+                                        <a href="{{ route('contact_us') }}">Contact</a>
+                                   </li>
+                                   @if(isset($extraPages))
+                                        <li class="dropdown {{ request()->segment(1) == 'page' ? 'current' : '' }}">
+                                             <a href="javascript:;">Career</a>
+                                             <ul class="submenu">
+                                                  <li>
+                                                       @foreach ($extraPages as $extraPage)
+                                                       <li class="">
+                                                            <a href="{{ route('extra_page', $extraPage->slug) }}">{{ $extraPage->title }}</a>
+                                                       </li>
+                                                       @endforeach
+                                                  </li>
+                                             </ul>
+                                        </li>
+                                   @endif
+                              </ul>
+                              <div class="clearfix"></div>
+                         </div>
+                    </nav>
+                    <!-- Main Menu End-->
+               </div>
+          </div>
+     </div>
+</header>
+<!--End Main Header -->

resources/views/theme/spade/layouts/includes/pagination.blade.php

@@ -0,0 +1,56 @@
+@if ($paginator->hasPages())
+    <nav class="pagination-wrap pt-50">
+        <ul class="pagination d-flex justify-content-center gap-md-3 gap-2">
+
+            @if ($paginator->onFirstPage())
+                <li class="page-item disabled">
+                    <a class="page-link" tabindex="-1">
+                        <i class="fa fa-chevron-left" aria-hidden="true"></i>
+                    </a>
+                </li>
+            @else
+                <li class="page-item">
+                    <a href="{{ $paginator->previousPageUrl() }}" class="page-link" tabindex="-1">
+                        <i class="fa fa-chevron-left" aria-hidden="true"></i>
+                    </a>
+                </li>
+            @endif
+
+            @foreach ($elements as $element)
+                @if (is_string($element))
+                    <li class="page-item disabled">
+                        <a class="page-link">{{ $element }}</a>
+                    </li>
+                @endif
+                @if (is_array($element))
+                    @foreach ($element as $page => $url)
+                        @if ($page == $paginator->currentPage())
+                            <li class="page-item active" aria-current="page">
+                                <a class="page-link">{{ sprintf("%02d", $page) }}</a>
+                            </li>
+                        @else
+                            <li class="page-item">
+                                <a href="{{ $url }}" class="page-link">{{ sprintf("%02d", $page) }}</a>
+                            </li>
+                        @endif
+                    @endforeach
+                @endif
+            @endforeach
+
+            @if ($paginator->hasMorePages())
+                <li class="page-item">
+                    <a href="{{ $paginator->nextPageUrl() }}" class="page-link">
+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>
+                    </a>
+                </li>
+            @else
+                <li class="page-item disabled">
+                    <a class="page-link">
+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>
+                    </a>
+                </li>
+            @endif
+
+        </ul>
+    </nav>
+@endif

resources/views/theme/spade/layouts/main.blade.php

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>@yield('title') - Arogin Health Care</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    @yield('meta')
+    <meta property="og:image" content="{{ asset('source/images/logo.png') }}" />
+    <meta name="google-site-verification" content="0g0llFigiXyzGlN8pjrs4SjX8imMcCdR9hl18sAi5Bo" />
+
+    @hasSection('canonical')
+    @yield('canonical')
+    @else
+    <link rel="canonical" href="https://aroginhealthcare.com/" />
+    @endif
+    <link href="{{ asset('source/images/favicon.ico') }}" rel="shortcut icon" type="image/x-icon" />
+    
+    <!-- Stylesheets -->
+    <link href="{{ asset('source/css/bootstrap.min.css') }}" rel="stylesheet">
+    <link href="{{ asset('source/css/revolution-slider.min.css') }}" rel="stylesheet">
+    <link href="{{ asset('source/css/owl.min.css') }}" rel="stylesheet">
+    <link href="{{ asset('source/css/magnific-popup.min.css') }}" rel="stylesheet">
+    <link href="{{ asset('source/css/font-awesome.css') }}" rel="stylesheet">
+    <link href="{{ asset('source/css/flaticon.css') }}" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+    
+    <link href="https://arogin.thikeniraj.com.np/source/css/style.min.css" rel="stylesheet">
+    <link href="https://arogin.thikeniraj.com.np/source/css/custom.css" rel="stylesheet">
+
+    <!-- Responsive -->
+    <link href="{{ asset('source/css/responsive.css') }}" rel="stylesheet">
+    
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-LZNMR43YR5"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+    
+      gtag('config', 'G-LZNMR43YR5');
+    </script>
+</script>
+
+</head>
+
+<body>
+    <div class="page-wrapper">
+
+        @include('theme.spade.layouts.includes.header')
+
+        @yield('content')
+
+        @include('theme.spade.layouts.includes.footer')
+
+    </div>
+    
+    <!--End pagewrapper-->
+    <script src="{{ asset('source/js/jquery.min.js') }}"></script>
+    <script src="{{ asset('source/js/bootstrap.min.js') }}"></script>
+    <script src="{{ asset('source/js/jquery.popup.min.js') }}"></script>
+    <script src="{{ asset('source/js/revolution.min.js') }}"></script>
+    <script src="{{ asset('source/js/bxslider.min.js') }}"></script>
+    <script src="{{ asset('source/js/owl.carousel.min.js') }}"></script>
+    <script src="{{ asset('source/js/jquery.mixitup.min.js') }}"></script>
+    <script src="{{ asset('source/js/jquery.fancybox.pack.min.js') }}"></script>
+    <script src="{{ asset('source/js/wow.min.js') }}"></script>
+    <script src="{{ asset('source/js/googlemaps.min.js') }}"></script>
+    <script src="{{ asset('source/js/script.min.js') }}"></script>
+    <script src="https://maps.google.com/maps/api/js?sensor=true"></script>
+</body>
+
+</html>

resources/views/theme/spade/pages/about-us.blade.php

@@ -0,0 +1,81 @@
+@extends('theme.spade.layouts.main')
+
+@section('title') About Us @endsection
+
+@section('meta')
+<meta name="title" content="{{ optional($aboutPage->pageMeta)->meta_title ?? $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ optional($aboutPage->pageMeta)->meta_description ?? $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ optional($aboutPage->pageMeta)->meta_keywords ?? $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('canonical')
+<link ref="canonical" href="https://aroginhealthcare.com/about-us" />
+@endsection
+
+@section('content')
+    @php
+          $breadcrumbData = [
+               [
+                    'title' => 'About Us',
+                    'link' => route('about_us')
+               ],
+          ];
+    @endphp
+    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+     <section>
+          <div class="auto-container">
+               <div class="row">
+                    <div class="col-md-8">
+                         <div class="blog-area">
+                              <div class="post-item">
+                                   <div class="post wow fadeInUp animated" style="margin-bottom: 0px; visibility: visible; animation-name: fadeInUp;">
+                                        <div class="post-content wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
+                                             <h2 style="font-size: 24px; color:#22ad4b;">{{ $aboutPage->title }}</h2>
+                                             {!! $aboutPage->description !!}
+                                        </div>
+                                   </div>
+                              </div>
+                         </div>
+                    </div>
+                    <div class="col-md-4">
+                         <div class="top-services" style="padding: 50px 0 10px">
+                              <article class="post wow fadeInUp slide-item" data-wow-delay="0ms" data-wow-duration="1000ms">
+                                   <div class="post-inner">
+                                        <figure class="image">
+                                             <img class="img-responsive" src="{{ $aboutPage->full_image }}" alt="Image" />
+                                             <span class="curve"></span>
+                                        </figure>
+                                        <div class="content">
+                                             <div class="inner-box">
+                                                  <h3 style="font-family: 'Sintony', sans-serif;">{{ $aboutPage->title }}</h3>
+                                                  <div class="text">
+                                                       <p>{!! $aboutPage->summary !!}</p>
+                                                  </div>
+                                             </div>
+                                        </div>
+                                   </div>
+                              </article>
+                         </div>
+                         <div class="secondary-title">
+                              <h2 class="uppercase">
+                                  Our Services
+                              </h2>
+                         </div>
+                         <div class="right-sidebar" style="padding: 30px">
+                              <ul class="link-list">
+                                   @if(count($services) > 0)
+                                        @foreach ($services as $service)
+                                             <li>
+                                                  <a href="{{ route('service', $service->slug) }}">{{ $service->title }}</a>
+                                                  <hr style="margin: 10px 0">
+                                             </li>
+                                        @endforeach
+                                   @endif
+                              </ul>
+                         </div>
+                    </div>
+               </div>
+          </div>
+     </section>
+@endsection

resources/views/theme/spade/pages/blog/detail.blade.php

@@ -0,0 +1,169 @@
+@extends('theme.spade.layouts.main')
+
+@section('title') {{ $blog->title }} @endsection
+
+@section('meta')
+<meta name="title" content="{{ optional($blog->blogMeta)->meta_title ?? $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ optional($blog->blogMeta)->meta_description ?? $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ optional($blog->blogMeta)->meta_keywords ?? $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('canonical')
+<link ref="canonical" href="{{ route('single_blog', $blog->slug) }}" />
+@endsection
+
+@section('content')
+    @php
+        $breadcrumbData = [
+            [
+                'title' => 'Blogs',
+                'link' => route('blogs'),
+            ],
+            [
+                'title' => $blog->title,
+                'link' => null,
+            ],
+        ];
+    @endphp
+    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+     <section>
+          <div class="auto-container">
+               <div class="row">
+                    <div class="col-md-8">
+                         <div class="blog-area">
+                              <div class="post-item">
+                                   <div class="post wow fadeInUp animated" style="margin-bottom: 0px; visibility: visible; animation-name: fadeInUp;">
+                                        <div class="post-content wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
+                                             <h3 class="wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;" element-id="122">{{ $blog->title }}</h3>
+                                             <div class="posted-date" element-id="121">{{ date('F d, Y', strtotime($blog->published_date)) }}</div>
+                                             <div class="post-info" element-id="120">{{ $blog->summary }}</div>
+                                             <img src="{{ asset($blog->full_image) }}" height="400" class="img-fit" style="padding-bottom: 20px;">
+                                             {!! $blog->content !!}
+                                        </div>
+                                   </div>
+                              </div>
+                         </div>
+                    </div>
+                    <div class="col-md-4 start-sidebar mt-60">
+                         <div class="primary-title">
+                              <h2 class="">
+                                   Request An Appointment
+                              </h2>
+                         </div>
+                         <div class="right-sidebar">
+                              <div class="consulation-form">
+                                   <form action="{{ route('consultat_with_us') }}" method="post">
+                                        @csrf
+                                        <div class="row">
+                                             <div class="col-md-12">
+                                                  <input class="form-control" type="text" name="name" placeholder="Name *" required>
+                                                  @error('name')
+                                                       <div class="text-danger">{{ $message }}</div>
+                                                  @enderror
+                                             </div>
+                                             <div class="col-md-12">
+                                                  <input class="form-control" type="email" name="email" placeholder="Email *"
+                                                       required>
+                                                  @error('email')
+                                                       <div class="text-danger">{{ $message }}</div>
+                                                  @enderror
+                                             </div>
+                                             <div class="col-md-12">
+                                                  <input class="form-control" type="text" name="contact_no" placeholder="Phone *"
+                                                       required>
+                                                  @error('contact_no')
+                                                       <div class="text-danger">{{ $message }}</div>
+                                                  @enderror
+                                             </div>
+                                             <div class="col-md-12">
+                                                  <label>Which of the below best applies to you?</label><br>
+                                                  @foreach ($ageGroupOptions as $key => $option)
+                                                       <input type="radio" id="{{ 'option' . $key }}" name="age_group"
+                                                       value="{{ $key  }}">
+                                                       <label class="radio-term"
+                                                       for="{{ 'option' . $key }}">{{ $option }}</label><br>
+                                                  @endforeach
+                                                  @error('age_group')
+                                                       <div class="text-danger">{{ $message }}</div>
+                                                  @enderror
+                                             </div>
+                                             <div class="col-md-12">
+                                                  <label for="procedure">Procedure of Interest</label>
+                                                  <select id="procedure" name="procedure_of_interest" class="form-control">
+                                                       <option>Select Procedure</option>
+                                                       @foreach ($procedureOptions as $key => $option)
+                                                       <option value="{{ $key }}">{{ $option }}</option>
+                                                       @endforeach
+                                                  </select>
+                                                  @error('procedure_of_interest')
+                                                       <div class="text-danger">{{ $message }}</div>
+                                                  @enderror
+                                             </div>
+                                             <div class="col-md-12">
+                                                  <input class="form-control" type="text" name="subject" placeholder="Subject *">
+                                                  @error('subject')
+                                                       <div class="text-danger">{{ $message }}</div>
+                                                  @enderror
+                                             </div>
+                                             <div class="col-md-12">
+                                                  <textarea class="form-control" rows="3" name="message" placeholder="Message *"></textarea>
+                                                  @error('message')
+                                                       <div class="text-danger">{{ $message }}</div>
+                                                  @enderror
+                                             </div>
+                                             <div class="col-md-12">
+                                                  <p class="term"><input type="checkbox" name="is_aggrement"
+                                                       value="11">&nbsp;&nbsp;I understand that Arogin may contact me and I give my consent.</p>
+                                                  @error('is_aggrement')
+                                                       <div class="text-danger">{{ $message }}</div>
+                                                  @enderror
+                                             </div>
+                                             <div class="col-md-12">
+                                                  <button type="submit" class="primary-btn dark hvr-bounce-to-left">
+                                                       <span class="btn-text">Submit</span>
+                                                       <strong class="icon">
+                                                       <span class="f-icon flaticon-right11"></span>
+                                                       </strong>
+                                                  </button>
+                                             </div>
+                                        </div>
+                                   </form>
+                              </div>
+                         </div>
+                         {{-- <div class="secondary-title">
+                              <h2 class="uppercase">Recent Blogs</h2>
+                         </div>
+                         <div class="card">
+                              <div class="card-body">
+                                   @if(count($otherBlogs) > 0)
+                                        @foreach ($otherBlogs as $blog)
+                                             <div class="row">
+                                                  <div class="col-md-4">
+                                                       <img src="{{ $blog->full_image }}" alt="image" height="70" class="img-fit">
+                                                  </div>
+                                                  <div class="col-md-8" style="padding-left: 0px">
+                                                       <a href="{{ route('single_blog', $blog->slug) }}">
+                                                            <h3>{{ Str::limit($blog->title, 60) }}</h3>
+                                                       </a>
+                                                       <span>
+                                                            {{ date('F d, Y', strtotime($blog->published_date)) }}
+                                                       </span>
+                                                  </div>
+                                             </div>
+                                             @php
+                                                  $array = $otherBlogs->toArray();
+                                                  $lastElement = last($array);
+                                             @endphp
+                                             @if($lastElement['id'] != $blog->id)
+                                                  <hr style="margin: 12px">
+                                             @endif
+                                        @endforeach
+                                   @endif
+                              </div>
+                         </div> --}}
+                    </div>
+               </div>
+          </div>
+     </section>
+@endsection

resources/views/theme/spade/pages/blog/grid.blade.php

@@ -0,0 +1,58 @@
+@extends('theme.spade.layouts.main')
+
+@section('title') Blogs @endsection
+
+@section('meta')
+<meta name="title" content="{{ $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('canonical')
+<link ref="canonical" href="{{ route('blogs') }}" />
+@endsection
+
+@section('content')
+
+    @php
+        use Illuminate\Support\Str;
+        
+          $breadcrumbData = [
+               [
+                    'title' => 'Blogs',
+                    'link' => route('blogs')
+               ]
+          ]
+    @endphp
+    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+    <div class="wrapper">
+         @if(count($blogs) > 0)
+               <div class="row">
+                    @foreach ($blogs as $blog)
+                         <div class="col-md-4 gaper">
+                              <div class="card">
+                                   <div class="card-img">
+                                        <a href="{{ route('single_blog', $blog->slug) }}">
+                                             <img src="{{ $blog->full_image }}" height="250" class="img-fit">
+                                             <span style="color:black">{{ date('F d, Y', strtotime($blog->published_date)) }}</span>
+                                        </a>
+                                   </div>
+                                   <div class="card-body">
+                                        <a href="{{ route('single_blog', $blog->slug) }}">
+                                             <h2>{{ Str::limit($blog->title, 35, '..') }}</h2>
+                                        </a>
+                                   </div>
+                              </div>
+                         </div>
+                    @endforeach
+               </div>
+               <div class="row">
+                    <div class="col-md-12 text-center">
+                         {{ $blogs->links('theme.spade.layouts.includes.pagination') }}
+                    </div>
+               </div>
+          @endif
+     </div>
+
+@endsection

resources/views/theme/spade/pages/contact-us.blade.php

@@ -0,0 +1,138 @@
+@extends('theme.spade.layouts.main')
+
+@section('title')
+    Contact Us
+@endsection
+
+@section('meta')
+<meta name="title" content="{{ $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('canonical')
+<link ref="canonical" href="https://aroginhealthcare.com/contact-us" />
+@endsection
+
+@section('content')
+    @php
+        $breadcrumbData = [
+            [
+                'title' => 'Contact Us',
+                'link' => route('contact_us'),
+            ],
+        ];
+    @endphp
+    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+    <section class="info-strip" style="background: none">
+        <div class="auto-container">
+            <div class="row clearfix">
+                <div class="col-md-4 col-sm-4 col-xs-12">
+                    <div class="info-block text-center wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1000ms">
+                        <div class="icon hvr-radial-out">
+                            <a href="https://www.google.com/maps/search/Arogin+Health+Care+Pvt+Ltd,+Kathmandu" target="_blank" style="color:inherit;text-decoration:none;">
+                                <span class="f-icon flaticon-pointing8"></span>
+                            </a>
+                        </div>
+                        <h4>Address</h4>
+                        <p>
+                            {{ $generalSetting['company_name'] . ' (P) Ltd' }}
+                        </p>
+                        <p>
+                            {{ $generalSetting['address'] }}
+                        </p>
+                    </div>
+                </div>
+
+                <div class="col-md-4 col-sm-4 col-xs-12">
+                    <div class="info-block text-center wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1000ms">
+                        <div class="icon hvr-radial-out">
+                            <a href="mailto:{{ $generalSetting['info_email_address'] }}" style="color:inherit;text-decoration:none;">
+                                <span class="f-icon flaticon-email103"></span>
+                            </a>
+                        </div>
+                        <h4>Email</h4>
+                        <p><a href="mailto:{{ $generalSetting['info_email_address'] }}" style="color:inherit;text-decoration:none;">{{ $generalSetting['info_email_address'] }}</a></p>
+                        <p><a href="mailto:{{ $generalSetting['support_email_address'] }}" style="color:inherit;text-decoration:none;">{{ $generalSetting['support_email_address'] }}</a></p>
+                    </div>
+                </div>
+
+                <div class="col-md-4 col-sm-4 col-xs-12">
+                    <div class="info-block text-center wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1000ms">
+                        <div class="icon hvr-radial-out">
+                            <a href="tel:{{ $generalSetting['contact_number'] }}" style="color:inherit;text-decoration:none;">
+                                <span class="f-icon flaticon-telephone46"></span>
+                            </a>
+                        </div>
+                        <h4>Phone</h4>
+                        <p><a href="tel:{{ $generalSetting['contact_number'] }}" style="color:inherit;text-decoration:none;">(977) {{ $generalSetting['contact_number'] }}</a></p>
+                        <p><a href="tel:{{ $generalSetting['mobile_number'] }}" style="color:inherit;text-decoration:none;">(977) {{ $generalSetting['mobile_number'] }}</a></p>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </section>
+
+    <section class="contact-us-area">
+        <div class="auto-container">
+            <div class="row clearfix">
+                <div class="col-md-7 col-sm-6 col-xs-12 contact-form wow fadeInLeft" data-wow-delay="0ms"
+                    data-wow-duration="1000ms">
+                    <h2>Write in details</h2>
+                    <form action="{{ route('contactUsMessage') }}" method="post">
+                        @csrf
+                        <div class="field-container clearfix">
+                            <div class="form-group col-md-6 col-sm-12 col-xs-12">
+                                <input type="text" name="full_name" placeholder="Full Name*" required="required">
+                                @error('full_name')
+                                    <div class="text-danger">{{ $message }}</div>
+                                @enderror
+                            </div>
+                            <div class="form-group col-md-6 col-sm-12 col-xs-12">
+                                <input type="email" name="email" placeholder="Email*">
+                                @error('email')
+                                    <div class="text-danger">{{ $message }}</div>
+                                @enderror
+                            </div>
+                            <div class="clearfix"></div>
+                            <div class="form-group col-md-4 col-sm-12 col-xs-12">
+                                <input type="text" name="phone" placeholder="Contact No*" required="required">
+                                @error('phone')
+                                    <div class="text-danger">{{ $message }}</div>
+                                @enderror
+                            </div>
+                            <div class="form-group col-md-8 col-sm-12 col-xs-12">
+                                <input type="text" name="subject" placeholder="Subject*" required="required">
+                                @error('subject')
+                                    <div class="text-danger">{{ $message }}</div>
+                                @enderror
+                            </div>
+                            <div class="clearfix"></div>
+                            <div class="form-group col-md-12 col-sm-12 col-xs-12">
+                                <textarea name="message" placeholder="Feedback" required="required"></textarea>
+                                @error('message')
+                                    <div class="text-danger">{{ $message }}</div>
+                                @enderror
+                            </div>
+                            <div class="form-group col-md-12 col-sm-12 col-xs-12">
+                                <button type="submit" name="submit-form" class="primary-btn hvr-bounce-to-left">
+                                    <span class="btn-text">Send Feedback</span> <strong class="icon"><span
+                                            class="f-icon flaticon-letter110"></span></strong>
+                                </button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+                <div class="col-md-5 col-sm-6 col-xs-12 map-area wow fadeInRight" data-wow-delay="0ms"
+                    data-wow-duration="1000ms">
+                    <h2>Find us on Map</h2>
+                    <div class="our-location">
+                        {!! $additionalSetting['map'] !!}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+@endsection

resources/views/theme/spade/pages/doctor-provider/appointment.blade.php

@@ -0,0 +1,97 @@
+@extends('theme.spade.layouts.main')
+
+@section('title') Doctors & Providers @endsection
+
+@section('meta')
+<meta name="title" content="{{ $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('canonical')
+<link ref="canonical" href="{{ route('appointment') }}" />
+@endsection
+
+@section('content')
+
+    @php
+        $breadcrumbData = [
+            [
+                'title' => 'Make an Appointment',
+                'link' => route('appointment')
+            ]
+        ]
+    @endphp
+    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+    <section class="contact-us-area">
+        <div class="auto-container">
+            <div class="row clearfix">
+
+                <div class="col-md-3 col-sm-6 col-xs-12 map-area wow fadeInRight" data-wow-delay="0ms"
+                    data-wow-duration="1000ms">
+                    <div class="candidate radius">
+                        <div class="candidate-margins format-image">
+                            <a href="javascript:;" alt="{{ $teamMemberDetail->name }}"
+                                class="media-box image-popup-vertical-fit">
+                                <img src="{{ asset('storage/uploads/' . $teamMemberDetail->image_path) }}"
+                                    alt="Dr. Kavish Chouhan" class="img-responsive" />
+                            </a>
+                            <div class="inner-box">
+                                <h3><a href="javascript:;">{{ $teamMemberDetail->name }}</a>
+                                    <span>{{ $teamMemberDetail->detail }}</span>
+                                    {{-- <span>MD, AIIMS (New Delhi), MISHRS, USA</span> --}}
+                                </h3>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+
+                <!--Contact Form-->
+                <div class="col-md-7 col-sm-6 col-xs-12 contact-form wow fadeInLeft" data-wow-delay="0ms"
+                    data-wow-duration="1000ms">
+                    <h2>Book Your Appointment with {{ $teamMemberDetail->name }}</h2>
+                    <form action="{{ route('make-appointment') }}" method="post">
+                        @csrf
+                        <div class="field-container clearfix">
+                            {{-- <input type="hidden" name="emal_to" value=""> --}}
+                            <input type="hidden" name="team_member_id" value="{{ $teamMemberDetail->id }}">
+                            <div class="form-group col-md-6 col-sm-12 col-xs-12">
+                                <input type="text" name="full_name" placeholder="Full Name*" required="required">
+                            </div>
+
+                            <div class="form-group col-md-6 col-sm-12 col-xs-12">
+                                <input type="email" name="email" placeholder="Email*" required="required">
+                            </div>
+
+                            <div class="clearfix"></div>
+                            <div class="form-group col-md-4 col-sm-12 col-xs-12">
+                                <input type="text" name="contact_no" placeholder="Contact No*" required="required">
+                            </div>
+
+                            <div class="form-group col-md-8 col-sm-12 col-xs-12">
+                                <input type="text" name="subject" placeholder="Subject*" required="required">
+                            </div>
+                            <div class="clearfix"></div>
+
+
+                            <div class="form-group col-md-12 col-sm-12 col-xs-12">
+                                <textarea name="feedback" placeholder="Message" required="required"></textarea>
+                            </div>
+
+                            <div class="form-group col-md-12 col-sm-12 col-xs-12">
+                                <button type="submit" name="submit-form" class="primary-btn hvr-bounce-to-left"><span
+                                        class="btn-text">Submit</span> <strong class="icon"><span
+                                            class="f-icon flaticon-letter110"></span></strong></button>
+                            </div>
+                        </div>
+
+                    </form>
+                </div>
+
+
+            </div>
+        </div>
+    </section>
+@endsection

resources/views/theme/spade/pages/doctor-provider/grid.blade.php

@@ -0,0 +1,219 @@
+@extends('theme.spade.layouts.main')
+
+@section('title') Doctors & Providers @endsection
+
+@section('meta')
+<meta name="title" content="{{ $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('canonical')
+<link ref="canonical" href="{{ route('doctor_provider') }}" />
+@endsection
+
+@section('content')
+    @php
+        $breadcrumbData = [
+            [
+                'title' => 'Doctors & Providers',
+                'link' => route('doctor_provider'),
+            ],
+        ];
+    @endphp
+    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+    <section>
+        <div class="auto-container">
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="services-area">
+                        <!-- Related Posts -->
+                        <div class="auto-container">
+
+                            <!--Service Tabs Style Two / Three Column-->
+                            @foreach($teamMembers as $groupId => $groupMembers)
+                            <div class="clearfix">
+                                <div class="col-md-12">
+                                    <div class="sec-title wow fadeInLeft" data-wow-delay="300ms" data-wow-duration="1000ms">
+                                        <h2> {{ $groupId == 1 ? 'Doctors' : ($groupId == 2 ? 'Pokhara Branch' : 'Visiting Consultant') }} </h2>
+                                    </div>
+                                    <!--Tabs Content-->
+                                    <div class="row" data-wow-delay="300ms" data-wow-duration="1000ms">
+                                        <div class="clearfix">
+                                            @foreach ($groupMembers as $key => $teamMember)
+                                                @if($key%4 == 0)
+                                                    <div class="clearfix"></div>
+                                                @endif
+                                                <article class="col-md-3 col-sm-6 col-xs-12">
+                                                    <div class="candidate radius">
+                                                        <div class="candidate-margins format-link">
+                                                            <a href="javascript:;" class="media-box">
+                                                                <img src="{{ asset('storage/uploads/' . $teamMember->image_path) }}"
+                                                                    alt="{{ $teamMember->name }}" class="img-responsive">
+                                                            </a>
+                                                            <div class="inner-box">
+                                                                <h3><a href="javascript:;">{{ $teamMember->name }}
+                                                                        {{ $teamMember->degnation }}</a>
+                                                                    <span>{!! $teamMember->detail !!}
+                                                                    </span>
+                                                                    {{-- <span>BDS, MDS, PhD Orthodontics and Dentofacial Orthopedics
+                                                                </span> --}}
+                                                                </h3>
+                                                                <div class="link">
+                                                                    <form method="POST" action="{{ route('appointment') }}">
+                                                                        @csrf <!-- CSRF protection for POST requests -->
+                                                                        <input type="hidden" name="id" value="{{ $teamMember->id }}">
+                                                                        <button type="submit"  class="btn btn-success btn-sm hvr-bounce-to-left">
+                                                                            Book Your Appointment
+                                                                        </button>
+                                                                    </form>
+
+                                                                    {{-- <a href="{{ route('appointment') }}"
+                                                                        class="btn btn-success btn-sm hvr-bounce-to-left">Make
+                                                                        an Appointment</a> --}}
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </article>
+                                            @endforeach
+                                        </div>
+                                    </div>
+                                </div>
+
+                                {{-- <!--Service Tabs Style Two / Three Column-->
+                                <div class="clearfix">
+                                    <div class="col-md-12">
+                                        <div class="sec-title wow fadeInLeft" data-wow-delay="300ms"
+                                            data-wow-duration="1000ms">
+                                            <h2>Pokhara Branch</h2>
+                                        </div>
+                                        <!--Tabs Content-->
+                                        <div class="row" data-wow-delay="300ms" data-wow-duration="1000ms">
+                                            <div class="clearfix">
+                                                <!--Post-->
+                                                <article class="col-md-3 col-sm-6 col-xs-12">
+
+                                                    <div class="candidate radius">
+                                                        <div class="candidate-margins format-link">
+                                                            <a href="single/26/dr_aparna_mishra.html" class="media-box">
+                                                                <img src="admin/js/timthumb/timthumb7a3e.jpg?src=https://www.aroginhealthcare.com/images/team/aparna-mishra.jpg&amp;h=350&amp;w=330&amp;q=95"
+                                                                    alt="Dr. Aparna Mishra" class="img-responsive">
+                                                            </a>
+                                                            <div class="inner-box">
+                                                                <h3><a href="single/26/dr_aparna_mishra.html">Dr. Aparna
+                                                                        Mishra</a>
+                                                                    <span>Consultant Pediatrician</span>
+                                                                    <span>MD, PGI, Chandigarh</span>
+                                                                </h3>
+                                                                <div class="link">
+                                                                    <a href="make_an_appointment/26/dr_aparna_mishra.html"
+                                                                        class="btn btn-success btn-sm hvr-bounce-to-left">Make
+                                                                        an Appointment</a>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </article><!--Post End-->
+                                                <!--Post-->
+                                                <article class="col-md-3 col-sm-6 col-xs-12">
+
+                                                    <div class="candidate radius">
+                                                        <div class="candidate-margins format-link">
+                                                            <a href="single/30/dr_manish_pradhan.html" class="media-box">
+                                                                <img src="admin/js/timthumb/timthumbe29e.png?src=https://www.aroginhealthcare.com/images/team/dr_manish_pradhan1.png&amp;h=350&amp;w=330&amp;q=95"
+                                                                    alt="Dr. Manish Pradhan" class="img-responsive">
+                                                            </a>
+                                                            <div class="inner-box">
+                                                                <h3><a href="single/30/dr_manish_pradhan.html">Dr. Manish
+                                                                        Pradhan</a>
+                                                                    <span>Consultant Dermatologist & Hair Transplant
+                                                                        Surgeon</span>
+                                                                    <span>MD, NMC</span>
+                                                                </h3>
+                                                                <div class="link">
+                                                                    <a href="make_an_appointment/30/dr_manish_pradhan.html"
+                                                                        class="btn btn-success btn-sm hvr-bounce-to-left">Make
+                                                                        an Appointment</a>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </article><!--Post End-->
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <!--Service Tabs Style Two / Three Column-->
+                                    <div class="clearfix">
+                                        <div class="col-md-12">
+                                            <div class="sec-title wow fadeInLeft" data-wow-delay="300ms"
+                                                data-wow-duration="1000ms">
+                                                <h2>VISITING CONSULTANTS</h2>
+                                            </div>
+                                            <!--Tabs Content-->
+                                            <div class="row" data-wow-delay="300ms" data-wow-duration="1000ms">
+                                                <div class="clearfix">
+                                                    <!--Post-->
+                                                    <article class="col-md-3 col-sm-6 col-xs-12">
+
+                                                        <div class="candidate radius">
+                                                            <div class="candidate-margins format-link">
+                                                                <a href="single/15/dr_laxman_rijal.html" class="media-box">
+                                                                    <img src="admin/js/timthumb/timthumbd3aa.jpg?src=https://www.aroginhealthcare.com/images/team/default-profile.jpg&amp;h=350&amp;w=330&amp;q=95"
+                                                                        alt="Dr. Laxman Rijal" class="img-responsive">
+                                                                </a>
+                                                                <div class="inner-box">
+                                                                    <h3><a href="single/15/dr_laxman_rijal.html">Dr. Laxman
+                                                                            Rijal</a>
+                                                                        <span>Consultant Orthopedics</span>
+                                                                        <span>MS (AIIMS), FHUES (India, Singapore)</span>
+                                                                    </h3>
+                                                                    <div class="link">
+                                                                        <a href="make_an_appointment/15/dr_laxman_rijal.html"
+                                                                            class="btn btn-success btn-sm hvr-bounce-to-left">Make
+                                                                            an Appointment</a>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </article><!--Post End-->
+                                                    <!--Post-->
+                                                    <article class="col-md-3 col-sm-6 col-xs-12">
+
+                                                        <div class="candidate radius">
+                                                            <div class="candidate-margins format-link">
+                                                                <a href="single/17/mr_anup_raj_bhandari.html"
+                                                                    class="media-box">
+                                                                    <img src="admin/js/timthumb/timthumbd3aa.jpg?src=https://www.aroginhealthcare.com/images/team/default-profile.jpg&amp;h=350&amp;w=330&amp;q=95"
+                                                                        alt="Mr. Anup Raj Bhandari" class="img-responsive">
+                                                                </a>
+                                                                <div class="inner-box">
+                                                                    <h3><a href="single/17/mr_anup_raj_bhandari.html">Mr.
+                                                                            Anup Raj Bhandari</a>
+                                                                        <span>Clinical Psychologist</span>
+                                                                        <span>M.Phil (IOM)</span>
+                                                                    </h3>
+                                                                    <div class="link">
+                                                                        <a href="make_an_appointment/17/mr_anup_raj_bhandari.html"
+                                                                            class="btn btn-success btn-sm hvr-bounce-to-left">Make
+                                                                            an Appointment</a>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </article><!--Post End-->
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div> --}}
+                            </div>
+                            @endforeach
+
+                        </div>
+                    </div>
+                </div>
+    </section>
+@endsection

resources/views/theme/spade/pages/extra.blade.php

@@ -0,0 +1,45 @@
+@extends('theme.spade.layouts.main')
+
+@section('title') {{ $page->title }} @endsection
+
+@section('meta')
+<meta name="title" content="{{ optional($page->pageMeta)->meta_title ?? $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ optional($page->pageMeta)->meta_description ?? $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ optional($page->pageMeta)->meta_keywords ?? $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('content')
+     @php
+          $breadcrumbData = [
+               [
+                    'title' => $page->title,
+                    'link' => route('extra_page', $page->slug)
+               ]
+          ];
+     @endphp
+     @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+     <section class="privary-policy">
+          <div class="auto-container">
+               <div class="row">
+                    <div class="col-md-12">
+                         <div class="blog-area">
+                              <div class="post-item">
+                                   <div class="post wow fadeInUp animated" style="margin-bottom: 0px; visibility: visible; animation-name: fadeInUp;">
+                                        <div class="post-content wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
+                                             <h2 style="font-size: 24px; color:#22ad4b;">{{ $page->title }}</h2>
+                                             @if($page->image)
+                                                  <img src="{{ asset($page->full_image) }}" height="450" class="img-fit" style="padding-bottom: 20px;">
+                                             @endif
+                                             <div class="my-content"> 
+                                                  {!! $page->description !!}
+                                             </div>
+                                        </div>
+                                   </div>
+                              </div>
+                         </div>
+                    </div>
+               </div>
+          </div>
+     </section>
+@endsection

resources/views/theme/spade/pages/faq.blade.php

@@ -0,0 +1,51 @@
+@extends('theme.spade.layouts.main')
+
+@section('title') FAQs @endsection
+
+@section('meta')
+<meta name="title" content="{{ $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('canonical')
+<link ref="canonical" href="https://aroginhealthcare.com/faqs" />
+@endsection
+
+@section('content')
+    @php
+          $breadcrumbData = [
+               [
+                    'title' => 'FAQs',
+                    'link' => route('faqs')
+               ],
+          ];
+    @endphp
+    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+    <section class="privary-policy">
+          <div class="auto-container">
+               <div class="row">
+                    <div class="col-md-12">
+                         <div class="blog-area">
+                              <div class="post-item">
+                                   <div class="post wow fadeInUp animated" style="margin-bottom: 0px; visibility: visible; animation-name: fadeInUp;">
+                                        <div class="post-content wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
+                                             <h2 style="font-size: 24px; color:#22ad4b;">Frequently Asked Questions</h2>
+                                             <div class="my-content">
+                                                  @if(count($faqs) > 0)
+                                                       @foreach ($faqs as $key => $faq)
+                                                            <h4>{{ ++$key . '. ' . $faq->question }}</h4>
+                                                            <p>{{ $faq->answer }}</p>
+                                                       @endforeach
+                                                  @endif
+                                             </div>
+                                        </div>
+                                   </div>
+                              </div>
+                         </div>
+                    </div>
+               </div>
+          </div>
+    </section>
+@endsection

resources/views/theme/spade/pages/hair-transplant/child.blade.php

@@ -0,0 +1,8 @@
+@extends('theme.spade.pages.hair-transplant.cluster')
+
+@section('sub-content')
+
+<h2 style="font-size: 24px; color:#22ad4b; padding-bottom: 12px;">{{ $post->title }}</h2>
+{!! $post->full_detail !!}
+
+@endsection

resources/views/theme/spade/pages/hair-transplant/cluster.blade.php

@@ -0,0 +1,235 @@
+@extends('theme.spade.layouts.main')
+
+@section('title') {{ $subPage == true ? $post->title : $pageDetail->title }} @endsection
+
+@section('meta') 
+@if($subPage)
+    <meta name="title" content="{{ $post->meta_title ?? $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ $post->meta_description ?? $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ $post->meta_keywords ?? $seoSetting['meta_keywords'] }}" />
+@else
+    <meta name="title" content="{{ optional($pageDetail->pageMeta)->meta_title ?? $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ optional($pageDetail->pageMeta)->meta_description ?? $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ optional($pageDetail->pageMeta)->meta_keywords ?? $seoSetting['meta_keywords'] }}" />
+@endif
+@endsection
+
+@section('canonical') 
+@if($subPage)
+    <link ref="canonical" href="{{ route('hair_transplant.child', $post->slug) }}" />
+@else
+    <link ref="canonical" href="{{ route('hair_transplant') }}" />
+@endif
+@endsection
+
+@section('content')
+
+    @php
+        if ($subPage) {
+            $breadcrumbData = [
+                [
+                    'title' => $pageDetail->title,
+                    'link' => route('hair_transplant'),
+                ],
+                [
+                    'title' => $post->title,
+                    'link' => null,
+                ],
+            ];
+        } else {
+            $breadcrumbData = [
+                [
+                    'title' => $pageDetail->title,
+                    'link' => route('hair_transplant'),
+                ],
+            ];
+        }
+    @endphp
+    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+    <div class="auto-container">
+        <div class="grid-container">
+            <div class="grid-item">
+                <div class="start-sidebar mt-60">
+                    <div class="primary-title">
+                        <h2 class="uppercase">
+                            Overview
+                        </h2>
+                    </div>
+                    <div class="left-sidebar">
+                        <ul class="list-disc" id="default-tab" data-tabs-toggle="#default-tab-content" role="tablist">
+                            @if (count($posts) > 0)
+                                @foreach ($posts as $post)
+                                    <li class="mb-25" role="presentation">
+                                        <a href="{{ route('hair_transplant.child', $post->slug) }}"
+                                            class="{{ request()->segment(2) == $post->slug ? 'text-secondary' : 'text-dark' }}">
+                                            {{ $post->title }}
+                                        </a>
+                                    </li>
+                                @endforeach
+                            @endif
+                        </ul>
+                    </div>
+                    <div class="secondary-title">
+                        <h2 class="uppercase">
+                            Success Results
+                        </h2>
+                    </div>
+                    <div class="image-slider">
+                        @empty(!$transformations)
+                            @foreach ($transformations ?? [] as $transformation)
+                                <article class="post-container wow fadeInUp slide-item" data-wow-delay="0ms" data-wow-duration="1000ms">
+                                    <div class="post-inner-content">
+                                        <figure class="image">
+                                            <div class="flex flex-row gap-[10px]">
+                                                <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="100">
+                                                    <div class="relative">
+                                                        <img src="{{ $transformation->beforeImage }}" alt="" class="">
+                                                    </div>
+                                                </div>
+                                                <div data-aos="fade-down" data-aos-duration="1500" data-aos-offset="100">
+                                                    <div class="relative">
+                                                        <img src="{{ $transformation->afterImage }}" alt="" class="">
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <span class="curve"></span>
+                                        </figure>
+                                    </div>
+                                </article>
+                            @endforeach
+                        @endempty
+                    </div>
+                </div>
+            </div>
+            <div class="grid-item">
+                <div class="mt-60 gaper">
+                    <div class="partial-content">
+                        @if ($subPage)
+                            @yield('sub-content')
+                        @else
+                            {{-- @if (count($posts) > 0)
+                                @php
+                                    $array = $posts->toArray();
+                                    $post = reset($array);
+                                @endphp
+                                <h2 style="font-size: 24px; color:#22ad4b; padding-bottom: 12px;">{{ $post['title'] }}</h2>
+                                {!! $post['full_detail'] !!}
+                            @endif --}}
+                            {!! $pageDetail->description !!}
+                        @endif
+                    </div>
+                </div>
+            </div>
+            <div class="grid-item">
+                <div class="top-services" style="padding: 60px 0 10px">
+                    <article class="post wow fadeInUp slide-item" data-wow-delay="0ms" data-wow-duration="1000ms">
+                        <div class="post-inner">
+                            <figure class="image">
+                                <img class="img-responsive" src="{{ $pageDetail->full_image }}" alt="Image" />
+                                <span class="curve"></span>
+                            </figure>
+                            <div class="content">
+                                <div class="inner-box">
+                                    @php
+                                        $contents = explode('<nl>', $pageDetail->summary)
+                                    @endphp
+                                    <h3 style="font-family: 'Sintony', sans-serif;">{{ $contents[0] }}</h3>
+                                    <div class="text" style="height:200px; overflow:hidden">
+                                        <p>{!! $contents[1] !!}</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </article>
+                </div>
+                <div class="right-sidebar">
+                    <div class="consulation-form">
+                        <div class="primary-title">
+                            <h2 class="">
+                                Request An Appointment
+                            </h2>
+                        </div>
+                        <form action="{{ route('consultat_with_us') }}" method="post">
+                            @csrf
+                            <div class="row">
+                                <div class="col-md-12">
+                                    <input class="form-control" type="text" name="name" placeholder="Name *" required>
+                                    @error('name')
+                                        <div class="text-danger">{{ $message }}</div>
+                                    @enderror
+                                </div>
+                                <div class="col-md-12">
+                                    <input class="form-control" type="email" name="email" placeholder="Email *"
+                                        required>
+                                    @error('email')
+                                        <div class="text-danger">{{ $message }}</div>
+                                    @enderror
+                                </div>
+                                <div class="col-md-12">
+                                    <input class="form-control" type="text" name="contact_no" placeholder="Phone *"
+                                        required>
+                                    @error('contact_no')
+                                        <div class="text-danger">{{ $message }}</div>
+                                    @enderror
+                                </div>
+                                <div class="col-md-12">
+                                    <label>Which of the below best applies to you?</label><br>
+                                    @foreach ($ageGroupOptions as $key => $option)
+                                        <input type="radio" id="{{ 'option' . $key }}" name="age_group"
+                                            value="{{ $key  }}">
+                                        <label class="radio-term"
+                                            for="{{ 'option' . $key }}">{{ $option }}</label><br>
+                                    @endforeach
+                                    @error('age_group')
+                                        <div class="text-danger">{{ $message }}</div>
+                                    @enderror
+                                </div>
+                                <div class="col-md-12">
+                                    <label for="procedure">Procedure of Interest</label>
+                                    <select id="procedure" name="procedure_of_interest" class="form-control">
+                                        <option>Select Procedure</option>
+                                        @foreach ($procedureOptions as $key => $option)
+                                            <option value="{{ $key }}">{{ $option }}</option>
+                                        @endforeach
+                                    </select>
+                                    @error('procedure_of_interest')
+                                        <div class="text-danger">{{ $message }}</div>
+                                    @enderror
+                                </div>
+                                <div class="col-md-12">
+                                    <input class="form-control" type="text" name="subject" placeholder="Subject *">
+                                    @error('subject')
+                                        <div class="text-danger">{{ $message }}</div>
+                                    @enderror
+                                </div>
+                                <div class="col-md-12">
+                                    <textarea class="form-control" rows="3" name="message" placeholder="Message *"></textarea>
+                                    @error('message')
+                                        <div class="text-danger">{{ $message }}</div>
+                                    @enderror
+                                </div>
+                                <div class="col-md-12">
+                                    <p class="term"><input type="checkbox" name="is_aggrement"
+                                            value="11">&nbsp;&nbsp;I understand that Arogin may contact me and I give my consent.</p>
+                                    @error('is_aggrement')
+                                        <div class="text-danger">{{ $message }}</div>
+                                    @enderror
+                                </div>
+                                <div class="col-md-12">
+                                    <button type="submit" class="primary-btn dark hvr-bounce-to-left">
+                                        <span class="btn-text">Submit</span>
+                                        <strong class="icon">
+                                            <span class="f-icon flaticon-right11"></span>
+                                        </strong>
+                                    </button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+@endsection

resources/views/theme/spade/pages/privacy-policy.blade.php

@@ -0,0 +1,128 @@
+@extends('theme.spade.layouts.main')
+
+@section('title') Privacy Policy @endsection
+
+@section('meta')
+<meta name="title" content="{{ $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('canonical')
+<link ref="canonical" href="https://aroginhealthcare.com/privacy-policy" />
+@endsection
+
+@section('content')
+    @php
+          $breadcrumbData = [
+               [
+                    'title' => 'Privacy Policy',
+                    'link' => route('privacyPolicy')
+               ],
+          ];
+    @endphp
+    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+    <section class="privary-policy">
+          <div class="auto-container">
+               <div class="row">
+                    <div class="col-md-12">
+                         <div class="blog-area">
+                              <div class="post-item">
+                                   <div class="post wow fadeInUp animated" style="margin-bottom: 0px; visibility: visible; animation-name: fadeInUp;">
+                                        <div class="post-content wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
+                                             <h2 style="font-size: 24px; color:#22ad4b;">Privacy Policy</h2>
+                                             <div class="my-content">
+                                                  <h4>Introduction</h4>
+                                                  <p>Welcome to Arogin Healthcare, accessible at <a class="hover:text-secondaryColor" href="https://www.aroginhealthcare.com">www.aroginhealthcare.com</a>. We are dedicated to protecting the privacy and security of your personal information. This Privacy Policy outlines the types of information we collect, how it's utilized, and our efforts to safeguard it. This policy encompasses data collected through our website, mobile application (if applicable), and any related services, sales, marketing, or events.</p>
+                                                  <h4>Scope &amp; Consent</h4>
+                                                  <p>By accessing or using our services, you acknowledge having read, understood, and agreed to this Privacy Policy and our Terms of Service. Your interaction with us and any privacy-related disputes are governed by this policy and our Terms of Service.</p>               
+                                                  <h4>Information Collection</h4>
+                                                  <span>
+                                                       We collect your data through:
+                                                       <ul>
+                                                            <li>
+                                                                 Methods of Collection
+                                                                 <ol>
+                                                                      <li>Direct interactions via forms, surveys, or communication tools.</li>
+                                                                      <li>Automated tracking as you navigate our site.</li>
+                                                                      <li>Third parties, like social media platforms, when linked to our services.</li>
+                                                                 </ol>
+                                                            </li>
+                                                            <li>
+                                                                 Types of Information
+                                                                 <ol>
+                                                                      <li>Personal Information: Such as name, email, postal address, and financial data.</li>
+                                                                      <li>Non-Personal Information: Including browser type, IP address, and operating system details.</li>
+                                                                      <li>Analytics Data: Via Google Analytics 4 and Google Search Console, we collect aggregated data on your device, browsing actions, and patterns.</li>
+                                                                 </ol>
+                                                            </li>
+                                                       </ul>
+                                                  </span>
+                                                  <p></p>
+                                                  <h4>Use of Information</h4>
+                                                  <span>
+                                                       We use the collected information to:
+                                                       <ul>
+                                                            <li>Provide and enhance our services.</li>
+                                                            <li>Personalize user experience.</li>
+                                                            <li>Process transactions and communications.</li>
+                                                            <li>Comply with legal requirements.</li>
+                                                            <li>Analyze site performance to improve user engagement and content optimization.</li>
+                                                            <li>Marketing Communications: In addition to the uses identified above, we may use your personal information to send you marketing-related emails and SMS messages about our services, products, and promotions that we believe may be of interest to you.</li>
+                                                       </ul>
+                                                  </span>
+                                                  <p></p>
+                                                  <h4>International Data Transfers</h4>
+                                                  <p>Your information may be transferred internationally, adhering to strict privacy safeguards, ensuring your data is protected regardless of where it is processed.</p>
+                                                  <h4>Legal Basis for Processing (EU Users)</h4>
+                                                  <p>Our processing activities are based on consent, contractual necessity, legal obligations, or our legitimate interests, as applicable.</p>
+                                                  <h4>Data Protection Officer</h4>
+                                                  <p>We have appointed a Data Protection Officer to oversee our data privacy practices. For inquiries, contact <a class="hover:text-secondaryColor" href="mailto:info@aroginhealthcare.com">info@aroginhealthcare.com</a>.</p>
+                                                  <h4>Automated Decision Making</h4>
+                                                  <p>We do not use automated decision-making processes that have legal or similarly significant effects on you.</p>
+                                                  <h4>Security Breach Notification</h4>
+                                                  <p>In case of a data breach, we will notify affected individuals and regulatory authorities in accordance with legal requirements.</p>
+                                                  <h4>Age Limitations</h4>
+                                                  <p>Our services do not target and we do not knowingly collect data from minors under 18 years of age.</p>
+                                                  <h4>Third-Party Disclosure Policies</h4>
+                                                  <p>We may share your information with service providers, comply with legal obligations, or during business transfers, ensuring transparency with such practices.</p>
+                                                  <h4>Updates and Notification Procedures</h4>
+                                                  <p>We will notify users of policy updates through our website and, where applicable, via email.</p>
+                                                  <h4>Rights of Users</h4>
+                                                  <p>You have rights to access, correct, delete, or port your data, withdraw consent, and object to certain data processing activities. To exercise these rights, contact us at <a class="hover:text-secondaryColor" href="mailto:info@aroginhealthcare.com">info@aroginhealthcare.com</a>.</p>
+                                                  <h4>Data Retention</h4>
+                                                  <p>We retain personal information as long as necessary for service provision, legal compliance, dispute resolution, and policy enforcement.</p>
+                                                  <h4>Cookies and Tracking</h4>
+                                                  <p>Our use of cookies and tracking technologies is aimed at enhancing user experience and analyzing site usage. You have control over these technologies via your browser settings.</p>
+                                                  <h4>Data Security</h4>
+                                                  <p>We are committed to protecting your data, implementing security measures to prevent unauthorized access or disclosure, recognizing that no system is infallible.</p>
+                                                  <h4>Third-Party Links and Services</h4>
+                                                  <p>Our website may contain links to third-party sites, for which we are not responsible for the privacy practices or content.</p>
+                                                  <h4>Children’s Privacy</h4>
+                                                  <p>We do not knowingly collect personal information from children under 18.</p>
+                                                  <h4>Updates to the Privacy Policy</h4>
+                                                  <p>This policy may be updated periodically, with the updated version effective upon posting on our website.</p>
+                                                  <h4>Contact Information</h4>
+                                                  <p>
+                                                       For any privacy-related questions or concerns, please contact us at:<br>
+                                                       <span>
+                                                            Arogin Healthcare<br>
+                                                            Bishalnagar, Kathmandu, Nepal<br>
+                                                            Email: info@aroginhealthcare.com<br>
+                                                            Phone: +977 980-1143423
+                                                       </span>
+                                                  </p>
+                                                  <h4>Data Protection Officer</h4>
+                                                  <p>Email: <a class="hover:text-secondaryColor" href="mailto:info@aroginhealthcare.com">info@aroginhealthcare.com</a></p>
+                                             </div>
+                                        </div>
+                                   </div>
+                              </div>
+                         </div>
+                    </div>
+               </div>
+          </div>
+     </section>
+
+@endsection

resources/views/theme/spade/pages/service.blade.php

@@ -0,0 +1,79 @@
+@extends('theme.spade.layouts.main')
+
+@section('title') {{ $service->title }} @endsection
+
+@section('meta')
+<meta name="title" content="{{ optional($service->serviceMeta)->meta_title ?? $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ optional($service->serviceMeta)->meta_description ?? $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ optional($service->serviceMeta)->meta_keywords ?? $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('content')
+
+    @php
+          $breadcrumbData = array(
+               [
+                    'title' => 'Services',
+                    'link' => 'javascript:;'
+               ],
+               [
+                    'title' => $service->title,
+                    'link' => null
+               ]
+          );
+    @endphp
+    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+     <div class="auto-container">
+          <div class="grid-container">
+               <div class="grid-item">
+                    <div class="start-sidebar mt-60">
+                         <div class="primary-title">
+                              <h2 class="uppercase">
+                                   Our Services
+                              </h2>
+                         </div>
+                         <div class="right-sidebar">
+                              <ul class="link-list">
+                                   @if(count($otherServices) > 0)
+                                        @foreach ($otherServices as $otherService)
+                                             <li>
+                                                  <a href="{{ route('service', $otherService->slug) }}">{{ $otherService->title }}</a>
+                                                  <hr style="margin: 10px 0">
+                                             </li>
+                                        @endforeach
+                                   @endif
+                              </ul>
+                         </div>
+                    </div>
+               </div>
+               <div class="grid-item">
+                    <div class="mt-60" style="padding: 0 30px 30px 30px">
+                         <h2 style="font-size: 24px; color:#22ad4b; padding-bottom: 12px;">{{ $service->title }}</h2>
+                         {!! $service->detail !!}
+                    </div>
+               </div>
+               <div class="grid-item">
+                    <div class="top-services" style="padding: 60px 0 10px">
+                         <article class="post wow fadeInUp slide-item" data-wow-delay="0ms" data-wow-duration="1000ms">
+                              <div class="post-inner">
+                                   <figure class="image">
+                                        <img class="img-responsive" src="{{ $service->full_image }}" alt="Image" />
+                                        <span class="curve"></span>
+                                   </figure>
+                                   <div class="content">
+                                        <div class="inner-box">
+                                             <h3 style="font-family: 'Sintony', sans-serif;">{{ $service->title }}</h3>
+                                             <div class="text">
+                                                  <p>{!! $service->summary !!}</p>
+                                             </div>
+                                        </div>
+                                   </div>
+                              </div>
+                         </article>
+                    </div>
+               </div>
+          </div>
+     </div>
+
+@endsection

resources/views/theme/spade/pages/term-and-condition.blade.php

@@ -0,0 +1,95 @@
+@extends('theme.spade.layouts.main')
+
+@section('title') Terms of Service @endsection
+
+@section('meta')
+<meta name="title" content="{{ $seoSetting['meta_title'] }}" />
+    <meta name="description" content="{{ $seoSetting['meta_detail'] }}">
+    <meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
+@endsection
+
+@section('canonical')
+<link ref="canonical" href="https://aroginhealthcare.com/terms-of-service" />
+@endsection
+
+@section('content')
+     @php
+          $breadcrumbData = [
+               [
+                    'title' => 'Terms of Service',
+                    'link' => route('termsOfService')
+               ],
+          ];
+     @endphp
+     @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)
+
+     <section class="privary-policy">
+          <div class="auto-container">
+               <div class="row">
+                    <div class="col-md-12">
+                         <div class="blog-area">
+                              <div class="post-item">
+                                   <div class="post wow fadeInUp animated" style="margin-bottom: 0px; visibility: visible; animation-name: fadeInUp;">
+                                        <div class="post-content wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
+                                             <h2 style="font-size: 24px; color:#22ad4b;">Terms of Service Agreement</h2>
+                                             <div class="my-content">                             
+                                                       <h4>1. Introduction</h4>
+                                                       <p>Welcome to www.aroginhealthcare.com ("we", "us", "our"). By accessing our website at www.aroginhealthcare.com, our mobile application, and/or any services provided by us (collectively, the "Service"), you agree to be bound by these Terms of Service ("Terms", "ToS"). These Terms apply to all visitors, users, and others who access or use the Service.</p>
+                                                       
+                                                       <h4>2. User Accounts</h4>
+                                                       <p>
+                                                            When you create an account with us, you must provide information that is accurate, complete, and current at all times. Failure to do so constitutes a breach of the Terms, which may result in immediate termination of your account on our Service.<br>
+                                                            You are responsible for safeguarding the password that you use to access the Service and for any activities or actions under your password, whether your password is with our Service or a third-party service.
+                                                       </p>           
+                                                       
+                                                       <h4>3. Privacy Policy</h4>
+                                                       <p>Your privacy is important to us. Our Privacy Policy explains how we collect, use, and protect your personal information. By using our Service, you agree to the collection and use of information in accordance with our Privacy Policy.</p>
+                                                       
+                                                       <h4>4. Provision of Services</h4>
+                                                       <p>We reserve the right to modify, suspend, or discontinue the Service at any time without notice to you. We will not be liable to you or to any third party for any modification, price change, suspension, or discontinuance of the Service.</p>
+                                                       
+                                                       <h4>5. User Responsibilities</h4>
+                                                       <span>
+                                                            You agree not to use the Service to:
+                                                            <ul>
+                                                                 <li>Conduct any illegal activities.</li>
+                                                                 <li>Infringe upon the intellectual property rights of others.</li>
+                                                                 <li>Harass, abuse, or harm another person.</li>
+                                                                 <li>Spread malware or viruses.</li>
+                                                            </ul>
+                                                       </span>
+                                                       <p></p>
+                              
+                                                       <h4>6. Intellectual Property Rights</h4>
+                                                       <p>The Service and its original content, features, and functionality are and will remain the exclusive property of Arogin Healthcare and its licensors. Our Service may contain links to third-party websites or services that are not owned or controlled by Arogin Healthcare.</p>
+                                                       
+                                                       <h4>7. Termination</h4>
+                                                       <p>We may terminate or suspend your account immediately, without prior notice or liability, for any reason whatsoever, including, without limitation, if you breach the Terms.</p>
+                                                       
+                                                       <h4>8. Warranties and Disclaimers</h4>
+                                                       <p>Our Service is provided on an "AS IS" and "AS AVAILABLE" basis. We expressly disclaim all warranties of any kind, whether express or implied, including, but not limited to, the implied warranties of merchantability, fitness for a particular purpose, and non-infringement.</p>
+                                                       
+                                                       <h4>9. Indemnification</h4>
+                                                       <p>You agree to defend, indemnify, and hold harmless Arogin Healthcare and its licensee and licensors, and their employees, contractors, agents, officers, and directors, from and against any and all claims, damages, obligations, losses, liabilities, costs or debt, and expenses (including but not limited to attorney's fees), resulting from or arising out of a) your use and access of the Service, or b) a breach of these Terms.</p>
+                                                       
+                                                       <h4>10. Governing Law and Jurisdiction</h4>
+                                                       <p>These Terms shall be governed and construed in accordance with the laws of Nepal, without regard to its conflict of law provisions. Our failure to enforce any right or provision of these Terms will not be considered a waiver of those rights.</p>
+                                                       
+                                                       <h4>11. Changes to Terms</h4>
+                                                       <p>We reserve the right, at our sole discretion, to modify or replace these Terms at any time. By continuing to access or use our Service after those revisions become effective, you agree to be bound by the revised terms.</p>
+                                                      
+                                                       <h4>12. Contact Information</h4>
+                                                       <p>If you have any questions about these Terms, please contact us at info@aroginhealthcare.com.</p>
+                              
+                                                       <h4>Finalizing the Agreement</h4>
+                                                       <p>By using our Service, you acknowledge that you have read and understand these Terms of Service and agree to be bound by them.</p>
+                                             </div>
+                                        </div>
+                                   </div>
+                              </div>
+                         </div>
+                    </div>
+               </div>
+          </div>
+     </section>
+@endsection