Default page

Viewing : index.php

<?php
// index.php – All Media почетна страна

// Handler за контакт формата (PHPMailer)
require __DIR__ . '/contact-handler.php';

$pageTitle       = 'All Media – Ваш доверлив партнер за креативни решенија';
$pageDescription = 'All Media – интегрирана маркетинг и продукциска компанија: концепт и брендинг, дигитален маркетинг, печат, видео продукција, настани и веб девелопмент.';
$currentPage     = 'home';

require __DIR__ . '/includes/header.php';
?>

<!-- HERO -->
<section id="hero" class="hero-section py-5 py-lg-5">
    <div class="container">
        <div class="row align-items-center g-4">
            <div class="col-lg-6">

                <h1 class="display-5 fw-bold mb-3 hero-title">
                    Ваш доверлив партнер<br>за креативни решенија, настани и печат.
                </h1>
                <p class="lead mb-4 hero-subtitle">
                    Од идеја до реализација <strong>се на едно место:</strong> брендинг, дигитален маркетинг,
                    видео продукција, печат, настани и веб девелопмент.
                </p>
                <div class="d-flex flex-wrap gap-3">
                    <a href="contact.php" class="btn btn-primary btn-lg">
                        Закажи состанок
                    </a>
                    <a href="services.php" class="btn btn-outline-light btn-lg hero-outline-btn">
                        Види ги услугите
                    </a>
                </div>
                <div class="hero-meta mt-4 d-flex flex-wrap gap-4">
                    <div>
                        <div class="h3 mb-0 fw-bold">35+ години</div>
                        <small class="text-muted">искуство во печат и маркетинг</small>
                    </div>
                    <div>
                        <div class="h3 mb-0 fw-bold">360° услуги</div>
                        <small class="text-muted">од концепт до реализација</small>
                    </div>
                </div>
            </div>

            <!-- ДЕСНО: COVER СЛИКА + FLOAT CARD -->
            <div class="col-lg-6">
                <div class="hero-image-wrapper">
                    <img src="assets/img/hero-conference.jpg"
                         alt="All Media – конференциска сала со лого"
                         class="hero-cover-img">

                    <div class="hero-float-card">
                        <div class="hero-pill">One-stop media &amp; print</div>
                        <h2 class="h6 mb-2">Комплетна маркетинг агенција</h2>
                        <ul class="list-unstyled hero-list mb-0">
                            <li>✔ Концепт и брендинг</li>
                            <li>✔ Социјални мрежи &amp; дигитален маркетинг</li>
                            <li>✔ Печат &amp; промотивен материјал</li>
                            <li>✔ Видео продукција &amp; настани</li>
                            <li>✔ Development &amp; веб решенија</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- ABOUT -->
<section id="about" class="section-padding">
    <div class="container">
        <div class="row align-items-start g-4">
            <div class="col-lg-5">
                <span class="section-kicker">За нас</span>
                <h2 class="section-title mt-2 mb-3">
                    Сè што му треба на вашиот бренд и малку повеќе.
                </h2>
                <p class="section-text">
                    <strong>ALL Media</strong> е агенција каде идеите добиваат форма, звук и движење. Создаваме брендови што
                    се забележуваат, кампањи што ангажираат и приказни што се раскажуваат сами. Нудиме сè
                    што му треба на еден модерен бренд стратегија, дизајн, дигитален маркетинг, ПР, видео
                    продукција и врвни настани. Едно место, една екипа, безгранична креативност.
                </p>

                <p class="section-text">
                    Работиме со целосен фокус и енергија. Секој клиент го третираме како да е нашиот единствен проект со
                    персонализиран пристап и креативност што не се повторува. Го мешаме најдоброто од
                    стратегија, дизајн и продукција за да создадеме смели решенија што привлекуваат внимание и
                    носат конкретни резултати.
                </p>
            </div>

            <div class="col-lg-7">
                <div class="timeline-card">
                    <img
                        src="assets/img/103.jpg"
                        alt="Креатива"
                        class="img-fluid creative-img"
                        loading="lazy"
                    />
                </div>
            </div>

        </div>
    </div>
</section>

<!-- SERVICES (КРАТКО ПРЕГЛЕДНО – ДЕТАЛНО Е НА services.php) -->
<section id="services" class="section-padding section-alt">
    <div class="container">
        <div class="text-center mb-5">
            <span class="section-kicker">Услуги</span>
            <h1 class="section-title mt-2">Што нудиме?</h1>
            <p class="section-text mx-auto" style="max-width: 640px;">
                Пред сè <strong>сигурен партнер</strong>. Комплетна услуга од стратегија и креативен концепт,
                до печат, настани и дигитални кампањи.
                За детално објаснување по услуга, посетете ја страницата <a href="services.php">Услуги</a>.
            </p>
        </div>

        <div class="row g-4">
            <div class="col-md-6 col-lg-4">
                <div class="service-card h-100">
                    <h3 class="h4">Концепт и брендинг</h3>
                    <p class="mb-0">
                        Визуелен идентитет, слоган и креативна платформа која го раскажува карактерот
                        на вашиот бренд на јасен и препознатлив начин.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="service-card h-100">
                    <h3 class="h4">Социјални мрежи</h3>
                    <p class="mb-0">
                        Стратегија, креирање содржина и менаџирање на Facebook, Instagram, TikTok, X и YouTube
                        кампањи за максимален reach и engagement.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="service-card h-100">
                    <h3 class="h4">Печатење &amp; промо материјал</h3>
                    <p class="mb-0">
                        Мал и голем формат визит карти, каталози, постери, билборди, банери, амбалажа и
                        специјализирани промотивни материјали.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="service-card h-100">
                    <h3 class="h4">Видео продукција &amp; дизајн</h3>
                    <p class="mb-0">
                        Концепт, снимање и монтажа на промотивни видеа, ТВ спотови, анимации, како и
                        целосен графички дизајн за онлајн и офлајн.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="service-card h-100">
                    <h3 class="h4">Дигитален маркетинг</h3>
                    <p class="mb-0">
                        PPC, remarketing, performance кампањи, клипинг и аналитика. Оптимизација за резултати,
                        не само за импресии.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="service-card h-100">
                    <h3 class="h4">ПР &amp; медиуми</h3>
                    <p class="mb-0">
                        ПР кампањи, закуп на традиционални и дигитални медиуми, портали и билборди
                        стратегија каде вашата порака ќе има најголем ефект.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="service-card h-100">
                    <h3 class="h4">Настани</h3>
                    <p class="mb-0">
                        Организација и реализација на корпоративни настани, промоции, отворања, конференции
                        и специјални активирања.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="service-card h-100">
                    <h3 class="h4">Development &amp; Web</h3>
                    <p class="mb-0">
                        Изработка и оддржување на веб страници, апликации, платформи и интерактивни решенија
                        кои визуелно и функционално го следат брендот.
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="service-card h-100">
                    <h3 class="h4">Консултации &amp; стратегија</h3>
                    <p class="mb-0">
                        Заедничко планирање на годишни маркетинг стратегии, буџетирање и распределба по канали со
                        јасни KPI и цели.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CLIENTS -->
<section id="clients" class="section-padding">
    <div class="container">
        <div class="text-center mb-5">
            <span class="section-kicker">Досегашни соработници</span>
            <h2 class="section-title mt-2">Дел од нашите успешни приказни</h2>
            <p class="section-text mx-auto" style="max-width: 640px;">
                Долгогодишен доверлив партнер на бројни компании во Македонија и регионот од локални брендови до
                меѓународни компании.
            </p>
        </div>

        <!-- ✅ CSS FIX ONLY FOR THIS LOGO MARQUEE (16 logos, mobile nowrap, no giant logo) -->
        <style>
            #clients .clients-marquee{
                width: 100%;
                overflow: hidden;
                padding: 8px 0;
            }

            /* track gap MUST be 0 for perfect -50% loop */
            #clients .clients-track{
                display: flex;
                align-items: center;
                gap: 0;
                width: max-content;
                will-change: transform;
                animation: clientsScroll 30s linear infinite;
            }

            /* set holds spacing */
            #clients .clients-set{
                display: flex;
                align-items: center;
                gap: 14px;
                flex-wrap: nowrap;
                width: max-content;
                min-width: max-content;
                padding-right: 14px; /* small buffer */
            }

            #clients .client-logo{
                flex: 0 0 auto;
                width: 140px;
                height: 64px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #ffffff;
                border: 1px solid rgba(0,0,0,.06);
                border-radius: 12px;
                padding: 10px 12px;
                overflow: hidden;
            }

            #clients .client-logo img{
                width: 100%;
                height: 100%;
                object-fit: contain;
                display: block;
            }

            @media (max-width: 991.98px){
                #clients .client-logo{
                    width: 124px;
                    height: 58px;
                }
                #clients .clients-set{ gap: 12px; padding-right: 12px; }
                #clients .clients-track{ animation-duration: 26s; }
            }

            @media (max-width: 575.98px){
                #clients .client-logo{
                    width: 110px;
                    height: 54px;
                    padding: 8px 10px;
                }
                #clients .clients-set{ gap: 10px; padding-right: 10px; }
                #clients .clients-track{ animation-duration: 22s; }
            }

            @media (hover:hover){
                #clients .clients-marquee:hover .clients-track{
                    animation-play-state: paused;
                }
            }

            @media (prefers-reduced-motion: reduce){
                #clients .clients-track{ animation: none; }
            }

            @keyframes clientsScroll{
                from { transform: translateX(0); }
                to   { transform: translateX(-50%); }
            }
        </style>

        <div class="clients-marquee">
            <div class="clients-track">

                <!-- SET 1 -->
                <div class="clients-set">
                    <div class="client-logo"><img src="assets/img/logo1.png"  alt="Лого 1"  loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo2.png"  alt="Лого 2"  loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo3.png"  alt="Лого 3"  loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo4.png"  alt="Лого 4"  loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo5.png"  alt="Лого 5"  loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo6.png"  alt="Лого 6"  loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo7.png"  alt="Лого 7"  loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo8.png"  alt="Лого 8"  loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo9.png"  alt="Лого 9"  loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo10.png" alt="Лого 10" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo11.png" alt="Лого 11" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo12.png" alt="Лого 12" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo13.png" alt="Лого 13" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo14.png" alt="Лого 14" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo15.png" alt="Лого 15" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo16.png" alt="Лого 16" loading="lazy"></div>
                </div>

                <!-- SET 2 (duplicate for infinite loop) -->
                <div class="clients-set" aria-hidden="true">
                    <div class="client-logo"><img src="assets/img/logo1.png"  alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo2.png"  alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo3.png"  alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo4.png"  alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo5.png"  alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo6.png"  alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo7.png"  alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo8.png"  alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo9.png"  alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo10.png" alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo11.png" alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo12.png" alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo13.png" alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo14.png" alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo15.png" alt="" loading="lazy"></div>
                    <div class="client-logo"><img src="assets/img/logo16.png" alt="" loading="lazy"></div>
                </div>

            </div>
        </div>
    </div>
</section>

<!-- WHY US -->
<section id="why-us" class="section-padding section-alt">
    <div class="container">
        <div class="row g-4 align-items-center">
            <div class="col-lg-5">
                <span class="section-kicker">Зошто ние?</span>
                <h2 class="section-title mt-2 mb-3">Искуство, технологија и доверба.</h2>
                <p class="section-text">
                    Комбинираме <strong>богато меѓународно искуство</strong> со
                    <strong>современа технологија</strong> и целосно интегрирани услуги од печат до дигитал.
                </p>
                <p class="section-text">
                    За клиентите сме <strong>партнер, не само изведувач</strong>: нудиме континуирана поддршка,
                    брза реакција и транспарентна комуникација.
                </p>
            </div>
            <div class="col-lg-7">
                <div class="row g-4">
                    <div class="col-md-4">
                        <div class="why-card">
                            <h3 class="h5 mb-1">Искуство</h3>
                            <p class="small mb-0">
                                Повеќе од три децении работа со компании од различни индустрии.
                            </p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="why-card">
                            <h3 class="h5 mb-1">Сеопфатна услуга</h3>
                            <p class="small mb-0">
                                Од идеја до целосна реализација сè на едно место, без дополнителна координација.
                            </p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="why-card">
                            <h3 class="h5 mb-1">Доверлив партнер</h3>
                            <p class="small mb-0">
                                Долгогодишни соработки и препораки од постојни клиенти.
                            </p>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="why-highlight mt-2">
                            <strong>Фокус на резултати:</strong> не само убав дизајн, туку реален ефект врз бренд
                            перформанс и продажба.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CONTACT -->
<section id="contact" class="section-padding section-alt">
    <div class="container">
        <div class="row g-4">
            <div class="col-lg-5">
                <span class="section-kicker">Контакт</span>
                <h2 class="section-title mt-2 mb-3">Ајде да зборуваме за вашиот бренд.</h2>
                <p class="section-text">
                    Кажете ни накратко што ви е потребно стратегија, кампања, настан или целосен ребрендинг и
                    ќе ви предложиме најдобар пристап.
                </p>

                <div class="contact-info-card mt-3">
                    <h2 class="h6 text-uppercase text-muted mb-2">Контакт податоци</h2>

                    <p class="mb-1">
                        <strong>E-mail:</strong>
                        <a href="mailto:office@allmedia.mk">office@allmedia.mk</a>
                    </p>

                    <p class="mb-1">
                        <strong>Телефон:</strong> <a href="tel:+38978404829">+389 78 404 829</a>
                        <strong></strong> <a href="tel:+38978235257">+389 78 235 257</a>
                    </p>

                    <p class="small text-muted mt-2 mb-0">
                        Ќе ви одговориме со предлог и можност за состанок во рок од 1–2 работни дена.
                    </p>
                </div>

            </div>
            <div class="col-lg-7">
                <div class="contact-form-card">
                    <?php if ($contact_sent): ?>
                        <div class="alert alert-success mb-4">
                            Ви благодариме! Вашата порака е успешно испратена. Ќе ви одговориме во најбрз рок.
                        </div>
                    <?php elseif ($contact_error): ?>
                        <div class="alert alert-danger mb-4">
                            <?php echo htmlspecialchars($contact_error); ?>
                        </div>
                    <?php endif; ?>

                    <form method="post" novalidate>
                        <input type="hidden" name="contact_form" value="1">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="name" class="form-label">Име и презиме *</label>
                                <input type="text" class="form-control" id="name" name="name"
                                       value="<?php echo htmlspecialchars($_POST['name'] ?? ''); ?>" required>
                            </div>
                            <div class="col-md-6">
                                <label for="email" class="form-label">E-mail *</label>
                                <input type="email" class="form-control" id="email" name="email"
                                       value="<?php echo htmlspecialchars($_POST['email'] ?? ''); ?>" required>
                            </div>
                            <div class="col-md-12">
                                <label for="company" class="form-label">Компанија</label>
                                <input type="text" class="form-control" id="company" name="company"
                                       value="<?php echo htmlspecialchars($_POST['company'] ?? ''); ?>">
                            </div>
                            <div class="col-12">
                                <label for="message" class="form-label">Опишете накратко што ви е потребно *</label>
                                <textarea class="form-control" id="message" name="message" rows="4" required><?php
                                    echo htmlspecialchars($_POST['message'] ?? '');
                                ?></textarea>
                            </div>
                            <div class="col-12 d-flex flex-wrap align-items-center justify-content-between gap-2 mt-2">
                                <small class="text-muted">
                                    Со клик на „Испрати“ се согласувате да ве контактираме по e-mail или телефон.
                                </small>
                                <button type="submit" class="btn btn-primary">
                                    Испрати порака
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<?php
require __DIR__ . '/includes/footer.php';