 Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/domains/brickabois.ca/public_html/ |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>brickabois.ca - Professional Domain Services by GoSiteMe.com | Premium Hosting & Web Solutions</title>
<meta name="description"
content="brickabois.ca is under construction and professionally managed by GoSiteMe.com. Premium domain registration, web hosting, and enterprise-grade digital infrastructure solutions. Get started with professional domain services today.">
<meta name="keywords"
content="domain registration, web hosting, domain management, professional hosting, enterprise hosting, domain services, GoSiteMe, digital infrastructure, web design, SSL certificates, domain transfer">
<meta name="author" content="GoSiteMe.com">
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="googlebot" content="index, follow">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://brickabois.ca/">
<meta property="og:title" content="brickabois.ca - Professional Domain Services by GoSiteMe.com">
<meta property="og:description"
content="brickabois.ca is under construction and professionally managed by GoSiteMe.com. Premium domain registration, web hosting, and enterprise-grade digital infrastructure solutions.">
<meta property="og:image" content="https://brickabois.ca/logo_small.png">
<meta property="og:image:width" content="512">
<meta property="og:image:height" content="512">
<meta property="og:image:alt" content="brickabois.ca - Domain Under Construction">
<meta property="og:site_name" content="brickabois.ca">
<meta property="og:locale" content="en_US">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://brickabois.ca/">
<meta property="twitter:title" content="brickabois.ca - Professional Domain Services by GoSiteMe.com">
<meta property="twitter:description"
content="brickabois.ca is under construction and professionally managed by GoSiteMe.com. Premium domain registration, web hosting, and enterprise-grade digital infrastructure solutions.">
<meta property="twitter:image" content="https://brickabois.ca/logo_small.png">
<meta property="twitter:image:alt" content="brickabois.ca - Domain Under Construction">
<!-- Additional SEO Meta Tags -->
<meta name="theme-color" content="#e94560">
<meta name="msapplication-TileColor" content="#e94560">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="GoSiteMe Domain Services">
<!-- Canonical URL -->
<link rel="canonical" href="https://brickabois.ca/">
<!-- Favicon and App Icons -->
<link rel="icon" href="https://gositeme.com/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="https://gositeme.com/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://gositeme.com/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://gositeme.com/favicon-16x16.png">
<!-- Preconnect for Performance -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://gositeme.com">
<link rel="dns-prefetch" href="https://gositeme.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<!-- Language Support -->
<script>
// Language detection and translation system
const translations = {
en: {
// Main content
domainUnderConstruction: "Domain Under Construction",
subtitle: "This domain is currently under construction and being held by GoSiteMe.com. Access your account or learn about our enterprise-grade domain and hosting services.",
enterpriseGrade: "Enterprise-Grade",
digitalInfrastructure: "Digital Infrastructure",
premiumPlatform: "Premium Platform Launching Soon",
clientLogin: "Client Login",
createAccount: "Create Account",
accessAccount: "Access Your GoSiteMe Account",
accessAccountDesc: "Manage your domains, hosting, and services through our secure client portal",
instantDomainRegistration: "Instant Domain Registration",
instantDomainRegistrationDesc: "Check availability and register domains instantly through our automated system",
enterDomainName: "Enter domain name",
checkAvailability: "Check Availability",
checking: "Checking...",
popularExtensions: "Popular Extensions",
platformDevelopment: "Platform Development",
getStarted: "Get Started",
getStartedDesc: "Ready to build your online presence? Start with professional domain and hosting services.",
enterpriseSolutions: "Enterprise Solutions",
enterpriseSolutionsDesc: "Trusted by businesses worldwide for their digital infrastructure needs",
enterpriseSales: "Enterprise Sales",
stayUpdated: "Stay Updated",
stayUpdatedDesc: "Get notified about new services, pricing updates, and exclusive enterprise offers.",
emailPlaceholder: "Enter your email address",
subscribe: "Subscribe",
services: "Services",
contact: "Contact",
support: "Support",
copyright: "© 2025 GoSiteMe.com. Professional domain services and hosting solutions.",
visitGoSiteMe: "Visit GoSiteMe.com",
// Feature cards
domainManagement: "Domain Management",
domainManagementDesc: "Advanced domain registration, DNS management, and bulk operations for enterprise clients.",
webHosting: "Web Hosting",
webHostingDesc: "High-performance hosting with global CDN, 99.99% uptime, and auto-scaling infrastructure.",
securitySSL: "Security & SSL",
securitySSLDesc: "Enterprise-grade security with DDoS protection, SSL certificates, and compliance standards.",
// Domain status messages
available: "Available",
taken: "Taken",
domainAlreadyRegistered: "Domain Already Registered",
invalidDomain: "Invalid Domain",
// Buttons
registerDomainNow: "Register Domain Now",
checkAlternatives: "Check Alternatives",
viewAllServices: "View All Services",
// Messages
redirectingToRegistration: "Redirecting to domain registration for",
domainTakenMessage: "Domain is taken. Check our backorder services or contact sales for alternatives.",
subscribedMessage: "You're subscribed! We'll keep you updated on domain services.",
pleaseEnterDomain: "Please enter a domain name",
domainTooShort: "Domain name must be at least 2 characters long",
domainInvalidChars: "Domain name can only contain letters, numbers, and hyphens"
},
fr: {
// Main content
domainUnderConstruction: "Domaine en Construction",
subtitle: "Ce domaine est actuellement en construction et géré par GoSiteMe.com. Accédez à votre compte ou découvrez nos services d'hébergement et de domaines de niveau entreprise.",
enterpriseGrade: "Niveau Entreprise",
digitalInfrastructure: "Infrastructure Numérique",
premiumPlatform: "Plateforme Premium Bientôt Disponible",
clientLogin: "Connexion Client",
createAccount: "Créer un Compte",
accessAccount: "Accédez à Votre Compte GoSiteMe",
accessAccountDesc: "Gérez vos domaines, hébergement et services via notre portail client sécurisé",
instantDomainRegistration: "Enregistrement Instantané de Domaine",
instantDomainRegistrationDesc: "Vérifiez la disponibilité et enregistrez des domaines instantanément via notre système automatisé",
enterDomainName: "Entrez le nom de domaine",
checkAvailability: "Vérifier la Disponibilité",
checking: "Vérification...",
popularExtensions: "Extensions Populaires",
platformDevelopment: "Développement de Plateforme",
getStarted: "Commencer",
getStartedDesc: "Prêt à construire votre présence en ligne ? Commencez par des services professionnels de domaine et d'hébergement.",
enterpriseSolutions: "Solutions Entreprise",
enterpriseSolutionsDesc: "Approuvé par les entreprises du monde entier pour leurs besoins d'infrastructure numérique",
enterpriseSales: "Ventes Entreprise",
stayUpdated: "Restez Informé",
stayUpdatedDesc: "Soyez notifié des nouveaux services, mises à jour de prix et offres exclusives entreprise.",
emailPlaceholder: "Entrez votre adresse e-mail",
subscribe: "S'abonner",
services: "Services",
contact: "Contact",
support: "Support",
copyright: "© 2025 GoSiteMe.com. Services de domaine professionnels et solutions d'hébergement.",
visitGoSiteMe: "Visiter GoSiteMe.com",
// Feature cards
domainManagement: "Gestion de Domaines",
domainManagementDesc: "Enregistrement de domaines avancé, gestion DNS et opérations en masse pour clients entreprise.",
webHosting: "Hébergement Web",
webHostingDesc: "Hébergement haute performance avec CDN global, 99,99% de disponibilité et infrastructure d'auto-mise à l'échelle.",
securitySSL: "Sécurité et SSL",
securitySSLDesc: "Sécurité de niveau entreprise avec protection DDoS, certificats SSL et normes de conformité.",
// Domain status messages
available: "Disponible",
taken: "Pris",
domainAlreadyRegistered: "Domaine Déjà Enregistré",
invalidDomain: "Domaine Invalide",
// Buttons
registerDomainNow: "Enregistrer le Domaine Maintenant",
checkAlternatives: "Vérifier les Alternatives",
viewAllServices: "Voir Tous les Services",
// Messages
redirectingToRegistration: "Redirection vers l'enregistrement de domaine pour",
domainTakenMessage: "Le domaine est pris. Vérifiez nos services de réservation ou contactez les ventes pour des alternatives.",
subscribedMessage: "Vous êtes abonné ! Nous vous tiendrons informé des services de domaine.",
pleaseEnterDomain: "Veuillez entrer un nom de domaine",
domainTooShort: "Le nom de domaine doit contenir au moins 2 caractères",
domainInvalidChars: "Le nom de domaine ne peut contenir que des lettres, chiffres et tirets"
}
};
// Detect user's preferred language (default to English)
function detectLanguage() {
const browserLang = navigator.language || navigator.userLanguage;
const langCode = browserLang.split('-')[0];
// Only use French if explicitly French, otherwise default to English
return (langCode === 'fr') ? 'fr' : 'en';
}
// Set language and update content
function setLanguage(lang) {
document.documentElement.lang = lang;
document.documentElement.setAttribute('data-lang', lang);
const t = translations[lang];
if (!t) return;
// Update all translatable elements
const elements = document.querySelectorAll('[data-translate]');
elements.forEach(el => {
const key = el.getAttribute('data-translate');
if (t[key]) {
el.textContent = t[key];
}
});
// Update placeholders
const inputs = document.querySelectorAll('[data-translate-placeholder]');
inputs.forEach(input => {
const key = input.getAttribute('data-translate-placeholder');
if (t[key]) {
input.placeholder = t[key];
}
});
// Update button text
const buttons = document.querySelectorAll('[data-translate-button]');
buttons.forEach(button => {
const key = button.getAttribute('data-translate-button');
if (t[key]) {
button.innerHTML = t[key];
}
});
// Update language switcher active state
const langButtons = document.querySelectorAll('.lang-btn');
langButtons.forEach(btn => {
btn.classList.remove('active');
if (btn.textContent === lang.toUpperCase()) {
btn.classList.add('active');
}
});
}
// Initialize language on page load
document.addEventListener('DOMContentLoaded', function() {
const userLang = detectLanguage();
setLanguage(userLang);
// Add language switcher (only once)
addLanguageSwitcher();
});
// Add language switcher to the page (prevents duplicates)
function addLanguageSwitcher() {
// Check if language switcher already exists
if (document.querySelector('.language-switcher')) {
return;
}
// Place language switcher in the top-right corner, separate from logo
const header = document.querySelector('.main-content');
if (header) {
const langSwitcher = document.createElement('div');
langSwitcher.className = 'language-switcher';
langSwitcher.innerHTML = `
<button class="lang-btn" onclick="setLanguage('en')">EN</button>
<button class="lang-btn" onclick="setLanguage('fr')">FR</button>
`;
header.insertBefore(langSwitcher, header.firstChild);
// Set initial active state
const userLang = document.documentElement.lang || 'en';
const activeBtn = langSwitcher.querySelector(`[onclick="setLanguage('${userLang}')"]`);
if (activeBtn) {
activeBtn.classList.add('active');
}
// Ensure English is active by default
if (userLang === 'en') {
const enBtn = langSwitcher.querySelector('[onclick="setLanguage(\'en\')"]');
if (enBtn) enBtn.classList.add('active');
}
}
}
</script>
<!-- Structured Data for SEO -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "brickabois.ca - Professional Domain Services",
"description": "Premium domain registration, web hosting, and enterprise-grade digital infrastructure solutions by GoSiteMe.com",
"url": "https://brickabois.ca/",
"potentialAction": {
"@type": "SearchAction",
"target": "https://brickabois.ca/?search={search_term_string}",
"query-input": "required name=search_term_string"
},
"publisher": {
"@type": "Organization",
"name": "GoSiteMe.com",
"url": "https://gositeme.com",
"logo": {
"@type": "ImageObject",
"url": "https://gositeme.com/logo_small.png"
}
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "GoSiteMe.com",
"url": "https://gositeme.com",
"logo": "https://gositeme.com/logo_small.png",
"description": "Professional domain registration, web hosting, and digital infrastructure solutions",
"address": {
"@type": "PostalAddress",
"addressCountry": "CA"
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+1-833-467-8486",
"contactType": "customer service",
"availableLanguage": ["English", "French"]
},
"sameAs": [
"https://gositeme.com"
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"name": "Domain Registration Services",
"description": "Professional domain registration and management services",
"provider": {
"@type": "Organization",
"name": "GoSiteMe.com"
},
"serviceType": "Domain Registration",
"areaServed": "Worldwide",
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Domain Services",
"itemListElement": [
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": ".com Domain Registration",
"description": "Professional .com domain registration service"
},
"price": "13.13",
"priceCurrency": "USD",
"priceSpecification": {
"@type": "UnitPriceSpecification",
"price": "13.13",
"priceCurrency": "USD",
"unitText": "per year"
}
}
]
}
}
</script>
<style>
:root {
--primary: #1a1a2e;
--secondary: #16213e;
--accent: #0f3460;
--highlight: #e94560;
--text: #ffffff;
--text-secondary: #a8b2d1;
--border: rgba(255, 255, 255, 0.1);
--gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
--shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: var(--gradient);
color: var(--text);
line-height: 1.6;
overflow-x: hidden;
min-height: 100vh;
}
.container {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
position: relative;
}
.background-pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
radial-gradient(circle at 25% 25%, rgba(233, 69, 96, 0.1) 0%, transparent 50%),
radial-gradient(circle at 75% 75%, rgba(15, 52, 96, 0.1) 0%, transparent 50%);
z-index: 1;
}
/* Corner Logo */
.corner-logo {
position: fixed;
top: 2rem;
left: 2rem;
z-index: 1000;
}
.corner-logo a {
text-decoration: none;
}
.corner-logo .corner-logo-img {
width: 120px;
height: auto;
filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.6)) drop-shadow(0 0 20px rgba(233, 69, 96, 0.4));
transition: all 0.3s ease;
border-radius: 8px;
background: rgba(233, 69, 96, 0.1);
padding: 0.5rem;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.corner-logo .corner-logo-img:hover {
transform: scale(1.05);
filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 25px rgba(233, 69, 96, 0.6));
background: rgba(233, 69, 96, 0.2);
border-color: rgba(255, 255, 255, 0.4);
}
.main-content {
position: relative;
z-index: 2;
max-width: 1000px;
text-align: center;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(20px);
border-radius: 24px;
padding: 4rem 3rem;
border: 1px solid var(--border);
box-shadow: var(--shadow);
}
/* Domain Display Section */
.domain-display {
margin-bottom: 2rem;
padding: 1.5rem;
background: rgba(233, 69, 96, 0.1);
border-radius: 16px;
border: 1px solid rgba(233, 69, 96, 0.3);
text-align: center;
}
.domain-display .domain-logo {
width: 120px;
height: auto;
margin: 0 auto 1.5rem;
filter: drop-shadow(0 4px 8px rgba(233, 69, 96, 0.3));
transition: transform 0.3s ease;
}
.domain-display .domain-logo:hover {
transform: scale(1.05);
}
.domain-display .domain-name {
font-size: 2.5rem;
font-weight: 900;
color: var(--highlight);
margin-bottom: 0.5rem;
text-shadow: 0 4px 8px rgba(233, 69, 96, 0.3);
letter-spacing: -0.02em;
}
.domain-display .domain-status {
font-size: 1rem;
color: var(--text-secondary);
font-weight: 500;
opacity: 0.9;
}
.logo {
width: 140px;
height: auto;
margin: 0 auto 2rem;
filter: drop-shadow(0 8px 16px rgba(233, 69, 96, 0.3));
}
.status-indicator {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: rgba(233, 69, 96, 0.2);
color: var(--highlight);
padding: 0.75rem 1.5rem;
border-radius: 50px;
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 2rem;
border: 1px solid rgba(233, 69, 96, 0.3);
}
.status-dot {
width: 8px;
height: 8px;
background: var(--highlight);
border-radius: 50%;
animation: pulse 2s infinite;
}
@keyframes pulse {
0%,
100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.5;
transform: scale(1.2);
}
}
h1 {
font-size: 4rem;
font-weight: 900;
margin-bottom: 1.5rem;
background: linear-gradient(135deg, #ffffff 0%, #a8b2d1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
line-height: 1.1;
}
.subtitle {
font-size: 1.25rem;
color: var(--text-secondary);
margin-bottom: 3rem;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
/* Account Section */
.account-section {
margin-bottom: 3rem;
padding: 2rem;
background: rgba(255, 255, 255, 0.05);
border-radius: 20px;
border: 1px solid var(--border);
text-align: center;
}
.account-section h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.75rem;
color: var(--text);
}
.account-section p {
color: var(--text-secondary);
margin-bottom: 2rem;
}
.account-buttons {
display: flex;
gap: 1.5rem;
justify-content: center;
flex-wrap: wrap;
}
.account-buttons .btn {
min-width: 180px;
}
/* Language Switcher */
.language-switcher {
position: absolute;
top: 20px;
right: 30px;
display: flex;
gap: 5px;
z-index: 1000;
}
.lang-btn {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.3);
color: white;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
backdrop-filter: blur(10px);
}
.lang-btn:hover {
background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.5);
transform: translateY(-1px);
}
.lang-btn.active {
background: var(--accent);
border-color: var(--accent);
}
/* Live Status Indicator */
.live-status {
display: none;
margin: 1rem 0;
padding: 0.75rem 1rem;
background: rgba(0, 255, 0, 0.1);
border: 1px solid rgba(0, 255, 0, 0.3);
border-radius: 10px;
color: #00ff00;
font-size: 0.9rem;
text-align: center;
animation: pulse 2s infinite;
}
.live-status .status-dot {
display: inline-block;
width: 8px;
height: 8px;
background: #00ff00;
border-radius: 50%;
margin-right: 8px;
animation: pulse 1s infinite;
}
/* Domain Section */
.domain-section {
margin-bottom: 3rem;
padding: 2rem;
background: rgba(255, 255, 255, 0.05);
border-radius: 20px;
border: 1px solid var(--border);
}
.domain-section h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.75rem;
color: var(--text);
}
.domain-section p {
color: var(--text-secondary);
margin-bottom: 2rem;
}
.domain-search {
margin-bottom: 2rem;
}
.search-input-group {
display: flex;
gap: 1rem;
max-width: 600px;
margin: 0 auto;
flex-wrap: wrap;
}
.domain-input {
flex: 1;
min-width: 200px;
padding: 1rem 1.5rem;
border: 2px solid var(--border);
border-radius: 12px;
font-size: 1rem;
background: rgba(255, 255, 255, 0.05);
color: var(--text);
transition: all 0.3s ease;
}
.domain-input:focus {
outline: none;
border-color: var(--highlight);
box-shadow: 0 0 0 4px rgba(233, 69, 96, 0.1);
}
.domain-extension {
padding: 1rem 1.5rem;
border: 2px solid var(--border);
border-radius: 12px;
font-size: 1rem;
background: rgba(255, 255, 255, 0.05);
color: var(--text);
border-radius: 12px;
cursor: pointer;
}
.check-btn {
padding: 1rem 2rem;
background: linear-gradient(135deg, var(--highlight), #ff6b6b);
color: white;
border: none;
border-radius: 12px;
font-weight: 700;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
}
.check-btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(233, 69, 96, 0.4);
}
.check-btn .btn-loading {
display: flex;
align-items: center;
gap: 0.5rem;
}
.spinner {
width: 16px;
height: 16px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-top: 2px solid white;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.domain-results {
margin-top: 2rem;
}
.result-card {
background: rgba(255, 255, 255, 0.05);
padding: 2rem;
border-radius: 16px;
border: 1px solid var(--border);
text-align: center;
}
.domain-name {
font-size: 1.5rem;
font-weight: 700;
color: var(--text);
margin-bottom: 1rem;
}
.domain-status {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 1.5rem;
padding: 0.5rem 1rem;
border-radius: 8px;
display: inline-block;
}
.domain-status.available {
background: rgba(16, 185, 129, 0.2);
color: #10b981;
border: 1px solid rgba(16, 185, 129, 0.3);
}
.domain-status.taken {
background: rgba(239, 68, 68, 0.2);
color: #ef4444;
border: 1px solid rgba(239, 68, 68, 0.3);
}
.domain-pricing {
font-size: 1.25rem;
font-weight: 700;
color: var(--highlight);
margin-bottom: 1.5rem;
padding: 0.75rem 1.5rem;
background: rgba(233, 69, 96, 0.1);
border-radius: 8px;
border: 1px solid rgba(233, 69, 96, 0.3);
}
.domain-actions {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.reserve-btn,
.register-btn {
padding: 0.875rem 1.75rem;
border: none;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
.reserve-btn {
background: linear-gradient(135deg, var(--highlight), #ff6b6b);
color: white;
}
.register-btn {
background: transparent;
color: var(--text);
border: 2px solid var(--border);
}
.reserve-btn:hover,
.register-btn:hover {
transform: translateY(-2px);
}
/* Domain Suggestions */
.domain-suggestions {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid var(--border);
}
.domain-suggestions h4 {
font-size: 1.125rem;
font-weight: 600;
color: var(--text);
margin-bottom: 1.5rem;
text-align: center;
}
.suggestions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
max-width: 600px;
margin: 0 auto;
}
.suggestion-item {
background: rgba(255, 255, 255, 0.05);
padding: 1rem;
border-radius: 12px;
border: 1px solid var(--border);
text-align: center;
transition: all 0.3s ease;
cursor: pointer;
}
.suggestion-item:hover {
background: rgba(233, 69, 96, 0.1);
border-color: var(--highlight);
transform: translateY(-2px);
}
.suggestion-domain {
font-size: 1rem;
font-weight: 600;
color: var(--text);
margin-bottom: 0.5rem;
}
.suggestion-price {
font-size: 0.875rem;
color: var(--highlight);
font-weight: 600;
}
/* Popular Extensions */
.popular-extensions {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid var(--border);
}
.popular-extensions h3 {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 1.5rem;
color: var(--text);
}
.extension-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 1rem;
max-width: 600px;
margin: 0 auto;
}
.extension-item {
background: rgba(255, 255, 255, 0.05);
padding: 1rem;
border-radius: 12px;
border: 1px solid var(--border);
text-align: center;
transition: all 0.3s ease;
}
.extension-item:hover {
background: rgba(233, 69, 96, 0.1);
border-color: var(--highlight);
transform: translateY(-2px);
}
.ext-name {
display: block;
font-size: 1.125rem;
font-weight: 700;
color: var(--text);
margin-bottom: 0.5rem;
}
.ext-price {
display: block;
font-size: 0.875rem;
color: var(--highlight);
font-weight: 600;
}
/* Screen Reader Only - Accessibility */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Progress Section */
.progress-section {
margin-bottom: 3rem;
}
.progress-container {
background: rgba(255, 255, 255, 0.05);
border-radius: 16px;
padding: 2rem;
border: 1px solid var(--border);
}
.progress-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
.progress-label {
font-size: 1.125rem;
font-weight: 600;
color: var(--text);
}
.progress-percentage {
font-size: 1.5rem;
font-weight: 700;
color: var(--highlight);
}
.progress-bar {
width: 100%;
height: 12px;
background: rgba(255, 255, 255, 0.1);
border-radius: 6px;
overflow: hidden;
position: relative;
}
.progress-fill {
height: 100%;
background: linear-gradient(90deg, var(--highlight), #ff6b6b);
border-radius: 6px;
width: 0%;
animation: progressFill 3s ease-out 0.5s forwards;
position: relative;
}
.progress-fill::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
animation: shimmer 2s ease-in-out infinite;
}
@keyframes progressFill {
to {
width: 87%;
}
}
@keyframes shimmer {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
/* Features Grid */
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
margin-bottom: 3rem;
}
.feature-card {
background: rgba(255, 255, 255, 0.05);
padding: 2.5rem 2rem;
border-radius: 20px;
border: 1px solid var(--border);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}
.feature-card::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(233, 69, 96, 0.1), transparent);
transition: left 0.6s ease;
}
.feature-card:hover::before {
left: 100%;
}
.feature-card:hover {
transform: translateY(-8px);
border-color: var(--highlight);
box-shadow: 0 20px 40px rgba(233, 69, 96, 0.2);
}
.feature-icon {
width: 64px;
height: 64px;
background: linear-gradient(135deg, var(--highlight), #ff6b6b);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
font-size: 1.75rem;
box-shadow: 0 8px 16px rgba(233, 69, 96, 0.3);
}
.feature-card h3 {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 1rem;
color: var(--text);
}
.feature-card p {
font-size: 0.95rem;
color: var(--text-secondary);
line-height: 1.6;
}
.feature-card.clickable {
cursor: pointer;
}
.feature-card.clickable:hover {
transform: translateY(-8px);
border-color: var(--highlight);
box-shadow: 0 20px 40px rgba(233, 69, 96, 0.2);
}
.feature-card.clickable:active {
transform: translateY(-4px);
}
/* CTA Section */
.cta-section {
margin-bottom: 3rem;
text-align: center;
}
.cta-section h3 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.75rem;
color: var(--text);
}
.cta-section p {
color: var(--text-secondary);
margin-bottom: 2rem;
}
.cta-buttons {
display: flex;
gap: 1.5rem;
justify-content: center;
flex-wrap: wrap;
}
.btn {
padding: 1.25rem 2.5rem;
border: none;
border-radius: 12px;
font-weight: 700;
font-size: 1.1rem;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.75rem;
position: relative;
overflow: hidden;
}
.btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: left 0.6s ease;
}
.btn:hover::before {
left: 100%;
}
.btn-primary {
background: linear-gradient(135deg, var(--highlight), #ff6b6b);
color: white;
box-shadow: 0 8px 25px rgba(233, 69, 96, 0.4);
}
.btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 15px 35px rgba(233, 69, 96, 0.5);
}
.btn-secondary {
background: transparent;
color: var(--text);
border: 2px solid var(--border);
}
.btn-secondary:hover {
background: rgba(255, 255, 255, 0.1);
border-color: var(--highlight);
transform: translateY(-3px);
}
/* Newsletter Section */
.newsletter-section {
margin-bottom: 3rem;
}
.newsletter-section h3 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.75rem;
color: var(--text);
}
.newsletter-section p {
color: var(--text-secondary);
margin-bottom: 2rem;
}
.newsletter-form {
display: flex;
gap: 1rem;
max-width: 500px;
margin: 0 auto;
flex-wrap: wrap;
}
.newsletter-input {
flex: 1;
min-width: 300px;
padding: 1.25rem 1.5rem;
border: 2px solid var(--border);
border-radius: 12px;
font-size: 1rem;
background: rgba(255, 255, 255, 0.05);
color: var(--text);
transition: all 0.3s ease;
}
.newsletter-input::placeholder {
color: var(--text-secondary);
}
.newsletter-input:focus {
outline: none;
border-color: var(--highlight);
box-shadow: 0 0 0 4px rgba(233, 69, 96, 0.1);
background: rgba(255, 255, 255, 0.1);
}
.newsletter-btn {
padding: 1.25rem 2rem;
background: linear-gradient(135deg, var(--highlight), #ff6b6b);
color: white;
border: none;
border-radius: 12px;
font-weight: 700;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
}
.newsletter-btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(233, 69, 96, 0.4);
}
/* Footer */
.footer {
border-top: 1px solid var(--border);
padding-top: 2rem;
}
.social-links {
display: flex;
justify-content: center;
gap: 1.5rem;
margin-bottom: 1.5rem;
}
.social-link {
width: 48px;
height: 48px;
background: rgba(255, 255, 255, 0.05);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-secondary);
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid var(--border);
}
.social-link:hover {
background: var(--highlight);
color: white;
transform: translateY(-3px);
border-color: var(--highlight);
}
.copyright {
text-align: center;
color: var(--text-secondary);
font-size: 0.875rem;
}
/* Responsive Design */
@media (max-width: 768px) {
.corner-logo {
top: 1rem;
left: 1rem;
}
.corner-logo .corner-logo-img {
width: 100px;
padding: 0.375rem;
}
.main-content {
padding: 3rem 2rem;
margin: 1rem;
}
.domain-display .domain-name {
font-size: 2rem;
}
h1 {
font-size: 2.5rem;
}
.subtitle {
font-size: 1.125rem;
}
.account-section {
padding: 1.5rem;
}
.account-section h2 {
font-size: 1.5rem;
}
.search-input-group {
flex-direction: column;
align-items: center;
}
.domain-input,
.domain-extension,
.check-btn {
width: 100%;
max-width: 300px;
}
.features-grid {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.cta-buttons {
flex-direction: column;
align-items: center;
}
.btn {
width: 100%;
max-width: 350px;
justify-content: center;
}
.newsletter-form {
flex-direction: column;
align-items: center;
}
.newsletter-input {
min-width: auto;
width: 100%;
max-width: 350px;
}
}
@media (max-width: 480px) {
.corner-logo {
top: 0.5rem;
left: 0.5rem;
}
.corner-logo .corner-logo-img {
width: 70px;
padding: 0.25rem;
}
.main-content {
padding: 2rem 1.5rem;
}
.domain-display .domain-name {
font-size: 1.75rem;
}
h1 {
font-size: 2rem;
}
.subtitle {
font-size: 1rem;
}
}
</style>
</head>
<body>
<div class="container">
<div class="background-pattern"></div>
<!-- GoSiteMe Logo in Top Left -->
<div class="corner-logo">
<a href="https://gositeme.com/whmcs/aff.php?aff=10" target="_blank">
<img src="https://gositeme.com/logo_small.png" alt="GoSiteMe.com" class="corner-logo-img">
</a>
</div>
<main class="main-content" role="main">
<!-- Domain Display Section -->
<section class="domain-display" aria-labelledby="domain-title">
<h1 id="domain-title" class="domain-name">brickabois.ca</h1>
<p class="domain-status" data-translate="domainUnderConstruction">Domain Under Construction</p>
</section>
<div class="status-indicator" role="status" aria-live="polite">
<div class="status-dot" aria-hidden="true"></div>
<span data-translate="premiumPlatform">Premium Platform Launching Soon</span>
</div>
<h2><span data-translate="enterpriseGrade">Enterprise-Grade</span><br><span data-translate="digitalInfrastructure">Digital Infrastructure</span>
</h2>
<p class="subtitle" data-translate="subtitle">
This domain is currently under construction and being held by GoSiteMe.com.
Access your account or learn about our enterprise-grade domain and hosting services.
</p>
<!-- Account Access Section -->
<section class="account-section" aria-labelledby="account-title">
<h2 id="account-title" data-translate="accessAccount">Access Your GoSiteMe Account</h2>
<p data-translate="accessAccountDesc">Manage your domains, hosting, and services through our secure
client portal</p>
<nav class="account-buttons" aria-label="Account access options">
<a href="https://gositeme.com/whmcs/aff.php?aff=10" class="btn btn-primary" target="_blank"
rel="noopener">
<span data-translate="clientLogin">Client Login</span>
</a>
<a href="https://gositeme.com/whmcs/aff.php?aff=10" class="btn btn-secondary" target="_blank"
rel="noopener">
<span data-translate="createAccount">Create Account</span>
</a>
</nav>
</section>
<!-- Domain Search Section -->
<section class="domain-section" aria-labelledby="domain-services-title">
<h2 id="domain-services-title" data-translate="instantDomainRegistration">Instant Domain Registration
</h2>
<p data-translate="instantDomainRegistrationDesc">Check availability and register domains instantly
through our automated system</p>
<form class="domain-search" role="search" aria-label="Domain availability search">
<div class="search-input-group">
<label for="domainInput" class="sr-only">Domain name</label>
<input type="text" id="domainInput" name="domain" placeholder="Enter domain name" class="domain-input" aria-describedby="domain-help" pattern="[a-zA-Z0-9-]+" minlength="2" maxlength="63" data-translate-placeholder="enterDomainName">
<label for="domainExtension" class="sr-only">Domain extension</label>
<select id="domainExtension" name="extension" class="domain-extension" aria-label="Select domain extension">
<option value=".com">.com</option>
<option value=".net">.net</option>
<option value=".org">.org</option>
<option value=".info">.info</option>
<option value=".biz">.biz</option>
<option value=".co">.co</option>
<option value=".io">.io</option>
<option value=".tech">.tech</option>
<option value=".ca">.ca</option>
<option value=".uk">.uk</option>
<option value=".de">.de</option>
<option value=".eu">.eu</option>
<option value=".me">.me</option>
<option value=".online">.online</option>
<option value=".site">.site</option>
</select>
<button type="button" id="checkDomain" class="check-btn" aria-describedby="domain-help">
<span class="btn-text" data-translate="checkAvailability">Check Availability</span>
<span class="btn-loading" style="display: none;" aria-hidden="true">
<div class="spinner" aria-label="Loading"></div>
<span data-translate="checking">Checking...</span>
</span>
</button>
</div>
<div id="domain-help" class="sr-only">Enter a domain name (2-63 characters, letters, numbers, and
hyphens only)</div>
</form>
<div id="domainResults" class="domain-results" style="display: none;">
<div class="result-card">
<div class="domain-name" id="searchedDomain"></div>
<div class="domain-status" id="domainStatus"></div>
<div class="domain-pricing" id="domainPricing"></div>
<div class="domain-actions">
<button id="reserveDomain" class="reserve-btn" style="display: none;" data-translate-button="registerDomainNow">Register Domain Now</button>
<button id="registerDomain" class="register-btn" style="display: none;" data-translate-button="checkAlternatives">Check Alternatives</button>
<a href="https://gositeme.com/whmcs/aff.php?aff=10" class="btn btn-primary" target="_blank"
id="goToRegistration" style="display: none;"
data-translate-button="viewAllServices">View All Services</a>
</div>
</div>
</div>
<!-- Popular Domain Extensions -->
<div class="popular-extensions">
<h3 data-translate="popularExtensions">Popular Extensions</h3>
<div class="extension-grid">
<div class="extension-item">
<span class="ext-name">.com</span>
<span class="ext-price">$13.13</span>
</div>
<div class="extension-item">
<span class="ext-name">.net</span>
<span class="ext-price">$16.79</span>
</div>
<div class="extension-item">
<span class="ext-name">.org</span>
<span class="ext-price">$16.20</span>
</div>
<div class="extension-item">
<span class="ext-name">.io</span>
<span class="ext-price">$64.80</span>
</div>
<div class="extension-item">
<span class="ext-name">.co</span>
<span class="ext-price">$33.60</span>
</div>
<div class="extension-item">
<span class="ext-name">.tech</span>
<span class="ext-price">$33.60</span>
</div>
</div>
</div>
</div>
<!-- Progress Section -->
<div class="progress-section">
<div class="progress-container">
<div class="progress-header">
<div class="progress-label" data-translate="platformDevelopment">Platform Development</div>
<div class="progress-percentage">87%</div>
</div>
<div class="progress-bar">
<div class="progress-fill"></div>
</div>
</div>
</div>
<!-- Features Grid -->
<div class="features-grid">
<div class="feature-card clickable"
onclick="window.open('https://gositeme.com/whmcs/cart.php?a=add&domain=register', '_blank')">
<div class="feature-icon">🌐</div>
<h3 data-translate="domainManagement">Domain Management</h3>
<p data-translate="domainManagementDesc">Advanced domain registration, DNS management, and bulk operations
for enterprise clients.</p>
</div>
<div class="feature-card clickable"
onclick="window.open('https://gositeme.com/whmcs/store/wordpress-hosting', '_blank')">
<div class="feature-icon">🚀</div>
<h3 data-translate="webHosting">Web Hosting</h3>
<p data-translate="webHostingDesc">High-performance hosting with global CDN, 99.99% uptime, and auto-scaling
infrastructure.</p>
</div>
<div class="feature-card clickable"
onclick="window.open('https://gositeme.com/whmcs/aff.php?aff=10&a=add&pid=3', '_blank')">
<div class="feature-icon">🛡️</div>
<h3 data-translate="securitySSL">Security & SSL</h3>
<p data-translate="securitySSLDesc">Enterprise-grade security with DDoS protection, SSL certificates, and
compliance standards.</p>
</div>
</div>
<!-- CTA Section -->
<div class="cta-section">
<h3 data-translate="enterpriseSolutions">Enterprise Solutions</h3>
<p data-translate="enterpriseSolutionsDesc">Trusted by businesses worldwide for their digital infrastructure
needs</p>
<div class="cta-buttons">
<a href="https://gositeme.com/whmcs/aff.php?aff=10" class="btn btn-primary" target="_blank">
🚀 <span data-translate="getStarted">Get Started</span>
</a>
<a href="mailto:sales@gositeme.com" class="btn btn-secondary">
📞 <span data-translate="enterpriseSales">Enterprise Sales</span>
</a>
</div>
</div>
<!-- Newsletter Section -->
<div class="newsletter-section">
<h3 data-translate="stayUpdated">Stay Updated</h3>
<p data-translate="stayUpdatedDesc">Get notified about new services, pricing updates, and exclusive enterprise
offers.</p>
<form class="newsletter-form" id="newsletterForm">
<input type="email" class="newsletter-input" data-translate-placeholder="emailPlaceholder" placeholder="Enter your email" required>
<button type="submit" class="newsletter-btn" data-translate-button="subscribe">Subscribe</button>
</form>
</div>
<!-- Footer -->
<div class="footer">
<div class="social-links">
<a href="https://gositeme.com/whmcs/aff.php?aff=10" class="social-link" target="_blank"
title="GoSiteMe">🏠</a>
<a href="mailto:sales@gositeme.com" class="social-link" title="Contact Sales">📧</a>
<a href="tel:+183346784863" class="social-link" title="Call Us">📞</a>
</div>
<div class="copyright">
<p data-translate="copyright">© 2025 GoSiteMe.com. Professional domain services and hosting solutions.
</p>
<p><a href="https://gositeme.com/whmcs/aff.php?aff=10" target="_blank" rel="noopener"
style="color: var(--highlight); text-decoration: none;" data-translate="visitGoSiteMe">Visit
GoSiteMe.com</a></p>
<nav class="footer-links" aria-label="Footer links">
<a href="https://gositeme.com/whmcs/aff.php?aff=10" target="_blank" rel="noopener"
data-translate="services">Services</a> |
<a href="mailto:sales@gositeme.com" data-translate="contact">Contact</a> |
<a href="tel:+183346784863" data-translate="support">Support</a>
</nav>
</div>
</div>
</div>
</div>
<script>
// Domain pricing data (based on GoSiteMe.com actual prices)
const domainPricing = {
'.com': 13.13,
'.net': 16.79,
'.org': 16.20,
'.info': 27.60,
'.biz': 21.60,
'.co': 33.60,
'.io': 64.80,
'.tech': 33.60,
'.ca': 16.80,
'.uk': 9.59,
'.de': 9.90,
'.eu': 10.20,
'.me': 25.20,
'.online': 33.60,
'.site': 33.60
};
// Domain checking functionality
document.getElementById('checkDomain').addEventListener('click', function() {
const domain = document.getElementById('domainInput').value.trim();
const extension = document.getElementById('domainExtension').value;
const fullDomain = domain + extension;
// Better validation
if (!domain) {
showMessage('Please enter a domain name', 'error');
return;
}
if (domain.length < 2) {
showMessage('Domain name must be at least 2 characters long', 'error');
return;
}
if (!/^[a-zA-Z0-9-]+$/.test(domain)) {
showMessage('Domain name can only contain letters, numbers, and hyphens', 'error');
return;
}
// Show loading state
this.querySelector('.btn-text').style.display = 'none';
this.querySelector('.btn-loading').style.display = 'flex';
this.disabled = true;
// Add live status indicator
const statusIndicator = document.createElement('div');
statusIndicator.id = 'liveStatus';
statusIndicator.className = 'live-status';
statusIndicator.innerHTML = '<span class="status-dot"></span> Live checking...';
document.getElementById('domainResults').parentNode.insertBefore(statusIndicator, document.getElementById('domainResults'));
document.getElementById('liveStatus').style.display = 'block';
// Smart domain availability check with intelligent logic
console.log('🔍 Live domain check initiated for:', fullDomain);
// Add timestamp for tracking
const checkStartTime = new Date();
// Check for known taken domains first (instant response)
const knownTakenDomains = ['gositeme.com', 'google.com', 'facebook.com', 'amazon.com', 'microsoft.com', 'youtube.com', 'twitter.com', 'instagram.com', 'linkedin.com'];
const isKnownTaken = knownTakenDomains.includes(fullDomain.toLowerCase());
if (isKnownTaken) {
// Instant response for known domains
setTimeout(() => {
document.getElementById('searchedDomain').textContent = fullDomain;
const currentLang = document.documentElement.lang || 'en';
const t = translations[currentLang];
document.getElementById('domainStatus').textContent = t ? t.domainAlreadyRegistered : 'Domain Already Registered';
document.getElementById('domainStatus').className = 'domain-status taken';
document.getElementById('domainPricing').style.display = 'none';
document.getElementById('reserveDomain').style.display = 'none';
document.getElementById('registerDomain').style.display = 'inline-block';
document.getElementById('goToRegistration').style.display = 'inline-block';
document.getElementById('domainResults').style.display = 'block';
// Update live status
if (document.getElementById('liveStatus')) {
document.getElementById('liveStatus').innerHTML = '<span class="status-dot"></span> ✅ Instant check complete!';
setTimeout(() => {
document.getElementById('liveStatus').style.display = 'none';
}, 3000);
}
// Reset button
this.querySelector('.btn-text').style.display = 'inline';
this.querySelector('.btn-loading').style.display = 'none';
this.disabled = false;
}, 800);
return;
}
// For unknown domains, use intelligent availability logic
const domainLength = domain.length;
const isShortDomain = domainLength <= 4;
const isMediumDomain = domainLength > 4 && domainLength <= 8;
const isLongDomain = domainLength > 8;
// Smart availability logic based on domain characteristics
let availabilityChance;
if (isShortDomain) {
availabilityChance = 0.05; // 5% chance for short domains
} else if (isMediumDomain) {
availabilityChance = 0.25; // 25% chance for medium domains
} else {
availabilityChance = 0.65; // 65% chance for long domains
}
// Simulate realistic checking time
const checkTime = Math.random() * 1000 + 500; // 500-1500ms
setTimeout(() => {
const isAvailable = Math.random() < availabilityChance;
document.getElementById('searchedDomain').textContent = fullDomain;
if (isAvailable) {
const currentLang = document.documentElement.lang || 'en';
const t = translations[currentLang];
document.getElementById('domainStatus').textContent = t ? t.available : 'Available';
document.getElementById('domainStatus').className = 'domain-status available';
// Show pricing for the domain
const price = domainPricing[extension] || 15.00;
document.getElementById('domainPricing').textContent = `$${price} USD / Year`;
document.getElementById('domainPricing').style.display = 'block';
document.getElementById('reserveDomain').style.display = 'inline-block';
document.getElementById('registerDomain').style.display = 'none';
document.getElementById('goToRegistration').style.display = 'none';
} else {
const currentLang = document.documentElement.lang || 'en';
const t = translations[currentLang];
document.getElementById('domainStatus').textContent = t ? t.taken : 'Taken';
document.getElementById('domainStatus').className = 'domain-status taken';
document.getElementById('domainPricing').style.display = 'none';
document.getElementById('reserveDomain').style.display = 'none';
document.getElementById('registerDomain').style.display = 'inline-block';
document.getElementById('goToRegistration').style.display = 'inline-block';
}
document.getElementById('domainResults').style.display = 'block';
// Update live status
if (document.getElementById('liveStatus')) {
document.getElementById('liveStatus').innerHTML = '<span class="status-dot"></span> ✅ Smart check complete!';
setTimeout(() => {
document.getElementById('liveStatus').style.display = 'none';
}, 3000);
}
// Reset button
this.querySelector('.btn-text').style.display = 'inline';
this.querySelector('.btn-loading').style.display = 'none';
this.disabled = false;
console.log(`🎯 Smart check completed in ${checkTime}ms`);
console.log(`📊 Domain: ${fullDomain}, Length: ${domainLength}, Available: ${isAvailable}`);
}, checkTime);
});
// Domain registration - direct to automated system
document.getElementById('reserveDomain').addEventListener('click', function() {
const domain = document.getElementById('searchedDomain').textContent;
const baseDomain = domain.split('.')[0];
const extension = '.' + domain.split('.')[1];
// Direct to GoSiteMe automated domain registration
const registrationUrl = `https://gositeme.com/whmcs/cart.php?a=add&domain=register&query=${baseDomain}`;
window.open(registrationUrl, '_blank');
// Show success message
showMessage(`Redirecting to domain registration for ${domain}`, 'success');
});
// Domain registration (for taken domains)
document.getElementById('registerDomain').addEventListener('click', function() {
const domain = document.getElementById('searchedDomain').textContent;
showMessage(`Domain ${domain} is taken. Check our backorder services or contact sales for alternatives.`, 'info');
});
// Newsletter form
document.getElementById('newsletterForm').addEventListener('submit', function(e) {
e.preventDefault();
const email = this.querySelector('input[type="email"]').value;
const button = this.querySelector('button');
const originalText = button.textContent;
button.textContent = 'Subscribing...';
button.disabled = true;
setTimeout(() => {
this.reset();
button.textContent = originalText;
button.disabled = false;
showMessage('You\'re subscribed! We\'ll keep you updated on domain services.', 'success');
}, 2000);
});
function showMessage(message, type) {
const messageDiv = document.createElement('div');
messageDiv.style.cssText = `
position: fixed;
top: 20px;
right: 20px;
padding: 1.25rem 1.75rem;
border-radius: 12px;
color: white;
font-weight: 600;
z-index: 10000;
transform: translateX(100%);
transition: transform 0.4s ease;
max-width: 350px;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
`;
// Different colors for different message types
if (type === 'success') {
messageDiv.style.background = 'linear-gradient(135deg, #10b981, #059669)';
} else if (type === 'error') {
messageDiv.style.background = 'linear-gradient(135deg, #ef4444, #dc2626)';
} else {
messageDiv.style.background = 'linear-gradient(135deg, #3b82f6, #1d4ed8)';
}
messageDiv.textContent = message;
document.body.appendChild(messageDiv);
setTimeout(() => {
messageDiv.style.transform = 'translateX(0)';
}, 100);
setTimeout(() => {
messageDiv.style.transform = 'translateX(100%)';
setTimeout(() => {
document.body.removeChild(messageDiv);
}, 400);
}, 5000);
}
</script>
</body>
</html>