{{ define "main" }}
<!-- Hero Section -->
<section id="home" class="hero">
    <div class="section-content">
        <img src="/images/pyx_hires.png" alt="{{ .Site.Title }}" class="logo">
        <h1>{{ .Site.Title }}</h1>
        <p>{{ .Site.Params.description }}</p>
        <a href="#services" class="cta">{{ i18n "exploreServices" }}</a>
    </div>
    <div class="scroll-indicator"></div>
</section>

<!-- About Section -->
<section id="about" class="about">
    <div class="section-content">
        <h2>{{ i18n "about" }}</h2>
        <div class="content">
            {{ .Content }}
            <p>{{ i18n "aboutDescription" }}</p>
        </div>
    </div>
</section>

<!-- Services Section -->
<section id="services" class="services">
    <div class="section-content">
        <h2>{{ i18n "services" }}</h2>
        <div class="service-list">
            {{ range where .Site.Pages "Section" "services" }}
            <article>
                <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
                {{ if .Description }}
                <p>{{ .Description }}</p>
                {{ else }}
                <p>{{ .Summary }}</p>
                {{ end }}
            </article>
            {{ end }}
            {{ if eq (len (where .Site.Pages "Section" "services")) 0 }}
            <!-- Placeholder services -->
            <article>
                <h3>ML Operations</h3>
                <p>{{ i18n "mlOpsDescription" }}</p>
            </article>
            <article>
                <h3>Kafka Solutions</h3>
                <p>{{ i18n "kafkaDescription" }}</p>
            </article>
            <article>
                <h3>Elasticsearch</h3>
                <p>{{ i18n "elasticsearchDescription" }}</p>
            </article>
            {{ end }}
        </div>
    </div>
</section>

<!-- Projects Section -->
<section id="projects" class="projects">
    <div class="section-content">
        <h2>{{ i18n "projects" }}</h2>
        <div class="project-list">
            {{ range where .Site.Pages "Section" "projects" }}
            <article>
                {{ if .Params.thumbnail }}
                {{ $image := .Resources.GetMatch .Params.thumbnail }}
                {{ if $image }}
                <img src="{{ ($image.Resize "600x").RelPermalink }}" alt="{{ .Title }}">
                {{ end }}
                {{ end }}
                <div class="project-content">
                    <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
                    {{ if .Description }}
                    <p>{{ .Description }}</p>
                    {{ end }}
                </div>
            </article>
            {{ end }}
            {{ if eq (len (where .Site.Pages "Section" "projects")) 0 }}
            <!-- Placeholder message -->
            <article>
                <div class="project-content">
                    <h3>{{ i18n "projectsComingSoon" }}</h3>
                    <p>{{ i18n "projectsComingSoonDescription" }}</p>
                </div>
            </article>
            {{ end }}
        </div>
    </div>
</section>
{{ end }}