> ## Documentation Index
> Fetch the complete documentation index at: https://kw.hellenictechnologies.com/llms.txt
> Use this file to discover all available pages before exploring further.

# AI-Powered Digital Agency

> AI-powered digital agency helping businesses grow faster, work smarter, and reduce operational costs.

<style>
  {`:root:has(#ht-home) #header { display: none !important; }
    :root:has(#ht-home) #pagination { display: none !important; }`}
</style>

export const HeroCard = ({imgLight, imgDark, title, description, href}) => {
  return <a className="group cursor-pointer pb-8" href={href} style={{textDecoration: "none", display: "block"}}>
    <img src={imgDark} className="pointer-events-none group-hover:scale-105 transition-all duration-100 dark:block hidden" style={{width: "100%", borderRadius: "0.75rem"}} />
    <img src={imgLight} className="pointer-events-none group-hover:scale-105 transition-all duration-100 dark:hidden block" style={{width: "100%", borderRadius: "0.75rem"}} />
    <h3 style={{marginTop: "1.25rem", fontWeight: 500, fontSize: "1rem"}}>
      {title}
    </h3>
    <span style={{display: "block", marginTop: "0.375rem", fontSize: "0.875rem", opacity: 0.6}}>{description}</span>
  </a>;
};

<div id="ht-home" style={{position: "relative", overflow: "visible", marginTop: "-2rem"}}>
  <div
    style={{
position: "absolute",
top: "-200px",
left: "50%",
transform: "translateX(-50%)",
width: "100vw",
pointerEvents: "none",
opacity: 0.8,
zIndex: 0
}}
  >
    <img src="https://mintcdn.com/hellenictechnologies/Bgz-770GYf7HBM8s/images/hero/background-dark.svg?fit=max&auto=format&n=Bgz-770GYf7HBM8s&q=85&s=20bdb4529f1b8508d13b663a61010254" className="hidden dark:block" style={{width: "100%", height: "auto"}} alt="" width="1152" height="388" data-path="images/hero/background-dark.svg" />

    <img src="https://mintcdn.com/hellenictechnologies/AOesDKhGVp775SfT/images/hero/background-light.svg?fit=max&auto=format&n=AOesDKhGVp775SfT&q=85&s=692354ad264a0764e6a921cb2522710d" className="block dark:hidden" style={{width: "100%", height: "auto"}} alt="" width="1152" height="388" data-path="images/hero/background-light.svg" />
  </div>

  <div style={{position: "relative", zIndex: 10, padding: "4rem 1rem 6rem", maxWidth: "900px", width: "100%", margin: "0 auto"}}>
    <h1 style={{display: "block", fontSize: "2.5rem", fontWeight: 700, textAlign: "center", letterSpacing: "-0.02em", marginTop: 0}}>
      Hellenic Technologies
    </h1>

    <div style={{maxWidth: "36rem", margin: "1rem auto 0", fontSize: "1.125rem", textAlign: "center", opacity: 0.6}}>
      AI-powered digital agency helping businesses grow faster, work smarter, and reduce operational costs.
    </div>

    <div className="grid sm:grid-cols-2 gap-6 mt-20 w-full max-w-[900px] mx-auto">
      <HeroCard imgDark="/images/hero/ai-solutions-dark.svg" imgLight="/images/hero/ai-solutions-light.svg" title="AI Solutions" description="hellenicAI Assistants, OmniAI Chatbot and AI B2B Outreach — deployed in days, trained on your business." href="/ai/overview" />

      <HeroCard imgDark="/images/hero/digital-marketing-dark.svg" imgLight="/images/hero/digital-marketing-light.svg" title="Digital Marketing" description="Google Premier Partner. Meta Business Partner. AI-driven campaigns across Search, Social, Display and Shopping." href="/digital-marketing/overview" />

      <HeroCard imgDark="/images/hero/web-development-dark.svg" imgLight="/images/hero/web-development-light.svg" title="Web Development" description="Custom websites and web apps built for performance, SEO and conversion. From landing pages to full platforms." href="/web-development/overview" />

      <HeroCard imgDark="/images/hero/web-analytics-dark.svg" imgLight="/images/hero/web-analytics-light.svg" title="Web Analytics" description="Full-stack analytics implementation. GA4, GTM, server-side tracking, dashboards and GDPR-compliant reporting." href="/web-analytics/overview" />

      <HeroCard imgDark="/images/hero/bi-solutions-dark.svg" imgLight="/images/hero/bi-solutions-light.svg" title="BI Solutions" description="Custom dashboards, KPI reporting, Metabase, ClickHouse and data pipelines for real-time business intelligence." href="/bi-solutions/overview" />

      <HeroCard imgDark="/images/hero/creative-design-dark.svg" imgLight="/images/hero/creative-design-light.svg" title="Creative Design" description="Brand identity, UI/UX, motion graphics and creative production. Strategy-led design that converts." href="/creative-design/overview" />

      <HeroCard imgDark="/images/hero/devops-dark.svg" imgLight="/images/hero/devops-light.svg" title="Managed DevOps" description="Cloud infrastructure, CI/CD pipelines, hosting, monitoring and security. Built to scale." href="/devops/overview" />

      <HeroCard imgDark="/images/hero/after-sales-dark.svg" imgLight="/images/hero/after-sales-light.svg" title="After Sales" description="SOW, BAU retainers, SLA commitments and regular performance reporting for all active services." href="/after-sales/overview" />
    </div>
  </div>
</div>