{% extends "base.html" %}

{% block head %}
	<!-- HTML Meta Tags -->
	<meta name="description" content="IPFire is a hardened, versatile, state-of-the-art Open Source firewall based on Linux.">

	{% module OpenGraph(
		title=_("Welcome To IPFire! - More Than A Firewall"),
		description=_("The Open Source Linux-based Firewall Operating System with a Comprehensive Feature Set"),
	) %}

	<link rel="alternate" type="application/atom+xml" title="RSS" href="/blog/feed.xml" />
{% end block %}

{% block title %}{{ _("Welcome to IPFire") }}{% end block %}

{% block container %}
	{# Christmas Banner #}
	{% if now.month == 12 and now.day >= 10 %}
		<section class="hero is-small is-primary">
			<div class="hero-body">
				<div class="container">
					<p class="has-text-centered px-2 py-1">
						<i class="fas fa-gifts"></i>
						<i class="fa-solid fa-candy-cane"></i>
						<i class="fa-solid fa-sleigh"></i>

						This festive season, spread cheer and security!
						Support IPFire with a holiday donation for a safer online world.
						Merry Christmas!

						&nbsp;

						<a class="has-text-weight-bold" href="/donate">
							{{ _("Donate") }}
						</a>
					</p>
				</div>
			</div>
		</section>
	{% end %}

	{% if latest_release %}
		<section class="has-background-light">
			<div class="container">
				<p class="has-text-centered px-2 py-1">
					{{ _("Latest Release: %(release)s from %(when)s") \
						% { "release" : latest_release.name, "when" : locale.format_day(latest_release.date, dow=False) } }}

					{% if latest_release.blog %}
						&nbsp;

						<a class="has-text-weight-bold" href="/blog/{{ latest_release.blog.slug }}">
							{{ _("Read More") }}
						</a>
					{% end %}
				</p>
			</div>
		</section>
	{% end %}

	<section class="hero is-large is-primary" id="hero-index">
		<video autoplay muted loop playsinline poster="{{ static_url("videos/firewall.jpg") }}">
			{# AV1 for modern browsers that support it #}
			<source src="{{ static_url("videos/firewall@1920.av1.mp4") }}" type="video/mp4; codecs=av01.0.05M.08" />

			{# H.265/HEVC for modern browsers #}
			<source src="{{ static_url("videos/firewall@1920.h265.mp4") }}" type="video/mp4; codecs=hvc1" />

			{# H.264/AVC for people who have a hardware decoder for it #}
			<source src="{{ static_url("videos/firewall@1920.h264.mp4") }}" type="video/mp4; codecs=avc1.4D401E" />

			{# VP9 as compatibility option for anything else #}
			<source src="{{ static_url("videos/firewall@1920.vp9.mp4") }}" type="video/mp4; codecs=vp9" />

			<p>
				Blazing Fire by Oleg Gamulinskii (CC)
				https://www.pexels.com/video/blazing-fire-2715412/
			</p>
		</video>

		<div class="hero-body">
			<div class="container">
				<h1 class="title is-1">
					{{ _("IPFire") }}_ {{ _("More Than A Firewall") }}
				</h1>

				<h4 class="subtitle is-4">
					Secure Your Network with IPFire – The Open-Source Firewall You Can Trust
				</h4>
			</div>
		</div>
	</section>

	<section class="section">
		<div class="container">
			<div class="block">
				<p class="is-size-5">
					<strong>IPFire<span class="has-text-primary">_</span></strong>
					is the world's leading Open Source firewall distribution.

					Businesses across the world have chosen to put their trust
					in our versatile, feature-rich solution with its easy-to-use
					web management console. Why not join them today?
				</p>
			</div>

			<div class="columns is-multiline py-5">
				<div class="column is-half">
					<div class="columns is-mobile is-vcentered">
						<div class="column is-narrow has-text-centered">
							<i class="fas fa-shield-halved fa-4x fa-fw"></i>
						</div>

						<div class="column">
							<p class="title is-5">Security by Design</p>

							<p>
								Network segmentation is the key to a secure network.
								IPFire sets up a DMZ for your local infrastructure or a
								guest network for any visitors separating and protecting
								other parts of your network.
							</p>
						</div>
					</div>
				</div>

				<div class="column is-half">
					<div class="columns is-mobile is-vcentered">
						<div class="column is-narrow has-text-centered">
							<i class="fas fa-rocket fa-4x fa-fw"></i>
						</div>

						<div class="column">
							<p class="title is-5">Industry-Leading Firewall Engine</p>

							<p>
								Our stateful packet inspection firewall engine analyses
								traffic for the latest threats and performs
								deep packet inspection in real time.
								Due to our smart user interface, creating even complex
								setups is quick and straight-forward.
							</p>
						</div>
					</div>
				</div>

				<div class="column is-half">
					<div class="columns is-mobile is-vcentered">
						<div class="column is-narrow has-text-centered">
							<i class="fas fa-network-wired fa-4x fa-fw"></i>
						</div>

						<div class="column">
							<p class="title is-5">We Connect the World</p>

							<p>
								We securely connect your employees to their desks at home,
								your global business partners and the infrastructure in your data centre,
								giving you maximum flexibility so that you can focus on what really matters.
							</p>
						</div>
					</div>
				</div>

				<div class="column is-half">
					<div class="columns is-mobile is-vcentered">
						<div class="column is-narrow has-text-centered">
							<span class="fas fa-thumbs-up fa-4x fa-fw"></i>
						</div>

						<div class="column">
							<p class="title is-5">Easy to Use</p>

							<p>
								IPFire is managed over a web-based console which
								is powerful, yet easy to use.
								Each feature is just one click away.
								Advanced reporting and real time graphs give you
								detailed insight into your network.
							</p>
						</div>
					</div>
				</div>

				<div class="column is-half">
					<div class="columns is-mobile is-vcentered">
						<div class="column is-narrow has-text-centered">
							<i class="fa-solid fa-earth-europe fa-4x fa-fw"></i>
						</div>

						<div class="column">
							<p class="title is-5">Supporting Global Standards</p>

							<p>
								Commonly deployed in businesses and educational organisations
								of all sizes, IPFire interoperates perfectly with solutions
								from other vendors making it an ideal drop-in replacement.
							</p>
						</div>
					</div>
				</div>

				<div class="column is-half">
					<div class="columns is-mobile is-vcentered">
						<div class="column is-narrow has-text-centered">
							<i class="fas fa-terminal fa-4x fa-fw"></i>
						</div>

						<div class="column">
							<p class="title is-5">Free As In Freedom</p>

							<p>
								IPFire is free software.
								Our community develops and reviews all changes going
								into the code base and IPFire is regularly audited by
								independent third parties.
								Become a part of the community and help us
								to continue improving IPFire!
							</p>
						</div>
					</div>
				</div>
			</div>

			<div class="columns is-centered">
				<div class="column is-one-third p-5">
					<a class="button is-primary is-medium is-fullwidth" href="/about">
						{{ _("Learn More About IPFire") }}
					</a>
				</div>
			</div>
		</div>
	</section>

	<section class="hero is-lwl">
		<div class="hero-body">
			<div class="container">
				<div class="columns is-vcentered">
					<div class="column">
						<h3 class="title is-3">{{ _("Appliances and Support") }}</h3>

						<div class="content">
							<p>
								Experience next-level security with our high-performance
								appliances, crafted to optimize IPFire's capabilities.
								Whether you're fortifying a business infrastructure or
								safeguarding your home network, we have the right
								appliance solution tailored for you.
							</p>

							<p>
								We are your partners in ensuring continuous network security.
								Our support solutions keep your systems running smoothly,
								providing peace of mind in the ever-evolving landscape of
								security.
							</p>
						</div>

						<div class="block">
							<a class="button is-lwl is-inverted has-text-weight-bold"
									href="https://store.lightningwirelabs.com/?utm_source={{ hostname }}&amp;utm_medium=frontpage">
								{{ _("Go to Store") }}
							</a>
						</div>
					</div>

					<div class="column is-narrow has-text-centered">
						<figure class="image is-128x128 is-inline-block m-5">
							<img src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
								alt="{{ _("Lightning Wire Labs") }}">
						</figure>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="hero">
		<div class="hero-body">
			<div class="container">
				<h4 class="title is-4">
					<span class="icon-text">
						<span>
							{{ _("Recent News") }}
						</span>

						<span class="icon">
							<a href="/blog/feed.xml" title="{{ _("RSS Feed") }}">
								<i class="fas fa-rss"></i>
							</a>
						</span>
					</span>
				</h4>

				{# List the most recent posts #}
				{% for post in posts %}
					<div class="block">
						<h5 class="title is-5">
							<a href="/blog/{{ post.slug }}">
								{{ post.title }}
							</a>
						</h5>
						<h6 class="subtitle is-6">
							<small class="has-text-grey">
								{{ locale.format_date(post.published_at, shorter=True) }}

								{% if post.author %}
									{{ _("by %s") % post.author }}
								{% end %}
							</small>
						</h6>

						<div class="content">
							{{ post.excerpt }}
						</div>
					</div>
				{% end %}

				<a class="button is-text is-fullwidth" href="/blog">
					{{ _("Read More On The IPFire Blog") }}
				</a>
			</div>
		</div>
	</section>
{% end block %}