ConnectAI - Meaningful Virtual Relationships

Meaningful Connections, Powered by AI

Creating authentic virtual relationships through innovative AI chat technology.

Experience the Connection

Features

Discover what makes ConnectAI unique

AI-Powered Conversations

Our AI mimics real human interactions for genuine, engaging chats.

Personalized Experience

Every relationship is tailored to your unique preferences and needs.

24/7 Availability

Connect anytime—our platform is always here for you.

Safe & Private

Your privacy and data security are our top priorities.

About ConnectAI

Our mission is to create a platform where anyone can experience meaningful, virtual relationships—driven by advanced AI technology and designed for the modern world.

Connection
Innovation
Trust

What Our Users Say

Real stories from our community

"ConnectAI helped me feel truly understood. The conversations are so real, it's like talking to a close friend."

"The AI is always there for me, day or night. It's made a real difference in my life."

"I love how private and safe I feel using ConnectAI. Highly recommended!"

Start Your Journey to Real Connections Today

Join our community and experience the future of virtual relationships.

Contact Us

contact@connectai.com

+1 (555) 123-4567

body { font-family: 'Roboto', serif; background: #181a20; color: #e6e6e6; scroll-behavior: smooth; } h1, h2, h3, h4, h5, h6, .navbar-brand span { font-family: 'Montserrat', sans-serif; letter-spacing: 0.5px; } /* Navbar */ .navbar { background: transparent; transition: background 0.4s, box-shadow 0.4s; box-shadow: none; } .navbar.scrolled { background: rgba(24, 26, 32, 0.98) !important; box-shadow: 0 2px 16px 0 rgba(0,0,0,0.12); } .navbar .nav-link { color: #e6e6e6 !important; font-weight: 500; margin-left: 1rem; transition: color 0.2s; } .navbar .nav-link.active, .navbar .nav-link:hover { color: #6dd5ed !important; } /* Hero Section */ .hero-section { min-height: 100vh; background: url('hero-bg.jpg') center center/cover no-repeat; position: relative; z-index: 1; color: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; } .hero-overlay { position: absolute; inset: 0; background: linear-gradient(120deg, rgba(24,26,32,0.7) 0%, rgba(109,213,237,0.3) 100%); z-index: 1; } .hero-section .container { position: relative; z-index: 2; } .hero-cta { background: linear-gradient(90deg, #6dd5ed 0%, #2193b0 100%); border: none; color: #fff; font-weight: 700; transition: background 0.2s, transform 0.2s; } .hero-cta:hover { background: linear-gradient(90deg, #2193b0 0%, #6dd5ed 100%); transform: scale(1.05); } /* Features */ .feature-card { background: rgba(36, 38, 46, 0.95); border-radius: 1rem; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.10); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; } .feature-card:hover { transform: translateY(-8px) scale(1.03); box-shadow: 0 6px 24px 0 rgba(109,213,237,0.15); } .feature-icon { color: #6dd5ed; margin-bottom: 1rem; } /* About */ .bg-gradient-dark { background: linear-gradient(120deg, #181a20 60%, #23243a 100%); } .about-img { object-fit: cover; border: 4px solid #6dd5ed; background: #23243a; } /* Testimonials */ .testimonial-card { background: rgba(36, 38, 46, 0.95); border-radius: 1rem; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.10); color: #e6e6e6; } .testimonial-card img { border: 3px solid #6dd5ed; } .carousel-control-prev-icon, .carousel-control-next-icon { background-color: #6dd5ed; border-radius: 50%; } /* CTA Section */ .cta-section { background: linear-gradient(120deg, #23243a 60%, #181a20 100%); } .cta-section .btn { background: linear-gradient(90deg, #6dd5ed 0%, #2193b0 100%); border: none; color: #fff; font-weight: 700; transition: background 0.2s, transform 0.2s; } .cta-section .btn:hover { background: linear-gradient(90deg, #2193b0 0%, #6dd5ed 100%); transform: scale(1.05); } /* Contact */ .newsletter-box { background: rgba(36, 38, 46, 0.95); color: #e6e6e6; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.10); } .form-control, .form-label { background: transparent; color: #e6e6e6; border-color: #6dd5ed; } .form-control:focus { border-color: #2193b0; box-shadow: 0 0 0 0.2rem rgba(109,213,237,0.15); background: #23243a; color: #fff; } .btn-primary { background: linear-gradient(90deg, #6dd5ed 0%, #2193b0 100%); border: none; color: #fff; font-weight: 700; transition: background 0.2s, transform 0.2s; } .btn-primary:hover { background: linear-gradient(90deg, #2193b0 0%, #6dd5ed 100%); transform: scale(1.05); } /* Footer */ .footer-section { background: #111217; color: #aaa; font-size: 0.95rem; } .footer-section a { color: #6dd5ed; text-decoration: none; transition: color 0.2s; } .footer-section a:hover { color: #2193b0; } /* Scrollbar */ ::-webkit-scrollbar { width: 8px; background: #23243a; } ::-webkit-scrollbar-thumb { background: #6dd5ed; border-radius: 4px; } /* Responsive Tweaks */ @media (max-width: 991.98px) { .navbar .nav-link { margin-left: 0; margin-right: 1rem; } .about-img { width: 220px; height: 220px; } } @media (max-width: 767.98px) { .hero-section { min-height: 70vh; } .about-img { width: 160px; height: 160px; } } // Navbar background transition on scroll window.addEventListener('scroll', function () { const navbar = document.querySelector('.navbar'); if (window.scrollY > 60) { navbar.classList.add('scrolled'); } else { navbar.classList.remove('scrolled'); } }); // Smooth scroll for nav links document.querySelectorAll('.nav-link').forEach(link => { link.addEventListener('click', function (e) { if (this.hash) { e.preventDefault(); const target = document.querySelector(this.hash); if (target) { window.scrollTo({ top: target.offsetTop - 70, behavior: 'smooth' }); } } }); }); // Contact form submission (demo only) document.getElementById('contactForm').addEventListener('submit', function (e) { e.preventDefault(); const alertBox = document.getElementById('formAlert'); alertBox.style.display = 'block'; alertBox.className = 'alert alert-success'; alertBox.textContent = 'Thank you for reaching out! We will get back to you soon.'; this.reset(); }); // Newsletter form submission (demo only) document.getElementById('newsletterForm').addEventListener('submit', function (e) { e.preventDefault(); const alertBox = document.getElementById('newsletterAlert'); alertBox.style.display = 'block'; alertBox.className = 'alert alert-info'; alertBox.textContent = 'Subscribed! You will receive our next newsletter.'; this.reset(); }); // Activate Bootstrap scrollspy const dataSpyList = [].slice.call(document.querySelectorAll('[data-bs-spy="scroll"]')); dataSpyList.forEach(function (spyEl) { bootstrap.ScrollSpy.getOrCreateInstance(spyEl); });