<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Clayton Correia</title>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-G3YS814825"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-G3YS814825');
    </script>
    <link rel="icon" type="image/x-icon" href="images/favicon.ico">
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
</head>
<body>
    <main class="container">
        <!-- Hero Section -->
        <section class="hero">
            <h1>hi</h1>
            <div class="intro">
                <p>I'm Clayton Correia, a software product leader, husband, father of twins and small-time investor hiding in the Canadian wilderness.</p>
                <p>I make software products that have solved real problems for organizations like Apple, Amazon, Meta, Fidelity, Slack, Sony, PayPal, KPMG, Shopify, The United Nations, several U.S. federal agencies, and many more.</p>
            </div>
        </section>

        <!-- Current Work Section -->
        <section class="current-work">
            <h2>What I've been up to recently</h2>
           
            <div class="work-item">
                <p>I'm currently working at <a href="">Pagefreezer</a> where I'm VP of Product. I oversee a talented team of product managers, product designers and technical writers. Together with our engineering peers, we build the worlds <a href="https://www.pagefreezer.com/website-archiving/">best website archiving product</a> for compliance, an industry leading <a href="https://www.pagefreezer.com/webpreserver/">online evidence collection tool</a> and a number of other products for digital communications compliance and eDiscovery. </p>
                <div class="company-logo">
                    <img src="images/pagefreezer.jpeg" alt="Pagefreezer logo">
                </div>
            </div>

            <div class="work-item">
                <p>I'm also a co-founder of <a href="https://www.meetrhythm.app">Rhythm</a>, a personalized AI where you can work through your thoughts, feelings, and decisions.
                    Users choose Rhythm’s personality and save multiple preferences for different contexts, so it adapts to them – not the other way around. Available at <a href="https://www.meetrhythm.app">meetrhythm.app</a>.
                    </p>
                <div class="company-logo">
                    <img src="images/rhythm.svg" alt="Rhythm logo">
                </div>

            </div>
            
            <div class="work-item">
                <p>Previously, I worked at <a href="https://www.charitableimpact.com/">Charitable Impact</a> where I led a team of product managers and designers. In my time there, our products for donors, businesses and charities processed over $400 million in charitable transactions.</p>
                <div class="company-logo">
                    <img src="images/charitable-impact.jpeg" alt="Charitable Impact logo">
                </div>
            </div>

            <div class="work-item">
                <p>I was Lead Instructor of Product Management at <a href="https://brainstation.io/">Brainstation</a>, Canada's premier technical skills training school.</p>
                <div class="company-logo">
                    <img src="images/brainstation_logo.jpeg" alt="Brainstation logo">
                </div>
            </div>
                
            <div class="work-item">
                <p>I've founded and built a number of products of my own such as <a href="https://gamesbeat.com/social-site-dpadd-hopes-to-be-just-like-goodreads-but-for-video-games/">Dpadd</a>, a social network that was like Goodreads but for video games.</p>
                <div class="company-logo">
                    <img src="images/dpadd.jpeg" alt="Dpadd logo">
                </div>
            </div>
                
            <div class="work-item">
                <p>I've consulted on product strategy and UX for dozens of organizations from idea stage startups through to fortune 500 organizations.</p>
                <div class="company-logo">
                    <img src="images/consulting.png" alt="Consulting icon">
                </div>
            </div>
        </section>

        <!-- Projects Section
        <section class="projects">
            <h2>Projects</h2>
            
            <div class="project-card">
                <div class="project-icon">
                    <div class="icon-placeholder"></div>
                </div>
                <div class="project-info">
                    <h3>Project Name One</h3>
                    <p>Brief description of your first project and what makes it special.</p>
                </div>
            </div>

            <div class="project-card">
                <div class="project-icon">
                    <div class="icon-placeholder"></div>
                </div>
                <div class="project-info">
                    <h3>Project Name Two</h3>
                    <p>Brief description of your second project and its key features.</p>
                </div>
            </div>
        </section> -->

        <!-- Social Links Section -->
        <section class="social">
            <h2>Find me</h2>

            <a href="https://www.linkedin.com/in/claytoncorreia/" class="social-link">
                <div class="social-icon">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                        <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
                    </svg>
                </div>
                <span>LinkedIn</span>
                <div class="external-link">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M5 12h14M12 5l7 7-7 7"/>
                    </svg>
                </div>
            </a>
            
            <a href="https://x.com/claytoncorreia" class="social-link">
                <div class="social-icon">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                        <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
                    </svg>
                </div>
                <span>Twitter/X</span>
                <div class="external-link">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M5 12h14M12 5l7 7-7 7"/>
                    </svg>
                </div>
            </a>

            <a href="https://github.com/claytoncorreia" class="social-link">
                <div class="social-icon">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                        <path d="M12 .5C5.649.5.5 5.649.5 12c0 5.084 3.292 9.399 7.861 10.92.575.105.786-.249.786-.556 0-.274-.01-1-.016-1.962-3.197.695-3.872-1.541-3.872-1.541-.523-1.328-1.277-1.682-1.277-1.682-1.044-.714.079-.7.079-.7 1.155.081 1.763 1.186 1.763 1.186 1.026 1.758 2.692 1.251 3.348.957.104-.743.402-1.251.731-1.539-2.552-.29-5.236-1.276-5.236-5.681 0-1.255.448-2.282 1.183-3.086-.119-.29-.513-1.458.112-3.041 0 0 .965-.309 3.162 1.179A10.98 10.98 0 0 1 12 6.037c.974.004 1.956.132 2.872.387 2.195-1.488 3.158-1.179 3.158-1.179.627 1.583.233 2.751.115 3.041.737.804 1.181 1.831 1.181 3.086 0 4.416-2.688 5.387-5.248 5.671.414.357.783 1.061.783 2.139 0 1.544-.014 2.788-.014 3.168 0 .31.207.667.792.554C20.211 21.395 23.5 17.082 23.5 12 23.5 5.649 18.351.5 12 .5Z"/>
                    </svg>
                </div>
                <span>GitHub</span>
                <div class="external-link">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M5 12h14M12 5l7 7-7 7"/>
                    </svg>
                </div>
            </a>

            <a href class="social-link">
                <div class="social-icon">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
                        <polyline points="22,6 12,13 2,6"/>
                    </svg>
                </div>
                <span>Email - info(at)claytoncorreia(dot)com</span>
                <div class="external-link">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M5 12h14M12 5l7 7-7 7"/>
                    </svg>
                </div>
            </a>
        </section>
    </main>
</body>
</html>
