{% extends "website/base.html" %}
{% load static wagtailimages_tags wagtailcore_tags %}
{% block content %}
<section class="themeholy-hero-wrapper hero-8" id="hero"><div class="heroSlider hero-slider-8">{% for slide in page.hero_slides.all %}
  <div class="themeholy-hero-slide" {% if slide.background %}{% image slide.background original as bg %}data-bg-src="{{ bg.url }}"{% else %}data-bg-src="{% static 'img/update_5/hero/hero_bg_1_1.jpg' %}"{% endif %}>
    <div class="container"><div class="hero-style8">
      <span class="hero-subtitle"><img src="{% static 'img/shape/title_left.svg' %}" alt="shape">{{ slide.eyebrow }}</span>
      <h1 class="hero-title">{{ slide.title }}</h1>
      {% if slide.subtitle %}<p class="hero-text">{{ slide.subtitle }}</p>{% endif %}
      <div class="btn-group">
        <a href="{{ slide.btn_url }}" class="themeholy-btn">{{ slide.btn_text }} <span class="icon"><i class="fa-sharp fa-regular fa-paper-plane"></i></span></a>
        <div class="call-btn"><div class="hero-icon"><a href="tel:+233249960786"><img src="{% static 'img/update_5/icon/call.svg' %}" alt="call"></a></div>
        <div class="media-body"><p class="header-info_link"><a href="tel:+233249960786">{{ settings.website.SiteSettings.phone }}</a></p></div></div>
      </div>
    </div></div>
  </div>
{% endfor %}</div><img class="hero-anime-img img-1" src="{% static 'img/update_5/icon/shape-1.png' %}" alt="shape"> <img class="hero-anime-img img-2" src="{% static 'img/update_5/icon/shape-2.png' %}" alt="shape"> <img class="hero-anime-img img-3" src="{% static 'img/update_5/icon/shape-3.png' %}" alt="shape"> <img class="hero-anime-img img-4" src="{% static 'img/update_5/icon/shape-4.png' %}" alt="shape"> <img class="hero-anime-img img-5" src="{% static 'img/update_5/icon/shape-5.png' %}" alt="shape"> <img class="hero-anime-img img-6" src="{% static 'img/update_5/icon/shape-6.png' %}" alt="shape"></section><section class="space" id="service-sec"><div class="container"><div class="row"><div class="title-area mt-n1 mb25 text-center"><span class="sub-title"><img src="{% static 'img/shape/title_left.svg' %}" alt="shape">Our Services</span><h2 class="sec-title">Covering All Logistics Fields</h2></div></div><div class="row slider-shadow themeholy-carousel" id="serviceSlide1" data-slide-show="3" data-lg-slide-show="2" data-md-slide-show="2" data-sm-slide-show="1" data-arrows="true"><div class="col-md-6 col-lg-6 col-xl-4"><div class="service-item style3"><div class="service-item_img"><img src="{% static 'img/update_5/service/service_1_1.jpg' %}" alt="Service"></div><div class="service-item_content"><h3 class="box-title"><a href="/services/">Air Freight Services</a></h3><p class="service-item_text">Fast and reliable air cargo solutions connecting Ghana to the world. Ideal for time-sensitive shipments.</p><a href="/services/" class="line-btn">Read more<i class="fa-solid fa-arrow-right"></i></a></div></div></div><div class="col-md-6 col-lg-6 col-xl-4"><div class="service-item style3"><div class="service-item_img"><img src="{% static 'img/update_5/service/service_1_2.jpg' %}" alt="Service"></div><div class="service-item_content"><h3 class="box-title"><a href="/services/">Courier Service</a></h3><p class="service-item_text">Cost-effective sea freight for FCL and LCL shipments — the smart choice for high-volume cargo across continents.</p><a href="/services/" class="line-btn">Read more<i class="fa-solid fa-arrow-right"></i></a></div></div></div><div class="col-md-6 col-lg-6 col-xl-4"><div class="service-item style3"><div class="service-item_img"><img src="{% static 'img/update_5/service/service_1_3.jpg' %}" alt="Service"></div><div class="service-item_content"><h3 class="box-title"><a href="/services/">Airport Transfer</a></h3><p class="service-item_text">Reliable road transport covering all major cities in Ghana and cross-border routes across West Africa.</p><a href="/services/" class="line-btn">Read more<i class="fa-solid fa-arrow-right"></i></a></div></div></div><div class="col-md-6 col-lg-6 col-xl-4"><div class="service-item style3"><div class="service-item_img"><img src="{% static 'img/update_5/service/service_1_4.jpg' %}" alt="Service"></div><div class="service-item_content"><h3 class="box-title"><a href="/services/">Light Cargo Transport</a></h3><p class="service-item_text">Modern warehouse facilities with full inventory management, pick-and-pack, and distribution services.</p><a href="/services/" class="line-btn">Read more<i class="fa-solid fa-arrow-right"></i></a></div></div></div></div></div></section><div class="about-sec overflow-hidden" id="about-sec"><div class="container"><div class="row"><div class="col-xl-6"><div class="title-area pe-xl-5 mb-25"><span class="sub-title mb-30"><img src="{% static 'img/shape/title_left.svg' %}" alt="shape">About us</span><h2 class="sec-title">{{ page.about_title }}</h2>{{ page.about_body|richtext }}</div><div class="achieve-about-wrapper style3"><div class="achieve-about"><div class="achieve-icon"><i class="fa-regular fa-truck-fast"></i></div><div class="media-body"><h3 class="achieve-about_title">Customs Clearance</h3><p class="mb-10">Our GRA-licensed customs brokers handle all import and export documentation, duties and compliance for Port of Tema and Kotoka Airport.</p></div></div><div class="achieve-about"><div class="achieve-icon"><i class="fa-regular fa-clock"></i></div><div class="media-body"><h3 class="achieve-about_title">On-Time Delivery</h3><p class="mb-0">We honour every deadline. Our operational planning and experienced team ensure your cargo arrives exactly when promised.</p></div></div><div class="achieve-about"><div class="achieve-icon"><i class="fa-sharp fa-light fa-user-tie"></i></div><div class="media-body"><h3 class="achieve-about_title">Expert Team</h3><p class="mb-0">Our freight forwarders, customs brokers and fleet managers bring deep industry knowledge to every shipment we handle.</p></div></div></div><div class="btn-group mt-40"><a href="/about/" class="themeholy-btn">ABOUT MORE<span class="icon"><i class="fa-sharp fa-regular fa-paper-plane"></i></span></a></div></div><div class="col-xl-6"><div class="img-box8"><div class="img1"><img src="{% static 'img/update_5/normal/about_1.jpg' %}" alt="About"></div><div class="img2"><img src="{% static 'img/update_5/normal/about_2.jpg' %}" alt="About"></div><div class="img3 jump"><img src="{% static 'img/update_5/normal/dot.png' %}" alt="About"></div><div class="about-counter"><div class="col-sm-6 col-lg-3"><div class="counter-item"><h2 class="counter-item_number"><span class="counter-number">15</span>+</h2><p class="counter-item_text">Years of Excellence</p></div></div><div class="col-sm-6 col-lg-3"><div class="counter-item"><h2 class="counter-item_number"><span class="counter-number">2500</span>+</h2><p class="counter-item_text">Satisfied Clients</p></div></div><div class="col-sm-6 col-lg-3"><div class="counter-item"><h2 class="counter-item_number"><span class="counter-number">50000</span>+</h2><p class="counter-item_text">Parcels Delivered</p></div></div></div></div></div></div></div></div><section class="testi-sec5 overflow-hidden space-bottom"><div class="container"><div class="row justify-content-lg-between justify-content-center align-items-center"><div class="col-lg-7 col-xxl-5"><div class="title-area text-center text-lg-start"><span class="sub-title style1"><img src="{% static 'img/shape/title_left.svg' %}" alt="shape">Testimonial</span><h2 class="sec-title">Our Satisfied Customer's Experience</h2></div></div><div class="col-auto"><div class="sec-btn"><div class="icon-box"><button data-slick-prev="#testiSlide" class="slick-arrow default"><i class="far fa-arrow-left"></i></button> <button data-slick-next="#testiSlide" class="slick-arrow default"><i class="far fa-arrow-right"></i></button></div></div></div></div><div class="row slider-shadow themeholy-carousel" id="testiSlide" data-slide-show="3" data-lg-slide-show="2" data-sm-slide-show="1" data-xs-slide-show="1">{% for t in testimonials %}
<div class="col-md-6 col-lg-4"><div class="testi-card style4">
<div class="testi-card_wrapper">
<div class="testi-card_profile">
<div class="testi-card_img">{% if t.photo %}{% image t.photo fill-80x80 as tp %}<img src="{{ tp.url }}" alt="{{ t.name }}">{% else %}<img src="{% static 'img/update_5/testimonial/testi_1_1.jpg' %}" alt="{{ t.name }}">{% endif %}</div>
<div class="testi-card_info"><h3 class="testi-card_name">{{ t.name }}</h3><span class="testi-card_desig">{{ t.role }}</span></div>
</div>
<div class="star-icon">{% for i in "12345" %}{% if forloop.counter <= t.rating %}<a href="#"><i class="fa-solid fa-star"></i></a>{% else %}<a href="#"><i class="fa-regular fa-star"></i></a>{% endif %}{% endfor %}</div>
</div>
<p class="testi-card_text">"{{ t.content }}"</p>
<div class="testi-quote"><img src="{% static 'img/icon/quote3.svg' %}" alt=""></div>
</div></div>
{% endfor %}
</div></div></section><div class="counter-area3" data-bg-src="{% static 'img/update_5/bg/counter_bg_1.jpg' %}"><div class="container th-container"><div class="counter-sec-wrapper style2"><div class="counter-card style2"><div class="counter-card_wrapper"><div class="counter-card_icon"><img src="{% static 'img/icon/shipping.svg' %}" alt=""></div><div class="counter-card_content"><h2 class="counter-card_number"><span class="counter-number">50</span>K+</h2><p class="counter-card_text">Parcels Delivered</p></div></div></div><div class="counter-card style2"><div class="counter-card_wrapper"><div class="counter-card_icon"><img src="{% static 'img/icon/location.svg' %}" alt=""></div><div class="counter-card_content"><h2 class="counter-card_number"><span class="counter-number">12</span>+</h2><p class="counter-card_text">Branch Locations</p></div></div></div><div class="counter-card style2"><div class="counter-card_wrapper"><div class="counter-card_icon"><img src="{% static 'img/icon/users.svg' %}" alt=""></div><div class="counter-card_content"><h2 class="counter-card_number"><span class="counter-number">2500</span>+</h2><p class="counter-card_text">Satisfied Clients</p></div></div></div><div class="counter-card style2"><div class="counter-card_wrapper"><div class="counter-card_icon"><img src="{% static 'img/icon/delivery-time.svg' %}" alt=""></div><div class="counter-card_content"><h2 class="counter-card_number"><span class="counter-number">15</span>+</h2><p class="counter-card_text">Years of Experience</p></div></div></div></div></div></div><div class="space-top overflow-hidden"><div class="container"><div class="row flex-row-reverse"><div class="col-xl-5"><div class="title-area mb-30"><span class="sub-title"><img src="{% static 'img/shape/title_left.svg' %}" alt="shape">Why choose us</span><h2 class="sec-title">{{ page.why_title }}</h2></div><div class="info-media"><div class="info-media_icon"><img src="{% static 'img/update_5/icon/money-bag.svg' %}" alt=""></div><div class="media-body"><h3 class="box-title">Transparent Pricing</h3><p class="info-media_text">No hidden fees. Our pricing is clear and competitive, giving you full cost visibility from quote to delivery.</p></div></div><div class="info-media"><div class="info-media_icon"><img src="{% static 'img/update_5/icon/clock.svg' %}" alt=""></div><div class="media-body"><h3 class="box-title">In Time Delivery</h3><p class="info-media_text">We honour every deadline. Our planning and experienced team ensure your cargo arrives exactly when it should — every time.</p></div></div><div class="info-media mb-0"><div class="info-media_icon"><img src="{% static 'img/update_5/icon/destination.svg' %}" alt=""></div><div class="media-body"><h3 class="box-title">Real Time Tracking</h3><p class="info-media_text">Know where your cargo is at all times. Our tracking system provides live updates throughout your shipment.</p></div></div><div class="info-media mb-0"><div class="info-media_icon"><img src="{% static 'img/update_5/icon/support.svg' %}" alt=""></div><div class="media-body"><h3 class="box-title">Dedicated Support</h3><p class="info-media_text">Know where your cargo is at all times. Our tracking system provides live updates throughout your shipment.</p></div></div></div><div class="col-xl-7"><div class="request-form style2 bg-smoke p-4">
<h3 class="fs-24 mb-3" style="color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;">Get In Touch</h3>
{% if request.GET.sent %}<div style="background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:12px;margin-bottom:14px;">✓ Thank you! Your message has been sent. We'll reply within 24 hours.</div>{% endif %}
<form action="/contact/submit/" method="post">{% csrf_token %}<input type="hidden" name="source" value="homepage">
<div class="row">
<div class="form-group col-12"><input type="text" class="form-control" name="name" placeholder="Your Full Name" required> <i class="fal fa-user"></i></div>
<div class="form-group col-12"><input type="email" class="form-control" name="email" placeholder="Email Address" required> <i class="fal fa-envelope"></i></div>
<div class="form-group col-12"><input type="tel" class="form-control" name="phone" placeholder="Contact Number"> <i class="fal fa-phone"></i></div>
<div class="form-group col-12"><input type="text" class="form-control" name="subject" placeholder="Subject"> <i class="fal fa-tag"></i></div>
<div class="form-group col-12"><textarea class="form-control" name="message" placeholder="Your Message" rows="3" required></textarea></div>
<div class="btn-group justify-content-center col-12 mt-2">
<button type="submit" class="themeholy-btn blue-btn btn-fw justify-content-center">Send Message<span class="icon"><i class="fa-sharp fa-regular fa-paper-plane"></i></span></button>
</div></div></form></div></div></div></div></div><section class="space overflow-hidden" id="blog-sec"><div class="container"><div class="row"><div class="col-lg-6 offset-lg-3"><div class="title-area text-center mb-30"><span class="sub-title mt-n1"><img src="{% static 'img/shape/title_left.svg' %}" alt="shape">Our News & Blogs</span><h2 class="sec-title">Discover Our Latest News and Insights</h2></div></div></div><div class="row slider-shadow themeholy-carousel" id="blogSlide7" data-slide-show="3" data-lg-slide-show="2" data-md-slide-show="2" data-sm-slide-show="1" data-arrows="true"><div class="col-md-6 col-xl-4"><div class="blog-card style5"><div class="blog-img"><img src="{% static 'img/update_5/blog/blog_1_1.jpg' %}" alt="blog image"></div><div class="blog-card-details"><div class="blog-meta"><a href="/blog/"><img src="{% static 'img/update_4/blog/author.png' %}" alt="">By-Admin</a> <a href="/blog/"><i class="fa-regular fa-comments"></i>Comments (3)</a></div><div class="blog-card_wrapper"><span class="blog-card_date">20</span> <span class="blog-card_month">nov</span></div></div><div class="blog-card-content"><h3 class="blog-title box-title"><a href="/blog/">How Air Freight is Transforming Trade in West Africa</a></h3><a href="/blog/" class="line-btn">Read More<i class="fa-solid fa-arrow-right"></i></a></div></div></div><div class="col-md-6 col-xl-4"><div class="blog-card style5"><div class="blog-img"><img src="{% static 'img/update_5/blog/blog_1_2.jpg' %}" alt="blog image"></div><div class="blog-card-details"><div class="blog-meta"><a href="/blog/"><img src="{% static 'img/update_4/blog/author.png' %}" alt="">By-Admin</a> <a href="/blog/"><i class="fa-regular fa-comments"></i>Comments (3)</a></div><div class="blog-card_wrapper"><span class="blog-card_date">23</span> <span class="blog-card_month">nov</span></div></div><div class="blog-card-content"><h3 class="blog-title box-title"><a href="/blog/">Understanding Customs Clearance in Ghana: A Complete Guide</a></h3><a href="/blog/" class="line-btn">Read More<i class="fa-solid fa-arrow-right"></i></a></div></div></div><div class="col-md-6 col-xl-4"><div class="blog-card style5"><div class="blog-img"><img src="{% static 'img/update_5/blog/blog_1_3.jpg' %}" alt="blog image"></div><div class="blog-card-details"><div class="blog-meta"><a href="/blog/"><img src="{% static 'img/update_4/blog/author.png' %}" alt="">By-Admin</a> <a href="/blog/"><i class="fa-regular fa-comments"></i>Comments (3)</a></div><div class="blog-card_wrapper"><span class="blog-card_date">25</span> <span class="blog-card_month">nov</span></div></div><div class="blog-card-content"><h3 class="blog-title box-title"><a href="/blog/">Ocean Freight vs Air Freight: Which is Right for You?</a></h3><a href="/blog/" class="line-btn">Read More<i class="fa-solid fa-arrow-right"></i></a></div></div></div><div class="col-md-6 col-xl-4"><div class="blog-card style5"><div class="blog-img"><img src="{% static 'img/update_5/blog/blog_1_4.jpg' %}" alt="blog image"></div><div class="blog-card-details"><div class="blog-meta"><a href="/blog/"><img src="{% static 'img/update_4/blog/author.png' %}" alt="">By-Admin</a> <a href="/blog/"><i class="fa-regular fa-comments"></i>Comments (3)</a></div><div class="blog-card_wrapper"><span class="blog-card_date">30</span> <span class="blog-card_month">nov</span></div></div><div class="blog-card-content"><h3 class="blog-title box-title"><a href="/blog/">Warehousing in Ghana: Why Location and Management Matter</a></h3><a href="/blog/" class="line-btn">Read More<i class="fa-solid fa-arrow-right"></i></a></div></div></div></div></div></section><div class="" data-pos-for=".footer-layout6" data-sec-pos="bottom-half"><div class="container"><div class="newsletter-area style3" data-bg-src="{% static 'img/update_5/bg/newsletter_shape.png' %}"><div class="row gx-0 align-items-center"><div class="col-lg-7"><div class="newsletter-title-area"><div class="img-box" style="height:100%;"><img src="{% static 'img/update_5/normal/video_2.jpg' %}" alt="Frimps Logistics" style="width:100%;height:100%;object-fit:cover;display:block;"></div><h4 class="h4 newsletter-title">Subscribe Our Newsletter</h4></div></div><div class="col-lg-5"><div class="newsletter-wrapp"><form class="newsletter-form style3"><input class="form-control" type="email" placeholder="Email Address" required=""> <button type="submit" class="themeholy-btn blue-btn">Subscribe<span class="icon"><i class="fa-sharp fa-regular fa-paper-plane"></i></span></button></form></div></div></div></div></div></div>
{% endblock %}