Hugging Face's logo

Spaces:
Shopifypartner654
/
abbas
Running

App Files Community
abbas / index.html
Shopifypartner654's picture
Shopifypartner654
let the website look realistic - Follow Up Deployment
aed564d verified
Raw History Blame Contribute Delete
23.7 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shopify Partner Verifier</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.gradient-bg {
background: linear-gradient(135deg, #95BF47 0%, #5e8e3e 100%);
}
.verified-badge {
box-shadow: 0 4px 15px rgba(46, 204, 113, 0.3);
}
.unverified-badge {
box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
}
.review-card:hover {
transform: translateY(-5px);
transition: all 0.3s ease;
}
</style>
</head>
<body class="bg-gray-50 min-h-screen">
<div class="gradient-bg text-white py-12 px-4">
<div class="max-w-4xl mx-auto text-center">
<h1 class="text-3xl md:text-4xl font-bold mb-4">Shopify Partner Verifier</h1>
<p class="text-lg md:text-xl opacity-90">Verify the authenticity of Shopify Partners</p>
</div>
</div>
<div class="max-w-4xl mx-auto px-4 py-12 -mt-8">
<div class="bg-white rounded-xl shadow-lg p-6 md:p-8">
<div class="mb-8">
<label for="partnerId" class="block text-lg font-medium text-gray-700 mb-2">Shopify Partner ID</label>
<div class="flex flex-col md:flex-row gap-4">
<input
type="text"
id="partnerId"
placeholder="Enter Partner ID (e.g. 456789)"
class="flex-1 px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-600 focus:border-transparent"
>
<button
id="verifyBtn"
class="bg-green-600 hover:bg-green-700 text-white font-medium px-6 py-3 rounded-lg transition-colors"
>
Verify
</button>
</div>
</div>
<div id="loadingSpinner" class="hidden mb-8 text-center py-8">
<div class="inline-flex items-center px-4 py-2 bg-gray-100 rounded-lg">
<svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-green-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<span class="text-gray-700 font-medium">Verifying Partner ID...</span>
</div>
</div>
<div id="verificationResult" class="hidden mb-8">
<div id="verifiedBadge" class="hidden bg-green-50 border border-green-200 rounded-lg p-4">
<div class="flex items-center">
<div class="flex-shrink-0">
<i class="fas fa-check-circle text-green-500 text-3xl"></i>
</div>
<div class="ml-3">
<h3 class="text-lg font-medium text-green-800">✅ Verified Shopify Partner</h3>
<div class="mt-3 flex items-center">
<img id="partnerPhoto" src="" alt="Partner Photo" class="h-12 w-12 rounded-full mr-3 bg-white p-1">
<div>
<div class="flex items-center">
<p id="partnerName" class="text-green-700 font-medium"></p>
<span id="partnerType" class="ml-2 px-2 py-1 bg-green-100 text-green-800 text-xs rounded-full"></span>
<img id="partnerBadge" src="" alt="Shopify Verified" class="ml-2 h-4">
</div>
<p id="partnerDescription" class="text-green-600 text-sm mt-1"></p>
<div class="mt-2">
<div class="flex items-center">
<div class="flex text-yellow-400 text-sm">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<span id="partnerRating" class="ml-2 font-medium text-gray-700">5.0</span>
<span class="mx-1 text-gray-400">•</span>
<span id="reviewCount" class="text-sm text-gray-600">10 reviews</span>
</div>
<span id="partnerSince" class="text-xs text-gray-500 mt-1 block">Partner since August 2015</span>
</div>
<div id="partnerServices" class="mt-2 flex flex-wrap gap-1"></div>
<div id="partnerLocations" class="mt-2 flex flex-wrap gap-1"></div>
</div>
</div>
</div>
<div id="partnerReviews" class="mt-6 space-y-4 hidden">
<h4 class="font-medium text-gray-700">Merchant Reviews</h4>
<div class="space-y-3">
<div class="flex items-start">
<div class="flex-shrink-0">
<img class="h-8 w-8 rounded-full" src="https://randomuser.me/api/portraits/women/44.jpg" alt="Sarah K.">
</div>
<div class="ml-3">
<div class="flex items-center">
<p class="text-sm font-medium text-gray-800">Sarah K.</p>
<div class="ml-2 flex text-yellow-400 text-xs">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<p class="text-sm text-gray-600 mt-1">"Patrick helped us implement advanced fraud detection that reduced our chargebacks by 80% while maintaining approval rates. Highly recommended!"</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0">
<img class="h-8 w-8 rounded-full" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael T.">
</div>
<div class="ml-3">
<div class="flex items-center">
<p class="text-sm font-medium text-gray-800">Michael T.</p>
<div class="ml-2 flex text-yellow-400 text-xs">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<p class="text-sm text-gray-600 mt-1">"Exceptional service! Our high-risk CBD store now processes payments smoothly thanks to Patrick's expertise in Shopify payment solutions."</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="unverifiedBadge" class="hidden bg-red-50 border border-red-200 rounded-lg p-4">
<div class="flex items-center">
<div class="flex-shrink-0">
<i class="fas fa-times-circle text-red-500 text-3xl"></i>
</div>
<div class="ml-3">
<h3 class="text-lg font-medium text-red-800">❌ Not Verified</h3>
<p class="text-red-700 mt-1">This ID is not in our verified partners database.</p>
</div>
</div>
</div>
</div>
<div class="text-center">
<a
href="https://wa.me/15551234567"
target="_blank"
class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-lg shadow-sm text-white bg-green-600 hover:bg-green-700 transition-colors"
>
<i class="fab fa-whatsapp mr-2"></i> Contact via WhatsApp
</a>
</div>
</div>
</div>
<div class="max-w-4xl mx-auto px-4 py-12">
<div class="bg-white rounded-xl shadow-lg p-6 md:p-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6">Verification Process</h2>
<div class="prose max-w-none text-gray-600">
<div class="flex items-start mb-6">
<div class="flex-shrink-0 bg-green-100 p-3 rounded-lg">
<i class="fas fa-shield-alt text-green-600 text-xl"></i>
</div>
<div class="ml-4">
<h3 class="text-lg font-medium text-gray-800">Shopify Service Security Certified</h3>
<p class="mt-1">Each partner is thoroughly vetted and certified by Shopify's Security Department, ensuring they meet strict security protocols and industry standards.</p>
</div>
</div>
<div class="flex items-start mb-6">
<div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg">
<i class="fas fa-badge-check text-blue-600 text-xl"></i>
</div>
<div class="ml-4">
<h3 class="text-lg font-medium text-gray-800">Double-Verification Process</h3>
<p class="mt-1">Partners undergo both automated system checks and manual review by Shopify's security team before being approved.</p>
</div>
</div>
<div class="border-t border-gray-200 pt-6 mt-6">
<p class="text-sm text-gray-500">For official verification, visit Shopify's <a href="https://www.shopify.com/partners" target="_blank" class="text-green-600 hover:text-green-800 font-medium">Partner Directory</a>.</p>
</div>
</div>
</div>
</div>
<div class="max-w-4xl mx-auto px-4 py-12">
<div class="text-center mb-10">
<h2 class="text-2xl font-bold text-gray-800 mb-2">Verified Partner Reviews</h2>
<p class="text-gray-500 max-w-lg mx-auto">Feedback from merchants who worked with our certified partners</p>
</div>
<div class="space-y-6">
<div class="review-card bg-white rounded-lg border border-gray-100 p-5 hover:shadow-sm transition-all">
<div class="flex items-start">
<img class="h-12 w-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/42.jpg" alt="Jane Smith">
<div>
<div class="flex items-center mb-1">
<p class="font-medium text-gray-800 mr-3">Jane Smith</p>
<div class="flex text-yellow-400 text-sm">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<p class="text-gray-600 text-sm">"As a CBD merchant, we faced constant payment processing issues. This partner implemented Shopify's advanced fraud filters and 3D Secure authentication, reducing our chargebacks from 12% to under 2% in 3 months while maintaining approval rates."</p>
</div>
</div>
</div>
<div class="review-card bg-white rounded-lg border border-gray-100 p-5 hover:shadow-sm transition-all">
<div class="flex items-start">
<img class="h-12 w-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Robert Johnson">
<div>
<div class="flex items-center mb-1">
<p class="font-medium text-gray-800 mr-3">Robert Johnson</p>
<div class="flex text-yellow-400 text-sm">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<p class="text-gray-600 text-sm">"Our firearms business required specialized payment processing. The partner set up a fully compliant Shopify Plus solution with tokenized payments, automated ID verification, and chargeback prevention that passed ATF compliance audits with zero findings."</p>
</div>
</div>
</div>
<div class="review-card bg-white rounded-lg border border-gray-100 p-5 hover:shadow-sm transition-all">
<div class="flex items-start">
<img class="h-12 w-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/63.jpg" alt="Emily Williams">
<div>
<div class="flex items-center mb-1">
<p class="font-medium text-gray-800 mr-3">Emily Williams</p>
<div class="flex text-yellow-400 text-sm">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
</div>
<p class="text-gray-600 text-sm">"After being blacklisted by multiple processors, this partner rebuilt our Shopify store with proper KYC documentation, custom fraud rules, and a multi-gateway setup. We now process $150k/month with a 1.2% chargeback rate - down from 8% previously."</p>
</div>
</div>
</div>
</div>
<div class="text-center mt-8">
<a href="https://www.shopify.com/partners" target="_blank" class="inline-flex items-center text-sm font-medium text-green-600 hover:text-green-800">
View more partners on Shopify's official directory
<i class="fas fa-external-link-alt ml-1 text-xs"></i>
</a>
</div>
</div>
<footer class="bg-gray-100 py-8 mt-12">
<div class="max-w-4xl mx-auto px-4 text-center">
<p class="text-gray-600">© 2024 Shopify Partner Verifier. This tool is not officially affiliated with Shopify Inc.</p>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Known partners database
const knownPartners = {
'456723': {
name: 'Patrick Bollenbach',
verified: true,
photo: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=128&h=128&q=80',
description: 'Shopify Plus Certified Partner with 8+ years experience. Specializes in high-risk payment processing and fraud prevention for CBD, firearms, and adult industries.',
services: ['Payment Processing', 'Fraud Prevention', 'Shopify Plus Migration', 'PCI Compliance', '3D Secure Implementation', 'Chargeback Protection'],
locations: ['North America', 'Europe', 'Australia'],
rating: 4.9,
reviewCount: 47,
partnerSince: 'August 2015',
type: 'Shopify Plus Partner',
badge: 'https://cdn.shopify.com/shopifycloud/hatchful_web_two/bundles/0d7020a3a353a6cc3eaf3a7a6d360c5a.png',
reviews: [
{
name: 'Sarah K.',
rating: 5,
text: '"Patrick helped us implement advanced fraud detection that reduced our chargebacks by 80% while maintaining approval rates. Highly recommended!"',
photo: 'https://randomuser.me/api/portraits/women/44.jpg'
},
{
name: 'Michael T.',
rating: 5,
text: '"Exceptional service! Our high-risk CBD store now processes payments smoothly thanks to Patrick\'s expertise in Shopify payment solutions."',
photo: 'https://randomuser.me/api/portraits/men/32.jpg'
}
]
}
// Add more partners as needed
};
const verifyBtn = document.getElementById('verifyBtn');
const verificationResult = document.getElementById('verificationResult');
const verifiedBadge = document.getElementById('verifiedBadge');
const unverifiedBadge = document.getElementById('unverifiedBadge');
const partnerName = document.getElementById('partnerName');
const partnerIdInput = document.getElementById('partnerId');
verifyBtn.addEventListener('click', function() {
const partnerId = partnerIdInput.value.trim();
if (!partnerId) {
alert('Please enter a Partner ID');
return;
}
loadingSpinner.classList.remove('hidden');
verificationResult.classList.add('hidden');
// Simulate API call delay
setTimeout(function() {
loadingSpinner.classList.add('hidden');
verificationResult.classList.remove('hidden');
if (knownPartners[partnerId] && knownPartners[partnerId].verified) {
verifiedBadge.classList.remove('hidden');
unverifiedBadge.classList.add('hidden');
const partner = knownPartners[partnerId];
partnerName.textContent = partner.name;
document.getElementById('partnerDescription').textContent = partner.description;
document.getElementById('partnerType').textContent = partner.type;
document.getElementById('partnerRating').textContent = partner.rating.toFixed(1);
document.getElementById('reviewCount').textContent = `${partner.reviewCount} reviews`;
document.getElementById('partnerSince').textContent = `Partner since ${partner.partnerSince}`;
if (partner.photo) {
document.getElementById('partnerPhoto').src = partner.photo;
}
if (partner.badge) {
document.getElementById('partnerBadge').src = partner.badge;
}
document.getElementById('partnerReviews').classList.remove('hidden');
// Populate services
const servicesContainer = document.getElementById('partnerServices');
partner.services.forEach(service => {
const serviceBadge = document.createElement('span');
serviceBadge.className = 'px-2 py-1 bg-gray-100 text-gray-800 text-xs rounded-full';
serviceBadge.textContent = service;
servicesContainer.appendChild(serviceBadge);
});
// Populate locations
const locationsContainer = document.getElementById('partnerLocations');
partner.locations.forEach(location => {
const locationBadge = document.createElement('span');
locationBadge.className = 'px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full flex items-center';
locationBadge.innerHTML = `<i class="fas fa-map-marker-alt mr-1 text-xs"></i> ${location}`;
locationsContainer.appendChild(locationBadge);
});
} else {
verifiedBadge.classList.add('hidden');
unverifiedBadge.classList.remove('hidden');
}
});
// Allow Enter key to trigger verification
partnerIdInput.addEventListener('keypress', function(e) {
if (e.key === 'Enter') {
verifyBtn.click();
}
});
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Shopifypartner654/abbas" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>