165 lines
8.1 KiB
HTML
165 lines
8.1 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}{{ t('Your Business Name') }} - {{ t('Professional Services') }}{% endblock %}
|
|
|
|
{% block content %}
|
|
<!-- Hero Section -->
|
|
<section class="hero-section bg-primary text-white py-5">
|
|
<div class="container">
|
|
<div class="row align-items-center min-vh-75">
|
|
<div class="col-lg-6">
|
|
<h1 class="display-4 fw-bold mb-4">{{ t('Professional Solutions for Your Business') }}</h1>
|
|
<p class="lead mb-4">{{ t('We provide high-quality services tailored to meet your business needs. Our experienced team is dedicated to delivering exceptional results.') }}</p>
|
|
<div class="d-flex flex-wrap gap-3">
|
|
<a href="{{ url_for('services') }}" class="btn btn-light btn-lg">{{ t('Our Services') }}</a>
|
|
<a href="{{ url_for('contact') }}" class="btn btn-outline-light btn-lg">{{ t('Get Started') }}</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 text-center">
|
|
<div class="hero-image">
|
|
<i class="bi bi-building display-1 text-light opacity-75"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Section -->
|
|
<section class="py-5">
|
|
<div class="container">
|
|
<div class="row text-center mb-5">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="display-6 fw-bold mb-3">{{ t('Why Choose Us') }}</h2>
|
|
<p class="lead text-muted">{{ t('We offer comprehensive solutions with a focus on quality, reliability, and customer satisfaction.') }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-4">
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="text-center p-4">
|
|
<div class="feature-icon mb-3">
|
|
<i class="bi bi-award text-primary display-4"></i>
|
|
</div>
|
|
<h5 class="fw-bold">{{ t('Quality Service') }}</h5>
|
|
<p class="text-muted">{{ t('We maintain the highest standards in all our services to ensure your complete satisfaction.') }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="text-center p-4">
|
|
<div class="feature-icon mb-3">
|
|
<i class="bi bi-clock text-primary display-4"></i>
|
|
</div>
|
|
<h5 class="fw-bold">{{ t('Timely Delivery') }}</h5>
|
|
<p class="text-muted">{{ t('We understand the importance of deadlines and always deliver our services on time.') }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="text-center p-4">
|
|
<div class="feature-icon mb-3">
|
|
<i class="bi bi-people text-primary display-4"></i>
|
|
</div>
|
|
<h5 class="fw-bold">{{ t('Expert Team') }}</h5>
|
|
<p class="text-muted">{{ t('Our experienced professionals are dedicated to providing the best solutions for your business.') }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="text-center p-4">
|
|
<div class="feature-icon mb-3">
|
|
<i class="bi bi-heart text-primary display-4"></i>
|
|
</div>
|
|
<h5 class="fw-bold">{{ t('Customer Focus') }}</h5>
|
|
<p class="text-muted">{{ t('Your success is our priority. We work closely with you to understand your specific needs.') }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Services Preview Section -->
|
|
<section class="bg-light py-5">
|
|
<div class="container">
|
|
<div class="row text-center mb-5">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="display-6 fw-bold mb-3">{{ t('Our Services') }}</h2>
|
|
<p class="lead text-muted">{{ t('Discover our comprehensive range of professional services designed to help your business grow.') }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-4">
|
|
<div class="col-md-6 col-lg-4">
|
|
<div class="card h-100 border-0 shadow-sm">
|
|
<div class="card-body text-center p-4">
|
|
<div class="service-icon mb-3">
|
|
<i class="bi bi-gear text-primary display-4"></i>
|
|
</div>
|
|
<h5 class="card-title fw-bold">{{ t('Service 1') }}</h5>
|
|
<p class="card-text text-muted">{{ t('Professional service description that highlights the key benefits and features of this offering.') }}</p>
|
|
<a href="{{ url_for('services') }}" class="btn btn-outline-primary">{{ t('Learn More') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-4">
|
|
<div class="card h-100 border-0 shadow-sm">
|
|
<div class="card-body text-center p-4">
|
|
<div class="service-icon mb-3">
|
|
<i class="bi bi-graph-up text-primary display-4"></i>
|
|
</div>
|
|
<h5 class="card-title fw-bold">{{ t('Service 2') }}</h5>
|
|
<p class="card-text text-muted">{{ t('Comprehensive solution that addresses specific business challenges and delivers measurable results.') }}</p>
|
|
<a href="{{ url_for('services') }}" class="btn btn-outline-primary">{{ t('Learn More') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-4">
|
|
<div class="card h-100 border-0 shadow-sm">
|
|
<div class="card-body text-center p-4">
|
|
<div class="service-icon mb-3">
|
|
<i class="bi bi-shield-check text-primary display-4"></i>
|
|
</div>
|
|
<h5 class="card-title fw-bold">{{ t('Service 3') }}</h5>
|
|
<p class="card-text text-muted">{{ t('Reliable and secure service that provides peace of mind and protects your business interests.') }}</p>
|
|
<a href="{{ url_for('services') }}" class="btn btn-outline-primary">{{ t('Learn More') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center mt-5">
|
|
<a href="{{ url_for('services') }}" class="btn btn-primary btn-lg">{{ t('View All Services') }}</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Preview Section -->
|
|
<section class="py-5">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6">
|
|
<h2 class="display-6 fw-bold mb-4">{{ t('About Our Company') }}</h2>
|
|
<p class="lead text-muted mb-4">{{ t('We are a dedicated team of professionals committed to delivering exceptional services and building long-term relationships with our clients.') }}</p>
|
|
<p class="mb-4">{{ t('With years of experience in the industry, we understand the unique challenges that businesses face and provide tailored solutions to help them succeed.') }}</p>
|
|
<a href="{{ url_for('about') }}" class="btn btn-primary">{{ t('Learn More About Us') }}</a>
|
|
</div>
|
|
<div class="col-lg-6 text-center">
|
|
<div class="about-image">
|
|
<i class="bi bi-building display-1 text-primary opacity-75"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA Section -->
|
|
<section class="bg-primary text-white py-5">
|
|
<div class="container text-center">
|
|
<h2 class="display-6 fw-bold mb-4">{{ t('Ready to Get Started?') }}</h2>
|
|
<p class="lead mb-4">{{ t('Contact us today to discuss your needs and discover how we can help your business grow.') }}</p>
|
|
<a href="{{ url_for('contact') }}" class="btn btn-light btn-lg">{{ t('Contact Us Now') }}</a>
|
|
</div>
|
|
</section>
|
|
{% endblock %} |