diff --git a/app/Http/Controllers/ClientPortal/PaymentController.php b/app/Http/Controllers/ClientPortal/PaymentController.php
index 61cdc83456be..b3bbf2a94bcb 100644
--- a/app/Http/Controllers/ClientPortal/PaymentController.php
+++ b/app/Http/Controllers/ClientPortal/PaymentController.php
@@ -232,6 +232,7 @@ class PaymentController extends Controller
     public function response(PaymentResponseRequest $request)
     {
         $gateway = CompanyGateway::find($request->input('company_gateway_id'))->firstOrFail();
+
         $payment_hash = PaymentHash::whereRaw('BINARY `hash`= ?', [$request->payment_hash])->first();
 
         return $gateway
diff --git a/app/Models/Client.php b/app/Models/Client.php
index 922beefd2098..7c0d648756de 100644
--- a/app/Models/Client.php
+++ b/app/Models/Client.php
@@ -462,6 +462,7 @@ class Client extends BaseModel implements HasLocalePreference
         $payment_methods = [];
 
         foreach ($gateways as $gateway) {
+
             foreach ($gateway->driver($this)->gatewayTypes() as $type) {
                 if (isset($gateway->fees_and_limits) && property_exists($gateway->fees_and_limits, $type)) {
                     if ($this->validGatewayForAmount($gateway->fees_and_limits->{$type}, $amount)) {
diff --git a/app/PaymentDrivers/BaseDriver.php b/app/PaymentDrivers/BaseDriver.php
index 7e097c704b53..4d4b017beecf 100644
--- a/app/PaymentDrivers/BaseDriver.php
+++ b/app/PaymentDrivers/BaseDriver.php
@@ -460,4 +460,9 @@ class BaseDriver extends AbstractPaymentDriver
 
         return $this;
     }
+
+    public function getCompanyGatewayId(): int
+    {
+        return $this->company_gateway->id;
+    }
 }
diff --git a/app/PaymentDrivers/CustomPaymentDriver.php b/app/PaymentDrivers/CustomPaymentDriver.php
index 03c76eb7007f..492ecfe66e51 100644
--- a/app/PaymentDrivers/CustomPaymentDriver.php
+++ b/app/PaymentDrivers/CustomPaymentDriver.php
@@ -12,9 +12,12 @@
 
 namespace App\PaymentDrivers;
 
+use App\Jobs\Util\SystemLogger;
 use App\Models\ClientGatewayToken;
 use App\Models\GatewayType;
 use App\Models\Payment;
+use App\Models\PaymentType;
+use App\Models\SystemLog;
 
 /**
  * Class CustomPaymentDriver.
@@ -28,7 +31,7 @@ class CustomPaymentDriver extends BaseDriver
     /**
      * Returns the gateway types.
      */
-    public function gatewayTypes() :array
+    public function gatewayTypes(): array
     {
         $types = [
             GatewayType::CREDIT_CARD,
@@ -37,18 +40,6 @@ class CustomPaymentDriver extends BaseDriver
         return $types;
     }
 
-    public function authorize($payment_method)
-    {
-    }
-
-    public function purchase($amount, $return_client_response = false)
-    {
-    }
-
-    public function refund(Payment $payment, $amount, $return_client_response = false)
-    {
-    }
-
     public function setPaymentMethod($payment_method_id)
     {
         $this->payment_method = $payment_method_id;
@@ -58,11 +49,37 @@ class CustomPaymentDriver extends BaseDriver
 
     public function processPaymentView($data)
     {
-        return render('gateways.custom.landing_page', $data);
+        $data['title'] = $this->company_gateway->getConfigField('name');
+        $data['instructions'] = $this->company_gateway->getConfigField('text');
+        
+        $this->payment_hash->data = array_merge((array) $this->payment_hash->data, $data);
+        $this->payment_hash->save();
+        
+        $data['gateway'] = $this;
+
+        return render('gateways.custom.payment', $data);
     }
 
     public function processPaymentResponse($request)
     {
+        $data = [
+            'payment_method' => GatewayType::CREDIT_CARD,
+            'payment_type' => PaymentType::CREDIT_CARD_OTHER,
+            'amount' => $this->payment_hash->data->amount_with_fee,
+            'transaction_reference' => \Illuminate\Support\Str::uuid(),
+        ];
+
+        $payment = $this->createPayment($data, Payment::STATUS_PENDING);
+
+        SystemLogger::dispatch(
+            ['response' => $data, 'data' => $data],
+            SystemLog::CATEGORY_GATEWAY_RESPONSE,
+            SystemLog::EVENT_GATEWAY_SUCCESS,
+            SystemLog::TYPE_STRIPE,
+            $this->client,
+        );
+
+        return redirect()->route('client.payments.show', ['payment' => $this->encodePrimaryKey($payment->id)]);
     }
 
     /**
diff --git a/resources/lang/en/texts.php b/resources/lang/en/texts.php
index 6538ce145461..e0fbc8dfca9f 100644
--- a/resources/lang/en/texts.php
+++ b/resources/lang/en/texts.php
@@ -3314,4 +3314,6 @@ return [
 
     'service' => 'Service',
     'pay' => 'Pay',
+
+    'instructions' => 'Instructions',
 ];
diff --git a/resources/views/portal/ninja2020/gateways/checkout/credit_card.blade.php.old b/resources/views/portal/ninja2020/gateways/checkout/credit_card.blade.php.old
deleted file mode 100644
index 71f54319f938..000000000000
--- a/resources/views/portal/ninja2020/gateways/checkout/credit_card.blade.php.old
+++ /dev/null
@@ -1,128 +0,0 @@
-@extends('portal.ninja2020.layout.app')
-@section('meta_title', ctrans('texts.checkout_com'))
-
-@push('head')
-    <meta name="public-key" content="{{ $gateway->getPublishableKey() }}">
-    <meta name="customer-email" content="{{ $customer_email }}">
-    <meta name="value" content="{{ $value }}">
-    <meta name="currency" content="{{ $currency }}">
-    <meta name="reference" content="{{ $payment_hash }}">
-
-    <script src="{{ asset('js/clients/payments/checkout.com.js') }}"></script>
-@endpush
-
-@section('body')
-    <form action="{{ route('client.payments.response') }}" method="post" id="server-response">
-        @csrf
-        <input type="hidden" name="gateway_response">
-        <input type="hidden" name="store_card">
-        <input type="hidden" name="reference" value="{{ $payment_hash }}">
-        <input type="hidden" name="payment_hash" value="{{ $payment_hash }}">
-        <input type="hidden" name="company_gateway_id" value="{{ $company_gateway->id }}">
-        <input type="hidden" name="payment_method_id" value="{{ $payment_method_id }}">
-        <input type="hidden" name="value" value="{{ $value }}">
-        <input type="hidden" name="raw_value" value="{{ $raw_value }}">
-        <input type="hidden" name="currency" value="{{ $currency }}">
-        @isset($token)
-            <input type="hidden" name="token" value="{{ $token->meta->id }}">
-        @endisset
-    </form>
-
-    <div class="container mx-auto">
-        <div class="grid grid-cols-6 gap-4">
-            <div class="col-span-6 md:col-start-2 md:col-span-4">
-                <div class="alert alert-failure mb-4" hidden id="errors"></div>
-                <div class="bg-white shadow overflow-hidden sm:rounded-lg">
-                    <div class="px-4 py-5 border-b border-gray-200 sm:px-6">
-                        <h3 class="text-lg leading-6 font-medium text-gray-900">
-                            {{ ctrans('texts.pay_now') }}
-                        </h3>
-                        <p class="mt-1 max-w-2xl text-sm leading-5 text-gray-500">
-                            {{ ctrans('texts.complete_your_payment') }}
-                        </p>
-                    </div>
-                    <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 flex items-center">
-                        <dt class="text-sm leading-5 font-medium text-gray-500 mr-4">
-                            {{ ctrans('texts.payment_type') }}
-                        </dt>
-                        <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
-                            {{ ctrans('texts.checkout_com') }} ({{ ctrans('texts.credit_card') }})
-                        </dd>
-                    </div>
-                    <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 flex items-center">
-                        <dt class="text-sm leading-5 font-medium text-gray-500">
-                            {{ ctrans('texts.subtotal') }}
-                        </dt>
-                        <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
-                            {{ App\Utils\Number::formatMoney($total['invoice_totals'], $client) }}
-                        </dd>
-                        <dt class="text-sm leading-5 font-medium text-gray-500">
-                            {{ ctrans('texts.gateway_fees') }}
-                        </dt>
-                        <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
-                            {{ App\Utils\Number::formatMoney($total['fee_total'], $client) }}
-                        </dd>
-                        <dt class="text-sm leading-5 font-medium text-gray-500 mr-4">
-                            {{ ctrans('texts.amount') }}
-                        </dt>
-                        <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
-                            <span class="font-bold">{{ App\Utils\Number::formatMoney($total['amount_with_fee'], $client) }}</span>
-                        </dd>
-                    </div>
-                    @isset($token)
-                        <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
-                            <dt class="text-sm leading-5 font-medium text-gray-500">
-                                {{ ctrans('texts.card_number') }}
-                            </dt>
-                            <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
-                                **** {{ ucfirst($token->meta->last4) }}
-                            </dd>
-                        </div>
-                        <div class="bg-white px-4 py-5 flex justify-end">
-                            <button class="button button-primary bg-primary" onclick="document.getElementById('server-response').submit()">
-                                {{ ctrans('texts.pay_now') }}
-                            </button>
-                        </div>
-                    @else
-                        <div class="{{ ($gateway->company_gateway->token_billing == 'optin' || $gateway->company_gateway->token_billing == 'optout') ? 'sm:grid' : 'hidden' }} bg-gray-50 px-4 py-5 sm:grid-cols-3 sm:gap-4 sm:px-6">
-                            <dt class="text-sm leading-5 font-medium text-gray-500">
-                                {{ ctrans('texts.token_billing_checkbox') }}
-                            </dt>
-                            <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
-                                <label class="mr-4">
-                                    <input 
-                                        type="radio"
-                                        class="form-radio cursor-pointer" 
-                                        name="token-billing-checkbox" 
-                                        id="proxy_is_default"
-                                        value="true"
-                                        {{ ($gateway->company_gateway->token_billing == 'always' || $gateway->company_gateway->token_billing == 'optout') ? 'checked' : '' }} />
-                                    <span class="ml-1 cursor-pointer">{{ ctrans('texts.yes') }}</span>
-                                </label>
-                                <label>
-                                    <input 
-                                        type="radio" 
-                                        class="form-radio cursor-pointer" 
-                                        name="token-billing-checkbox" 
-                                        id="proxy_is_default" 
-                                        value="false"
-                                        {{ ($gateway->company_gateway->token_billing == 'off' || $gateway->company_gateway->token_billing == 'optin') ? 'checked' : '' }} />
-                                    <span class="ml-1 cursor-pointer">{{ ctrans('texts.no') }}</span>
-                                </label>
-                            </dd>
-                        </div>
-                        <div class="bg-white px-4 py-5 flex justify-end">
-                            <form class="payment-form" method="POST" action="https://merchant.com/successUrl">
-                                @if(app()->environment() == 'production')
-                                    <script async src="https://cdn.checkout.com/js/checkout.js"></script>
-                                @else
-                                    <script async src="https://cdn.checkout.com/sandbox/js/checkout.js"></script>
-                                @endif
-                            </form>
-                        </div>
-                    @endisset
-                </div>
-            </div>
-        </div>
-    </div>
-@endsection
\ No newline at end of file
diff --git a/resources/views/portal/ninja2020/gateways/custom/landing_page.blade.php b/resources/views/portal/ninja2020/gateways/custom/landing_page.blade.php
deleted file mode 100644
index 5129524a8bee..000000000000
--- a/resources/views/portal/ninja2020/gateways/custom/landing_page.blade.php
+++ /dev/null
@@ -1 +0,0 @@
-stubs
\ No newline at end of file
diff --git a/resources/views/portal/ninja2020/gateways/custom/payment.blade.php b/resources/views/portal/ninja2020/gateways/custom/payment.blade.php
new file mode 100644
index 000000000000..7d3069f8bea6
--- /dev/null
+++ b/resources/views/portal/ninja2020/gateways/custom/payment.blade.php
@@ -0,0 +1,33 @@
+@extends('portal.ninja2020.layout.payments', ['gateway_title' => $title, 'card_title' => $title])
+
+@section('gateway_content')
+    <form action="{{ route('client.payments.response') }}" method="post" id="response-form">
+        @csrf
+        <input type="hidden" name="company_gateway_id" value="{{ $gateway->getCompanyGatewayId() }}">
+        <input type="hidden" name="payment_method_id" value="{{ $payment_method_id }}">
+        <input type="hidden" name="payment_hash" value="{{ $payment_hash }}">
+    </form>
+
+    @component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.payment_type')])
+        {{ $title }}
+    @endcomponent
+
+    @include('portal.ninja2020.gateways.includes.payment_details')
+
+    @component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.instructions') ])
+        {!! nl2br($instructions) !!}
+    @endcomponent
+    
+    @component('portal.ninja2020.components.general.card-element-single')
+        @include('portal.ninja2020.gateways.includes.pay_now')
+    @endcomponent
+@endsection
+
+@section('gateway_footer')
+    <script>
+        document.getElementById('pay-now').addEventListener('click', function () {
+            document.getElementById('response-form').submit();
+        });
+    </script>
+@endsection
+