Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GoodCombinator | Agent Marketplace</title>
    <style>
        :root {
            --primary: #2563eb;
            --primary-dark: #1d4ed8;
            --secondary: #0f172a;
            --accent: #f59e0b;
            --light: #f8fafc;
            --light-gray: #f1f5f9;
            --dark: #0f172a;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            line-height: 1.5;
            color: var(--dark);
            background-color: var(--light);
        }
        
        .container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 2rem 1.5rem;
        }
        
        header {
            text-align: center;
            margin-bottom: 3rem;
        }
        
        .main-title {
            font-size: 2.75rem;
            font-weight: 800;
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            margin-bottom: 0.75rem;
            line-height: 1.2;
        }
        
        .tagline {
            font-size: 1.5rem;
            font-weight: 500;
            color: var(--secondary);
            margin-bottom: 0.5rem;
        }
        
        .section-title {
            font-size: 1.75rem;
            font-weight: 700;
            text-align: center;
            margin-bottom: 2.5rem;
            color: var(--secondary);
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .steps-container {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1.5rem;
            margin-bottom: 2.5rem;
        }
        
        @media (min-width: 768px) {
            .steps-container {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        
        .step-card {
            background: white;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        
        .step-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
        }
        
        .step-header {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            color: white;
            padding: 1rem;
            font-weight: 700;
            display: flex;
            align-items: center;
        }
        
        .step-number {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            background: white;
            color: var(--primary-dark);
            border-radius: 50%;
            margin-right: 0.75rem;
            font-weight: 800;
        }
        
        .step-title {
            font-size: 1.25rem;
        }
        
        .step-content {
            padding: 1.25rem;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        
        .step-description {
            margin-bottom: 1rem;
        }
        
        .highlight {
            font-weight: 700;
            color: var(--primary);
        }
        
        .step-outcome {
            background: var(--light-gray);
            padding: 1rem;
            border-radius: 8px;
            margin-top: auto;
            border-left: 3px solid var(--accent);
        }
        
        .outcome-label {
            font-weight: 700;
            font-size: 0.8rem;
            text-transform: uppercase;
            color: var(--accent);
            margin-bottom: 0.25rem;
            display: flex;
            align-items: center;
        }
        
        .outcome-label::before {
            content: "✓";
            display: inline-block;
            margin-right: 6px;
        }
        
        .cta-container {
            text-align: center;
            margin-top: 2.5rem;
        }
        
        .cta-button {
            display: inline-block;
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            color: white;
            padding: 1rem 2rem;
            border-radius: 30px;
            font-weight: 600;
            font-size: 1.1rem;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
        }
        
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 16px rgba(37, 99, 235, 0.35);
        }
        
        .cta-button svg {
            display: inline-block;
            vertical-align: middle;
            margin-left: 0.5rem;
            transition: transform 0.3s ease;
        }
        
        .cta-button:hover svg {
            transform: translateX(3px);
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1 class="main-title">The Agent Marketplace</h1>
            <p class="tagline">Map opportunities. Match with partners. Launch AI agents.</p>
        </header>
        
        <main>
            <h2 class="section-title">How GoodCombinator Works – Your 3-Step On-Ramp to the Agentic Future</h2>
            
            <div class="steps-container">
                
                <div class="step-card">
                    <div class="step-header">
                        <div class="step-number">1</div>
                        <h3 class="step-title">Map Opportunities</h3>
                    </div>
                    <div class="step-content">
                        <div class="step-description">
                            <p>Run a fast, AI-powered <span class="highlight">Agent Readiness Audit</span> that probes every function and workflow.</p>
                        </div>
                        <div class="step-outcome">
                            <div class="outcome-label">Your Outcome</div>
                            <p>A clear, ranked list of use-cases where agents will drive the highest ROI.</p>
                        </div>
                    </div>
                </div>
                
                
                <div class="step-card">
                    <div class="step-header">
                        <div class="step-number">2</div>
                        <h3 class="step-title">Find Partners</h3>
                    </div>
                    <div class="step-content">
                        <div class="step-description">
                            <p>Instantly convert those use-cases into RFPs on the <span class="highlight">Agent Marketplace</span>.</p>
                        </div>
                        <div class="step-outcome">
                            <div class="outcome-label">Your Outcome</div>
                            <p>A short-list of vetted builders and off-the-shelf solutions eager to compete for your project.</p>
                        </div>
                    </div>
                </div>
                
                
                <div class="step-card">
                    <div class="step-header">
                        <div class="step-number">3</div>
                        <h3 class="step-title">Deploy Agents</h3>
                    </div>
                    <div class="step-content">
                        <div class="step-description">
                            <p>GoodCombinator matches you with the ideal partner and keeps delivery on track.</p>
                        </div>
                        <div class="step-outcome">
                            <div class="outcome-label">Your Outcome</div>
                            <p>Live agents in production, measurable value on the board.</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="cta-container">
                <a href="#" class="cta-button">
                    Start with an Agent Readiness Audit
                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M5 12h14"></path>
                        <path d="M12 5l7 7-7 7"></path>
                    </svg>
                </a>
            </div>
        </main>
    </div>
</body>
</html>

Point Preserve

Point Preserve is an AI-focused community located in Santa Rosa Beach, Florida, dedicated to integrating artificial intelligence innovations with natural inspirations. Their team collaborates closely with clients to develop tailored technological solutions. Emphasizing sustainability, Point Preserve aims to harmonize technological advancements with the natural environment.