nc-awesome-website/index.html at main · nchandhi/nc-awesome-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home - AI Solution Builder Guide</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <nav class="navbar">
        <div class="container">
            <div class="nav-brand">AI Solution Builder</div>
            <ul class="nav-menu">
                <li><a href="index.html" class="active">Home</a></li>
                <li><a href="documentation.html#phase1">Define Business Scenario</a></li>
                <li><a href="documentation.html#phase2">Build PoC</a></li>
                <li><a href="documentation.html#phase3">Scale to Production</a></li>
            </ul>
        </div>
    </nav>

    <header class="hero">
        <div class="container">
            <h1>Build Your AI Solution</h1>
            <p class="hero-subtitle">Step-by-step guide from concept to deployment</p>
            <a href="documentation.html#phase1" class="btn">Start Building</a>
        </div>
    </header>

    <main class="container">
        <section class="content-section">
            <h2> Your AI Journey Starts Here</h2>
            <p>
                Welcome to the comprehensive guide for building AI solutions! Whether you're creating
                your first chatbot, implementing machine learning models, or deploying enterprise AI systems,
                this guide will walk you through every step of the process.
            </p>
        </section>

        <section class="features">
            <a href="documentation.html#phase1" style="text-decoration: none; color: inherit;">
                <div class="feature-card" style="cursor: pointer;">
                    <h3>👔 Define Business Scenario</h3>
                    <p>Define compelling use case, assess data readiness, set success metrics, and secure stakeholder buy-in.</p>
                    <span class="btn btn-small" style="margin-top: 1rem; display: inline-block;">View Details →</span>
                </div>
            </a>
            <a href="documentation.html#phase2" style="text-decoration: none; color: inherit;">
                <div class="feature-card" style="cursor: pointer;">
                    <h3>🔧 Build PoC</h3>
                    <p>Select AI platform, create agents and orchestration, build user interface, and validate with real users.</p>
                    <span class="btn btn-small" style="margin-top: 1rem; display: inline-block;">View Details →</span>
                </div>
            </a>
            <a href="documentation.html#phase3" style="text-decoration: none; color: inherit;">
                <div class="feature-card" style="cursor: pointer;">
                    <h3>🚀 Scale to Production</h3>
                    <p>Deploy to production, implement monitoring, scale infrastructure, and optimize continuously.</p>
                    <span class="btn btn-small" style="margin-top: 1rem; display: inline-block;">View Details →</span>
                </div>
            </a>
        </section>

        <section class="content-section">
            <h2>📚 What You'll Accomplish</h2>
            <ul class="styled-list">
                <li>Define compelling business case with clear ROI and measurable outcomes</li>
                <li>Validate technical feasibility with working proof of concept</li>
                <li>Deploy enterprise-grade production AI solution</li>
                <li>Scale to handle production workloads and concurrent users</li>
                <li>Monitor performance and continuously optimize</li>
                <li>Implement responsible AI practices throughout</li>
            </ul>
        </section>

        <section class="content-section" style="text-align: center; padding: 2rem 0;">
            <h2>Ready to Begin?</h2>
            <p style="margin-bottom: 1.5rem;">Start with the first phase: Define Business Scenario.</p>
            <a href="documentation.html#phase1" class="btn btn-primary">Start Defining Business Scenario →</a>
        </section>
    </main>

    <footer>
        <div class="container">
            <p>&copy; 2025 AI Solution Builder Guide. Empowering customers to build intelligent solutions.</p>
        </div>
    </footer>
</body>
</html>