<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Visualizze Solutions - AI-Powered Innovation</title>
    <link rel="icon" type="image/png" href="small_logo.png">
    <meta name="description" content="Visualizze Solutions - Leading AI technology company specializing in VoiceLink, PodXpress, AI Context Assistance, IOT Matrix System, and Build-A-Bot solutions.">
    <meta name="keywords" content="AI, artificial intelligence, voice recognition, podcast, IoT, chatbot, automation, Malaysia">
    <meta property="og:title" content="Visualizze Solutions - AI-Powered Innovation">
    <meta property="og:description" content="Transform your business with cutting-edge AI solutions from Visualizze Solutions">
    <meta property="og:image" content="full_logo.png">
    <meta property="og:url" content="https://visualizze.com">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <link href="styles.css" rel="stylesheet">
</head>
<body>
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
        <div class="container">
            <a class="navbar-brand" href="#home">
                <img src="short_logo.png" alt="Visualizze" height="40">
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="#home">Home</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Products
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <li><a class="dropdown-item" href="#voicelink">VoiceLink</a></li>
                            <li><a class="dropdown-item" href="#podxpress">PodXpress</a></li>
                            <li><a class="dropdown-item" href="#ai-context">AI Context Assistance</a></li>
                            <li><a class="dropdown-item" href="#iot-matrix">IOT Matrix System</a></li>
                            <li><a class="dropdown-item" href="#build-a-bot">Build-A-Bot</a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#about">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#contact">Contact</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section id="home" class="hero-section">
        <div class="container">
            <div class="row align-items-center min-vh-100">
                <div class="col-lg-6">
                    <h1 class="display-4 fw-bold mb-4">AI-Powered Solutions for Tomorrow</h1>
                    <p class="lead mb-4">Visualizze Solutions transforms businesses with cutting-edge artificial intelligence products designed to enhance productivity, communication, and automation.</p>
                    <div class="d-flex gap-3">
                        <a href="#voicelink" class="btn btn-primary btn-lg">Explore Products</a>
                    </div>
                </div>
                <div class="col-lg-6 text-center">
                    <div class="hero-image">
                        <i class="fas fa-robot fa-10x text-primary opacity-75"></i>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- VoiceLink Section -->
    <section id="voicelink" class="py-5 bg-light">
        <div class="container">
            <div class="row align-items-center mb-5">
                <div class="col-lg-6">
                    <div class="text-center mb-4 mb-lg-0">
                        <i class="fas fa-microphone-alt fa-10x text-primary opacity-75"></i>
                    </div>
                </div>
                <div class="col-lg-6">
                    <h2 class="display-4 fw-bold mb-4">VoiceLink</h2>
                    <p class="lead mb-4">Revolutionary voice recognition and communication platform that transforms how teams collaborate through intelligent speech processing and real-time voice analytics.</p>
                    <div class="d-flex gap-3">
                        <a href="#contact" class="btn btn-primary btn-lg">Get Started</a>
                        <a href="#podxpress" class="btn btn-outline-dark btn-lg">Next Product</a>
                    </div>
                </div>
            </div>
            
            <div class="row g-4 mb-5">
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-brain fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">AI-Powered Recognition</h5>
                            <p class="card-text">Advanced neural networks provide 99.5% accuracy in voice recognition across multiple languages and accents.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-users fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">Team Collaboration</h5>
                            <p class="card-text">Seamless integration with existing workflows, enabling voice-first communication and documentation.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-shield-alt fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">Enterprise Security</h5>
                            <p class="card-text">End-to-end encryption and compliance with industry standards ensure your voice data remains secure.</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body p-5">
                            <h3 class="mb-4">Key Features</h3>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Real-time voice transcription</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Multi-language support</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Voice analytics and insights</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>API integration capabilities</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Custom voice models</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>24/7 cloud availability</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- PodXpress Section -->
    <section id="podxpress" class="py-5">
        <div class="container">
            <div class="row align-items-center mb-5">
                <div class="col-lg-6">
                    <h2 class="display-4 fw-bold mb-4">PodXpress</h2>
                    <p class="lead mb-4">Streamlined podcast creation and distribution platform powered by AI-driven content optimization, automated workflows, and intelligent audience analytics.</p>
                    <div class="d-flex gap-3">
                        <a href="#contact" class="btn btn-primary btn-lg">Get Started</a>
                        <a href="#ai-context" class="btn btn-outline-dark btn-lg">Next Product</a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="text-center mb-4 mb-lg-0">
                        <i class="fas fa-podcast fa-10x text-primary opacity-75"></i>
                    </div>
                </div>
            </div>
            
            <div class="row g-4 mb-5">
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-magic fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">AI Content Optimization</h5>
                            <p class="card-text">Automatically enhance audio quality, generate show notes, and optimize content for maximum engagement.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-chart-line fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">Analytics Dashboard</h5>
                            <p class="card-text">Comprehensive insights into listener behavior, engagement metrics, and growth opportunities.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-share-alt fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">Multi-Platform Distribution</h5>
                            <p class="card-text">One-click publishing to Spotify, Apple Podcasts, Google Podcasts, and 15+ other platforms.</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body p-5">
                            <h3 class="mb-4">Key Features</h3>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>AI-powered audio enhancement</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Automated transcription & show notes</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Advanced analytics & insights</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Social media integration</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Monetization tools</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Collaborative editing workspace</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- AI Context Assistance Section -->
    <section id="ai-context" class="py-5 bg-light">
        <div class="container">
            <div class="row align-items-center mb-5">
                <div class="col-lg-6">
                    <div class="text-center mb-4 mb-lg-0">
                        <i class="fas fa-lightbulb fa-10x text-primary opacity-75"></i>
                    </div>
                </div>
                <div class="col-lg-6">
                    <h2 class="display-4 fw-bold mb-4">AI Context Assistance</h2>
                    <p class="lead mb-4">Intelligent contextual support system that provides real-time assistance and insights based on your specific environment, workflow, and objectives.</p>
                    <div class="d-flex gap-3">
                        <a href="#contact" class="btn btn-primary btn-lg">Get Started</a>
                        <a href="#iot-matrix" class="btn btn-outline-dark btn-lg">Next Product</a>
                    </div>
                </div>
            </div>
            
            <div class="row g-4 mb-5">
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-eye fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">Contextual Awareness</h5>
                            <p class="card-text">Understands your work environment, current tasks, and provides relevant suggestions automatically.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-robot fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">Intelligent Automation</h5>
                            <p class="card-text">Proactively automates repetitive tasks and suggests optimizations based on usage patterns.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-sync-alt fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">Real-time Adaptation</h5>
                            <p class="card-text">Continuously learns from your behavior to provide increasingly personalized assistance.</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body p-5">
                            <h3 class="mb-4">Key Features</h3>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Smart workflow integration</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Predictive task suggestions</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Cross-platform compatibility</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Privacy-focused design</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Custom AI model training</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Enterprise-grade security</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- IOT Matrix System Section -->
    <section id="iot-matrix" class="py-5">
        <div class="container">
            <div class="row align-items-center mb-5">
                <div class="col-lg-6">
                    <h2 class="display-4 fw-bold mb-4">IOT Matrix System</h2>
                    <p class="lead mb-4">Comprehensive Internet of Things management platform that orchestrates connected devices with intelligent automation, monitoring, and predictive maintenance.</p>
                    <div class="d-flex gap-3">
                        <a href="#contact" class="btn btn-primary btn-lg">Get Started</a>
                        <a href="#build-a-bot" class="btn btn-outline-dark btn-lg">Next Product</a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="text-center mb-4 mb-lg-0">
                        <i class="fas fa-network-wired fa-10x text-primary opacity-75"></i>
                    </div>
                </div>
            </div>
            
            <div class="row g-4 mb-5">
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-sitemap fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">Device Orchestration</h5>
                            <p class="card-text">Centralized management of thousands of IoT devices with automated discovery and configuration.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-chart-area fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">Predictive Analytics</h5>
                            <p class="card-text">AI-driven insights predict device failures and optimize performance before issues occur.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-lock fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">Security Framework</h5>
                            <p class="card-text">Advanced security protocols protect your IoT ecosystem from cyber threats and vulnerabilities.</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body p-5">
                            <h3 class="mb-4">Key Features</h3>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Real-time device monitoring</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Automated rule-based actions</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Edge computing integration</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Scalable cloud architecture</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Custom dashboard creation</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Industrial-grade reliability</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Build-A-Bot Section -->
    <section id="build-a-bot" class="py-5 bg-light">
        <div class="container">
            <div class="row align-items-center mb-5">
                <div class="col-lg-6">
                    <div class="text-center mb-4 mb-lg-0">
                        <i class="fas fa-cogs fa-10x text-primary opacity-75"></i>
                    </div>
                </div>
                <div class="col-lg-6">
                    <h2 class="display-4 fw-bold mb-4">Build-A-Bot</h2>
                    <p class="lead mb-4">No-code chatbot builder that empowers businesses to create sophisticated AI assistants without technical expertise or programming knowledge.</p>
                    <div class="d-flex gap-3">
                        <a href="#contact" class="btn btn-primary btn-lg">Get Started</a>
                        <a href="#about" class="btn btn-outline-dark btn-lg">Learn About Us</a>
                    </div>
                </div>
            </div>
            
            <div class="row g-4 mb-5">
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-paint-brush fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">Drag & Drop Interface</h5>
                            <p class="card-text">Intuitive visual builder allows anyone to create complex conversational flows without coding.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-comments fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">Natural Language Processing</h5>
                            <p class="card-text">Advanced NLP capabilities understand user intent and provide meaningful responses.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="mb-3">
                                <i class="fas fa-puzzle-piece fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title">Third-party Integrations</h5>
                            <p class="card-text">Connect with CRM, help desk, e-commerce, and hundreds of other platforms seamlessly.</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body p-5">
                            <h3 class="mb-4">Key Features</h3>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Visual conversation builder</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Multi-channel deployment</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>Analytics & performance tracking</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>A/B testing capabilities</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>White-label solutions</span>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-check-circle text-primary me-3"></i>
                                        <span>24/7 customer support</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section id="about" class="py-5">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <h2 class="display-5 fw-bold mb-4" style="font-size: 3rem; line-height: 1.07143; letter-spacing: -0.005em;">About Visualizze</h2>
                    <p class="lead mb-4">We are a forward-thinking technology company specializing in artificial intelligence solutions that drive business transformation.</p>
                    <p class="mb-4">At Visualizze Solutions, we believe in the power of AI to revolutionize how businesses operate, communicate, and grow. Our team of experts combines cutting-edge technology with practical business applications to deliver solutions that make a real difference.</p>
                </div>
                <div class="col-lg-6 text-center">
                    <div class="about-image">
                        <i class="fas fa-chart-line fa-10x text-primary opacity-50"></i>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="py-5 bg-dark text-white">
        <div class="container">
            <div class="row mb-5">
                <div class="col-12 text-center">
                    <h2 class="display-5 fw-bold mb-3" style="font-size: 3rem; line-height: 1.07143; letter-spacing: -0.005em;">Get In Touch</h2>
                    <p class="lead">Ready to transform your business with AI? Let's discuss your needs.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 mx-auto">
                    <form class="contact-form" id="contactForm">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="firstName" class="form-label">First Name</label>
                                <input type="text" class="form-control" id="firstName" required>
                            </div>
                            <div class="col-md-6">
                                <label for="lastName" class="form-label">Last Name</label>
                                <input type="text" class="form-control" id="lastName" required>
                            </div>
                            <div class="col-12">
                                <label for="email" class="form-label">Email Address</label>
                                <input type="email" class="form-control" id="email" required>
                            </div>
                            <div class="col-12">
                                <label for="company" class="form-label">Company</label>
                                <input type="text" class="form-control" id="company">
                            </div>
                            <div class="col-12">
                                <label for="message" class="form-label">Message</label>
                                <textarea class="form-control" id="message" rows="5" required></textarea>
                            </div>
                            <div class="col-12 text-center">
                                <button type="submit" class="btn btn-primary btn-lg">Send Message</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="row mt-5 pt-5 border-top">
                <div class="col-md-6 text-center mb-3">
                    <i class="fas fa-envelope fa-2x text-primary mb-2"></i>
                    <p class="mb-0">gunesh@visualizze.com</p>
                </div>
                <div class="col-md-6 text-center mb-3">
                    <i class="fas fa-map-marker-alt fa-2x text-primary mb-2"></i>
                    <p class="mb-0">Malaysia</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-primary text-white py-4">
        <div class="container">
            <div class="row justify-content-center align-items-center">
                <div class="col-md-4 text-center mb-3 mb-md-0">
                    <img src="full_logo.png" alt="Visualizze Solutions" height="50" class="footer-logo">
                </div>
                <div class="col-md-8 text-center">
                    <p class="mb-0">&copy; 2025 Visualizze Solutions. All rights reserved.</p>
                </div>
            </div>
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="script.js"></script>
</body>
</html>