<!DOCTYPE html>

<head>

<title>SafeLink - Advanced Phishing Detector</title>

<style>

.gradient-bg {

background: linear-gradient(135deg, #6b73ff 0%, #000dff 100%);

}

.pulse-animation {

animation: pulse 2s infinite;

}

@keyframes pulse {

0% {

box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);

}

70% {

box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);

}

100% {

box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);

}

.result-box {

transition: all 0.3s ease;

}

</style>

</head>

<h1 class="text-2xl font-bold">SafeLink</h1>

</div>

<a href="#" class="hover:text-blue-200 transition">How It Works</a>

<a href="#" class="hover:text-blue-200 transition">About</a>

<a href="#" class="hover:text-blue-200 transition">Contact</a>

</nav>

</button>

</div>

</header>

<h2 class="text-4xl md:text-5xl font-bold mb-4">Protect Yourself From Phishing Attacks</h2>

<p class="text-xl mb-8">Our advanced AI analyzes URLs in real-time to detect phishing attempts and keep your data safe.</p>

<button class="border-2 border-white px-6 py-3 rounded-lg font-semibold hover:bg-white hover:text-blue-600 transition">Learn More</button>

</div>

</div>

</section>

<h2 class="text-3xl font-bold text-gray-800 mb-4">Phishing URL Detector</h2>

<p class="text-gray-600 max-w-2xl mx-auto">Enter any URL below to check if it's safe or potentially a phishing attempt.</p>

</div>

<i class="fas fa-search mr-2"></i> Check URL

</button>

</div>

</div>

<h3 id="result-title" class="text-xl font-semibold">Analyzing URL...</h3>

</div>

<div>

</div>

<div>

<p class="font-medium">Domain Age:</p>

</div>

<div>

<p class="font-medium">SSL Certificate:</p>

</div>

<div>

<p class="font-medium">Suspicious Keywords:</p>

</div>

<p class="font-medium">Detailed Analysis:</p>

</div>

<i class="fas fa-flag mr-2"></i> Report False Result

</button>

<i class="fas fa-copy mr-2"></i> Copy Report

</button>

</div>

</section>

<h2 class="text-3xl font-bold text-gray-800 mb-4">How SafeLink Protects You</h2>

<p class="text-gray-600 max-w-2xl mx-auto">Our advanced detection system checks multiple indicators to identify phishing attempts.</p>

</div>

</div>

<h3 class="text-xl font-semibold mb-2">Domain Analysis</h3>

<p class="text-gray-600">We check domain registration details, age, and reputation to identify suspicious domains.</p>

</div>

</div>

<h3 class="text-xl font-semibold mb-2">SSL Verification</h3>

<p class="text-gray-600">Our system verifies SSL certificates to ensure secure connections and detect fake certificates.</p>

</div>

</div>

<h3 class="text-xl font-semibold mb-2">AI Detection</h3>

<p class="text-gray-600">Advanced machine learning models analyze website content for phishing patterns and suspicious elements.</p>

</div>

</section>

<div>

<p class="opacity-90">URLs Analyzed</p>

</div>

<div>

<p class="opacity-90">Detection Accuracy</p>

</div>

<div>

<p class="opacity-90">Real-time Protection</p>

</div>

<div>

<p class="opacity-90">Phishing Sites Blocked</p>

</div>

</section>

<h2 class="text-3xl font-bold text-gray-800 mb-4">Frequently Asked Questions</h2>

<p class="text-gray-600 max-w-2xl mx-auto">Find answers to common questions about phishing and our detection service.</p>

</div>

<span>What is phishing?</span>

</button>

Phishing is a cybercrime where targets are contacted by email, telephone, or text message by someone posing as a legitimate institution to lure individuals into providing sensitive data such as personally identifiable information, banking and credit card details, and passwords.

</div>

<span>How does SafeLink detect phishing sites?</span>

</button>

SafeLink uses multiple detection methods including domain analysis, SSL verification, content scanning, and machine learning algorithms to identify phishing attempts. We compare URLs against known phishing databases and analyze website characteristics for suspicious patterns.

</div>

<span>Is SafeLink free to use?</span>

</button>

Yes, our basic URL checking service is completely free. We also offer premium services for businesses that require API access or advanced protection features.

</div>

<span>What should I do if I find a phishing site?</span>

</button>

If you encounter a phishing site, do not enter any personal information. Report it immediately using our "Report False Result" feature. You should also notify the legitimate organization being impersonated and consider reporting it to your local cybersecurity authority.

</div>

</section>

<h2 class="text-3xl font-bold text-gray-800 mb-6">Stay Protected Against Phishing</h2>

<p class="text-gray-600 max-w-2xl mx-auto mb-8">Join thousands of users who trust SafeLink to keep their online activities secure.</p>

<i class="fas fa-shield-alt mr-2"></i> Check a URL Now

</button>

</div>

</section>

<div>

<h3 class="text-xl font-bold">SafeLink</h3>

</div>

<p class="text-gray-400">Advanced phishing detection to keep your online activities secure and private.</p>

</div>

<div>

<h4 class="text-lg font-semibold mb-4">Quick Links</h4>

<li><a href="#" class="text-gray-400 hover:text-white transition">Detector</a></li>

<li><a href="#" class="text-gray-400 hover:text-white transition">How It Works</a></li>

<li><a href="#" class="text-gray-400 hover:text-white transition">About Us</a></li>

</ul>

</div>

<div>

<h4 class="text-lg font-semibold mb-4">Resources</h4>

<li><a href="#" class="text-gray-400 hover:text-white transition">Phishing Statistics</a></li>

<li><a href="#" class="text-gray-400 hover:text-white transition">Security Tips</a></li>

<li><a href="#" class="text-gray-400 hover:text-white transition">API Documentation</a></li>

</ul>

</div>

<div>

<h4 class="text-lg font-semibold mb-4">Contact</h4>

<li class="flex items-center text-gray-400"><i class="fas fa-envelope mr-2"></i> support@safelink.com</li>

<li class="flex items-center text-gray-400"><i class="fas fa-map-marker-alt mr-2"></i> 123 Security Ave, Cyber City</li>

</ul>

</div>

</div>

</footer>

document.addEventListener('DOMContentLoaded', function() {

// URL Check Functionality

const urlInput = document.getElementById('url-input');

const checkBtn = document.getElementById('check-btn');

const resultContainer = document.getElementById('result-container');

const resultBox = document.getElementById('result-box');

const statusIcon = document.getElementById('status-icon');

const resultTitle = document.getElementById('result-title');

const urlDisplay = document.getElementById('url-display');

const domainAge = document.getElementById('domain-age');

const sslStatus = document.getElementById('ssl-status');

const keywords = document.getElementById('keywords');

const detailedAnalysis = document.getElementById('detailed-analysis');

const reportBtn = document.getElementById('report-btn');

const copyBtn = document.getElementById('copy-btn');

// Sample phishing URLs for demo

const phishingUrls = [

'paypa1.com',

'faceb00k-login.com',

'google-verify-account.com',

'amaz0n-security.com',

'appleid-apple.com.secure-login.net'

];

// Sample suspicious keywords

const suspiciousKeywords = [

'login', 'verify', 'account', 'security', 'update',

'password', 'banking', 'credit', 'card', 'personal',

'urgent', 'immediate', 'action', 'required'

];

checkBtn.addEventListener('click', function() {

const url = urlInput.value.trim();

if (!url) {

alert('Please enter a URL to check');

return;

}

// Show loading state

resultContainer.classList.remove('hidden');

resultBox.classList.add('bg-gray-100');

statusIcon.innerHTML = '<i class="fas fa-spinner fa-spin text-blue-500"></i>';

resultTitle.textContent = 'Analyzing URL...';

urlDisplay.textContent = url;

domainAge.textContent = 'Checking...';

sslStatus.textContent = 'Checking...';

keywords.textContent = 'Checking...';

detailedAnalysis.textContent = 'Performing comprehensive analysis of the URL structure, content, and reputation...';

// Simulate API call with timeout

setTimeout(function() {

// Determine if URL is suspicious

const isPhishing = phishingUrls.some(phishUrl => url.includes(phishUrl)) ||

Math.random() < 0.3; // 30% chance for demo

// Get domain from URL

let domain = url.replace(/^(https?:\/\/)?(www\.)?/, '').split('/')[0];

// Generate random domain age for demo (1 day to 5 years)

const randomAge = Math.floor(Math.random() * 1825) + 1;

const ageYears = Math.floor(randomAge / 365);

const ageDays = randomAge % 365;

const ageText = ageYears > 0 ?

`${ageYears} year${ageYears > 1 ? 's' : ''} ${ageDays} day${ageDays !== 1 ? 's' : ''}` :

`${ageDays} day${ageDays !== 1 ? 's' : ''}`;

// Generate SSL status (85% chance of having SSL)

const hasSSL = Math.random() < 0.85;

const sslText = hasSSL ?

'Valid SSL Certificate' :

'No SSL Certificate (Not Secure)';

// Find suspicious keywords in URL

const foundKeywords = suspiciousKeywords.filter(keyword =>

url.toLowerCase().includes(keyword.toLowerCase()));

// Update UI based on result

if (isPhishing) {

resultBox.classList.remove('bg-gray-100');

resultBox.classList.add('bg-red-50', 'border-l-4', 'border-red-500');

statusIcon.innerHTML = '<i class="fas fa-exclamation-triangle text-red-500"></i>';

resultTitle.textContent = 'Warning: Potential Phishing Site';

let analysisText = `Our analysis indicates this URL (${domain}) has characteristics commonly associated with phishing attempts. `;

analysisText += `The domain is ${randomAge < 30 ? 'very new (created in the last 30 days), which is a common tactic for phishing sites. ' : ''}`;

analysisText += foundKeywords.length > 0 ?

`The URL contains suspicious keywords (${foundKeywords.join(', ')}), which are often used in phishing attempts. ` :

'The URL structure matches known phishing patterns. ';

analysisText += hasSSL ?

'Although the site has an SSL certificate, this alone does not guarantee legitimacy. ' :

'The lack of an SSL certificate is another red flag. ';

analysisText += 'We strongly recommend not entering any personal information on this site.';

detailedAnalysis.textContent = analysisText;

} else {

resultBox.classList.remove('bg-gray-100');

resultBox.classList.add('bg-green-50', 'border-l-4', 'border-green-500');

statusIcon.innerHTML = '<i class="fas fa-check-circle text-green-500"></i>';

resultTitle.textContent = 'This URL Appears Safe';

let analysisText = `Our analysis of ${domain} found no immediate signs of phishing. `;

analysisText += `The domain has been registered for ${ageText}, which ${randomAge < 30 ? 'is relatively new but ' : ''}doesn't indicate phishing. `;

analysisText += hasSSL ? 'The site has a valid SSL certificate, which helps protect your data. ' : '';

analysisText += foundKeywords.length > 0 ?

`While the URL contains some common keywords (${foundKeywords.join(', ')}), these alone don't indicate a phishing attempt. ` :

'No suspicious keywords were detected in the URL. ';

analysisText += 'However, always remain cautious when entering personal information online.';

detailedAnalysis.textContent = analysisText;

}

// Update other details

domainAge.textContent = ageText;

sslStatus.textContent = sslText;

keywords.textContent = foundKeywords.length > 0 ? foundKeywords.join(', ') : 'None detected';

}, 1500);

});

// Copy report functionality

copyBtn.addEventListener('click', function() {

const reportText = `SafeLink Phishing Detection Report\n\n` +

`URL: ${urlDisplay.textContent}\n` +

`Status: ${resultTitle.textContent}\n` +

`Domain Age: ${domainAge.textContent}\n` +

`SSL Certificate: ${sslStatus.textContent}\n` +

`Suspicious Keywords: ${keywords.textContent}\n\n` +

`Detailed Analysis:\n${detailedAnalysis.textContent}`;

navigator.clipboard.writeText(reportText).then(function() {

const originalText = copyBtn.innerHTML;

copyBtn.innerHTML = '<i class="fas fa-check mr-2"></i> Copied!';

setTimeout(function() {

copyBtn.innerHTML = originalText;

}, 2000);

});

// Report false result functionality

reportBtn.addEventListener('click', function() {

alert('Thank you for your report. Our team will review this URL and update our database if necessary.');

});

// FAQ toggle functionality

const faqToggles = document.querySelectorAll('.faq-toggle');

faqToggles.forEach(toggle => {

toggle.addEventListener('click', function() {

const content = this.nextElementSibling;

const icon = this.querySelector('i');

content.classList.toggle('hidden');

icon.classList.toggle('rotate-180');

});

// Scroll to detector when clicking CTA buttons

const ctaButtons = document.querySelectorAll('button.bg-blue-600');

ctaButtons.forEach(button => {

button.addEventListener('click', function() {

document.getElementById('url-input').scrollIntoView({

behavior: 'smooth'

});

urlInput.focus();

});

</script>

</body>

</html>