updated html and ui
This commit is contained in:
@@ -5,316 +5,263 @@
|
|||||||
{% block meta_description %}Affordable registered address services in India and abroad. Establish your business presence with professional address solutions for startups and growing businesses.{% endblock %}
|
{% block meta_description %}Affordable registered address services in India and abroad. Establish your business presence with professional address solutions for startups and growing businesses.{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<style>
|
<section class="bg-[#1E1E1E] text-white py-24">
|
||||||
/* Glassmorphism Effect */
|
<div class="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-center px-6">
|
||||||
.glass {
|
|
||||||
background: rgba(255, 255, 255, 0.1);
|
<!-- LEFT TEXT -->
|
||||||
backdrop-filter: blur(10px);
|
<div class="text-center lg:text-left">
|
||||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
<h2 class="text-xl md:text-2xl lg:text-3xl font-bold tracking-wide">
|
||||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
OUR MOTIVATION — WE LIVE SOCCER
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<!-- underline -->
|
||||||
|
<div class="mt-4 w-40 h-1 ml-auto bg-gradient-to-r from-green-400 to-transparent rounded-full"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="mt-10 text-lg leading-relaxed max-w-2xl mx-auto lg:mx-0">
|
||||||
|
We stood or are standing on the pitch ourselves, have got to know
|
||||||
|
the soccer fields and turf fields of this republic and know the smell
|
||||||
|
of freshly cut grass coming out of Eff Eff. It is this passion that drives us.
|
||||||
|
<br><br>
|
||||||
|
We want to get back to the soccer that captivated us as a child.
|
||||||
|
Where gender, sexual orientation or skin color did not play a role.
|
||||||
|
We stand for equality, respect and community cooperation in amateur sports.
|
||||||
|
For us, “EqualGame” or “FairPlay” are more than trendy hashtags on social
|
||||||
|
media platforms — they are the basis of our corporate culture.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- RIGHT IMAGE -->
|
||||||
|
<div class="flex justify-center lg:justify-end">
|
||||||
|
<img
|
||||||
|
src="{% static 'images/about1.png' %}"
|
||||||
|
alt="Player Jumping"
|
||||||
|
class=" w-full max-w-xl object-cover"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bg-[#1E1E1E] text-white py-24">
|
||||||
|
<div class="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-center px-6">
|
||||||
|
|
||||||
|
<!-- LEFT IMAGE -->
|
||||||
|
<div class="flex justify-center lg:justify-start">
|
||||||
|
<img
|
||||||
|
src="{% static 'images/about2.png' %}"
|
||||||
|
alt="Players Team"
|
||||||
|
class="rounded-lg w-full max-w-xl object-cover"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- RIGHT CONTENT -->
|
||||||
|
<div class="text-center lg:text-left max-w-2xl mx-auto lg:mx-0">
|
||||||
|
|
||||||
|
<!-- TITLES -->
|
||||||
|
<h2 class="inline-block bg-white text-black font-bold px-4 py-2 mb-2 text-lg md:text-xl">
|
||||||
|
OUR GOAL - BETTER TEAMS
|
||||||
|
</h2>
|
||||||
|
<br />
|
||||||
|
<h2 class="inline-block bg-white text-black font-bold px-4 py-2 mb-6 text-lg md:text-xl">
|
||||||
|
BETTER SOCCER
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<!-- PARAGRAPH -->
|
||||||
|
<p class="text-lg leading-relaxed mt-4">
|
||||||
|
As a startup, we have set ourselves an ambitious goal: nothing less
|
||||||
|
than taking amateur soccer to a new level. With our soccer platform
|
||||||
|
for ambitious players, coaches and clubs, we give you the tools to
|
||||||
|
significantly improve your performance on the pitch.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="text-lg leading-relaxed mt-6">
|
||||||
|
With advanced methods and expertise from professional sports, B42 makes it
|
||||||
|
possible to improve the skills of each individual player for optimal team performance.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- BUTTON -->
|
||||||
|
<div class="mt-10 flex justify-center lg:justify-start">
|
||||||
|
<a href="#"
|
||||||
|
class="border-2 border-lime-400 text-white font-semibold rounded-full px-6 py-3 text-sm tracking-wide hover:bg-lime-400 hover:text-black transition">
|
||||||
|
BOOST YOUR GAME
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bg-[#E8E8F2] py-24">
|
||||||
|
<div class="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-center px-6">
|
||||||
|
|
||||||
|
<!-- LEFT: TEAM GRID -->
|
||||||
|
<div class="grid grid-cols-2 gap-6">
|
||||||
|
<img src="{% static 'images/about3.png' %}"
|
||||||
|
alt="Team 1"
|
||||||
|
class="rounded-3xl w-full h-full object-cover" />
|
||||||
|
|
||||||
|
<img src="{% static 'images/about4.jpg' %}"
|
||||||
|
alt="Team 2"
|
||||||
|
class="rounded-3xl w-full h-full object-cover" />
|
||||||
|
|
||||||
|
<img src="{% static 'images/about5.png' %}"
|
||||||
|
alt="Team 3"
|
||||||
|
class="rounded-3xl w-full h-full object-cover" />
|
||||||
|
|
||||||
|
<img src="{% static 'images/about6.jpeg' %}"
|
||||||
|
alt="Team 4"
|
||||||
|
class="rounded-3xl w-full h-full object-cover" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- RIGHT: CONTENT -->
|
||||||
|
<div class="text-center lg:text-left max-w-2xl mx-auto lg:mx-0">
|
||||||
|
|
||||||
|
<h2 class="inline-block bg-black text-white font-bold px-4 py-2 mb-2 text-lg md:text-xl">
|
||||||
|
THAT'S US - THE
|
||||||
|
</h2>
|
||||||
|
<br />
|
||||||
|
<h2 class="inline-block bg-black text-white font-bold px-4 py-2 mb-6 text-lg md:text-xl">
|
||||||
|
B42 DREAMTEAM
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="text-xl text-gray-800 leading-relaxed">
|
||||||
|
The game is ruled by those who have the courage,
|
||||||
|
ambition, and ability to move forward, cross borders,
|
||||||
|
and challenge the status quo.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="mt-10 flex justify-center lg:justify-start">
|
||||||
|
<a href="#"
|
||||||
|
class="bg-[#6C63FF] hover:bg-[#5a52e0] text-white font-semibold rounded-full px-6 py-3 text-sm tracking-wide transition">
|
||||||
|
VACANCIES
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="relative bg-[#161616] py-20 overflow-hidden">
|
||||||
|
|
||||||
|
<!-- BG pattern layer -->
|
||||||
|
<div class="absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/diagonal-stripes.png')] opacity-20"></div>
|
||||||
|
|
||||||
|
<div class="relative max-w-7xl mx-auto px-6">
|
||||||
|
|
||||||
|
<!-- Heading -->
|
||||||
|
<h2 class="text-white font-bold text-2xl md:text-3xl mb-10 text-center lg:text-left">
|
||||||
|
OUR COMMITMENT — FOR A BETTER SOCCER
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<!-- Slider -->
|
||||||
|
<div id="slider" class="relative">
|
||||||
|
|
||||||
|
<!-- Slide 1 -->
|
||||||
|
<div class="slide grid grid-cols-1 lg:grid-cols-2 gap-0 bg-white rounded-2xl overflow-hidden">
|
||||||
|
<!-- Left: Text -->
|
||||||
|
<div class="p-10 flex flex-col justify-center text-center lg:text-left space-y-4">
|
||||||
|
<span class="inline-block bg-black text-white font-bold px-4 py-2 text-sm">
|
||||||
|
slide tackle against Right
|
||||||
|
</span>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="text-gray-800 leading-relaxed text-lg">
|
||||||
|
Young soccer players will shape our society and define our values in the future. On and off the square
|
||||||
|
|
||||||
|
Through sport, but also in everyday life in general, they have the opportunity and responsibility to construct social cooperation that does not ostracize and discriminate, but above all respect, diversity and tolerance.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="text-gray-800 leading-relaxed text-lg">
|
||||||
|
With this in mind, we have created a platform for
|
||||||
|
women’s soccer with Play for Her.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: Image -->
|
||||||
|
<div class="h-80 lg:h-auto">
|
||||||
|
<img
|
||||||
|
src="{% static 'images/about7.png' %}"
|
||||||
|
alt="Women Soccer"
|
||||||
|
class="w-full h-full object-cover"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Slide 2 -->
|
||||||
|
<div class="slide hidden grid grid-cols-1 lg:grid-cols-2 gap-0 bg-white rounded-2xl overflow-hidden">
|
||||||
|
<!-- Left: Text -->
|
||||||
|
<div class="p-10 flex flex-col justify-center text-center lg:text-left space-y-4">
|
||||||
|
<span class="inline-block bg-black text-white font-bold px-4 py-2 text-sm">
|
||||||
|
Play 4 Her
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<p class="text-gray-800 leading-relaxed text-lg">
|
||||||
|
Women's football is of great importance to B42. We are convinced that football can break down barriers and bring significant social benefits. Supporting women who want to pursue their passion is undoubtedly linked to this goal.
|
||||||
|
|
||||||
|
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="text-gray-800 leading-relaxed text-lg">
|
||||||
|
With this in mind, we have created Play for Her, a platform for women's football.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: Image -->
|
||||||
|
<div class="h-80 lg:h-auto">
|
||||||
|
<img
|
||||||
|
src="{% static 'images/about8.png' %}"
|
||||||
|
alt="Another Soccer Image"
|
||||||
|
class="w-full h-full object-cover"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Slider dots -->
|
||||||
|
<div class="flex justify-center gap-3 mt-8">
|
||||||
|
<button class="dot w-4 h-1 rounded-full bg-white" onclick="showSlide(0)"></button>
|
||||||
|
<button class="dot w-4 h-1 rounded-full bg-white/30" onclick="showSlide(1)"></button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="bg-blue-500 min-h-80 flex items-center justify-center px-4">
|
||||||
|
<div class="text-center text-white">
|
||||||
|
<h1 class="text-3xl md:text-4xl font-bold mb-4">PLAY IT REAL - EVEN IN YOUR INBOX.</h1>
|
||||||
|
<p class="text-lg md:text-xl mb-6">Receive exclusive training tips, mental support and updates from the B42 Arena.</p>
|
||||||
|
<p class="text-lg md:text-xl mb-10">No spam. Just real performance.</p>
|
||||||
|
|
||||||
|
<form class="flex flex-col sm:flex-row gap-4 max-w-md mx-auto">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
placeholder="Enter your email address"
|
||||||
|
class="px-6 py-4 rounded-full text-gray-800 text-lg flex-1 focus:outline-none"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
class="bg-black text-white px-8 py-4 rounded-full text-lg font-semibold hover:bg-gray-900 transition"
|
||||||
|
>
|
||||||
|
Register
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<script>
|
||||||
|
const slides = document.querySelectorAll('#slider .slide');
|
||||||
|
const dots = document.querySelectorAll('.dot');
|
||||||
|
|
||||||
|
function showSlide(index) {
|
||||||
|
slides.forEach((slide, i) => {
|
||||||
|
slide.classList.toggle('hidden', i !== index);
|
||||||
|
dots[i].classList.toggle('bg-white', i === index);
|
||||||
|
dots[i].classList.toggle('bg-white/30', i !== index);
|
||||||
|
});
|
||||||
}
|
}
|
||||||
/* Custom Scrollbar */
|
</script>
|
||||||
::-webkit-scrollbar { width: 8px; }
|
|
||||||
::-webkit-scrollbar-track { background: #f1f1f1; }
|
|
||||||
::-webkit-scrollbar-thumb { background: #6b7280; border-radius: 4px; }
|
|
||||||
/* Smooth animations */
|
|
||||||
.hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
|
|
||||||
.hover-lift:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }
|
|
||||||
/* Gradient text */
|
|
||||||
.gradient-text { background: linear-gradient(90deg, #4f46e5, #7c3aed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
|
|
||||||
</style>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Hero Section -->
|
|
||||||
<section class="py-16 md:py-24 bg-[#B6C3FD]">
|
|
||||||
<div class="container mx-auto px-4">
|
|
||||||
<div class="flex flex-col md:flex-row items-center">
|
|
||||||
<div class="md:w-1/2 mb-10 md:mb-0">
|
|
||||||
<h1 class="text-4xl md:text-5xl font-extrabold text-gray-900 mb-4 leading-tight pt-10">
|
|
||||||
Welcome to <span class="gradient-text">RYS</span>
|
|
||||||
</h1>
|
|
||||||
<p class="text-lg text-gray-700 mb-8 max-w-xl">
|
|
||||||
Simplifying business setup and expansion in India and globally. Your trusted partner for seamless company incorporation and compliance.
|
|
||||||
</p>
|
|
||||||
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
|
|
||||||
<a href="#services" class="bg-indigo-600 text-white px-8 py-3 rounded-full font-medium hover:bg-indigo-700 transition text-center">Our Services</a>
|
|
||||||
<a href="{% url 'contact_us_form' %}" class="border border-indigo-600 text-indigo-600 px-8 py-3 rounded-full font-medium hover:bg-indigo-50 transition text-center">Contact Us</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="md:w-1/2 flex justify-center relative">
|
|
||||||
<div class="w-80 h-80 bg-gradient-to-br from-indigo-200 to-purple-200 rounded-full flex items-center justify-center">
|
|
||||||
<i class="fas fa-rocket text-6xl text-indigo-600"></i>
|
|
||||||
</div>
|
|
||||||
<div class="absolute -top-4 -right-4 w-40 h-40 bg-gradient-to-br from-pink-200 to-orange-200 rounded-full opacity-70"></div>
|
|
||||||
<div class="absolute -bottom-4 -left-4 w-32 h-32 bg-gradient-to-br from-green-200 to-blue-200 rounded-full opacity-70"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- About Us Section -->
|
|
||||||
<section class="py-16 bg-white">
|
|
||||||
<div class="container mx-auto px-4">
|
|
||||||
<div class="text-center mb-12">
|
|
||||||
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">About Us</h2>
|
|
||||||
<p class="text-gray-600 max-w-3xl mx-auto">Your trusted partner for business setup and expansion in India and globally.</p>
|
|
||||||
</div>
|
|
||||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
|
|
||||||
<div>
|
|
||||||
<p class="text-gray-700 mb-6 text-lg">
|
|
||||||
At RegisterYourStartup.com, we simplify the process of starting and expanding a business in India & abroad. Whether you're an entrepreneur, a startup founder, or an international company looking to enter the Indian market, we provide end-to-end support to navigate the legal and regulatory landscape seamlessly.
|
|
||||||
</p>
|
|
||||||
<p class="text-gray-700 mb-6">
|
|
||||||
With India's dynamic business environment and growing global significance, we ensure that businesses of all sizes—domestic and foreign—can establish their presence effortlessly. Our platform offers expert guidance on company incorporation, compliance, taxation, and regulatory approvals, allowing you to focus on innovation and growth while we handle the complexities.
|
|
||||||
</p>
|
|
||||||
<p class="text-gray-700 mb-6">
|
|
||||||
We specialize in assisting foreign companies in setting up their Subsidiary, Branch Office, or Liaison Office in India, ensuring complete compliance with legal, accounting, taxation, and regulatory requirements. From obtaining RBI and ROC approvals to handling ongoing corporate governance, we provide comprehensive solutions for a smooth business setup in India.
|
|
||||||
</p>
|
|
||||||
<p class="text-gray-700">
|
|
||||||
Beyond India, we assist businesses in setting up and expanding across multiple international markets, including the UAE, Saudi Arabia, the US, Singapore, Malaysia, the Philippines, Sri Lanka, and Bangladesh. From company registration to legal, accounting, and regulatory compliance, RegisterYourStartup.com is your trusted partner for seamless global business expansion.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gradient-to-br from-indigo-50 to-purple-50 p-8 rounded-2xl">
|
|
||||||
<div class="text-center mb-6">
|
|
||||||
<i class="fas fa-globe-americas text-6xl text-indigo-600 mb-4"></i>
|
|
||||||
<h3 class="text-2xl font-bold text-gray-900 mb-2">Our Global Reach</h3>
|
|
||||||
<p class="text-gray-700">We help businesses establish presence across multiple countries</p>
|
|
||||||
</div>
|
|
||||||
<div class="grid grid-cols-2 gap-4">
|
|
||||||
<div class="bg-white p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-landmark text-indigo-600 text-xl mb-2"></i> <!-- Taj Mahal vibe -->
|
|
||||||
<p class="font-medium text-gray-800">India</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="bg-white p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-landmark-dome text-purple-600 text-xl mb-2"></i> <!-- Capitol/White House -->
|
|
||||||
<p class="font-medium text-gray-800">USA</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="bg-white p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-building text-orange-600 text-xl mb-2"></i> <!-- Burj Khalifa -->
|
|
||||||
<p class="font-medium text-gray-800">UAE</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="bg-white p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-building-columns text-red-600 text-xl mb-2"></i> <!-- Modern Singapore architecture -->
|
|
||||||
<p class="font-medium text-gray-800">Singapore</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="bg-white p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-landmark text-yellow-600 text-xl mb-2"></i> <!-- Petronas Towers feel -->
|
|
||||||
<p class="font-medium text-gray-800">Malaysia</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="bg-white p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-landmark text-green-700 text-xl mb-2"></i> <!-- Modern KSA architecture -->
|
|
||||||
<p class="font-medium text-gray-800">KSA</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- CEO Message Section -->
|
|
||||||
<section class="py-16 bg-gray-50">
|
|
||||||
<div class="container mx-auto px-4">
|
|
||||||
<div class="text-center mb-12">
|
|
||||||
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Message from Our CEO</h2>
|
|
||||||
<p class="text-gray-600 max-w-2xl mx-auto">Leading with expertise and commitment to your success</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white rounded-2xl shadow-lg overflow-hidden max-w-4xl mx-auto">
|
|
||||||
<div class="md:flex">
|
|
||||||
<div class="md:w-1/3 bg-gradient-to-br from-indigo-500 to-purple-600 p-8 flex flex-col items-center justify-center text-white">
|
|
||||||
<div class="w-50 h-50 bg-white mb-6 flex items-center justify-center overflow-hidden">
|
|
||||||
<img src="{% static 'img/ceo_image.jpg' %}" alt="User" class="w-full h-full">
|
|
||||||
</div>
|
|
||||||
<h3 class="text-2xl font-bold mb-2">Kashif Raza</h3>
|
|
||||||
<p class="text-indigo-100 text-center">Founder & CEO</p>
|
|
||||||
<div class="mt-4 flex space-x-4">
|
|
||||||
<a href="#" class="text-white hover:text-indigo-200">
|
|
||||||
<i class="fab fa-linkedin text-xl"></i>
|
|
||||||
</a>
|
|
||||||
<a href="#" class="text-white hover:text-indigo-200">
|
|
||||||
<i class="fab fa-twitter text-xl"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="md:w-2/3 p-8">
|
|
||||||
<div class="mb-6">
|
|
||||||
<h4 class="text-xl font-semibold text-gray-900 mb-4">Welcome Entrepreneurs,</h4>
|
|
||||||
<p class="text-gray-700 mb-4">
|
|
||||||
At RegisterYourStartup.com, we are dedicated to making business incorporation and expansion effortless by providing comprehensive legal, regulatory, and compliance support. Our mission is to empower entrepreneurs like you to focus on building and scaling your vision while we handle the complexities of business setup.
|
|
||||||
</p>
|
|
||||||
<p class="text-gray-700 mb-4">
|
|
||||||
With extensive expertise in corporate law and compliance, I am a proud member of the All India Bar Association, Delhi High Court Bar Association, and a Fellow of the Institute of Company Secretaries of India. Additionally, I hold certifications in VAT, GST, POSH, Labour Laws, and Company Incorporation, with hands-on experience in FEMA (FDI), GST, and establishing subsidiary companies across India, US, The GCC (Dubai, Riyadh), Singapore, Malaysia, Phillipines, China, Hong Kong, Bangladesh, Srilanka and Thailand.
|
|
||||||
</p>
|
|
||||||
<p class="text-gray-700 mb-4">
|
|
||||||
Whether you are a startup, an SME, or a multinational enterprise, RegisterYourStartup.com is here to be your trusted partner in business formation, compliance, and expansion—both in India and globally.
|
|
||||||
</p>
|
|
||||||
<p class="text-gray-700">
|
|
||||||
Let's build your success story together!
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="border-t border-gray-200 pt-6">
|
|
||||||
<p class="text-gray-800 font-medium">Warm regards,</p>
|
|
||||||
<p class="text-gray-900 font-bold">Kashif Raza</p>
|
|
||||||
<p class="text-gray-600">Founder & CEO, registeryourstartup.com</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Services Section -->
|
|
||||||
<section id="services" class="py-16 bg-white">
|
|
||||||
<div class="container mx-auto px-4">
|
|
||||||
<div class="text-center mb-12">
|
|
||||||
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Our Services</h2>
|
|
||||||
<p class="text-gray-600 max-w-2xl mx-auto">Comprehensive business incorporation solutions for diverse needs</p>
|
|
||||||
</div>
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
||||||
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100 hover-lift">
|
|
||||||
<div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
|
|
||||||
<i class="fas fa-building text-indigo-600 text-xl"></i>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Private Limited Company</h3>
|
|
||||||
<p class="text-gray-600">Complete incorporation services for private limited companies in India with full compliance support.</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100 hover-lift">
|
|
||||||
<div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
|
|
||||||
<i class="fas fa-globe-americas text-purple-600 text-xl"></i>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Foreign Subsidiary in India</h3>
|
|
||||||
<p class="text-gray-600">Assistance for international companies setting up subsidiaries in India with regulatory compliance.</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100 hover-lift">
|
|
||||||
<div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-4">
|
|
||||||
<i class="fas fa-code-branch text-blue-600 text-xl"></i>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Branch Office Establishment</h3>
|
|
||||||
<p class="text-gray-600">Setting up branch offices for foreign companies in India with all necessary approvals.</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100 hover-lift">
|
|
||||||
<div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-4">
|
|
||||||
<i class="fas fa-project-diagram text-green-600 text-xl"></i>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Project Office Formation</h3>
|
|
||||||
<p class="text-gray-600">Establishing project offices for specific contracts or projects in India with compliance support.</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100 hover-lift">
|
|
||||||
<div class="w-12 h-12 bg-yellow-100 rounded-lg flex items-center justify-center mb-4">
|
|
||||||
<i class="fas fa-handshake text-yellow-600 text-xl"></i>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Liaison Office Setup</h3>
|
|
||||||
<p class="text-gray-600">Setting up liaison offices for foreign companies to represent their interests in India.</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100 hover-lift">
|
|
||||||
<div class="w-12 h-12 bg-red-100 rounded-lg flex items-center justify-center mb-4">
|
|
||||||
<i class="fas fa-plane-departure text-red-600 text-xl"></i>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">International Company Setup</h3>
|
|
||||||
<p class="text-gray-600">Assistance with company registration and setup in multiple countries outside India.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- How We Work Section -->
|
|
||||||
<section class="py-16 bg-gray-50">
|
|
||||||
<div class="container mx-auto px-4">
|
|
||||||
<div class="text-center mb-12">
|
|
||||||
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">How We Work</h2>
|
|
||||||
<p class="text-gray-600 max-w-2xl mx-auto">A simple, streamlined process to get your business started</p>
|
|
||||||
</div>
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-6">
|
|
||||||
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100 text-center hover-lift">
|
|
||||||
<div class="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
||||||
<span class="text-indigo-600 font-bold text-xl">1</span>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Get in Touch</h3>
|
|
||||||
<p class="text-gray-600">Register through our website (www.registeryourstartup.com), call us at <strong>+91-92204-33466</strong>, or email us at <strong> info@registeryourstartup.com</strong> with your requirements.</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100 text-center hover-lift">
|
|
||||||
<div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
||||||
<span class="text-purple-600 font-bold text-xl">2</span>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Tailored Assistance</h3>
|
|
||||||
<p class="text-gray-600">Our expert Registration Team will guide you, answer your queries, and provide a detailed overview of the process.</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100 text-center hover-lift">
|
|
||||||
<div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
||||||
<span class="text-blue-600 font-bold text-xl">3</span>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Quick Access to Resources</h3>
|
|
||||||
<p class="text-gray-600">Visit the website and click "Get Started Now" to fill in the fully automated online form to get your company formed or compliance done</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100 text-center hover-lift">
|
|
||||||
<div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
||||||
<span class="text-green-600 font-bold text-xl">4</span>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Hassle-Free Process</h3>
|
|
||||||
<p class="text-gray-600">Once all required documents are received, we initiate the registration process and keep you updated on the progress</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Testimonials Section -->
|
|
||||||
<section class="py-16 bg-white">
|
|
||||||
<div class="container mx-auto px-4">
|
|
||||||
<div class="text-center mb-12">
|
|
||||||
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Happy Customers</h2>
|
|
||||||
<p class="text-gray-600 max-w-2xl mx-auto">What our clients say about our services</p>
|
|
||||||
</div>
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
||||||
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200">
|
|
||||||
<div class="flex items-center mb-4">
|
|
||||||
<div class="w-12 h-12 bg-indigo-100 rounded-full flex items-center justify-center mr-4">
|
|
||||||
<i class="fas fa-user text-indigo-600"></i>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h4 class="font-semibold text-gray-900">Rajesh Kumar</h4>
|
|
||||||
<p class="text-gray-600 text-sm">Startup Founder</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p class="text-gray-700">"RegisterYourStartup made the entire company registration process so smooth. Their expertise in compliance saved us valuable time and resources."</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200">
|
|
||||||
<div class="flex items-center mb-4">
|
|
||||||
<div class="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mr-4">
|
|
||||||
<i class="fas fa-user text-purple-600"></i>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h4 class="font-semibold text-gray-900">Sarah Johnson</h4>
|
|
||||||
<p class="text-gray-600 text-sm">International Business Owner</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p class="text-gray-700">"As a foreign company entering India, the regulatory landscape seemed daunting. RYS guided us through every step with professionalism and expertise."</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200">
|
|
||||||
<div class="flex items-center mb-4">
|
|
||||||
<div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4">
|
|
||||||
<i class="fas fa-user text-blue-600"></i>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h4 class="font-semibold text-gray-900">Amit Sharma</h4>
|
|
||||||
<p class="text-gray-600 text-sm">Tech Entrepreneur</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p class="text-gray-700">"The team at RegisterYourStartup provided end-to-end support for our international expansion. Their global expertise was invaluable to our success."</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,301 +1,480 @@
|
|||||||
<style>
|
{% extends 'public_base.html' %}
|
||||||
/* Global Styles with AC Repair Aesthetic */
|
{% load static %}
|
||||||
:root {
|
|
||||||
--primary-color: #005f99;
|
|
||||||
--secondary-color: #003e66;
|
|
||||||
--light-color: #f5faff;
|
|
||||||
--accent-color: #00aaff;
|
|
||||||
--gray-color: #5f6a7d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
{% block title %}Your Digital Assistant Coach{% endblock %}
|
||||||
width: 90%;
|
{% block meta_description %}The app for successful coaches & teams that play to win.{% endblock %}
|
||||||
max-width: 900px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 0 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
section {
|
{% block content %}
|
||||||
padding: 40px 0;
|
<section class="bg-[#1a1a1a] text-white py-20">
|
||||||
background-color: var(--light-color);
|
<div class="max-w-5xl mx-auto px-6">
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
<!-- Title -->
|
||||||
font-family: 'Poppins', sans-serif;
|
<h2 class="text-6xl font-bold mb-4">FAQ</h2>
|
||||||
font-size: clamp(1.7rem, 4.5vw, 2.3rem);
|
<p class="text-lg text-gray-300 mb-14">Everything you need to know.</p>
|
||||||
font-weight: 600;
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 28px;
|
|
||||||
color: var(--primary-color);
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2::after {
|
<!-- Category -->
|
||||||
content: '';
|
<h3 class="text-3xl font-semibold mb-10">Generally</h3>
|
||||||
position: absolute;
|
|
||||||
bottom: -6px;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
width: 50px;
|
|
||||||
height: 3px;
|
|
||||||
background-color: var(--accent-color);
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
<!-- FAQ Item 1 (Open by default) -->
|
||||||
font-family: 'Poppins', sans-serif;
|
<div class="mb-10">
|
||||||
font-size: 0.9rem;
|
<button
|
||||||
line-height: 1.5;
|
onclick="toggleFAQ(this)"
|
||||||
margin-bottom: 10px;
|
class="w-full flex items-start gap-6 group"
|
||||||
color: var(--gray-color);
|
>
|
||||||
}
|
<span class="bg-indigo-500 text-white p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
×
|
||||||
/* FAQ Section Specific Styles */
|
</span>
|
||||||
.faq-section {
|
<div class="text-left">
|
||||||
background-color: white;
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
}
|
What is the B42 Coach Zone?
|
||||||
|
</h4>
|
||||||
.faq-container {
|
<p class="faq-answer text-gray-300 text-sm leading-6 block">
|
||||||
display: flex;
|
The B42 Coach Zone is the desktop solution for coaches and clubs. Different roles come with different permissions,
|
||||||
flex-wrap: wrap;
|
enabling the entire club to collaborate across teams<br><br>
|
||||||
gap: 20px;
|
Coaches can easily create appointments, plan match days and team training,
|
||||||
max-width: 850px;
|
send load assessments and workouts, edit player data,
|
||||||
margin: 0 auto;
|
and view statistics and insights.<br><br>
|
||||||
padding: 0 10px;
|
Depending on their permissions, athletic trainers can also distribute workout and load assessments,
|
||||||
}
|
conduct performance tests, manually enter results, or leave notes about injured players.<br><br>
|
||||||
|
Players can make entries in the team's account.<br><br>
|
||||||
.faq-column {
|
This way, all data is in one place and everyone is informed.
|
||||||
flex: 1;
|
</p>
|
||||||
min-width: 240px;
|
</div>
|
||||||
}
|
|
||||||
|
|
||||||
.faq-item {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
border-radius: 8px;
|
|
||||||
overflow: hidden;
|
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
|
||||||
background: var(--light-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-question {
|
|
||||||
width: 100%;
|
|
||||||
padding: 14px 18px;
|
|
||||||
text-align: left;
|
|
||||||
border: none;
|
|
||||||
background: var(--light-color);
|
|
||||||
cursor: pointer;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
font-family: 'Poppins', sans-serif;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
font-weight: 500;
|
|
||||||
color: var(--primary-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-question:hover {
|
|
||||||
background: rgba(0, 170, 255, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-question.active {
|
|
||||||
background: var(--accent-color);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-icon {
|
|
||||||
width: 14px;
|
|
||||||
height: 14px;
|
|
||||||
stroke: var(--primary-color);
|
|
||||||
transition: transform 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-question.active .faq-icon {
|
|
||||||
transform: rotate(180deg);
|
|
||||||
stroke: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-answer {
|
|
||||||
max-height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
transition: max-height 0.3s ease;
|
|
||||||
padding: 0 18px;
|
|
||||||
background: var(--light-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-answer p {
|
|
||||||
padding: 10px 0;
|
|
||||||
margin: 0;
|
|
||||||
color: var(--gray-color);
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-question.active + .faq-answer {
|
|
||||||
max-height: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Responsive Adjustments */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
section {
|
|
||||||
padding: 32px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-container {
|
|
||||||
max-width: 95%;
|
|
||||||
padding: 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-column {
|
|
||||||
min-width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
section {
|
|
||||||
padding: 24px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-container {
|
|
||||||
padding: 0 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-question {
|
|
||||||
font-size: 0.85rem;
|
|
||||||
padding: 10px 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-answer p {
|
|
||||||
font-size: 0.85rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faq-icon {
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
{% if show_sample %}
|
|
||||||
<section class="faq-section">
|
|
||||||
<h2>Frequently Asked <span class="text-primary">Questions</span></h2>
|
|
||||||
<div class="faq-container">
|
|
||||||
<div class="faq-column">
|
|
||||||
<div class="faq-item">
|
|
||||||
<button class="faq-question">
|
|
||||||
<span>How long does an AC repair take?</span>
|
|
||||||
<svg class="faq-icon" viewBox="0 0 24 24">
|
|
||||||
<path d="M19 9l-7 7-7-7" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
</button>
|
||||||
<div class="faq-answer">
|
|
||||||
<p>Most AC repairs, such as fixing leaks or replacing parts, take 1-2 hours, depending on the issue.</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- FAQ Item 2 -->
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
What is the B42 Performance App?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
The B42 Performance App is the solution for players. Workouts, load assessments, and appointments created by the coach in the Coach Zone appear on the app in real time and can be completed conveniently and clearly by the players. They can complete additional training sessions and compete with their team and players worldwide in the team feed.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="faq-item">
|
|
||||||
<button class="faq-question">
|
|
||||||
<span>Do you offer a warranty on repairs?</span>
|
|
||||||
<svg class="faq-icon" viewBox="0 0 24 24">
|
|
||||||
<path d="M19 9l-7 7-7-7" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
</button>
|
||||||
<div class="faq-answer">
|
|
||||||
<p>We provide a 90-day warranty on all repairs and parts for your peace of mind.</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
Why should my team use B42?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
Only together can you achieve your goals. But sometimes it's difficult to keep track of everything.
|
||||||
|
With B42, you can organize match days and team training sessions, plan and share the team lineup,
|
||||||
|
track your players' athletic achievements and progress, and distribute prevention, fitness,
|
||||||
|
and technical workouts individually according to the team's performance level and workload.B42 –
|
||||||
|
The all-in-one solution for teams that want more.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="faq-item">
|
|
||||||
<button class="faq-question">
|
|
||||||
<span>Can you service commercial AC units?</span>
|
|
||||||
<svg class="faq-icon" viewBox="0 0 24 24">
|
|
||||||
<path d="M19 9l-7 7-7-7" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
</button>
|
||||||
<div class="faq-answer">
|
|
||||||
<p>Yes, we service both residential and commercial AC systems, including central and ductless units.</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
Can I use B42 without a team?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
Can't convince your team to use the B42 app? No problem. You can also register as an individual player. Whether you're fit or injured, create your personalized training plan, perfectly tailored to the season and your performance level. Get your player card now, just like in FIFA, work specifically on your strengths and weaknesses, and compete against players worldwide!
|
||||||
|
<br><br>
|
||||||
|
B42 – for the best season of your life.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="faq-column">
|
|
||||||
<div class="faq-item">
|
|
||||||
<button class="faq-question">
|
|
||||||
<span>How much does an AC repair cost?</span>
|
|
||||||
<svg class="faq-icon" viewBox="0 0 24 24">
|
|
||||||
<path d="M19 9l-7 7-7-7" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
</button>
|
||||||
<div class="faq-answer">
|
|
||||||
<p>Costs vary by unit type and issue, typically ranging from $100 to $500. Contact us for a free quote.</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
Which league is B42 suitable for?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
|
||||||
|
The league doesn't matter – only your desire to improve and explore new paths. Training is individually tailored to each player's skill level. You can find more information in the team solution.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="faq-item">
|
|
||||||
<button class="faq-question">
|
|
||||||
<span>Do I need to schedule a service?</span>
|
|
||||||
<svg class="faq-icon" viewBox="0 0 24 24">
|
|
||||||
<path d="M19 9l-7 7-7-7" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
</button>
|
||||||
<div class="faq-answer">
|
|
||||||
<p>Appointments are recommended for faster service, but we also accept walk-in diagnostics.</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!-- Duplicate FAQ items below if needed -->
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
Which league is B42 suitable for?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
|
||||||
|
The league doesn't matter – only your desire to improve and explore new paths. Training is individually tailored to each player's skill level. You can find more information in the team solution.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="faq-item">
|
|
||||||
<button class="faq-question">
|
|
||||||
<span>What AC brands do you repair?</span>
|
|
||||||
<svg class="faq-icon" viewBox="0 0 24 24">
|
|
||||||
<path d="M19 9l-7 7-7-7" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
</button>
|
||||||
<div class="faq-answer">
|
|
||||||
<p>We repair Daikin, Carrier, LG, Mitsubishi Electric, Trane, Samsung, and more.</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<h3 class="text-3xl font-semibold mb-10">training</h3>
|
||||||
|
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
How often should I run a performance test?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
|
||||||
|
Ideally, test yourself every four to six weeks. Shorter periods of time make no sense as the body needs time to adapt. By the way, you can find out more about the theory behind the tests in the blog article about Performance tests .
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
|
||||||
|
What is the advantage of B42 compared to other fitness apps?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
B42 is 100% designed for footballers.
|
||||||
|
<br><br>
|
||||||
|
We ourselves are out on the pitch in all kinds of weather, even on muddy fields, so we know exactly what's really important in football. We noticed that almost all amateur players lacked access to good training and rehabilitation facilities.
|
||||||
|
<br><br>
|
||||||
|
So we sought out experts and tried to change that. Our team of professional athletes, sports physicians, therapists, and coaches combines all the experience and knowledge from elite sports into one app.</p>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
|
||||||
|
What are the benefits of training with B42?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
With B42, you'll lay the foundation to perform at your peak fitness level for the full 90 minutes on the pitch. Work on your power with our football app and get yourself into a physical condition that will boost your tackle success rate.
|
||||||
|
<br><br>
|
||||||
|
Improve your football-specific stamina and prevent dips in performance during matches. Become faster and more agile with our supplementary football training – and win crucial sprint duels. And if you're a goalkeeper, we've got something for you too.</p></div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
|
||||||
|
At what stage of the season can I train with B42?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
In absolutely everything. Whether it's running training during the winter break, mobility and recovery training during preseason, or ball-specific drills during the season. B42 is your mobile coach for the entire season.
|
||||||
|
</p></div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
|
||||||
|
What is the B42 Gamechanger?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
|
||||||
|
The B42 Gamechanger is the combined expertise of our team of renowned sports physicians, athletic trainers, and professional athletes.
|
||||||
|
<br><br>
|
||||||
|
Whether you're fit or injured, based on your input regarding the season phase, performance level, position, and training days, we automatically create a 6-week personalized training plan perfectly tailored to you. This allows you to effectively work on your strengths and weaknesses at any time, even without prior knowledge.
|
||||||
|
</p></div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
|
||||||
|
How does the player card work?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
|
||||||
|
Only those who know their current status can improve sustainably. That's why, in collaboration with our expert team of doctors, therapists, and athletic trainers, we've designed the B42 performance tests, also known as the Champions Workouts.
|
||||||
|
<br><br>
|
||||||
|
Based on the results, you'll receive scores in strength, mobility, endurance, and speed. This allows you to use the B42 Workouts or the appropriate Gamechanger to specifically target your strengths and weaknesses, and to regularly monitor your progress with further performance tests.
|
||||||
|
<br><br>
|
||||||
|
Plus, you can use your Playercard to compare yourself with footballers worldwide!
|
||||||
|
|
||||||
|
|
||||||
|
</p></div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
|
||||||
|
How often should I perform a performance test?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
Ideally, you should test yourself every four to six weeks. Shorter intervals are pointless, as the body needs time to adapt. You can find more information about the theory behind the tests in the blog article on performance tests .
|
||||||
|
|
||||||
|
|
||||||
|
</p></div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
|
||||||
|
|
||||||
|
How do I protect myself from overtraining?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
If you've made it through the first two weeks of the Gamechanger program, your body will already be more accustomed to it and better able to handle the overall training load. However, if you're feeling very tired one day, it's best to skip the workout. Remember that you're training to improve, not just to tick off a workout. Push yourself to your limit, but always listen to your body.
|
||||||
|
|
||||||
|
</p></div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3 class="text-3xl font-semibold mb-10">Administration & Support</h3>
|
||||||
|
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
|
||||||
|
|
||||||
|
How can I cancel my B42 subscription?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
If you subscribed to the Performance App through the Apple App Store or Google Play Store, you can cancel your subscription in the respective app store's subscription management section.
|
||||||
|
<br><br>
|
||||||
|
If you subscribed through our website, you can cancel your subscription via a link in the email you received upon signup. Look for the email from Stripe in your inbox. You will find a cancellation link there.
|
||||||
|
</p></div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
|
||||||
|
|
||||||
|
Who can I contact if I have questions?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
|
||||||
|
We've compiled answers to the most frequently asked questions about our products in our Help Center .
|
||||||
|
<br><br>
|
||||||
|
If we haven't been able to answer your question, please feel free to contact our customer support at support@b-42.com.
|
||||||
|
|
||||||
|
|
||||||
|
</p></div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
|
||||||
|
|
||||||
|
How can I delete my B42 account?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
|
||||||
|
|
||||||
|
You can delete your B42 account via the app. In the settings under your profile, you can use the "Delete Account" button. Your personal data will be deleted immediately. If you have any problems, please feel free to contact our support team.
|
||||||
|
|
||||||
|
</p></div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
|
||||||
|
|
||||||
|
How can I delete my B42 Nutrition account?
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
|
||||||
|
|
||||||
|
You can delete your Nutrition account via the Nutrition app. In the settings under your profile, you can use the "Delete profile" button. Your personal data will be deleted immediately. If you have any problems, please feel free to contact our support team.
|
||||||
|
|
||||||
|
</p></div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-10">
|
||||||
|
<button
|
||||||
|
onclick="toggleFAQ(this)"
|
||||||
|
class="w-full flex items-start gap-6 group"
|
||||||
|
>
|
||||||
|
<span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
|
||||||
|
+
|
||||||
|
</span>
|
||||||
|
<div class="text-left">
|
||||||
|
<h4 class="text-xl font-semibold mb-3">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
GPS running tracking stops (Android)
|
||||||
|
</h4>
|
||||||
|
<p class="faq-answer text-gray-300 text-sm leading-6 hidden">
|
||||||
|
|
||||||
|
|
||||||
|
Unfortunately, every manufacturer handles shutting down apps differently to save battery. Here you can find instructions for the usual manufacturers on how to fix the problem:
|
||||||
|
<br><br>
|
||||||
|
If you still have problems, feel free to contact our support via the customer service form .
|
||||||
|
</p></div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
{% else %}
|
|
||||||
<section class="faq-section">
|
|
||||||
<h2>{{ faq_section_name|default:"Frequently Asked Questions"|truncatechars:25 }}</h2>
|
|
||||||
<div class="faq-container">
|
|
||||||
<div class="faq-column">
|
|
||||||
{% for faq in faq_list %}
|
|
||||||
<div class="faq-item">
|
|
||||||
<button class="faq-question">
|
|
||||||
<span>{{ faq.question|default:"How long does an AC repair take?" }}</span>
|
|
||||||
<svg class="faq-icon" viewBox="0 0 24 24">
|
|
||||||
<path d="M19 9l-7 7-7-7" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>{{ faq.answers|default:"Most AC repairs, such as fixing leaks or replacing parts, take 1-2 hours, depending on the issue." }}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
document.querySelectorAll('.faq-question').forEach(button => {
|
function toggleFAQ(btn) {
|
||||||
button.addEventListener('click', () => {
|
const answer = btn.querySelector(".faq-answer");
|
||||||
const currentlyActive = document.querySelector('.faq-question.active');
|
const icon = btn.querySelector("span");
|
||||||
if (currentlyActive && currentlyActive !== button) {
|
|
||||||
currentlyActive.classList.remove('active');
|
|
||||||
currentlyActive.nextElementSibling.style.maxHeight = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.classList.toggle('active');
|
answer.classList.toggle("hidden");
|
||||||
const answer = button.nextElementSibling;
|
|
||||||
if (button.classList.contains('active')) {
|
if (answer.classList.contains("hidden")) {
|
||||||
answer.style.maxHeight = answer.scrollHeight + 'px';
|
icon.textContent = "+";
|
||||||
|
icon.classList.remove("bg-indigo-500", "text-white");
|
||||||
|
icon.classList.add("bg-lime-400", "text-black");
|
||||||
} else {
|
} else {
|
||||||
answer.style.maxHeight = 0;
|
icon.textContent = "×";
|
||||||
|
icon.classList.remove("bg-lime-400", "text-black");
|
||||||
|
icon.classList.add("bg-indigo-500", "text-white");
|
||||||
}
|
}
|
||||||
});
|
}
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
@@ -1,393 +1,522 @@
|
|||||||
{% extends 'public_base.html' %}
|
{% extends 'public_base.html' %}
|
||||||
{% load static%}
|
{% load static %}
|
||||||
|
|
||||||
{% block title %}Secretarial Compliance Services | Register Your Startup{% endblock %}
|
{% block title %}Your Digital Assistant Coach{% endblock %}
|
||||||
{% block meta_description %}Expert secretarial compliance services for startups in India and beyond. Ensure smooth corporate governance with our comprehensive compliance solutions.{% endblock %}
|
{% block meta_description %}The app for successful coaches & teams that play to win.{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<style>
|
<section class="bg-black py-20 relative overflow-hidden">
|
||||||
/* Glassmorphism Effect */
|
<!-- Decorative lime curved lines background (top-right) -->
|
||||||
.glass {
|
<div class="absolute top-0 right-0 w-full max-w-2xl opacity-30 pointer-events-none -z-10">
|
||||||
background: rgba(255, 255, 255, 0.1);
|
<img
|
||||||
backdrop-filter: blur(10px);
|
src="https://www.shutterstock.com/image-vector/lime-green-wavy-lines-on-600nw-2639041765.jpg"
|
||||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
alt=""
|
||||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
class="w-full h-auto object-cover"
|
||||||
}
|
>
|
||||||
/* Custom Scrollbar */
|
</div>
|
||||||
::-webkit-scrollbar { width: 8px; }
|
|
||||||
::-webkit-scrollbar-track { background: #f1f1f1; }
|
|
||||||
::-webkit-scrollbar-thumb { background: #6b7280; border-radius: 4px; }
|
|
||||||
/* Smooth animations */
|
|
||||||
.hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
|
|
||||||
.hover-lift:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }
|
|
||||||
/* Gradient text */
|
|
||||||
.gradient-text { background: linear-gradient(90deg, #4f46e5, #7c3aed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body class="bg-gray-50">
|
|
||||||
<!-- Navigation would be included from base.html -->
|
|
||||||
|
|
||||||
<!-- Hero Section -->
|
<div class="max-w-7xl mx-auto px-6 relative z-10">
|
||||||
<section class="py-16 md:py-24 bg-[#B6C3FD]">
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
|
||||||
<div class="container mx-auto px-4">
|
<!-- Left: Text Content -->
|
||||||
<div class="flex flex-col md:flex-row items-center">
|
<div class="space-y-10 text-white">
|
||||||
<div class="md:w-1/2 mb-10 md:mb-0">
|
<h1 class="text-5xl lg:text-6xl font-bold leading-tight">
|
||||||
<h1 class="text-4xl md:text-5xl font-extrabold text-gray-900 mb-4 leading-tight pt-10">
|
Your digital<br>assistant coach
|
||||||
Our <span class="gradient-text">Leadership</span>
|
|
||||||
</h1>
|
</h1>
|
||||||
<p class="text-lg text-gray-700 mb-8 max-w-xl">
|
<p class="text-xl text-gray-300">
|
||||||
Meet the experienced professionals guiding RegisterYourStartup.com towards excellence in business incorporation and global expansion.
|
The app for successful coaches & teams that play to win.
|
||||||
</p>
|
</p>
|
||||||
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
|
<div class="flex flex-wrap gap-6">
|
||||||
<a href="#board" class="bg-indigo-600 text-white px-8 py-3 rounded-full font-medium hover:bg-indigo-700 transition text-center">Meet Our Board</a>
|
<a href="#" class="inline-block px-8 py-4 bg-gradient-to-r from-purple-500 to-blue-500 text-white font-semibold rounded-xl hover:from-purple-600 hover:to-blue-600 transition duration-300">
|
||||||
<a href="{% url 'contact_us_form' %}" class="border border-indigo-600 text-indigo-600 px-8 py-3 rounded-full font-medium hover:bg-indigo-50 transition text-center">Contact Us</a>
|
Start now
|
||||||
|
</a>
|
||||||
|
<a href="#" class="inline-block px-8 py-4 bg-white text-gray-900 font-semibold rounded-xl hover:bg-gray-100 transition duration-300">
|
||||||
|
Learn more
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="md:w-1/2 flex justify-center relative">
|
|
||||||
<div class="w-80 h-80 bg-gradient-to-br from-indigo-200 to-purple-200 rounded-full flex items-center justify-center">
|
<!-- Right: Layered Images -->
|
||||||
<i class="fas fa-users text-6xl text-indigo-600"></i>
|
<div class="relative h-[500px] lg:h-[650px]">
|
||||||
|
<!-- Back layer: team1a (aerial team huddle - shaped like a circle) -->
|
||||||
|
<div class="absolute inset-0 overflow-hidden shadow-2xl opacity-90">
|
||||||
|
<img
|
||||||
|
src="{% static 'images/team1a.jpg' %}"
|
||||||
|
alt="Soccer team in motivational huddle circle on the field"
|
||||||
|
class="w-full h-full object-cover rounded-tl-[25%]"
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="absolute -top-4 -right-4 w-40 h-40 bg-gradient-to-br from-pink-200 to-orange-200 rounded-full opacity-70"></div>
|
<!-- Front layer: team1 (coach with tactical board) - positioned to overlap nicely -->
|
||||||
<div class="absolute -bottom-4 -left-4 w-32 h-32 bg-gradient-to-br from-green-200 to-blue-200 rounded-full opacity-70"></div>
|
<div class="absolute bottom-0 right-[-80px] w-full max-w-2xl rounded-3xl">
|
||||||
|
<img
|
||||||
|
src="{% static 'images/team1.png' %}"
|
||||||
|
alt="Soccer coach explaining tactics with board to players"
|
||||||
|
class="w-full h-full object-cover"
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="py-16 px-4 max-w-6xl mx-auto">
|
||||||
|
<div class="text-center mb-8">
|
||||||
|
<p class="text-sm text-blue-600 mb-4">Have time for what really counts:</p>
|
||||||
|
<h2 class="text-4xl font-bold text-gray-900">Make your team better and celebrate success</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="text-center text-lg mb-12 max-w-3xl mx-auto">
|
||||||
|
So that you can develop your full potential as a coach and get the best out of your team, we provide you with your digital assistant trainer. It saves you valuable time and takes care of:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="grid md:grid-cols-3 gap-12">
|
||||||
|
<!-- Organization -->
|
||||||
|
<div class="text-center">
|
||||||
|
<div class="flex justify-center mb-6">
|
||||||
|
<div class="w-20 h-20 bg-blue-100 rounded-full flex items-center justify-center">
|
||||||
|
<svg class="w-10 h-10 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-semibold mb-2">organization</h3>
|
||||||
|
<p class="text-sm text-gray-600 mb-4">He organizes your team.<br><span class="text-green-600 font-medium">Free. 24/7.</span></p>
|
||||||
|
<p class="text-sm text-gray-600">Squad planning, team calendar, training participation and much more.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Motivation -->
|
||||||
|
<div class="text-center">
|
||||||
|
<div class="flex justify-center mb-6">
|
||||||
|
<div class="w-20 h-20 bg-blue-100 rounded-full flex items-center justify-center">
|
||||||
|
<svg class="w-10 h-10 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-semibold mb-2">motivation</h3>
|
||||||
|
<p class="text-sm text-gray-600 mb-4">It motivates your team.<br><span class="text-green-600 font-medium">Every day.</span></p>
|
||||||
|
<p class="text-sm text-gray-600">Cohesion and motivation through an open feedback culture and leader boards.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Team Development -->
|
||||||
|
<div class="text-center">
|
||||||
|
<div class="flex justify-center mb-6">
|
||||||
|
<div class="w-20 h-20 bg-blue-100 rounded-full flex items-center justify-center">
|
||||||
|
<svg class="w-10 h-10 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-semibold mb-2">team development</h3>
|
||||||
|
<p class="text-sm text-gray-600 mb-4">He trains your team.<br><span class="text-green-600 font-medium">All year round.</span></p>
|
||||||
|
<p class="text-sm text-gray-600">Individual training plans for athletics, technique and after injuries.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<section class="max-w-6xl mx-auto mt-28 mb-12 overflow-hidden flex flex-col lg:flex-row">
|
||||||
|
<!-- Image Section -->
|
||||||
|
<div class="w-full lg:w-1/2 relative">
|
||||||
|
<img
|
||||||
|
src="{% static 'images/team2.png' %}"
|
||||||
|
alt="Tennis coach celebrating victory with arms raised"
|
||||||
|
class="w-full h-full object-cover"
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- CEO Message Section -->
|
<!-- Content Section -->
|
||||||
<section class="py-16 bg-white">
|
<div class="w-full lg:w-1/2 p-10 lg:p-16 flex flex-col justify-center bg-gray-50">
|
||||||
<div class="container mx-auto px-4">
|
<p class="text-blue-500 text-sm font-semibold mb-4">Try it now</p>
|
||||||
<div class="text-center mb-12">
|
<h2 class="text-3xl lg:text-4xl font-bold text-gray-900 mb-8">
|
||||||
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Message from Our CEO</h2>
|
Get your assistant coach on the team
|
||||||
<p class="text-gray-600 max-w-2xl mx-auto">Leading with expertise and commitment to your success</p>
|
</h2>
|
||||||
</div>
|
|
||||||
<div class="bg-white rounded-2xl shadow-lg overflow-hidden max-w-4xl mx-auto">
|
<ul class="space-y-6 mb-10">
|
||||||
<div class="md:flex">
|
<li class="flex items-start">
|
||||||
<div class="md:w-1/3 bg-gradient-to-br from-indigo-500 to-purple-600 p-8 flex flex-col items-center justify-center text-white">
|
<span class="text-purple-500 text-2xl mr-4 mt-1">✔</span>
|
||||||
<div class="w-50 h-50 bg-white mb-6 flex items-bottom justify-center overflow-hidden">
|
<p class="text-gray-700 text-lg">
|
||||||
<!-- Placeholder for CEO image -->
|
7-day trial period for your assistant trainer — get one week of free support
|
||||||
<img src="{% static 'img/ceo_image.jpg' %}" alt="User" class="w-full h-full">
|
|
||||||
</div>
|
|
||||||
<h3 class="text-2xl font-bold mb-2 ">Kashif Raza</h3>
|
|
||||||
<p class="text-indigo-100 text-center">Founder & CEO</p>
|
|
||||||
<div class="mt-4 flex space-x-4">
|
|
||||||
<a href="#" class="text-white hover:text-indigo-200">
|
|
||||||
<i class="fab fa-linkedin text-xl"></i>
|
|
||||||
</a>
|
|
||||||
<a href="#" class="text-white hover:text-indigo-200">
|
|
||||||
<i class="fab fa-twitter text-xl"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="md:w-2/3 p-8">
|
|
||||||
<div class="mb-6">
|
|
||||||
<h4 class="text-xl font-semibold text-gray-900 mb-4">Welcome Entrepreneurs,</h4>
|
|
||||||
<p class="text-gray-700 mb-4">
|
|
||||||
At RegisterYourStartup.com, we are dedicated to making business incorporation and expansion effortless by providing comprehensive legal, regulatory, and compliance support. Our mission is to empower entrepreneurs like you to focus on building and scaling your vision while we handle the complexities of business setup and its compliances thereafter.
|
|
||||||
</p>
|
</p>
|
||||||
<p class="text-gray-700 mb-4">
|
</li>
|
||||||
With extensive expertise in corporate law and compliance, Mr. Raza is a proud member of the All India Bar Association, Delhi High Court Bar Association, and a Fellow member of the Institute of Company Secretaries of India. Additionally, he holds certifications in VAT, GST, POSH, Labour Laws, and Company Incorporation. Mr Raza have hands-on experience in FEMA (FDI), GST, and has extensively worked in establishing foreign Subsidiary Companies/Branch Offices across India, United States of America, The GCC (Dubai, Riyadh), Singapore, Malaysia, Phillipines, China, Hong Kong, Bangladesh, Srilanka and Thailand.
|
<li class="flex items-start">
|
||||||
|
<span class="text-purple-500 text-2xl mr-4 mt-1">✔</span>
|
||||||
|
<p class="text-gray-700 text-lg">
|
||||||
|
Your assistant trainer shows you all features — you keep full control
|
||||||
</p>
|
</p>
|
||||||
<p class="text-gray-700 mb-4">
|
</li>
|
||||||
Whether you are a startup, SME, or a multinational enterprise, RegisterYourStartup.com is here to be your trusted partner in business formation, compliance, and expansion—both in India and globally.
|
<li class="flex items-start">
|
||||||
|
<span class="text-purple-500 text-2xl mr-4 mt-1">✔</span>
|
||||||
|
<p class="text-gray-700 text-lg">
|
||||||
|
Save yourself time: Let your assistant coach organize, motivate and develop your team
|
||||||
</p>
|
</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<button class="bg-lime-400 hover:bg-lime-500 text-black font-bold text-xl py-4 px-10 rounded-lg shadow-lg transition duration-300 w-fit">
|
||||||
|
Try it now for free
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="max-w-6xl mx-auto mt-28 mb-12 overflow-hidden flex flex-col lg:flex-row">
|
||||||
|
<!-- Content Section (Left) -->
|
||||||
|
<div class="w-full lg:w-1/2 p-10 lg:p-20 flex flex-col justify-center">
|
||||||
|
<p class="text-blue-500 text-sm font-semibold mb-4">Fit team - without injuries</p>
|
||||||
|
<h2 class="text-3xl lg:text-4xl font-bold text-gray-900 mb-8">
|
||||||
|
Get the most out of your preparation!
|
||||||
|
</h2>
|
||||||
|
<p class="text-gray-700 text-lg mb-10 leading-relaxed">
|
||||||
|
In preparation for the second half, the foundation for success is laid! With individual training plans and optimal load management, our assistant trainer will assist you during this phase - and will also be there for you in case of injuries.
|
||||||
|
</p>
|
||||||
|
<button class="bg-lime-400 hover:bg-lime-500 text-black font-bold text-xl py-4 px-10 rounded-lg shadow-lg transition duration-300 w-fit">
|
||||||
|
Try it now for free
|
||||||
|
</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Image Section (Right) -->
|
||||||
|
<div class="w-full lg:w-1/2 relative bg-gray-50 flex items-center justify-center p-8">
|
||||||
|
<img
|
||||||
|
src="{% static 'images/team3.png' %}"
|
||||||
|
alt="Mockup of smartphones displaying dark-themed sports coaching app with dashboard, training plans, and player stats"
|
||||||
|
class="w-full max-w-lg object-contain drop-shadow-2xl"
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="max-w-7xl mt-36 mb-28 mx-auto">
|
||||||
|
<!-- Top Intro -->
|
||||||
|
<div class="text-left mb-10">
|
||||||
|
<p class="text-blue-600 text-sm font-semibold mb-2">
|
||||||
|
Organization, motivation & team development
|
||||||
|
</p>
|
||||||
|
<h2 class="text-2xl md:text-4xl font-bold text-gray-900 leading-tight">
|
||||||
|
This is what your digital assistant trainer can do<br />
|
||||||
|
for you
|
||||||
|
</h2>
|
||||||
|
<p class="text-gray-700 text-lg mt-6 max-w-3xl">
|
||||||
|
Focus on what counts: making your team better and celebrating success together.
|
||||||
|
Your digital assistant trainer will do the rest.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Main Layout -->
|
||||||
|
<div class="flex flex-col lg:flex-row items-center gap-12 lg:gap-20">
|
||||||
|
|
||||||
|
<!-- LEFT IMAGE AREA -->
|
||||||
|
<div class="w-full lg:w-1/2 flex justify-center">
|
||||||
|
<img
|
||||||
|
id="featureImage"
|
||||||
|
src="{% static 'images/team3.png' %}"
|
||||||
|
class="max-w-full h-auto transition-opacity duration-500 opacity-100 drop-shadow-2xl"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- RIGHT TEXT AREA -->
|
||||||
|
<div class="w-full lg:w-1/2 space-y-10 border-l-4 border-blue-600 pl-6">
|
||||||
|
|
||||||
|
<div class="featureItem cursor-pointer" data-img="{% static 'images/team3.png' %}">
|
||||||
|
<h3 class="text-2xl font-bold text-gray-900 mb-2">Everything you need to organize it's done.</h3>
|
||||||
<p class="text-gray-700">
|
<p class="text-gray-700">
|
||||||
Let's build your success story together!
|
Training a soccer team always involves planning, administration and organization.
|
||||||
|
Topics that take a lot of time but don’t make any player better.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="border-t border-gray-200 pt-6">
|
|
||||||
<p class="text-gray-800 font-medium">Warm regards,</p>
|
<div class="featureItem cursor-pointer opacity-60" data-img="{% static 'images/team4.png' %}">
|
||||||
<p class="text-gray-900 font-bold">Kashif Raza</p>
|
<h3 class="text-2xl font-bold text-gray-900 mb-2">Let your team's fire burn.</h3>
|
||||||
<p class="text-gray-600">Founder & CEO, registeryourstartup.com</p>
|
<p class="text-gray-700">
|
||||||
|
Increase training participation. Through transparent communication and a
|
||||||
|
motivating and performance-related feedback culture.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="featureItem cursor-pointer opacity-60" data-img="{% static 'images/team5.png' %}">
|
||||||
|
<h3 class="text-2xl font-bold text-gray-900 mb-2">Get the most out of your players.</h3>
|
||||||
|
<p class="text-gray-700">
|
||||||
|
Successful coaches not only make their team better, but also every team member.
|
||||||
|
Professional coaches have an entire coaching staff for this. You have your
|
||||||
|
digital assistant trainer.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="bg-black py-28">
|
||||||
|
<div class="max-w-7xl mx-auto ">
|
||||||
|
<!-- Heading -->
|
||||||
|
<div class="text-center mb-12">
|
||||||
|
<h2 class="text-3xl text-white md:text-4xl font-bold">A good assistant coach is priceless. Until now.</h2>
|
||||||
|
<p class="text-gray-300 mt-2">7-day free trial period. No credit card required!</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Pricing Cards -->
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-10">
|
||||||
|
|
||||||
|
<!-- Free -->
|
||||||
|
<div class="bg-white text-gray-900 rounded-2xl px-8 py-10 shadow-xl flex flex-col">
|
||||||
|
<h3 class="text-xl font-semibold mb-3">Free</h3>
|
||||||
|
<p class="text-4xl font-bold">€0</p>
|
||||||
|
<p class="text-sm text-gray-600 mb-6">Free forever</p>
|
||||||
|
|
||||||
|
<button class="w-full py-3 rounded-md bg-indigo-500 text-white font-semibold hover:bg-indigo-600 transition">
|
||||||
|
Get started now
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="border-t my-6"></div>
|
||||||
|
|
||||||
|
<ul class="space-y-3 text-gray-700">
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Team calendar</li>
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Event feedback</li>
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Announcements</li>
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Team Treasury</li>
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Team absences</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="border-t my-6"></div>
|
||||||
|
<p class="text-gray-500 text-sm">Access for a team of 25 players</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Basic -->
|
||||||
|
<div class="bg-white text-gray-900 rounded-2xl px-8 py-10 shadow-xl flex flex-col">
|
||||||
|
<h3 class="text-xl font-semibold mb-3">Basic</h3>
|
||||||
|
<p class="text-4xl font-bold">€299.90</p>
|
||||||
|
<p class="text-sm text-gray-600 mb-6">Annual payment</p>
|
||||||
|
|
||||||
|
<button class="w-full py-3 rounded-md bg-indigo-500 text-white font-semibold hover:bg-indigo-600 transition">
|
||||||
|
Get started now
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="border-t my-6"></div>
|
||||||
|
|
||||||
|
<ul class="space-y-3 text-gray-700">
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Everything from Free</li>
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Athletic, Technical & Rehab Training</li>
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Individual performance tests & workouts</li>
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Team challenges</li>
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Team leaderboards</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="border-t my-6"></div>
|
||||||
|
<p class="text-gray-500 text-sm">Access for a team of 25 players</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Pro -->
|
||||||
|
<div class="bg-white text-gray-900 rounded-2xl px-8 py-10 shadow-xl flex flex-col relative">
|
||||||
|
|
||||||
|
<!-- Discount Badge -->
|
||||||
|
<span class="absolute top-3 right-4 text-xs bg-lime-400 text-black font-bold px-2 py-1 rounded">50% OFF</span>
|
||||||
|
<span class="absolute top-3 left-4 text-xs bg-indigo-100 text-indigo-700 font-bold px-2 py-1 rounded">Popular</span>
|
||||||
|
|
||||||
|
<h3 class="text-xl font-semibold mb-3">Pro</h3>
|
||||||
|
|
||||||
|
<p class="text-4xl font-bold">€499.90
|
||||||
|
<span class="text-gray-400 line-through text-lg">€999</span>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="text-sm text-gray-600 mb-6">Annual payment</p>
|
||||||
|
|
||||||
|
<button class="w-full py-3 rounded-md bg-indigo-500 text-white font-semibold hover:bg-indigo-600 transition">
|
||||||
|
Get started now
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="border-t my-6"></div>
|
||||||
|
|
||||||
|
<ul class="space-y-3 text-gray-700">
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Everything from Basic</li>
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Personalized training plans</li>
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Individual performance tests & workouts</li>
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Load control</li>
|
||||||
|
<li class="flex items-start gap-2"><span class="text-lime-500">✔</span> Workout editor</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- Blue highlight box -->
|
||||||
|
<div class="bg-indigo-100 text-indigo-700 rounded-lg p-4 mt-6 font-semibold text-sm">
|
||||||
|
Plus: Premium access for all players<br>
|
||||||
|
<span class="font-normal">25x B42 Premium App included<br>(Value: 25 × 99.99€ = 2499.75€)</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="border-t my-6"></div>
|
||||||
|
<p class="text-gray-500 text-sm">Access for a team of 25 players</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bottom banner -->
|
||||||
|
<div class="mt-14 bg-white text-center rounded-2xl py-10 px-6 border border-white/10">
|
||||||
|
<p class="text-lg font-medium">Are you looking for a solution for the entire club or an academy?</p>
|
||||||
|
<p class="text-gray-300 mt-1">Individualized offers for the entire club/academy and all teams</p>
|
||||||
|
<button class="mt-6 px-6 py-3 bg-indigo-500 hover:bg-indigo-600 rounded-md font-semibold text-white">
|
||||||
|
Get in touch
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Board of Directors Section -->
|
<!-- =============================
|
||||||
<section id="board" class="py-16 bg-gray-50">
|
TESTIMONIALS + CTA SECTION
|
||||||
<div class="container mx-auto px-4">
|
============================= -->
|
||||||
<div class="text-center mb-12">
|
<section class="bg-[#F5F5F7] py-20 px-6">
|
||||||
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Board of Directors</h2>
|
<div class="max-w-7xl mx-auto">
|
||||||
<p class="text-gray-600 max-w-2xl mx-auto">Our experienced leadership team driving global business success</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Managing Partner -->
|
<!-- Heading -->
|
||||||
<div class="mb-16">
|
<h2 class="text-center text-2xl md:text-3xl font-semibold mb-12">
|
||||||
<h3 class="text-2xl font-bold text-gray-900 mb-8 text-center">Managing Partners</h3>
|
Visionary trainers & clubs trust us
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
</h2>
|
||||||
<!-- Tabish Raza -->
|
|
||||||
<div class="bg-white shadow-lg overflow-hidden hover-lift">
|
|
||||||
<div class="h-48 flex items-center justify-center">
|
|
||||||
<div class="flex justify-center items-center h-48">
|
|
||||||
<img src="/static/img/adv.avif" alt="Tabish Raza" class="w-48 h-48 rounded-full object-cover">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="p-6">
|
|
||||||
<h4 class="text-xl font-bold text-gray-900 mb-2 text-center">Tabish Raza</h4>
|
|
||||||
<p class="text-indigo-600 font-semibold mb-4 text-center">Advocate / Managing Partner</p>
|
|
||||||
<p class="text-gray-700">Tabish Raza, an Advocate and Managing Partner, brings exceptional legal expertise and strategic leadership to the team.</p>
|
|
||||||
<div class="mt-4 flex space-x-3">
|
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
|
||||||
<i class="fab fa-linkedin"></i>
|
|
||||||
</a>
|
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
|
||||||
<i class="fab fa-twitter"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Rachel China -->
|
<!-- Slider container -->
|
||||||
<div class="bg-white rounded-2xl shadow-lg overflow-hidden hover-lift">
|
<div class="overflow-x-auto scrollbar-hide">
|
||||||
<div class="h-48 flex items-center justify-center">
|
<div class="flex space-x-6 min-w-max pb-4">
|
||||||
<div class="flex justify-center items-center">
|
|
||||||
<img src="/static/img/rachal.avif"
|
|
||||||
alt="Rachal"
|
|
||||||
class="w-48 h-48 rounded-full object-cover object-top">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="p-6">
|
<!-- Testimonial Card -->
|
||||||
<h4 class="text-xl font-bold text-gray-900 mb-2 text-center">Rachel China</h4>
|
<div class="bg-white shadow-sm rounded-2xl p-6 w-80 flex-shrink-0">
|
||||||
<p class="text-indigo-600 font-semibold mb-4 text-center">CFA - China & Hong Kong Senior Partner</p>
|
<div class="text-yellow-400 mb-2">★★★★★</div>
|
||||||
<p class="text-gray-700">Rachel is the CFA (China and Hong Kong Senior Partner) at Register Your Startup, providing expert guidance on business incorporation and financial strategies.</p>
|
<p class="text-gray-700 text-sm mb-6">
|
||||||
<div class="mt-4 flex space-x-3">
|
“Football training starts at home. The progress of our Academy players
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
has been unbelievable — that's exactly what we've been missing.”
|
||||||
<i class="fab fa-linkedin"></i>
|
</p>
|
||||||
</a>
|
<div class="flex items-center gap-3">
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
<img src="https://via.placeholder.com/40" class="w-8 h-8 rounded-full" alt="">
|
||||||
<i class="fab fa-twitter"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Malang Shaikh -->
|
|
||||||
<div class="bg-white rounded-2xl shadow-lg overflow-hidden hover-lift">
|
|
||||||
<div class="h-48 flex items-center justify-center">
|
|
||||||
<div class="flex justify-center items-center">
|
|
||||||
<img src="/static/img/malang.avif" alt="Malang" class="w-48 h-48 rounded-full object-cover">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="p-6">
|
|
||||||
<h4 class="text-xl font-bold text-gray-900 mb-2 text-center">Malang Shaikh</h4>
|
|
||||||
<p class="text-indigo-600 font-semibold mb-4 text-center">Advocate / COO</p>
|
|
||||||
<p class="text-gray-700">Malang Shaikh, an Advocate and Overseas Head, excels in managing international operations with legal proficiency and a global perspective.</p>
|
|
||||||
<div class="mt-4 flex space-x-3">
|
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
|
||||||
<i class="fab fa-linkedin"></i>
|
|
||||||
</a>
|
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
|
||||||
<i class="fab fa-twitter"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Senior Partners -->
|
|
||||||
<div class="mb-16">
|
|
||||||
<h3 class="text-2xl font-bold text-gray-900 mb-8 text-center">Senior Partners</h3>
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
|
||||||
<!-- Alagappan Perinan -->
|
|
||||||
<div class="bg-white rounded-2xl shadow-lg overflow-hidden hover-lift">
|
|
||||||
<div class="h-48 flex items-center justify-center">
|
|
||||||
<div class=" flex items-center justify-center ">
|
|
||||||
<img src="/static/img/alagpa.avif" alt="Alagpa" class="w-48 h-48 rounded-full object-top">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="p-6">
|
|
||||||
<h4 class="text-xl font-bold text-gray-900 mb-2 text-center">Alagappan Perinan</h4>
|
|
||||||
<p class="text-indigo-600 font-semibold mb-4 text-center">CA - Singapore Senior Partner</p>
|
|
||||||
<p class="text-gray-700">Alagappan Perinan, a Chartered Accountant and Senior Associate Partner – Singapore, leads with financial expertise and drives business growth in the Singaporean market.</p>
|
|
||||||
<div class="mt-4 flex space-x-3">
|
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
|
||||||
<i class="fab fa-linkedin"></i>
|
|
||||||
</a>
|
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
|
||||||
<i class="fab fa-twitter"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Rashika Ahuja -->
|
|
||||||
<div class="bg-white rounded-2xl shadow-lg overflow-hidden hover-lift">
|
|
||||||
<div class="h-48 flex items-center justify-center">
|
|
||||||
<div class=" flex items-center justify-center">
|
|
||||||
<img src="/static/img/rashika.avif" alt="Rashika" class="w-48 h-48 rounded-full object-top">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="p-6">
|
|
||||||
<h4 class="text-xl font-bold text-gray-900 mb-2 text-center">Rashika Ahuja</h4>
|
|
||||||
<p class="text-indigo-600 font-semibold mb-4 text-center">CA - India Partner</p>
|
|
||||||
<p class="text-gray-700">CA Rashika Ahuja is a qualified Chartered Accountant and helps in Direct tax and overseas tax planning and compliances in India.</p>
|
|
||||||
<div class="mt-4 flex space-x-3">
|
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
|
||||||
<i class="fab fa-linkedin"></i>
|
|
||||||
</a>
|
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
|
||||||
<i class="fab fa-twitter"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Venkatachalaman -->
|
|
||||||
<div class="bg-white rounded-2xl shadow-lg overflow-hidden hover-lift">
|
|
||||||
<div class="h-48 flex items-center justify-center">
|
|
||||||
<div class=" flex items-center justify-center">
|
|
||||||
<img src="/static/img/venka.avif" alt="Venka" class="w-48 h-48 rounded-full object-cover">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="p-6">
|
|
||||||
<h4 class="text-xl font-bold text-gray-900 mb-2 text-center">Venkatachalaman</h4>
|
|
||||||
<p class="text-indigo-600 font-semibold mb-4 text-center">CA - Malaysian Senior Partner</p>
|
|
||||||
<p class="text-gray-700">Venkatachalaman, a Chartered Accountant and Senior Associate Partner – Malaysia, provides expert financial leadership and strategic direction for the region.</p>
|
|
||||||
<div class="mt-4 flex space-x-3">
|
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
|
||||||
<i class="fab fa-linkedin"></i>
|
|
||||||
</a>
|
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
|
||||||
<i class="fab fa-twitter"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Company Secretaries -->
|
|
||||||
<div>
|
<div>
|
||||||
<h3 class="text-2xl font-bold text-gray-900 mb-8 text-center">Company Secretaries</h3>
|
<p class="text-gray-900 text-sm font-semibold">Leonardo Pinto</p>
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
|
<p class="text-xs text-gray-500">ELLE FOOTBALL ACADEMY</p>
|
||||||
<!-- Mirza Aftab Alam -->
|
|
||||||
<div class="bg-white rounded-2xl shadow-lg overflow-hidden hover-lift">
|
|
||||||
<div class="h-48 flex items-center justify-center">
|
|
||||||
<div class=" flex items-center justify-center">
|
|
||||||
<img src="/static/img/mirza.avif" alt="Mirza" class="w-48 h-48 rounded-full object-top">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="p-6">
|
|
||||||
<h4 class="text-xl font-bold text-gray-900 mb-2 text-center">Mirza Aftab Alam</h4>
|
|
||||||
<p class="text-indigo-600 font-semibold mb-4 text-center">Company Secretary (Global)</p>
|
|
||||||
<p class="text-gray-700">Mirza Aftab Alam, Company Secretary (Global), ensures corporate compliance and governance across international operations, bringing precision and integrity to global regulatory frameworks.</p>
|
|
||||||
<div class="mt-4 flex space-x-3">
|
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
|
||||||
<i class="fab fa-linkedin"></i>
|
|
||||||
</a>
|
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
|
||||||
<i class="fab fa-twitter"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Anusree Chatatarjee -->
|
<!-- Duplicate this card for more testimonials -->
|
||||||
<div class="bg-white rounded-2xl shadow-lg overflow-hidden hover-lift">
|
<div class="bg-white shadow-sm rounded-2xl p-6 w-80 flex-shrink-0">
|
||||||
<div class="h-48 flex items-center justify-center">
|
<div class="text-yellow-400 mb-2">★★★★★</div>
|
||||||
<div class=" flex items-center justify-center ">
|
<p class="text-gray-700 text-sm mb-6">
|
||||||
<i class="fas fa-handshake text-4xl text-purple-600"></i>
|
“In team training, the boys naturally prefer to be on the field than
|
||||||
|
stability workouts. With B42, we outsource this & save time.”
|
||||||
|
</p>
|
||||||
|
<div class="flex items-center gap-3">
|
||||||
|
<img src="https://via.placeholder.com/40" class="w-8 h-8 rounded-full" alt="">
|
||||||
|
<div>
|
||||||
|
<p class="text-gray-900 text-sm font-semibold">Fabian Stierle</p>
|
||||||
|
<p class="text-xs text-gray-500">DFI Bad Aibling</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-6">
|
</div> <div class="bg-white shadow-sm rounded-2xl p-6 w-80 flex-shrink-0">
|
||||||
<h4 class="text-xl font-bold text-gray-900 mb-2 text-center">Anusree Chatatarjee</h4>
|
<div class="text-yellow-400 mb-2">★★★★★</div>
|
||||||
<p class="text-indigo-600 font-semibold mb-4 text-center">Company Secretary (India Partner)</p>
|
<p class="text-gray-700 text-sm mb-6">
|
||||||
<p class="text-gray-700">Anusree Chatatarjee is Fellow Company Secretary (India Partner) helps in Custom handling and Foreign Company establishment.</p>
|
“Football training starts at home. The progress of our Academy players
|
||||||
<div class="mt-4 flex space-x-3">
|
has been unbelievable — that's exactly what we've been missing.”
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
</p>
|
||||||
<i class="fab fa-linkedin"></i>
|
<div class="flex items-center gap-3">
|
||||||
</a>
|
<img src="https://via.placeholder.com/40" class="w-8 h-8 rounded-full" alt="">
|
||||||
<a href="#" class="text-gray-400 hover:text-indigo-600">
|
<div>
|
||||||
<i class="fab fa-twitter"></i>
|
<p class="text-gray-900 text-sm font-semibold">Leonardo Pinto</p>
|
||||||
</a>
|
<p class="text-xs text-gray-500">ELLE FOOTBALL ACADEMY</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Global Expertise Section -->
|
<!-- Duplicate this card for more testimonials -->
|
||||||
<section class="py-16 bg-white">
|
<div class="bg-white shadow-sm rounded-2xl p-6 w-80 flex-shrink-0">
|
||||||
<div class="container mx-auto px-4">
|
<div class="text-yellow-400 mb-2">★★★★★</div>
|
||||||
<div class="text-center mb-12">
|
<p class="text-gray-700 text-sm mb-6">
|
||||||
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Our Global Expertise</h2>
|
“In team training, the boys naturally prefer to be on the field than
|
||||||
<p class="text-gray-600 max-w-2xl mx-auto">Strategic partnerships across key international markets</p>
|
stability workouts. With B42, we outsource this & save time.”
|
||||||
|
</p>
|
||||||
|
<div class="flex items-center gap-3">
|
||||||
|
<img src="https://via.placeholder.com/40" class="w-8 h-8 rounded-full" alt="">
|
||||||
|
<div>
|
||||||
|
<p class="text-gray-900 text-sm font-semibold">Fabian Stierle</p>
|
||||||
|
<p class="text-xs text-gray-500">DFI Bad Aibling</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-6 max-w-5xl mx-auto">
|
|
||||||
<div class="bg-gray-50 p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-flag text-indigo-600 text-2xl mb-2"></i>
|
|
||||||
<p class="font-medium text-gray-800">India</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-gray-50 p-4 rounded-lg text-center">
|
</div> <div class="bg-white shadow-sm rounded-2xl p-6 w-80 flex-shrink-0">
|
||||||
<i class="fas fa-landmark text-purple-600 text-2xl mb-2"></i>
|
<div class="text-yellow-400 mb-2">★★★★★</div>
|
||||||
<p class="font-medium text-gray-800">USA</p>
|
<p class="text-gray-700 text-sm mb-6">
|
||||||
</div>
|
“Football training starts at home. The progress of our Academy players
|
||||||
<div class="bg-gray-50 p-4 rounded-lg text-center">
|
has been unbelievable — that's exactly what we've been missing.”
|
||||||
<i class="fas fa-building text-blue-600 text-2xl mb-2"></i>
|
</p>
|
||||||
<p class="font-medium text-gray-800">UAE</p>
|
<div class="flex items-center gap-3">
|
||||||
</div>
|
<img src="https://via.placeholder.com/40" class="w-8 h-8 rounded-full" alt="">
|
||||||
<div class="bg-gray-50 p-4 rounded-lg text-center">
|
<div>
|
||||||
<i class="fas fa-university text-green-600 text-2xl mb-2"></i>
|
<p class="text-gray-900 text-sm font-semibold">Leonardo Pinto</p>
|
||||||
<p class="font-medium text-gray-800">Singapore</p>
|
<p class="text-xs text-gray-500">ELLE FOOTBALL ACADEMY</p>
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-globe-asia text-yellow-600 text-2xl mb-2"></i>
|
|
||||||
<p class="font-medium text-gray-800">Malaysia</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-dragon text-red-600 text-2xl mb-2"></i>
|
|
||||||
<p class="font-medium text-gray-800">China</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-shopping-bag text-indigo-600 text-2xl mb-2"></i>
|
|
||||||
<p class="font-medium text-gray-800">Hong Kong</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-map text-purple-600 text-2xl mb-2"></i>
|
|
||||||
<p class="font-medium text-gray-800">Bangladesh</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-leaf text-blue-600 text-2xl mb-2"></i>
|
|
||||||
<p class="font-medium text-gray-800">Sri Lanka</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-sun text-green-600 text-2xl mb-2"></i>
|
|
||||||
<p class="font-medium text-gray-800">Thailand</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-island-tropical text-yellow-600 text-2xl mb-2"></i>
|
|
||||||
<p class="font-medium text-gray-800">Philippines</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 p-4 rounded-lg text-center">
|
|
||||||
<i class="fas fa-oil-well text-red-600 text-2xl mb-2"></i>
|
|
||||||
<p class="font-medium text-gray-800">Saudi Arabia</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- CTA Section -->
|
<!-- Duplicate this card for more testimonials -->
|
||||||
<section class="py-16 bg-gradient-to-r from-indigo-500 to-purple-600">
|
<div class="bg-white shadow-sm rounded-2xl p-6 w-80 flex-shrink-0">
|
||||||
<div class="container mx-auto px-4 text-center">
|
<div class="text-yellow-400 mb-2">★★★★★</div>
|
||||||
<h2 class="text-3xl md:text-4xl font-bold text-white mb-4">Ready to Work with Our Expert Team?</h2>
|
<p class="text-gray-700 text-sm mb-6">
|
||||||
<p class="text-indigo-100 text-lg mb-8 max-w-2xl mx-auto">Leverage our global expertise and experienced leadership for your business success</p>
|
“In team training, the boys naturally prefer to be on the field than
|
||||||
<div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
|
stability workouts. With B42, we outsource this & save time.”
|
||||||
<a href="{% url 'contact_us_form' %}" class="bg-white text-indigo-600 px-8 py-3 rounded-full font-medium hover:bg-indigo-50 transition">Contact Our Team</a>
|
</p>
|
||||||
<a href="{% url 'book_appointment' %}" class="border border-white text-white px-8 py-3 rounded-full font-medium hover:bg-white hover:text-indigo-600 transition">Book Appointment</a>
|
<div class="flex items-center gap-3">
|
||||||
|
<img src="https://via.placeholder.com/40" class="w-8 h-8 rounded-full" alt="">
|
||||||
|
<div>
|
||||||
|
<p class="text-gray-900 text-sm font-semibold">Fabian Stierle</p>
|
||||||
|
<p class="text-xs text-gray-500">DFI Bad Aibling</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
|
||||||
|
|
||||||
{% endblock %}
|
<!-- Add as many as needed -->
|
||||||
|
<!-- ... copy & customize ... -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Navigation (static demo icons) -->
|
||||||
|
<div class="flex justify-center gap-3 mt-4">
|
||||||
|
<button class="w-8 h-8 grid place-items-center bg-white shadow rounded-full hover:bg-gray-100">
|
||||||
|
←
|
||||||
|
</button>
|
||||||
|
<button class="w-8 h-8 grid place-items-center bg-white shadow rounded-full hover:bg-gray-100">
|
||||||
|
→
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- CTA Banner -->
|
||||||
|
<div class="mt-20 max-w-6xl mx-auto bg-indigo-500 text-white rounded-2xl p-6
|
||||||
|
flex flex-col lg:flex-row items-center justify-between gap-10">
|
||||||
|
|
||||||
|
<!-- CTA Text -->
|
||||||
|
<div class="max-w-sm flex-1">
|
||||||
|
<h3 class="text-2xl md:text-3xl font-semibold mb-4">Start your free trial now</h3>
|
||||||
|
<p class="text-white/80 text-sm mb-6">
|
||||||
|
Try it out: Use your digital assistant trainer and save yourself time.
|
||||||
|
It’s free.
|
||||||
|
</p>
|
||||||
|
<button class="px-5 py-3 bg-black rounded-md text-white text-sm font-semibold hover:bg-gray-900 transition">
|
||||||
|
Try it now
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- CTA Image -->
|
||||||
|
<img
|
||||||
|
src="{% static 'images/team3.png' %}"
|
||||||
|
class="rounded-xl w-full lg:w-1/2"
|
||||||
|
alt="app preview"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const featureItems = document.querySelectorAll(".featureItem");
|
||||||
|
const featureImage = document.getElementById("featureImage");
|
||||||
|
|
||||||
|
featureItems.forEach(item => {
|
||||||
|
item.addEventListener("click", () => {
|
||||||
|
const newImg = item.getAttribute("data-img");
|
||||||
|
|
||||||
|
// Fade effect
|
||||||
|
featureImage.style.opacity = 0;
|
||||||
|
setTimeout(() => {
|
||||||
|
featureImage.src = newImg;
|
||||||
|
featureImage.style.opacity = 1;
|
||||||
|
}, 200);
|
||||||
|
|
||||||
|
// Active visual state
|
||||||
|
featureItems.forEach(f => f.classList.add("opacity-60"));
|
||||||
|
item.classList.remove("opacity-60");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
{% endblock %}
|
||||||
@@ -0,0 +1,221 @@
|
|||||||
|
{% extends 'public_base.html' %}
|
||||||
|
{% load static %}
|
||||||
|
|
||||||
|
{% block title %}Press | B42 Partnership Information{% endblock %}
|
||||||
|
{% block meta_description %}To best present your partnership with B42 to your coaches, players, fans and members, we have compiled some helpful information and content for you here.{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<!-- Dark background for the entire page -->
|
||||||
|
<div class="bg-custom-dark text-white min-h-screen">
|
||||||
|
|
||||||
|
<!-- Header with "Press" title -->
|
||||||
|
<header class="py-12 text-center">
|
||||||
|
<h1 class="text-6xl md:text-8xl font-bold uppercase tracking-wider">Press</h1>
|
||||||
|
<p class="mt-8 max-w-3xl mx-auto text-lg md:text-xl px-4">
|
||||||
|
To best present your partnership with B42 to your coaches, players, fans
|
||||||
|
and members, we have compiled some helpful information and content
|
||||||
|
for you here.
|
||||||
|
</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Main content -->
|
||||||
|
<div class="max-w-7xl mx-auto px-6 pb-20">
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-12 gap-12">
|
||||||
|
<!-- Left Column: Sticky Press Kit + Download Button (narrower, sticky on desktop) -->
|
||||||
|
<div class="lg:col-span-4 space-y-8 lg:sticky lg:top-24 lg:self-start">
|
||||||
|
<h2 class="text-3xl font-bold">B42 Press Kit</h2>
|
||||||
|
<div class="bg-custom-light rounded-3xl shadow-2xl overflow-hidden">
|
||||||
|
<!-- Single full-cover image instead of grid -->
|
||||||
|
<div class="relative w-full h-40"> <!-- Adjust aspect ratio if needed -->
|
||||||
|
<img
|
||||||
|
src="{% static 'images/press1.jpg' %}"
|
||||||
|
alt="B42 App Previews"
|
||||||
|
class="absolute object-cover"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="p-6">
|
||||||
|
<!-- Optional: small text or nothing, to keep it clean like the screenshot -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Download Button below the press kit (visible on all screens) -->
|
||||||
|
<div class="mt-8 text-center">
|
||||||
|
<a href="https://b42-assets.azureedge.net/presse/B42%20Press%20Kit.zip"
|
||||||
|
class="inline-block bg-yellow-400 text-black font-bold px-8 py-4 rounded-full hover:bg-yellow-300 transition shadow-lg text-xl">
|
||||||
|
Download
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right Column: Wider article cards -->
|
||||||
|
<div class="lg:col-span-8 space-y-2">
|
||||||
|
|
||||||
|
<!-- Card 1: 2nd anniversary -->
|
||||||
|
<div class="bg-[#6366f1] text-white rounded-3xl overflow-hidden shadow-2xl flex flex-col md:flex-row">
|
||||||
|
<div class="bg-white p-8 md:w-1/3 flex items-center justify-center">
|
||||||
|
<img src="https://upload.wikimedia.org/wikipedia/de/thumb/8/8c/SV_Eintracht_Altenberge_Logo.svg/1200px-SV_Eintracht_Altenberge_Logo.svg.png" alt="SVE Logo" class="h-32">
|
||||||
|
</div>
|
||||||
|
<div class="p-8 md:p-12 md:w-2/3 flex flex-col justify-center">
|
||||||
|
<h3 class="text-2xl md:text-3xl font-bold mb-4">
|
||||||
|
2nd anniversary of the B42 Premium Partnership!
|
||||||
|
</h3>
|
||||||
|
<p class="text-lg opacity-90">
|
||||||
|
We say !Thank you! to B42 and look forward to our future together!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-[#6366f1] text-white rounded-3xl overflow-hidden shadow-2xl flex flex-col md:flex-row">
|
||||||
|
<div class="bg-white p-8 md:w-1/3 flex items-center justify-center">
|
||||||
|
<img src="https://upload.wikimedia.org/wikipedia/de/thumb/8/8c/SV_Eintracht_Altenberge_Logo.svg/1200px-SV_Eintracht_Altenberge_Logo.svg.png" alt="SVE Logo" class="h-32">
|
||||||
|
</div>
|
||||||
|
<div class="p-8 md:p-12 md:w-2/3 flex flex-col justify-center">
|
||||||
|
<h3 class="text-2xl md:text-3xl font-bold mb-4">
|
||||||
|
2nd anniversary of the B42 Premium Partnership!
|
||||||
|
</h3>
|
||||||
|
<p class="text-lg opacity-90">
|
||||||
|
We say !Thank you! to B42 and look forward to our future together!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-[#6366f1] text-white rounded-3xl overflow-hidden shadow-2xl flex flex-col md:flex-row">
|
||||||
|
<div class="bg-white p-8 md:w-1/3 flex items-center justify-center">
|
||||||
|
<img src="https://upload.wikimedia.org/wikipedia/de/thumb/8/8c/SV_Eintracht_Altenberge_Logo.svg/1200px-SV_Eintracht_Altenberge_Logo.svg.png" alt="SVE Logo" class="h-32">
|
||||||
|
</div>
|
||||||
|
<div class="p-8 md:p-12 md:w-2/3 flex flex-col justify-center">
|
||||||
|
<h3 class="text-2xl md:text-3xl font-bold mb-4">
|
||||||
|
2nd anniversary of the B42 Premium Partnership!
|
||||||
|
</h3>
|
||||||
|
<p class="text-lg opacity-90">
|
||||||
|
We say !Thank you! to B42 and look forward to our future together!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="bg-[#6366f1] text-white rounded-3xl overflow-hidden shadow-2xl flex flex-col md:flex-row">
|
||||||
|
<div class="bg-white p-8 md:w-1/3 flex items-center justify-center">
|
||||||
|
<img src="https://upload.wikimedia.org/wikipedia/de/thumb/8/8c/SV_Eintracht_Altenberge_Logo.svg/1200px-SV_Eintracht_Altenberge_Logo.svg.png" alt="SVE Logo" class="h-32">
|
||||||
|
</div>
|
||||||
|
<div class="p-8 md:p-12 md:w-2/3 flex flex-col justify-center">
|
||||||
|
<h3 class="text-2xl md:text-3xl font-bold mb-4">
|
||||||
|
2nd anniversary of the B42 Premium Partnership!
|
||||||
|
</h3>
|
||||||
|
<p class="text-lg opacity-90">
|
||||||
|
We say !Thank you! to B42 and look forward to our future together!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="bg-[#6366f1] text-white rounded-3xl overflow-hidden shadow-2xl flex flex-col md:flex-row">
|
||||||
|
<div class="bg-white p-8 md:w-1/3 flex items-center justify-center">
|
||||||
|
<img src="https://upload.wikimedia.org/wikipedia/de/thumb/8/8c/SV_Eintracht_Altenberge_Logo.svg/1200px-SV_Eintracht_Altenberge_Logo.svg.png" alt="SVE Logo" class="h-32">
|
||||||
|
</div>
|
||||||
|
<div class="p-8 md:p-12 md:w-2/3 flex flex-col justify-center">
|
||||||
|
<h3 class="text-2xl md:text-3xl font-bold mb-4">
|
||||||
|
2nd anniversary of the B42 Premium Partnership!
|
||||||
|
</h3>
|
||||||
|
<p class="text-lg opacity-90">
|
||||||
|
We say !Thank you! to B42 and look forward to our future together!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="bg-[#6366f1] text-white rounded-3xl overflow-hidden shadow-2xl flex flex-col md:flex-row">
|
||||||
|
<div class="bg-white p-8 md:w-1/3 flex items-center justify-center">
|
||||||
|
<img src="https://upload.wikimedia.org/wikipedia/de/thumb/8/8c/SV_Eintracht_Altenberge_Logo.svg/1200px-SV_Eintracht_Altenberge_Logo.svg.png" alt="SVE Logo" class="h-32">
|
||||||
|
</div>
|
||||||
|
<div class="p-8 md:p-12 md:w-2/3 flex flex-col justify-center">
|
||||||
|
<h3 class="text-2xl md:text-3xl font-bold mb-4">
|
||||||
|
2nd anniversary of the B42 Premium Partnership!
|
||||||
|
</h3>
|
||||||
|
<p class="text-lg opacity-90">
|
||||||
|
We say !Thank you! to B42 and look forward to our future together!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="bg-[#6366f1] text-white rounded-3xl overflow-hidden shadow-2xl flex flex-col md:flex-row">
|
||||||
|
<div class="bg-white p-8 md:w-1/3 flex items-center justify-center">
|
||||||
|
<img src="https://upload.wikimedia.org/wikipedia/de/thumb/8/8c/SV_Eintracht_Altenberge_Logo.svg/1200px-SV_Eintracht_Altenberge_Logo.svg.png" alt="SVE Logo" class="h-32">
|
||||||
|
</div>
|
||||||
|
<div class="p-8 md:p-12 md:w-2/3 flex flex-col justify-center">
|
||||||
|
<h3 class="text-2xl md:text-3xl font-bold mb-4">
|
||||||
|
2nd anniversary of the B42 Premium Partnership!
|
||||||
|
</h3>
|
||||||
|
<p class="text-lg opacity-90">
|
||||||
|
We say !Thank you! to B42 and look forward to our future together!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="bg-[#6366f1] text-white rounded-3xl overflow-hidden shadow-2xl flex flex-col md:flex-row">
|
||||||
|
<div class="bg-white p-8 md:w-1/3 flex items-center justify-center">
|
||||||
|
<img src="https://upload.wikimedia.org/wikipedia/de/thumb/8/8c/SV_Eintracht_Altenberge_Logo.svg/1200px-SV_Eintracht_Altenberge_Logo.svg.png" alt="SVE Logo" class="h-32">
|
||||||
|
</div>
|
||||||
|
<div class="p-8 md:p-12 md:w-2/3 flex flex-col justify-center">
|
||||||
|
<h3 class="text-2xl md:text-3xl font-bold mb-4">
|
||||||
|
2nd anniversary of the B42 Premium Partnership!
|
||||||
|
</h3>
|
||||||
|
<p class="text-lg opacity-90">
|
||||||
|
We say !Thank you! to B42 and look forward to our future together!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="bg-[#6366f1] text-white rounded-3xl overflow-hidden shadow-2xl flex flex-col md:flex-row">
|
||||||
|
<div class="bg-white p-8 md:w-1/3 flex items-center justify-center">
|
||||||
|
<img src="https://upload.wikimedia.org/wikipedia/de/thumb/8/8c/SV_Eintracht_Altenberge_Logo.svg/1200px-SV_Eintracht_Altenberge_Logo.svg.png" alt="SVE Logo" class="h-32">
|
||||||
|
</div>
|
||||||
|
<div class="p-8 md:p-12 md:w-2/3 flex flex-col justify-center">
|
||||||
|
<h3 class="text-2xl md:text-3xl font-bold mb-4">
|
||||||
|
2nd anniversary of the B42 Premium Partnership!
|
||||||
|
</h3>
|
||||||
|
<p class="text-lg opacity-90">
|
||||||
|
We say !Thank you! to B42 and look forward to our future together!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="bg-[#6366f1] text-white rounded-3xl overflow-hidden shadow-2xl flex flex-col md:flex-row">
|
||||||
|
<div class="bg-white p-8 md:w-1/3 flex items-center justify-center">
|
||||||
|
<img src="https://upload.wikimedia.org/wikipedia/de/thumb/8/8c/SV_Eintracht_Altenberge_Logo.svg/1200px-SV_Eintracht_Altenberge_Logo.svg.png" alt="SVE Logo" class="h-32">
|
||||||
|
</div>
|
||||||
|
<div class="p-8 md:p-12 md:w-2/3 flex flex-col justify-center">
|
||||||
|
<h3 class="text-2xl md:text-3xl font-bold mb-4">
|
||||||
|
2nd anniversary of the B42 Premium Partnership!
|
||||||
|
</h3>
|
||||||
|
<p class="text-lg opacity-90">
|
||||||
|
We say !Thank you! to B42 and look forward to our future together!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Add more cards if needed -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.bg-custom-dark {
|
||||||
|
background-color: #0f172a;
|
||||||
|
}
|
||||||
|
.bg-custom-blue {
|
||||||
|
background-color: #818cf8;
|
||||||
|
}
|
||||||
|
.bg-custom-light {
|
||||||
|
background-color: #f1f5f9;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
@@ -0,0 +1,461 @@
|
|||||||
|
{% extends 'public_base.html' %}
|
||||||
|
{% load static %}
|
||||||
|
|
||||||
|
{% block title %}
|
||||||
|
Privacy Policy | Register Your Startup
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<div class="min-h-screen bg-black flex flex-col justify-between text-white">
|
||||||
|
|
||||||
|
<!-- Main Content Wrapper with same max-width as navbar -->
|
||||||
|
<div class="w-full">
|
||||||
|
<div class="max-w-7xl mx-auto px-6 lg:px-8">
|
||||||
|
|
||||||
|
<!-- Upper Section -->
|
||||||
|
<div class="flex flex-col md:flex-row items-center justify-between py-12 md:py-10 gap-12 lg:gap-20">
|
||||||
|
<div class="max-w-lg text-left">
|
||||||
|
<p class="text-blue-400 text-sm mb-2">Training</p>
|
||||||
|
<h1 class="text-5xl md:text-6xl font-bold leading-tight">
|
||||||
|
Football-specific<br>
|
||||||
|
training via app
|
||||||
|
</h1>
|
||||||
|
<p class="text-gray-300 text-xl mt-6">
|
||||||
|
100% for soccer players
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex-shrink-0">
|
||||||
|
<img
|
||||||
|
src="{% static 'images/training1.png' %}"
|
||||||
|
alt="Soccer player celebrating on the field"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bottom CTA Banner (full width, but inner content respects same max-width) -->
|
||||||
|
<!-- Bottom CTA Banner (full width, constrained inner content) -->
|
||||||
|
<a href="" class="block w-full">
|
||||||
|
<div class="bg-gradient-to-r from-purple-600 to-blue-500 rounded-3xl relative overflow-hidden cursor-pointer transition-all duration-300 hover:scale-[1.02] group">
|
||||||
|
<!-- Shine effect -->
|
||||||
|
<div class="absolute inset-0 opacity-20 pointer-events-none">
|
||||||
|
<div class="absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent -skew-x-12 translate-x-full animate-shine"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Inner content with constrained width -->
|
||||||
|
<div class="max-w-7xl mx-auto px-6 lg:px-8 py-12">
|
||||||
|
<div class="flex items-center justify-between relative z-10">
|
||||||
|
<p class="text-xl md:text-3xl font-bold text-white leading-tight">
|
||||||
|
Play the best season<br>
|
||||||
|
of your life.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Neon yellow ball with bold arrow + hover animation -->
|
||||||
|
<div class="ml-8 relative">
|
||||||
|
<svg width="100" height="100" viewBox="0 0 100 100" class="drop-shadow-2xl transition-all duration-300 group-hover:scale-110 group-hover:drop-shadow-glow">
|
||||||
|
<!-- Circle background - neon yellow -->
|
||||||
|
<circle cx="50" cy="50" r="48" fill="#CCFF00" stroke="#000000" stroke-width="3"/>
|
||||||
|
|
||||||
|
<!-- Bold right arrow -->
|
||||||
|
<path d="M 28 50 L 68 50 L 58 35 M 68 50 L 58 65"
|
||||||
|
stroke="#000000"
|
||||||
|
stroke-width="12"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
@keyframes shine {
|
||||||
|
0% { transform: translateX(-100%); }
|
||||||
|
100% { transform: translateX(200%); }
|
||||||
|
}
|
||||||
|
.animate-shine {
|
||||||
|
animation: shine 3s infinite linear;
|
||||||
|
}
|
||||||
|
.drop-shadow-glow {
|
||||||
|
filter: drop-shadow(0 0 20px rgba(204, 255, 0, 0.8));
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<!-- Section 1: The B42 Gamechanger -->
|
||||||
|
<section class="bg-gray-950 py-28 lg:py-36 text-white">
|
||||||
|
<div class="max-w-7xl mx-auto px-6 lg:px-8">
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center">
|
||||||
|
|
||||||
|
<!-- Left: Text Content -->
|
||||||
|
<div class="max-w-xl">
|
||||||
|
<p class="text-blue-400 text-sm mb-2">Personalized training plans</p>
|
||||||
|
<h2 class="text-2xl lg:text-4xl font-bold mb-6">
|
||||||
|
The B42 Gamechanger
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="text-gray-300 text-m leading-relaxed mb-4">
|
||||||
|
Achieve your goals with the personalized 6-week plans from B42 Gamechanger. Perfectly tailored to your performance level and season stage – whether you're looking to get back on the pitch or maximize your stamina. Optimize your training and become the best footballer you can be!
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Quote -->
|
||||||
|
<div class="mt-8">
|
||||||
|
<p class="italic text-m text-gray-200 mb-4">
|
||||||
|
"Everyone has to give 100% on the pitch. Then nobody can blame themselves at the end of the season."
|
||||||
|
</p>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<img src="https://image.fupa.net/news/SWW8YCB9vJ9r/2000x1125.jpeg"
|
||||||
|
alt="Daniel Hofer"
|
||||||
|
class="w-12 h-12 rounded-full object-cover mr-4 border-2 border-red-600">
|
||||||
|
<div>
|
||||||
|
<p class="text-sm text-gray-400">Daniel Hofer, Spieler</p>
|
||||||
|
<p class="font-semibold">SpVgg Hankofen-Hailing</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: Mockup -->
|
||||||
|
<div class="relative flex justify-center lg:justify-end">
|
||||||
|
<div class="relative z-10">
|
||||||
|
<img src="{% static 'images/training2.png' %}"
|
||||||
|
alt="Soccer players celebrating"
|
||||||
|
class="w-full max-w-md rounded-3xl shadow-2xl object-cover">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Section 2: Frighteningly effective -->
|
||||||
|
<section class="bg-gray-950 py-28 lg:py-36 text-white">
|
||||||
|
<div class="max-w-7xl mx-auto px-6 lg:px-8">
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center">
|
||||||
|
|
||||||
|
<!-- Left: Mockup -->
|
||||||
|
<div class="relative flex justify-center lg:justify-end">
|
||||||
|
<div class="relative z-10">
|
||||||
|
<img src="{% static 'images/training3.png' %}"
|
||||||
|
alt="Soccer players celebrating" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: Text Content -->
|
||||||
|
<div class="max-w-xl">
|
||||||
|
<p class="text-blue-400 text-sm mb-2">Fitness training</p>
|
||||||
|
<h2 class="text-2xl lg:text-4xl font-bold mb-6">
|
||||||
|
Frighteningly effective
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="text-gray-300 text-m leading-relaxed mb-4">
|
||||||
|
With B42, you'll lay the foundation to perform at your peak fitness level for the full 90 minutes on the pitch.
|
||||||
|
Work on your power with our football app and get yourself into a physical condition that will significantly improve your tackle success rate.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Quote -->
|
||||||
|
<div class="mt-8">
|
||||||
|
<p class="italic text-m text-gray-200 mb-4">
|
||||||
|
“The big advantage of B42 over the gym is clearly that all workouts promote football-specific fitness. This way, our players are actually training something meaningful.”
|
||||||
|
</p>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<img src="https://img.heimatsport.de/ezplatform/images/_aliases/detail_teaser_item_image_variation/3/0/4/2/358102403-1-ger-DE/18cdefacf9ac-29-119530096.jpg"
|
||||||
|
alt="Tobias Beck"
|
||||||
|
class="w-12 h-12 rounded-full object-cover mr-4">
|
||||||
|
<div>
|
||||||
|
<p class="text-sm text-gray-400">Tobias Beck, player-coach</p>
|
||||||
|
<p class="font-semibold">SpVgg Hankofen-Hailing</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Section 3: -->
|
||||||
|
<section class="bg-gray-950 py-28 lg:py-36 text-white">
|
||||||
|
<div class="max-w-7xl mx-auto px-6 lg:px-8">
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center">
|
||||||
|
|
||||||
|
<!-- Left: Text Content -->
|
||||||
|
<div class="max-w-xl">
|
||||||
|
<p class="text-blue-400 text-sm mb-2">Prevention training</p>
|
||||||
|
<h2 class="text-2xl lg:text-4xl font-bold mb-6">
|
||||||
|
Safety first
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="text-gray-300 text-m leading-relaxed mb-4">
|
||||||
|
The best injury is the one that never happens. With our prevention programs, you can fight back against football injuries. They help you protect yourself from the most common injuries and specifically target the areas you need for greater stability on the pitch.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Quote -->
|
||||||
|
<div class="mt-8">
|
||||||
|
<p class="italic text-m text-gray-200 mb-4">
|
||||||
|
"I've completely changed my training ethic. You always think, 'If I don't have anything acute, why should I do anything?' And I think that's been underestimated all along. You can prevent a lot of problems, especially through mobility exercises."
|
||||||
|
</p>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<img src="https://image.fupa.net/news/SWW8YCB9vJ9r/2000x1125.jpeg"
|
||||||
|
alt="Daniel Hofer"
|
||||||
|
class="w-12 h-12 rounded-full object-cover mr-4 border-2 border-red-600">
|
||||||
|
<div>
|
||||||
|
<p class="text-sm text-gray-400">Aleksandro Petrovic, player</p>
|
||||||
|
<p class="font-semibold">TSV Buchbach</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: Mockup -->
|
||||||
|
<div class="relative flex justify-center lg:justify-end">
|
||||||
|
<div class="relative z-10">
|
||||||
|
<img src="{% static 'images/training4.png' %}"
|
||||||
|
alt="Soccer players celebrating"
|
||||||
|
class="w-full max-w-md rounded-3xl shadow-2xl object-cover">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="bg-gray-950 py-28 lg:py-36 text-white">
|
||||||
|
<div class="max-w-7xl mx-auto px-6 lg:px-8">
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center">
|
||||||
|
|
||||||
|
<!-- Left: Mockup -->
|
||||||
|
<div class="relative flex justify-center lg:justify-end">
|
||||||
|
<div class="relative z-10">
|
||||||
|
<img src="{% static 'images/training5.png' %}"
|
||||||
|
alt="Soccer players celebrating" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: Text Content -->
|
||||||
|
<div class="max-w-xl">
|
||||||
|
<p class="text-blue-400 text-sm mb-2">Comeback training</p>
|
||||||
|
<h2 class="text-2xl lg:text-4xl font-bold mb-6">
|
||||||
|
Come back stronger
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="text-gray-300 text-m leading-relaxed mb-2">
|
||||||
|
Injuries are unfortunately part of football. But while the pros have access to professional sports medicine every day, your rehabilitation is limited to half an hour of physiotherapy – at most.
|
||||||
|
</p>
|
||||||
|
<p class="text-gray-300 text-m leading-relaxed mb-4">
|
||||||
|
With B42, you receive professional guidance and return to the pitch stronger. Your path to a full recovery starts here.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Quote -->
|
||||||
|
<div class="mt-8">
|
||||||
|
<p class="italic text-m text-gray-200 mb-4">
|
||||||
|
"I have regained my physical fitness and am getting playing time again after the injury."
|
||||||
|
</p>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<img src="https://img.heimatsport.de/ezplatform/images/_aliases/detail_teaser_item_image_variation/3/0/4/2/358102403-1-ger-DE/18cdefacf9ac-29-119530096.jpg"
|
||||||
|
alt="Tobias Beck"
|
||||||
|
class="w-12 h-12 rounded-full object-cover mr-4">
|
||||||
|
<div>
|
||||||
|
<p class="text-sm text-gray-400">Florian Sommersberger, player</p>
|
||||||
|
<p class="font-semibold">SpVgg Hankofen-Hailing</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bg-gray-950 py-28 lg:py-36 text-white">
|
||||||
|
<div class="max-w-7xl mx-auto px-6 lg:px-8">
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center">
|
||||||
|
|
||||||
|
<!-- Left: Text Content -->
|
||||||
|
<div class="max-w-xl">
|
||||||
|
<p class="text-blue-400 text-sm mb-2">Ball-specific training
|
||||||
|
</p>
|
||||||
|
<h2 class="text-2xl lg:text-4xl font-bold mb-6">
|
||||||
|
Professional Skills
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="text-gray-300 text-m leading-relaxed mb-4">
|
||||||
|
Tailor-made drills improve precise passing, dribbling, and ball control. Adjust the difficulty level and playfully develop your ball skills. Become a technically skilled footballer!
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Quote -->
|
||||||
|
<div class="mt-8">
|
||||||
|
<p class="italic text-m text-gray-200 mb-4">
|
||||||
|
"I wish I had had access to such tools and workouts 5 years earlier..."
|
||||||
|
</p>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<img src="https://image.fupa.net/news/SWW8YCB9vJ9r/2000x1125.jpeg"
|
||||||
|
alt="Daniel Hofer"
|
||||||
|
class="w-12 h-12 rounded-full object-cover mr-4 border-2 border-red-600">
|
||||||
|
<div>
|
||||||
|
<p class="text-sm text-gray-400">Bence Tóth, player
|
||||||
|
</p>
|
||||||
|
<p class="font-semibold">SV Straßwalchen (AT)</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: Mockup -->
|
||||||
|
<div class="relative flex justify-center lg:justify-end">
|
||||||
|
<div class="relative z-10">
|
||||||
|
<img src="{% static 'images/training6.png' %}"
|
||||||
|
alt="Soccer players celebrating"
|
||||||
|
class="w-full max-w-md rounded-3xl shadow-2xl object-cover">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="bg-gray-950 py-28 lg:py-36 text-white">
|
||||||
|
<div class="max-w-7xl mx-auto px-6 lg:px-8">
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center">
|
||||||
|
|
||||||
|
<!-- Left: Mockup -->
|
||||||
|
<div class="relative flex justify-center lg:justify-end">
|
||||||
|
<div class="relative z-10">
|
||||||
|
<img src="{% static 'images/training7.png' %}"
|
||||||
|
alt="Soccer players celebrating" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: Text Content -->
|
||||||
|
<div class="max-w-xl">
|
||||||
|
<p class="text-blue-400 text-sm mb-2">
|
||||||
|
Performance diagnostics
|
||||||
|
</p>
|
||||||
|
<h2 class="text-2xl lg:text-4xl font-bold mb-6">
|
||||||
|
Next Level Training
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="text-gray-300 text-m leading-relaxed mb-4">
|
||||||
|
Gain detailed insights into strength, mobility, endurance, and speed. With precise data and tailored recommendations, you can specifically address your weaknesses and improve your game. Get the edge on the field!
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Quote -->
|
||||||
|
<div class="mt-8">
|
||||||
|
<p class="italic text-m text-gray-200 mb-4">
|
||||||
|
"The videos explain very clearly what the players need to do. Afterwards, each player receives their strengths and weaknesses profile. This allows us as coaches to compare players and use the data for further workload management. It was interesting to see where the players have deficits that can be compensated for and where they have already improved compared to their teammates."
|
||||||
|
</p>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<img src="https://img.heimatsport.de/ezplatform/images/_aliases/detail_teaser_item_image_variation/3/0/4/2/358102403-1-ger-DE/18cdefacf9ac-29-119530096.jpg"
|
||||||
|
alt="Tobias Beck"
|
||||||
|
class="w-12 h-12 rounded-full object-cover mr-4">
|
||||||
|
<div>
|
||||||
|
<p class="text-sm text-gray-400">Tobias Beck, player-coach</p>
|
||||||
|
<p class="font-semibold">SpVgg Hankofen-Hailing</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="bg-gray-950 py-28 lg:py-36 text-white">
|
||||||
|
<div class="max-w-7xl mx-auto px-6 lg:px-8">
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center">
|
||||||
|
|
||||||
|
<!-- Left: Text Content -->
|
||||||
|
<div class="max-w-xl">
|
||||||
|
<p class="text-blue-400 text-sm mb-2">Stress management</p>
|
||||||
|
<h2 class="text-2xl lg:text-4xl font-bold mb-6">
|
||||||
|
Smart instead of harsh
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="text-gray-300 text-m leading-relaxed mb-4">
|
||||||
|
Maintaining a balance between exertion and recovery is essential not only from session to session, but also in the long term. B42 helps prevent premature performance decline and injuries, and ensures sustainable training progress.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Quote -->
|
||||||
|
<div class="mt-8">
|
||||||
|
<p class="italic text-m text-gray-200 mb-4">
|
||||||
|
"We can see how much and how intensely players train. Players and coaches can leave notes and give feedback."
|
||||||
|
</p>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<img src="https://image.fupa.net/news/SWW8YCB9vJ9r/2000x1125.jpeg"
|
||||||
|
alt="Daniel Hofer"
|
||||||
|
class="w-12 h-12 rounded-full object-cover mr-4 border-2 border-red-600">
|
||||||
|
<div>
|
||||||
|
<p class="text-sm text-gray-400">Musa Avlayici, U13 Coach</p>
|
||||||
|
<p class="font-semibold">
|
||||||
|
SC Pfullendorf</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: Mockup -->
|
||||||
|
<div class="relative flex justify-center lg:justify-end">
|
||||||
|
<div class="relative z-10">
|
||||||
|
<img src="{% static 'images/training8.png' %}"
|
||||||
|
alt="Soccer players celebrating"
|
||||||
|
class="w-full max-w-md rounded-3xl shadow-2xl object-cover">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Bottom CTA Banner (full width, constrained inner content) -->
|
||||||
|
<a href="" class="block w-full">
|
||||||
|
<div class="bg-gradient-to-r from-purple-600 to-blue-500 rounded-3xl relative overflow-hidden cursor-pointer transition-all duration-300 hover:scale-[1.02] group">
|
||||||
|
<!-- Shine effect -->
|
||||||
|
<div class="absolute inset-0 opacity-20 pointer-events-none">
|
||||||
|
<div class="absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent -skew-x-12 translate-x-full animate-shine"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Inner content with constrained width -->
|
||||||
|
<div class="max-w-7xl mx-auto px-6 lg:px-8 py-12">
|
||||||
|
<div class="flex items-center justify-between relative z-10">
|
||||||
|
<p class="text-3xl md:text-4xl font-bold text-white leading-tight">
|
||||||
|
Play the best season<br>
|
||||||
|
of your life.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Neon yellow ball with bold arrow + hover animation -->
|
||||||
|
<div class="ml-8 relative">
|
||||||
|
<svg width="100" height="100" viewBox="0 0 100 100" class="drop-shadow-2xl transition-all duration-300 group-hover:scale-110 group-hover:drop-shadow-glow">
|
||||||
|
<!-- Circle background - neon yellow -->
|
||||||
|
<circle cx="50" cy="50" r="48" fill="#CCFF00" stroke="#000000" stroke-width="3"/>
|
||||||
|
|
||||||
|
<!-- Bold right arrow -->
|
||||||
|
<path d="M 28 50 L 68 50 L 58 35 M 68 50 L 58 65"
|
||||||
|
stroke="#000000"
|
||||||
|
stroke-width="12"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
@keyframes shine {
|
||||||
|
0% { transform: translateX(-100%); }
|
||||||
|
100% { transform: translateX(200%); }
|
||||||
|
}
|
||||||
|
.animate-shine {
|
||||||
|
animation: shine 3s infinite linear;
|
||||||
|
}
|
||||||
|
.drop-shadow-glow {
|
||||||
|
filter: drop-shadow(0 0 20px rgba(204, 255, 0, 0.8));
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
||||||
@@ -1 +1,194 @@
|
|||||||
DATA protection
|
{% extends 'public_base.html' %}
|
||||||
|
{% load static %}
|
||||||
|
|
||||||
|
{% block title %}Data Policy | B42{% endblock %}
|
||||||
|
{% block meta_description %}Privacy Policy and Data Protection Information for B42 by SFY GmbH.{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<section class="bg-[#1a1a1a] text-white py-20">
|
||||||
|
<div class="max-w-5xl mx-auto px-6">
|
||||||
|
|
||||||
|
<!-- Main Title -->
|
||||||
|
<h1 class="text-6xl font-bold mb-4 text-center">Data Policy</h1>
|
||||||
|
<p class="text-center text-gray-300 mb-16">Last updated on July 15, 2025</p>
|
||||||
|
|
||||||
|
<!-- Table of Contents -->
|
||||||
|
<div class="space-y-4 mb-20">
|
||||||
|
<a href="#Allgemeine-Hinweise" class="block text-lg text-gray-300 hover:text-white transition">1. General notes</a>
|
||||||
|
<a href="#Datenerfassung" class="block text-lg text-gray-300 hover:text-white transition">2. Data collection on our website</a>
|
||||||
|
<a href="#Allgemeine-Angaben" class="block text-lg text-gray-300 hover:text-white transition">3. General information and mandatory information</a>
|
||||||
|
<a href="#Technische-Datenerfassung" class="block text-lg text-gray-300 hover:text-white transition">4. Technical data collection</a>
|
||||||
|
<a href="#Analyse-Tools" class="block text-lg text-gray-300 hover:text-white transition">5. Analysis tools and advertising</a>
|
||||||
|
<a href="#Plugins-Tools" class="block text-lg text-gray-300 hover:text-white transition">6. Plugins and tools</a>
|
||||||
|
<a href="#Rechte" class="block text-lg text-gray-300 hover:text-white transition">7. Users' rights</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Full Content -->
|
||||||
|
<div class="prose prose-invert max-w-none text-gray-300 space-y-12">
|
||||||
|
|
||||||
|
<h2 id="Allgemeine-Hinweise" class="text-3xl font-bold mt-16">1. General information</h2>
|
||||||
|
<p>The following information provides a simple overview of what happens to your personal data when you visit our website. Personal data is any data that can be used to personally identify you. Detailed information on data protection can be found in our privacy policy listed below this text.</p>
|
||||||
|
|
||||||
|
<h2 id="Datenerfassung" class="text-3xl font-bold mt-16">2. Data collection on our website</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">2.1. Who is responsible for data collection on this website?</h3>
|
||||||
|
<p>Data processing on this website is carried out by the website operator. His contact details can be found in the legal notice of this website.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">2.2. How do we collect your information?</h3>
|
||||||
|
<p>On the one hand, your data is collected when you provide it to us. This can include data that you enter in a contact form, for example. Other data is automatically collected by our IT systems when you visit the website. In particular, this includes technical data (e.g. Internet browser, operating system or time of page access). This data is collected automatically as soon as you enter our website.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">2.3. What data do we collect and what do we use it for?</h3>
|
||||||
|
<p>Some of the data is collected to ensure error-free provision of the website. Other data can be used to analyze your user behavior. We process personal data that you provide to us as a user of the products, e.g. through the use of our products, and those that others provide to us. We collect the following categories of personal information about you, directly or indirectly.</p>
|
||||||
|
<p>This includes the following data points:</p>
|
||||||
|
<p><strong>identity data</strong><br>First and last name, date of birth, email address, gender, social media identification, and information that is forwarded to us via your Facebook or Google account. We use this information to verify your identity.</p>
|
||||||
|
<p><strong>contact details</strong><br>Phone number, email address, messenger ID, social media handle, other communication channels that you have used to request more information from us. We use this information to contact you — depending on the purpose — for various reasons.</p>
|
||||||
|
<p><strong>Body and training information</strong><br>Body size, weight, fitness level, desired training priorities, playing position (e.g. central defender). We use this data to better adapt our products to your needs.</p>
|
||||||
|
<p><strong>Location data</strong><br>We collect your location data using GPS tracking. We use this data to evaluate and visualize your running performance.</p>
|
||||||
|
<p><strong>Purchase information</strong><br>Payment service provider, duration of your B42 subscription, price, currency, VAT. We use payment service providers to process payments. Even though we do not store any credit card information ourselves, we store a payment number that the respective service provider assigns (e.g. Apple, Google) and which can be assigned to you. We use this information to process your payments.</p>
|
||||||
|
<p><strong>Behavioral and profile information</strong><br>Your user behavior on the website. We use this information to get to know you better as a consumer so that we can send you marketing messages about products and services that we think may be of interest to you.</p>
|
||||||
|
<p>With the information in your public profile, you appear in the B42 app. This information allows others to find you within the B42 app. Other users can see your first and last name (if provided), your profile picture, your completed workouts, and the results of your performance tests. Your B42 player card can also be viewed by other users. So that other users can also be inspired by your successes and progress, you agree to the use of your B42 Player Card on other SFY GmbH communication channels.</p>
|
||||||
|
<p><strong>Social media information</strong><br>Information that we obtain through your interaction with us on various social media such as Facebook, Instagram or Google, including any social media information that is publicly available, such as your social media handles, social media interactions and public postings, your “likes” and other reactions, your social media contacts, your photos that have been published or that you send to us by mentioning us or following our social media posts using “handles” or “hashtags.” We receive this information from social networks (e.g. Facebook, Instagram), either directly or through third-party agencies with whom we have agreements.</p>
|
||||||
|
<p><strong>device information</strong><br>Information about your device or browser that gives us information about your browsing behavior or device usage. Your device information is collected via our app and your browser information is collected through our cookies, tags, and pixels. These are often required for network security.</p>
|
||||||
|
<p>This information includes, for example: IP address, date and time of visit, how long you stayed on our website, the amount of data transferred, the referral URL (if you came to our website from another website or an ad), the pages visited on our website, your browser type (including the language and version of the browser software) and add-ons, device identifiers and features, device type, versions, and operating system.</p>
|
||||||
|
<p><strong>activity information</strong><br>Fitness data such as selected training program, start and end of training, activities. We use this data to operate our products, improve your performance goals and user experience, and find out which products would be best for you based on your training pattern.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">2.4. What are your rights with regard to your data?</h3>
|
||||||
|
<p>You have the right to receive information about the origin, recipient and purpose of your stored personal data free of charge at any time. You also have the right to request that this data be corrected, blocked or deleted. You can contact us at any time at the address given in the legal notice if you have any further questions about data protection. You also have the right to lodge a complaint with the competent supervisory authority.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">2.5. Analysis tools and third-party tools</h3>
|
||||||
|
<p>When you visit our website, your surfing behavior can be statistically evaluated. This is done primarily with cookies and with so-called analysis programs. Your surfing behavior is usually analyzed anonymously; surfing behavior cannot be traced back to you. You can object to this analysis or prevent it by not using certain tools. Detailed information can be found in the following privacy policy. You can disagree with this analysis. We will inform you about the options for objection in this privacy policy.</p>
|
||||||
|
<p>This website uses technology from The Trade Desk (TheTrade Desk Ltd, 1 Bartholomew Close, London EC1A 7BL, United Kingdom, <a href="https://www.thetradedesk.com/" class="text-indigo-400 hover:underline">https://www.thetradedesk.com/</a>) collected and stored data for marketing and optimization purposes. Among other things, pseudonymized user profiles can be created from this data. Browser cookies can be used for this purpose. The data collected using The Trade Desk technology is not used by The Trade Desk to personally identify visitors to this website. The collection and storage of data can be objected to here at any time with effect for the future. For more information about The Trade Desk's privacy, please visit <a href="https://www.thetradedesk.com/de/privacy" class="text-indigo-400 hover:underline">https://www.thetradedesk.com/de/privacy</a>.</p>
|
||||||
|
|
||||||
|
<h2 id="Allgemeine-Angaben" class="text-3xl font-bold mt-16">3. General information and mandatory information</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">3.1. data protection</h3>
|
||||||
|
<p>The operators of these pages take the protection of your personal data very seriously. We treat your personal data confidentially and in accordance with legal data protection regulations and this privacy policy. When you use this website, various personal data is collected. Personal data is data that can be used to personally identify you. This privacy policy explains what data we collect and what we use it for. It also explains how and for what purpose this is done.</p>
|
||||||
|
<p>We would like to point out that data transmission on the Internet (e.g. when communicating by e-mail) may have security gaps. Complete protection of data against access by third parties is not possible.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">3.2. Note on the responsible body</h3>
|
||||||
|
<p>The party responsible for data processing on this website is: SFY GmbH Industriestrasse 15 84149 Velden Phone: +49 1590 4864277 E-mail: <a href="mailto:andi@b-42.com" class="text-indigo-400 hover:underline">andi@b-42.com</a>. The responsible body is the natural or legal person who alone or together with others decides on the purposes and means of processing personal data (e.g. names, e-mail addresses, etc.).</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">3.3. Withdrawal of your consent to data processing</h3>
|
||||||
|
<p>Many data processing operations are only possible with your express consent. You can revoke any consent you have already given at any time. All you need to do is send us an informal email message. The legality of the data processing carried out up to the time of revocation remains unaffected by the revocation.</p>
|
||||||
|
<p>Right to lodge a complaint with the competent supervisory authority In the event of breaches of data protection law, the person concerned has the right to lodge a complaint with the competent supervisory authority. The competent supervisory authority for data protection issues is the state data protection officer of the federal state in which our company is based. A list of data protection officers and their contact details can be found at the following link: <a href="https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html" class="text-indigo-400 hover:underline">https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html</a></p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">3.4. Right to data portability</h3>
|
||||||
|
<p>You have the right to have data that we process automatically based on your consent or in fulfilment of a contract handed over to you or to a third party in a standard, machine-readable format. If you request the direct transfer of data to another person responsible, this will only be done if it is technically feasible.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">3.5. SSL or TLS encryption</h3>
|
||||||
|
<p>For security reasons and to protect the transmission of confidential content, such as orders or inquiries that you send to us as the site operator, this site uses SSL or TLS encryption. You can recognize an encrypted connection by the fact that the address line of the browser changes from “http://” to “https://” and by the lock symbol in your browser line. If SSL or TLS encryption is activated, the data that you send to us cannot be read by third parties.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">3.6. Information, blocking, deletion</h3>
|
||||||
|
<p>Within the framework of the applicable legal provisions, you have the right to obtain free information about your stored personal data, its origin and recipient and the purpose of data processing and, if applicable, the right to correct, block or delete this data at any time. You can contact us at any time at the address given in the legal notice if you have any further questions about personal data.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">3.7. Objection to promotional emails</h3>
|
||||||
|
<p>The use of contact details published as part of the legal notice obligation to send unsolicited advertising and information material is hereby rejected. The operators of the pages expressly reserve the right to take legal action in the event of unsolicited sending of advertising information, such as spam emails.</p>
|
||||||
|
|
||||||
|
<h2 id="Technische-Datenerfassung" class="text-3xl font-bold mt-16">4. Technical data collection</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">4.1. cookies</h3>
|
||||||
|
<p>Some of the websites use so-called cookies. Cookies do not cause any damage to your computer and do not contain any viruses. Cookies are used to make our website more user-friendly, effective and secure. Cookies are small text files that are stored on your computer and saved by your browser. Most of the cookies we use are so-called “session cookies.” They are automatically deleted at the end of your visit. Other cookies remain stored on your device until you delete them. These cookies enable us to recognize your browser the next time you visit. You can set your browser so that you are informed about the setting of cookies and only allow cookies in individual cases, exclude the acceptance of cookies in certain cases or in general, and activate the automatic deletion of cookies when you close the browser. If cookies are deactivated, the functionality of this website may be limited. Cookies that are necessary to carry out the electronic communication process or to provide certain functions you request (e.g. shopping cart function) are stored on the basis of Article 6 (1) (f) GDPR. The website operator has a legitimate interest in storing cookies for the technically error-free and optimized provision of its services. Insofar as other cookies (e.g. cookies to analyze your surfing behavior) are stored, these are treated separately in this privacy policy.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">4.2. server log files</h3>
|
||||||
|
<p>The provider of the pages automatically collects and stores information in so-called server log files, which your browser automatically transmits to us. These are:</p>
|
||||||
|
<ul class="list-disc pl-8 space-y-2">
|
||||||
|
<li>Browser type and version</li>
|
||||||
|
<li>operating system used</li>
|
||||||
|
<li>Referrer URL</li>
|
||||||
|
<li>Host name of the accessing computer</li>
|
||||||
|
<li>Time of server request</li>
|
||||||
|
<li>IP address</li>
|
||||||
|
</ul>
|
||||||
|
<p>This data is not combined with other data sources. The basis for data processing is Art. 6 para. 1 lit. f DSGVO, which allows the processing of data to fulfill a contract or pre-contractual measures.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">4.3. Comment function on this website</h3>
|
||||||
|
<p>For the comment function on this page, in addition to your comment, information about the time the comment was created, your e-mail address and, if you do not post anonymously, the username you have chosen are stored.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">4.4. Storage period of comments</h3>
|
||||||
|
<p>The comments and the associated data (e.g. IP address) are stored and remain on our website until the commented content has been completely deleted or the comments must be deleted for legal reasons (e.g. insulting comments).</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">4.5. legal basis</h3>
|
||||||
|
<p>Comments are stored on the basis of your consent (Art. 6 para. 1 lit. a DSGVO). You can revoke any consent you have given at any time. All you need to do is send us an informal email message. The legality of the data processing operations that have already taken place remains unaffected by the revocation.</p>
|
||||||
|
|
||||||
|
<h2 id="Analyse-Tools" class="text-3xl font-bold mt-16">5. Analysis tools and advertising</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.1. Google Analytics</h3>
|
||||||
|
<p>This website uses features of the web analysis service Google Analytics. The provider is Google Inc., 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA. Google Analytics uses so-called “cookies.” These are text files that are stored on your computer and which enable an analysis of your use of the website. The information generated by the cookie about your use of this website is usually transmitted to a Google server in the USA and stored there. Google Analytics cookies are stored on the basis of Art. 6 para. 1 lit. f DSGVO. The website operator has a legitimate interest in analyzing user behavior in order to optimize both its website and its advertising.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.2. IP anonymization</h3>
|
||||||
|
<p>We have activated the IP anonymization function on this website. As a result, your IP address will be shortened by Google within member states of the European Union or in other states party to the Agreement on the European Economic Area before transmission to the USA. Only in exceptional cases will the full IP address be transmitted to a Google server in the USA and shortened there. On behalf of the operator of this website, Google will use this information to evaluate your use of the website, to compile reports on website activity and to provide the website operator with further services related to website activity and Internet usage. The IP address transmitted by your browser as part of Google Analytics is not combined with other data from Google.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.3. Browser Plug-in</h3>
|
||||||
|
<p>You can prevent cookies from being saved by setting your browser software accordingly; however, we would like to point out that in this case you may not be able to use all functions of this website to their full extent. You can also prevent the collection of data generated by the cookie and related to your use of the website (including your IP address) by Google and the processing of this data by Google by downloading and installing the browser plug-in available at the following link: <a href="https://tools.google.com/dlpage/gaoptout?hl=de" class="text-indigo-400 hover:underline">https://tools.google.com/dlpage/gaoptout?hl=de</a>.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.4. Objection to data collection</h3>
|
||||||
|
<p>You can prevent Google Analytics from collecting your data by clicking on the following link. An opt-out cookie is set to prevent your data from being collected on future visits to this website: Deactivate Google Analytics. More information about how Google Analytics handles user data can be found in Google's privacy policy: <a href="https://support.google.com/analytics/answer/6004245?hl=de" class="text-indigo-400 hover:underline">https://support.google.com/analytics/answer/6004245?hl=de</a>.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.5. Order data processing</h3>
|
||||||
|
<p>We have concluded a contract with Google for order data processing and fully implement the strict requirements of the German data protection authorities when using Google Analytics.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.6. Demographics in Google Analytics</h3>
|
||||||
|
<p>This website uses the “demographic characteristics” feature of Google Analytics. This allows reports to be created that contain statements about the age, gender and interests of site visitors. This data comes from interest-based advertising from Google and from visitor data from third-party providers. This data cannot be attributed to a specific person. You can deactivate this function at any time via the ad settings in your Google account or generally prohibit the collection of your data by Google Analytics as described in the section “Objection to data collection.”</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.7. Facebook Pixel</h3>
|
||||||
|
<p>Our website uses the visitor action pixel from Facebook, Facebook Inc., 1601 S. California Ave, Palo Alto, CA 94304, USA (“Facebook”) to measure conversions.</p>
|
||||||
|
<p>In this way, the behavior of site visitors can be tracked after they have been redirected to the provider's website by clicking on a Facebook ad. This allows the effectiveness of Facebook ads to be evaluated for statistical and market research purposes and future advertising measures to be optimized.</p>
|
||||||
|
<p>The data collected is anonymous for us as the operator of this website; we cannot draw any conclusions about the identity of the users. However, the data is stored and processed by Facebook so that a connection to the respective user profile is possible and Facebook can use the data for its own advertising purposes, in accordance with the Facebook data usage policy. This allows Facebook to place advertisements on Facebook pages and outside of Facebook. This use of data cannot be influenced by us as the site operator.</p>
|
||||||
|
<p>You can find further information about protecting your privacy in Facebook's privacy policy: <a href="https://www.facebook.com/about/privacy/" class="text-indigo-400 hover:underline">https://www.facebook.com/about/privacy/</a> You can also use the “Custom Audiences” remarketing feature in the ad settings area at <a href="https://www.facebook.com/ads/preferences/?entry_product=ad_settings_screen" class="text-indigo-400 hover:underline">https://www.facebook.com/ads/preferences/?entry_product=ad_settings_screen</a>deaktivieren> . To do this, you must be logged in to Facebook.</p>
|
||||||
|
<p>If you do not have a Facebook account, you can deactivate usage-based advertising from Facebook on the European Interactive Digital Advertising Alliance website: <a href="http://www.youronlinechoices.com/de/praferenzmanagement/" class="text-indigo-400 hover:underline">http://www.youronlinechoices.com/de/praferenzmanagement/</a> You can also prevent their collection with Facebook Pixel on this website by clicking here.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.8. Hotjar</h3>
|
||||||
|
<p>This website uses Hotjar, an analysis software from Hotjar Ltd. (“Hotjar”) ( <a href="http://www.hotjar.com" class="text-indigo-400 hover:underline">http://www.hotjar.com</a>, 3 Lyons Range, 20 Bisazza Street, Sliema SLM 1640, Malta, Europe). Hotjar makes it possible to measure and evaluate the usage behavior of the website in the form of clicks, mouse movements, scroll heights, etc. in order to be able to improve the user experience in a targeted manner. The information is transferred anonymously to Hotjar servers in Ireland and stored there. Hotjar uses cookies and tracking codes to recognize users anonymously. The following information is collected:</p>
|
||||||
|
<ul class="list-disc pl-8 space-y-2">
|
||||||
|
<li>The IP address of your device (anonymized)</li>
|
||||||
|
<li>Your device's screen size</li>
|
||||||
|
<li>Type of device and information about the browser used</li>
|
||||||
|
<li>Geographical point of view (country only)</li>
|
||||||
|
</ul>
|
||||||
|
<p>Hotjar will use this information to evaluate your use of our website, to generate reports, and other services relating to website usage and internet evaluation of the website. Hotjar also uses services from third-party companies, such as Google Analytics and Optimizely, to provide services. These third-party companies may store information that your browser sends as part of your website visit, such as cookies or IP requests. For more information on how Google Analytics and Optimizely store and use data, please refer to their corresponding privacy policies. If you use this website, you consent to the processing of the data there by Hotjar and its third-party providers as part of their privacy policies. The cookies used by Hotjar have a different lifespan between up to 365 days just for the current visit. You can prevent Hotjar from collecting data by clicking on the following link and following the instructions there: <a href="https://www.hotjar.com/opt-out" class="text-indigo-400 hover:underline">https://www.hotjar.com/opt-out</a></p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.9. Google AdWords Remarketing</h3>
|
||||||
|
<p>Our website uses the functions of Google AdWords Remarketing, which we hereby advertise this website in Google search results, as well as on third-party websites. The provider is Google LLC., 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA (“Google”). For this purpose, Google places a cookie in the browser of your device, which automatically enables interest-based advertising using a pseudonymous cookie ID and based on the pages you visit. The processing is based on our legitimate interest in the optimal marketing of our website in accordance with Art. 6 para. 1 lit. f DSGVO. Any further data processing will only take place if you have agreed with Google that your Internet and app browsing history will be linked by Google to your Google account and information from your Google account will be used to personalize ads that you view on the web. In this case, if you are logged in to Google while visiting our website, Google uses your data together with Google Analytics data to create and define target group lists for cross-device remarketing. For this purpose, your personal data is temporarily linked by Google with Google Analytics data to form target groups. You can permanently deactivate the setting of cookies for ad preferences by downloading and installing the browser plug-in available at the following link: <a href="https://www.google.com/settings/ads/onweb/" class="text-indigo-400 hover:underline">https://www.google.com/settings/ads/onweb/</a> . Alternatively, you can contact the Digital Advertising Alliance at <a href="http://www.aboutads.info" class="text-indigo-400 hover:underline">www.aboutads.info</a> to find out how to set cookies and make settings for this. Finally, you can set your browser so that you are informed about the setting of cookies and decide individually whether to accept them or to exclude the acceptance of cookies in certain cases or in general. If you do not accept cookies, the functionality of our website may be limited. Google LLC based in the USA is certified for the US-European data protection agreement “Privacy Shield”, which ensures compliance with the data protection level applicable in the EU. Further information and the privacy policy regarding advertising and Google can be found here: <a href="http://www.google.com/policies/technologies/ads/" class="text-indigo-400 hover:underline">http://www.google.com/policies/technologies/ads/</a></p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.10. Google Optimize</h3>
|
||||||
|
<p>Our website uses the functions of the Google Optimize tool to understand which of the various variants of our website are more helpful to users and which are not. Information on the corresponding data protection can be found here: <a href="https://policies.google.com/?hl=de" class="text-indigo-400 hover:underline">https://policies.google.com/?hl=de</a> and here: <a href="https://support.google.com/optimize/answer/6292487?hl=de" class="text-indigo-400 hover:underline">https://support.google.com/optimize/answer/6292487?hl=de</a></p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.11. Google Tag Manager</h3>
|
||||||
|
<p>Our website uses the functions of the Google Tag Manager tool. This service allows website tags to be managed via an interface. Google Tag Manager only implements tags. This means that no cookies are used and no personal data is collected. Google Tag Manager triggers other tags, which in turn may collect data. However, Google Tag Manager does not access this data. If a deactivation has been made at the domain or cookie level, this will persist for all tracking tags that are implemented with Google Tag Manager.</p>
|
||||||
|
|
||||||
|
<h2 id="Plugins-Tools" class="text-3xl font-bold mt-16">6. Plug-ins and tools</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">6.1. youtube</h3>
|
||||||
|
<p>Our website uses plugins from the YouTube site operated by Google. The operator of the pages is YouTube, LLC, 901 Cherry Ave., San Bruno, CA 94066, USA. When you visit one of our pages equipped with a YouTube plug-in, a connection to YouTube's servers is established. This tells the YouTube server which of our pages you have visited. If you are logged into your YouTube account, YouTube allows you to assign your surfing behavior directly to your personal profile. You can prevent this by logging out of your YouTube account. YouTube is used in the interest of an attractive presentation of our online offers. This represents a legitimate interest within the meaning of Article 6 (1) (f) GDPR. For more information on how to handle user data, please see YouTube's privacy policy at: <a href="https://www.google.de/intl/de/policies/privacy" class="text-indigo-400 hover:underline">https://www.google.de/intl/de/policies/privacy</a></p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">6.2. Google Web Fonts</h3>
|
||||||
|
<p>This site uses so-called web fonts, which are provided by Google, for the uniform display of fonts. When you call up a page, your browser loads the required web fonts into your browser cache to display texts and fonts correctly. For this purpose, the browser you are using must connect to Google's servers. This enables Google to know that our website was accessed via your IP address. Google Web Fonts are used in the interest of a uniform and appealing presentation of our online offerings. This represents a legitimate interest within the meaning of Article 6 (1) (f) GDPR. If your browser does not support web fonts, a standard font is used by your computer. You can find more information about Google Web Fonts at <a href="https://developers.google.com/fonts/faq" class="text-indigo-400 hover:underline">https://developers.google.com/fonts/faq</a> and in Google's privacy policy: <a href="https://www.google.com/policies/privacy/" class="text-indigo-400 hover:underline">https://www.google.com/policies/privacy/</a></p>
|
||||||
|
|
||||||
|
<h2 id="Rechte" class="text-3xl font-bold mt-16">7. Users' rights</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">7.1. Information on the rights of data subjects</h3>
|
||||||
|
<p>Every data subject has the right to information under Article 15 GDPR, the right to rectification under Article 16 GDPR, the right to erasure under Article 17 GDPR, the right to restrict processing under Article 18 GDPR, the right to object under Article 21 GDPR and the right to data portability under Article 20 GDPR. The restrictions set out in Sections 34 and 35 BDSG apply to the right of information and the right of deletion.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">7.2. Information on the right of appeal</h3>
|
||||||
|
<p>You also have the right to complain to the competent data protection supervisory authority about the processing of your personal data by us.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">7.3. Instructions for revocation in case of consent</h3>
|
||||||
|
<p>You can revoke your consent to the processing of personal data at any time by contacting us. This also applies to the revocation of declarations of consent that were given to us before the General Data Protection Regulation came into force. Please note that the revocation only takes effect for the future. Processing that took place before the revocation is not affected.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">7.4. Right in the event of data processing for direct marketing</h3>
|
||||||
|
<p>In accordance with Article 21 Paragraph 2 GDPR, you have the right to object to the processing of personal data concerning you at any time. In the event of your objection to processing for direct marketing purposes, we will no longer process your personal data for these purposes. Please note that the objection is only effective for the future. Processing that took place before the objection was lodged is not affected.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">7.5. Reference to the right of objection when balancing interests</h3>
|
||||||
|
<p>Insofar as we base the processing of your personal data on a balance of interests, you can object to the processing. If you exercise such an objection, please explain the reasons why we should not process your personal data as described by us. In the event of your justified objection, we will review the situation and will either stop or adjust the data processing or explain our compelling legitimate reasons to you.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">7.6. Links to other websites</h3>
|
||||||
|
<p>Our websites may contain links to websites of other providers. We would like to point out that this privacy policy applies exclusively to B42 websites. We have no influence on and do not control that other providers comply with the applicable data protection regulations.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">7.7. Changes to the privacy policy</h3>
|
||||||
|
<p>We reserve the right to change or adapt this privacy policy at any time in compliance with applicable data protection regulations.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">7.8. Responsible person and data protection officer</h3>
|
||||||
|
<p>You can contact us at any time if you have any questions about the collection, processing or use of your personal data, or if you wish to provide information, correct, block or delete data.</p>
|
||||||
|
<p><strong>Responsible person for data processing</strong><br>If you want<br>SFY GmbH<br>Industriestrasse 15<br>84149 Velden<br>germany<br>email: <a href="mailto:info@b-42.com" class="text-indigo-400 hover:underline">info@b-42.com</a></p>
|
||||||
|
<p>represented by managing director Andreas Gschaider</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
@@ -1 +1,51 @@
|
|||||||
Imprint
|
{% extends 'public_base.html' %}
|
||||||
|
{% load static %}
|
||||||
|
|
||||||
|
{% block title %}Imprint | B42{% endblock %}
|
||||||
|
{% block meta_description %}Imprint and Legal Information for B42 by SFY GmbH.{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<section class="bg-[#1a1a1a] text-white py-20">
|
||||||
|
<div class="max-w-5xl mx-auto px-6">
|
||||||
|
|
||||||
|
<!-- Main Title -->
|
||||||
|
<h1 class="text-6xl font-bold mb-4 text-center">Imprint</h1>
|
||||||
|
<p class="text-center text-gray-300 mb-16">Last updated on July 15, 2025</p>
|
||||||
|
|
||||||
|
<!-- Imprint Content -->
|
||||||
|
<div class="prose prose-invert max-w-none text-gray-300 space-y-8">
|
||||||
|
|
||||||
|
<p class="text-lg">
|
||||||
|
<strong>SFY GmbH</strong><br>
|
||||||
|
Industriestrasse 15<br>
|
||||||
|
84149 Velden
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="text-lg">
|
||||||
|
<strong>Management:</strong> Andreas Gschaider<br>
|
||||||
|
<strong>Telephone number:</strong> +49 160 97978139<br>
|
||||||
|
<strong>email:</strong> <a href="mailto:info@b-42.com" class="text-indigo-400 hover:underline">info@b-42.com</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="text-lg">
|
||||||
|
<strong>Registry court & registration number:</strong> Landshut District Court HRB 10645<br>
|
||||||
|
<strong>Sales tax identification number:</strong> DE815679117
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="text-lg">
|
||||||
|
<strong>Responsible for content:</strong> Andreas Gschaider, address as above.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2 class="text-3xl font-bold mt-16">Information on online dispute resolution</h2>
|
||||||
|
<p class="text-lg">
|
||||||
|
The EU Commission has created an Internet platform for the online settlement of disputes (so-called “OS platform”). The OS platform serves as a point of contact for the out-of-court settlement of disputes relating to contractual obligations arising from online sales contracts.<br><br>
|
||||||
|
The OS platform can be reached via the following link:<br>
|
||||||
|
<a href="http://ec.europa.eu/consumers/odr" class="text-indigo-400 hover:underline">http://ec.europa.eu/consumers/odr</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
@@ -1,221 +1,240 @@
|
|||||||
{% extends 'public_base.html' %}
|
{% extends 'public_base.html' %}
|
||||||
|
{% load static %}
|
||||||
|
|
||||||
{% block title %}
|
{% block title %}Terms of Use | B42{% endblock %}
|
||||||
Privacy Policy | Register Your Startup
|
{% block meta_description %}General Terms and Conditions of B42 by SFY GmbH.{% endblock %}
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
<section class="bg-[#1a1a1a] text-white py-20">
|
||||||
|
<div class="max-w-5xl mx-auto px-6">
|
||||||
|
|
||||||
<section class="terms-page">
|
<!-- Main Title -->
|
||||||
|
<h1 class="text-6xl font-bold mb-4 text-center">Terms of use</h1>
|
||||||
|
<p class="text-center text-gray-300 mb-16">Last updated on July 15, 2025</p>
|
||||||
|
|
||||||
<!-- Hero Section -->
|
<!-- Table of Contents -->
|
||||||
<div class="terms-hero">
|
<div class="space-y-4 mb-20">
|
||||||
<h1>Terms of Service</h1>
|
<a href="#Einleitung" class="block text-lg text-gray-300 hover:text-white transition">1. Initiation</a>
|
||||||
<p class="lead">
|
<a href="#Geltungsbereich" class="block text-lg text-gray-300 hover:text-white transition">2. scope</a>
|
||||||
Please read these terms carefully before using our services.
|
<a href="#Vertragsschluss" class="block text-lg text-gray-300 hover:text-white transition">3. Conclusion of contract</a>
|
||||||
Last updated on <span class="highlight">{{ toc.last_updated }}</span>.
|
<a href="#Anmeldeprozess" class="block text-lg text-gray-300 hover:text-white transition">4. Registration process & user account</a>
|
||||||
</p>
|
<a href="#B42-Leistungen" class="block text-lg text-gray-300 hover:text-white transition">5. B42 Services, Prices, Terms and Delivery</a>
|
||||||
|
<a href="#Zahlungsmodalitaeten" class="block text-lg text-gray-300 hover:text-white transition">6. Means of payment, terms of payment, default and retention of title</a>
|
||||||
|
<a href="#Gesundheit" class="block text-lg text-gray-300 hover:text-white transition">7. Your health</a>
|
||||||
|
<a href="#Rechte-Pflichten-SFY" class="block text-lg text-gray-300 hover:text-white transition">8. SFY's rights and obligations</a>
|
||||||
|
<a href="#Rechte-Pflichten-Nutzer" class="block text-lg text-gray-300 hover:text-white transition">9. Rights and obligations of the user</a>
|
||||||
|
<a href="#Maengelhaftung" class="block text-lg text-gray-300 hover:text-white transition">10. Liability for defects</a>
|
||||||
|
<a href="#Haftung" class="block text-lg text-gray-300 hover:text-white transition">11. liability</a>
|
||||||
|
<a href="#Nutzungsrechte" class="block text-lg text-gray-300 hover:text-white transition">12. Rights of use to B42 content</a>
|
||||||
|
<a href="#Nutzergenerierte-Inhalte" class="block text-lg text-gray-300 hover:text-white transition">13. Responsibility for user-generated content and user obligations</a>
|
||||||
|
<a href="#Personenbezogene-Daten" class="block text-lg text-gray-300 hover:text-white transition">14. Personal data</a>
|
||||||
|
<a href="#Vertragsbeendigung" class="block text-lg text-gray-300 hover:text-white transition">15. Contract termination</a>
|
||||||
|
<a href="#Widerrufsrecht" class="block text-lg text-gray-300 hover:text-white transition">16. Right of Withdrawal</a>
|
||||||
|
<a href="#Datenschutz" class="block text-lg text-gray-300 hover:text-white transition">17. data protection</a>
|
||||||
|
<a href="#Schlussbestimmungen" class="block text-lg text-gray-300 hover:text-white transition">18. Final provisions</a>
|
||||||
|
<a href="#Anbieterinformation" class="block text-lg text-gray-300 hover:text-white transition">19. Provider information</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Terms Card -->
|
<!-- Full Content -->
|
||||||
<div class="terms-card">
|
<div class="prose prose-invert max-w-none text-gray-300 space-y-12">
|
||||||
|
|
||||||
<!-- Render from database -->
|
<h2 id="Einleitung" class="text-3xl font-bold mt-16">1. Introduction</h2>
|
||||||
{{ toc.terms|safe }}
|
<p>B42 has set itself the goal of helping all soccer players to develop their full potential and at the same time provide lasting protection against injuries. In the event of a sport-specific injury, we want to use our rehabilitation services to create the opportunity to work on your own comeback at home and without additional tools. With our concepts, we want to give all athletes the opportunity — no matter where and when they want — to work on their fitness in order to be able to play the best season of their lives. B42 promotes physical fitness and general well-being and gives players access to their actual potential. We focus on the effectiveness and know-how of our trainers and experts. They support you on your journey right from the start. With B42, you also get access to an exclusive online community where you can get answers to questions about your favorite sport. We are pleased that you have decided to fully utilize your potential with B42 and that we can support you along the way. The following general terms and conditions (the “Terms and Conditions”) set out the legal framework for the use of B42 and the services we offer.</p>
|
||||||
|
|
||||||
|
<h2 id="Geltungsbereich" class="text-3xl font-bold mt-16">2. Scope</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">2.1. Contracting party and subject matter</h3>
|
||||||
|
<p>These terms and conditions form the basis for all offers, deliveries, purchase and use contracts and services for products ordered by you from our range of products or use of our services and services that we provide via our website <a href="https://www.b-42.com" class="text-indigo-400 hover:underline">https://www.b-42.com</a> (hereinafter also: “Portal”) or via our software application (hereinafter also referred to as “App”) under the name B42 (hereinafter also: “B42”), regardless of whether this is done for a fee or free of charge. We do not recognize any deviating terms and conditions.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">2.2. Prerequisite for participation</h3>
|
||||||
|
<p>The prerequisite for opening a user account, using the paid and free B42 services and purchasing certain B42 additional products against payment is that you have already been 18 years of age and have full legal capacity. These terms and conditions only apply and you are only allowed to use the portal if you are allowed to do so by us and you are a consumer yourself. A consumer is any natural person who concludes a legal transaction for purposes that can primarily be attributed neither to their commercial nor to their independent professional activity. These terms and conditions do not apply to entrepreneurs and entrepreneurs are not permitted to use B42. An entrepreneur is any natural or legal person or partnership with legal capacity which, when concluding the contract, acts in the exercise of its commercial or independent professional activity.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">2.3. Complementary conditions</h3>
|
||||||
|
<p>We reserve the right to agree on additional conditions for individual B42 services. However, we will inform you of this in good time before use.</p>
|
||||||
|
|
||||||
|
<h2 id="Vertragsschluss" class="text-3xl font-bold mt-16">3. Conclusion of contract</h2>
|
||||||
|
<p>How the respective contract is concluded depends on how you register for B42 for the first time and whether you make use of additional paid services. The use of individual B42 services is subject to registration.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">3.1. Registration for free B42 services on the portal or in the app</h3>
|
||||||
|
<p>If you register via our portal to use the free B42 services, the user contract between you and us is concluded after the registration process has been completed in full in accordance with Section 4.1 of these Terms and Conditions. The prerequisite for this is that you provide your email address. You have no right to register and use the B42 services. With the completion of the registration process, a free contractual relationship is created and these terms and conditions become part of this contractual relationship.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">3.2. Conclusion of contract for one-time B42 additional products and subscriptions</h3>
|
||||||
|
<p>You can purchase individual B42 additional products by paying a one-time amount via Digistore or another payment service provider or by taking out a subscription. This creates a paid contractual relationship between the user and the respective payment service provider, separate from registration. The contract is concluded when you click on the “Buy Now” field or a similar field after you have entered your payment information. If the contract is concluded via the mobile app application, you will also purchase the additional service if you click on the “Buy now” button and, if necessary, enter your required data and passwords in the respective APP store.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">3.3. Correction of input errors</h3>
|
||||||
|
<p>If you would like to purchase paid additional services or paid B42 services or products on our portal, you can correct any input errors at any time by using the button marked with an arrow pointing to the left in your browser and then making the appropriate changes. By closing the browser, you can cancel the entire registration or ordering process.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">3.4. lingua</h3>
|
||||||
|
<p>The contract with us is concluded in German.</p>
|
||||||
|
|
||||||
|
<h2 id="Anmeldeprozess" class="text-3xl font-bold mt-16">4. Registration process and user account</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">4.1 Registration process for free B42 services (coaching)</h3>
|
||||||
|
<p>To use the free services, it is sufficient to create a user account on the portal or app. By completing the registration process, you agree to our terms and conditions and privacy policy. After successful registration, you will receive an email to confirm your account. Alternatively, you can register and log in with your Facebook account.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">4.2. Registration process for paid B42 services or additional products</h3>
|
||||||
|
<p>To use the paid B42 services, data is queried as part of the ordering process, and the entire process is handled via the Digistore or another external payment provider. You can find more information about collected data here: <a href="https://www.b-42.com/datenschutz" class="text-indigo-400 hover:underline">https://www.b-42.com/datenschutz</a>.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">4.3. Registration process via the mobile app application</h3>
|
||||||
|
<p>When registering via mobile apps, the conclusion of the user contract depends on the rules of the respective app store provider (e.g. Apple, Google, etc.). In most cases, the contract is considered concluded when you click or press the “Install” button in the respective store and then enter a password. The basic requirement for using B42's services is always to open a free user account.</p>
|
||||||
|
|
||||||
|
<h2 id="B42-Leistungen" class="text-3xl font-bold mt-16">5. B42 Services, Prices, Terms and Delivery</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.1. Paid and gratuitous services</h3>
|
||||||
|
<p>The scope of the B42 services and additional products included in B42 and can be used by you depends on whether and which B42 services and additional products you use free of charge or for a fee. If the portal and the B42 services are used free of charge by unregistered and registered users, you only have access to certain basic functions and information of the respective B42 service, which we will inform you about before you order.</p>
|
||||||
|
<p>An extended range of functions is available if you purchase certain B42 additional products (such as a mobility program), which are described in more detail on the portal, separately for a one-time payment. If you purchase additional products that include nutrition coaching, please note that the foods recommended as part of the coaching are not part of the B42 services or additional products and must be purchased by you separately and at your own expense from third parties.</p>
|
||||||
|
<p>The Supplement Shop is used via the APT Shop software. The responsible provider is MBS GmbH, Äußere Wiener Straße, 93055 Regensburg. The following link will take you to the valid terms and conditions of the Supplement Shop: <a href="https://shop.b-42.com/allgemeine-geschaeftsbedingungen" class="text-indigo-400 hover:underline">https://shop.b-42.com/allgemeine-geschaeftsbedingungen</a></p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.2. rates</h3>
|
||||||
|
<p>The current pricing models and the services and additional products that can then be used are listed on our portal. All prices listed include the applicable sales tax. Processing is carried out via Digistore; all legal claims must be asserted against this provider.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.3. Subscription terms</h3>
|
||||||
|
<p>We offer our subscriptions with different terms. These are automatically extended by the period for which you have already signed a contract. The term begins with the purchase of the respective subscription and is only ended when you cancel it. It is calculated according to the calendar and is independent of the duration and scope of your use.</p>
|
||||||
|
<p>Each subscription must be canceled individually. You can cancel the respective subscription at any time with effect from the end of the minimum term or at the end of the respective renewal period without giving reasons.</p>
|
||||||
|
<p>Subscriptions purchased in-app must be canceled in the settings of the respective store. Notwithstanding the foregoing, if your subscription fee is collected via iTunes, there is a cancellation period of 24 hours at the end of the minimum term or at the end of the respective renewal period for technical reasons. After canceling a subscription, your user account and other subscriptions remain valid, subject to further cancellation.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">5.4. shipment</h3>
|
||||||
|
<p>After conclusion of the contract and full payment within Germany, Digistore will send you your login details for the B42 additional products or subscriptions you have purchased to the email address you provided when ordering. You are not entitled to resend the B42 additional products you have purchased.</p>
|
||||||
|
|
||||||
|
<h2 id="Zahlungsmodalitaeten" class="text-3xl font-bold mt-16">6. Means of payment, terms of payment, default and retention of title</h2>
|
||||||
|
<p>The Digistore provides you with an overview of the generally accepted payment methods for purchasing B42 additional products. We do not incur any costs for using the means of payment. Digistore regulates both the due date and the topics of payment obstacles, offsetting and retention of title, as well as retention of title.</p>
|
||||||
|
<p>If you purchase our services in the APP application, the billing will be carried out by the respective provider of the store. If B42 incurs expenses and costs as a result of a payment rejected by you and you are responsible for them (account not covered/credit card frame exhausted, etc.), we are entitled to charge you the actual amount of expenses and costs incurred. In some cases, we reserve the right not to offer or support certain payment providers or means of payment.</p>
|
||||||
|
|
||||||
|
<h2 id="Gesundheit" class="text-3xl font-bold mt-16">7. Your health</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">7.1. Health conditions</h3>
|
||||||
|
<p>The use of the B42 services and suggestions contained in the B42 additional products is at your own risk. The prerequisite for using the B42 services and suggestions and exercises contained in the B42 additional products and subscriptions is in any case a good general health condition. If you are aware of any pre-existing conditions, we strongly recommend that you seek medical advice before you start using the B42 services and suggestions and exercises contained in the B42 additional products (i.e. training or coaching, for example).</p>
|
||||||
|
<p>This applies in particular if you are aware of one or more of the following diseases/complaints/procedures: (i) cardiovascular diseases, (ii) lung or respiratory diseases (including asthma), (iii) spine and/or joint problems, (iv) neuromuscular disorders, (v) surgical procedures, (vi) other health restrictions.</p>
|
||||||
|
<p>In the case of diet-related B42 services or additional products, before eating the foods recommended as part of a coaching session or guide, you must independently check whether the ingredients or ingredients contained therein may cause you intolerances or allergies. For our female users, the B42 services or additional products (e.g. training and coaching) offered by us should not be used by pregnant or breastfeeding women.</p>
|
||||||
|
<p>In general, pay attention to your body's signals. If you have any doubts that you are healthy before or while using B42 (e.g. because you experience severe pain, general discomfort, shortness of breath, nausea, or dizziness), consult your doctor before starting or continuing with B42.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">7.2. Not a substitute for medical advice</h3>
|
||||||
|
<p>The services and information offered as part of B42 and B42 services or additional products are neither medical nor medical advice. They are also no substitute for medical examination or treatment.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">7.3. Training/nutrition methods</h3>
|
||||||
|
<p>Fitness and/or nutrition advice is subject to constantly evolving health, nutrition and sports science findings. Even though we base B42 and our training and nutrition tips on current studies and findings, we do not guarantee that they reflect the latest research results or findings.</p>
|
||||||
|
|
||||||
|
<h2 id="Rechte-Pflichten-SFY" class="text-3xl font-bold mt-16">8. SFY's rights and obligations</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">8.1. Rightholder</h3>
|
||||||
|
<p>We are the rights owner of B42 and the content of the portal created by us, as well as the B42 additional products. We are exclusively entitled to all copyright, trademark or other property rights to B42 and the additional products, the content, data and other elements thereof. This does not affect any rights you have to the content you post on the portal.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">8.2. Interruptions when using the portal</h3>
|
||||||
|
<p>We make every effort to make the B42 services and the portal available for uninterrupted access. However, with all due care, it cannot be ruled out that the B42 services and access to the portal will be interrupted, in particular due to maintenance work, software updates and technical or other problems beyond our control (force majeure, fault of third parties, etc.). We are trying to make the B42 services and access to the portal available again as quickly as possible, but cannot guarantee trouble-free retrieval and operation.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">8.3. maintenance work</h3>
|
||||||
|
<p>We are entitled to put individual B42 services or the portal itself offline in whole or in part, provided that this is necessary for maintenance and repair purposes and is reasonable for you.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">8.4. Setting up individual B42 services</h3>
|
||||||
|
<p>We are entitled to change or discontinue individual B42 services and the portal. If B42 services or the portal are discontinued for which you have concluded a paid contractual relationship and have already paid a fee, the fee can be refunded upon your request.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">8.5. SFY's rights if the user acts in breach of contract</h3>
|
||||||
|
<p>We reserve the right, until proven that your use is lawful, to delete information from the portal, to withdraw your access authorization or refuse registration, or to temporarily block your access in whole or in part if you use our portal unlawfully or violate these terms and conditions, in particular the obligations contained in section 15 of these terms and conditions. We will immediately inform you by e-mail of any withdrawal of access authorization or rejection of registration and blocking of access. In the event of a violation of applicable laws, we are entitled to forward the relevant information to the relevant government agencies.</p>
|
||||||
|
|
||||||
|
<h2 id="Rechte-Pflichten-Nutzer" class="text-3xl font-bold mt-16">9. Rights and obligations of the user</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">9.1. Intended use</h3>
|
||||||
|
<p>You may only use the B42 services, the B42 additional products and the portal to the intended extent and in accordance with these terms and conditions and may not change them, their source code and the associated services or products.</p>
|
||||||
|
|
||||||
|
<h2 id="Maengelhaftung" class="text-3xl font-bold mt-16">10. Liability for defects</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">10.1. Statutory regulations</h3>
|
||||||
|
<p>The legal provisions apply to claims due to material defects.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">10.2. No warranty</h3>
|
||||||
|
<p>We make no assurances or guarantees, in particular not that the training or other result you want will be achieved by using B42, the respective B42 service or the respective B42 additional product. We do not owe any concrete success. In addition, the training result is also influenced by factors that cannot be controlled, such as physical predispositions and preconditions, so that the result can vary significantly among different users despite the same use of B42 services or B42 additional products.</p>
|
||||||
|
|
||||||
|
<h2 id="Haftung" class="text-3xl font-bold mt-16">11. Liability</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">11.1. Generally</h3>
|
||||||
|
<p>If you are provided with instructions (e.g. for specific exercises and trainings) as part of our B42 services or B42 additional products, you must comply with these instructions, otherwise there are risks of injury and/or health. If you use aids or equipment for the exercises and training, it is your responsibility to ensure that these aids and/or devices function properly, are installed, set up and maintained.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">11.2. Liability principles</h3>
|
||||||
|
<p>We are liable for your claims for damages arising from injury to life, body, health or from the breach of essential contractual obligations (obligation whose fulfilment enables the proper execution of the contract in the first place and on whose compliance the contractual partner regularly trusts and may rely) as well as for other damages based on an intentional or grossly negligent breach of duty by us, our legal representatives or vicarious agents or on a guarantee provided by us. Otherwise, your claims for compensation are excluded.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">11.3. Liability in case of breach of essential contractual obligations</h3>
|
||||||
|
<p>In the event of a breach of essential contractual obligations, we are only liable for foreseeable damage typical of the contract if this was caused by simple negligence, unless it concerns your claims for compensation arising from an injury to life, body or health.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">11.4. Liability of our representatives and employees</h3>
|
||||||
|
<p>The restrictions of clauses 13.2 and 13.3 of these terms and conditions also apply in favour of our legal representatives and vicarious agents if claims are made directly against them.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">11.5. Delay in delivery</h3>
|
||||||
|
<p>Our liability due to delay in delivery is — except in the case of intent or gross negligence — limited to an amount of 5% of the respective purchase price (including sales tax).</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">11.6. Product liability</h3>
|
||||||
|
<p>The provisions of the Product Liability Act remain unaffected</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">11.7. limitation</h3>
|
||||||
|
<p>By way of derogation from Section 438 Paragraph 1 No. 3 BGB, the general limitation period for your claims for damages arising from material and legal defects is one year from delivery. The above provision does not affect mandatory special statutory regulations on the limitation period and your claims for compensation in accordance with sections 13.2 of these terms and conditions as well as under the Product Liability Act, whose limitation period is determined exclusively by the statutory limitation periods.</p>
|
||||||
|
|
||||||
|
<h2 id="Nutzungsrechte" class="text-3xl font-bold mt-16">12. Rights of use to B42 content</h2>
|
||||||
|
<p>Depending on which services you are approved for or which you have purchased, the services we offer include copyright or otherwise protected content to which we have the corresponding rights. We grant you a simple, non-sublicensable and non-transferable right to use this content in a non-commercial form within the framework of the contractual provisions and these terms and conditions for your own purposes. Just for clarification, we would like to point out that, in particular, the distribution or public availability of our content and services by you, e.g. on websites outside the B42 websites, the portal or reproduction, is not permitted.</p>
|
||||||
|
|
||||||
|
<h2 id="Nutzergenerierte-Inhalte" class="text-3xl font-bold mt-16">13. Responsibility for user-generated content and user obligations</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">13.1. No responsibility for third-party content</h3>
|
||||||
|
<p>You are solely responsible for content that you upload within the B42 services or on the portal. We do not endorse them and do not review them. We therefore do not guarantee the accuracy, appropriateness and quality of such content.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">13.2. No legal violations</h3>
|
||||||
|
<p>When providing your own content, you are required to comply with all applicable laws and other legal provisions of the Federal Republic of Germany. Regardless of whether this constitutes a criminal offence, it is generally prohibited to - provide content that is pornographic, sexual, violent, racist, seditious, insulting and/or defamatory in nature, violates these terms and conditions, legal regulations, official orders or morality; - to violate the rights of third parties. This applies in particular to the personal rights of third parties as well as property rights and intellectual or industrial property rights of third parties (e.g. copyrights, trademark rights, etc.); - to store, publish and/or transmit content that you are not authorized to pass on; - to falsify data or to refrain from attempting to retrieve information or data from the portal yourself or by unauthorized third parties or to interfere with or interfere with data in B42 or other programs operated by us or in data Networks from us to intrude without authorization; - to store, publish and/or transmit unsolicited advertising, promotional material, junk or mass emails, chain letters, etc.; in particular, you must also be the owner of the necessary rights to your profile picture and other photos posted by you. We are entitled at any time to delete, remove or block content that is illegal or violates the above principles. If you violate the above principles, we are entitled to warn you or to temporarily block your user account or to cancel the user contract for good cause in accordance with Section 15.3.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">13.3. exempting</h3>
|
||||||
|
<p>In the event that you violate the principles set out in Section 13.2, you are obliged to indemnify us against claims or claims of third parties of any kind arising from such an infringement upon first request and to hold us harmless from claims that third parties assert against us for the infringement of their rights based on content that you store, publish and/or transmit as part of our portal. This also includes reimbursement of legal defense costs incurred (attorneys' and court fees). However, the prerequisite is that you are responsible for this in accordance with legal regulations. We reserve the right to assert compensation and other claims.</p>
|
||||||
|
|
||||||
|
<h2 id="Personenbezogene-Daten" class="text-3xl font-bold mt-16">14. Personal data</h2>
|
||||||
|
<p>By logging in or registering for B42 or ordering with B42, you accept the storage of your personal data provided and your usage data from B42 by us. We may use the data relating to the respective registrations, registrations or orders in accordance with the legal provisions and our privacy policy, which you can find in its current version at <a href="https://www.b-42.com" class="text-indigo-400 hover:underline">https://www.b-42.com</a> can retrieve, process and store as far as this is necessary to conclude and execute the contractual relationship and as long as we are required to store this data due to legal regulations.</p>
|
||||||
|
|
||||||
|
<h2 id="Vertragsbeendigung" class="text-3xl font-bold mt-16">15. Contract termination</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">15.1 User agreement</h3>
|
||||||
|
<p>You can delete your user account at any time and without giving reasons and thus also end your user contract. We will then delete all data and content you have posted, and you will then no longer be able to access it. If your account is deleted during an ongoing subscription whose term has not yet ended, then any payments you have already made will not be refunded, even on a pro rata basis. Furthermore, we are entitled to terminate the specified user agreement without giving reasons - at the earliest at the end of the term of a one-time service, at the end of the minimum term or the respective extension period.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">15.2 Subscription and Cancellation</h3>
|
||||||
|
<p>In principle, each subscription to one of our services must be canceled individually, at any time without giving reasons and always at the end of the minimum term or at the end of the respective extension period. This is possible via an e-mail to <a href="mailto:member@b-42.com" class="text-indigo-400 hover:underline">member@b-42.com</a> or via the Digistore link, which is stored in the confirmation email of your order. If you purchased via the APP application, you must cancel via the settings of the respective store. After cancellation, your user account will continue to exist. We reserve the right to cancel any subscription in writing at the end of the term or the end of the renewal period with a notice period of two weeks.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">15.3 Termination for good cause</h3>
|
||||||
|
<p>Furthermore, we are entitled to cancel the user agreement or subscription concluded with you with immediate effect and without notice or to delete your user account if, in a particularly serious or repeated case, you have violated the provisions of our user agreement or the terms and conditions or if your payments are in default - after a reminder procedure has been initiated.</p>
|
||||||
|
|
||||||
|
<h2 id="Widerrufsrecht" class="text-3xl font-bold mt-16">16. Right of Withdrawal</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">16.1 Cancellation Policy</h3>
|
||||||
|
<p>If you conclude a user contract with us or a contract for a one-time additional service or a subscription, you have the following right of withdrawal. You have the right to cancel the contract within fourteen days without giving reasons. The cancellation period is fourteen days from the day the contract is concluded.</p>
|
||||||
|
<p>To exercise your right of withdrawal, you must contact us</p>
|
||||||
|
<p>SFY GmbH<br>Industriestrasse 15<br>84149 Velden<br><a href="mailto:info@b-42.com" class="text-indigo-400 hover:underline">info@b-42.com</a></p>
|
||||||
|
<p>inform you of your decision to cancel the contract by means of an unequivocal statement (e.g. a letter or e-mail sent by post). If you make use of this option, we will immediately (e.g. by email) send you a confirmation of receipt of such a revocation. To meet the cancellation period, it is sufficient for you to send the notification of the exercise of the right of withdrawal before the cancellation period has expired.</p>
|
||||||
|
<p>Consequences of revocation<br>If you cancel the contract, we must repay you all payments we have received from you, including delivery costs (with the exception of additional costs resulting from the fact that you have chosen a different type of delivery than the cheapest standard delivery offered by us), immediately and no later than fourteen days from the day on which we receive notification of your cancellation of the contract. For this repayment, we will use the same means of payment that you used for the original transaction, unless something else was expressly agreed with you; in no case will you be charged any fees for this repayment.</p>
|
||||||
|
<p>If you have requested that the services begin during the cancellation period, you must pay us a reasonable amount that corresponds to the proportion of the services already provided up to the time you notify us of the exercise of the right of withdrawal with regard to this contract compared to the total scope of the services provided for in the contract.</p>
|
||||||
|
<p>End of the cancellation policy</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">16.2. Expiration of the right of withdrawal</h3>
|
||||||
|
<p>In the case of a contract for the provision of services, the right of withdrawal expires even if we have provided the service in full and have only begun to perform the service after you have given your express consent and at the same time confirmed your knowledge that you will lose your right of withdrawal if the contract has been fully fulfilled by us. In the case of a contract for the delivery of digital content not on a physical data carrier, the right of withdrawal expires even if we have begun to execute the contract after you have given your express consent and at the same time confirmed your knowledge that you will lose your right of withdrawal at the start of contract execution.</p>
|
||||||
|
|
||||||
|
<h2 id="Datenschutz" class="text-3xl font-bold mt-16">17. Data protection</h2>
|
||||||
|
<p>We process your personal data in accordance with our privacy policy, which you can find in its current version at <a href="https://www.b-42.com/datenschutz" class="text-indigo-400 hover:underline">https://www.b-42.com/datenschutz</a> can retrieve. Amendments to the general terms and conditions We reserve the right to change and adapt these terms and conditions with effect for the future. We will notify you of the changes by email no later than six (6) weeks before the new version of the terms and conditions is scheduled to come into force. We will particularly draw your attention to your right of objection, the time limit for this and the legal consequences of your silence or objection. If you do not object to the validity of the new terms and conditions within this period, the new terms and conditions are considered accepted. In the event of an objection, we expressly reserve our rights of termination.</p>
|
||||||
|
|
||||||
|
<h2 id="Schlussbestimmungen" class="text-3xl font-bold mt-16">18. Final provisions</h2>
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">18.1. Applicable law</h3>
|
||||||
|
<p>The laws of the Federal Republic of Germany apply exclusively between the parties, excluding the UN Convention on Contracts for the International Sale of Goods (CISG). In business transactions with consumers within the European Union, the law of the consumer's habitual residence may also apply, provided that consumer law provisions are mandatory.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">18.2. Jurisdiction</h3>
|
||||||
|
<p>If you do not have a general place of jurisdiction in Germany or in another EU member state or if you have moved your permanent place of residence to a country outside the EU after these terms and conditions have taken effect, or if your place of residence or habitual abode is unknown at the time the action is brought, the exclusive place of jurisdiction for all disputes arising from this contract is our registered office.</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">18.3. Salvatory clause</h3>
|
||||||
|
<p>Should individual provisions of these terms and conditions be or become invalid in whole or in part, this does not affect the validity of the remaining provisions. You and we will endeavour to replace the ineffective provision with a provision that best meets the contractual objective legally and economically.</p>
|
||||||
|
|
||||||
|
<h2 id="Anbieterinformation" class="text-3xl font-bold mt-16">19. Provider information</h2>
|
||||||
|
<p>SFY GmbH, Industriestrasse 15, 84149 Velden<br>
|
||||||
|
email: <a href="mailto:info@b-42.com" class="text-indigo-400 hover:underline">info@b-42.com</a><br>
|
||||||
|
Managing Director: Andreas Gschaider.<br><br>
|
||||||
|
Registered at Landshut District Court: HRB 10645</p>
|
||||||
|
|
||||||
|
<h3 class="text-2xl font-semibold mt-8">Storage option and access to the text of the contract</h3>
|
||||||
|
<p>These terms and conditions can be found at <a href="https://www.b-42.com" class="text-indigo-400 hover:underline">https://www.b-42.com</a> be seen.<br><br>
|
||||||
|
If you want to save these terms and conditions permanently on a data carrier, you can save them as a “.pdf” file at <a href="https://www.b-42.com" class="text-indigo-400 hover:underline">https://www.b-42.com</a> download for free.<br><br>
|
||||||
|
Please consult your browser software's instructions if you need help saving.<br><br>
|
||||||
|
To open a “.pdf” file, you may need a special program such as the free Acrobat Reader or a comparable program that can handle “.pdf” files.<br><br>
|
||||||
|
You can view the remaining contract information and data in your user account. Alternatively, you can also print out or save the automatic order confirmation that you will receive after completing an order.</p>
|
||||||
|
|
||||||
<!-- Example Custom Sections -->
|
|
||||||
<!-- Tracking Order -->
|
|
||||||
<div class="section-header">
|
|
||||||
<div class="section-icon">
|
|
||||||
{% comment %} <i class="fas fa-search-location"></i> {% endcomment %}
|
|
||||||
</div>
|
|
||||||
<h2>5. Tracking Your Order</h2>
|
|
||||||
</div>
|
|
||||||
<div class="section-body">
|
|
||||||
<p>
|
|
||||||
Once dispatched, you will receive an SMS/Email with a tracking ID and courier details.
|
|
||||||
You can also track your order in real-time on your
|
|
||||||
<strong>My Orders</strong> page at <strong>www.gnggo.com</strong>.
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Failed Delivery -->
|
<!-- Bottom section exactly as in your screenshot -->
|
||||||
<div class="section-header">
|
<div class="mt-32 text-center">
|
||||||
<div class="section-icon">
|
<h2 class="text-4xl font-bold mb-8">General terms and conditions</h2>
|
||||||
{% comment %} <i class="fas fa-times-circle"></i> {% endcomment %}
|
<p class="text-gray-300 max-w-4xl mx-auto leading-relaxed">
|
||||||
</div>
|
between SFY GmbH, Industriestrasse 15, 84149 Velden, registered in the commercial register of the Landshut District Court under HRB 10645, represented by the managing director Andreas Gschaider (hereinafter “us”, “we”, “SFY”) and our users (hereinafter also: “you”, “you”, “you”).
|
||||||
<h2>6. Failed Delivery Attempts</h2>
|
|
||||||
</div>
|
|
||||||
<div class="section-body">
|
|
||||||
<ul>
|
|
||||||
<li>Our courier partners attempt delivery up to 2 times.</li>
|
|
||||||
<li>If undeliverable due to an incorrect address, unavailability, or refusal, the order will be returned to our warehouse.</li>
|
|
||||||
<li>Re-delivery can be arranged with applicable logistics charges borne by the customer.</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Damaged Products -->
|
|
||||||
<div class="section-header">
|
|
||||||
<div class="section-icon">
|
|
||||||
{% comment %} <i class="fas fa-box-open"></i> {% endcomment %}
|
|
||||||
</div>
|
|
||||||
<h2>7. Damaged, Missing, or Wrong Products</h2>
|
|
||||||
</div>
|
|
||||||
<div class="section-body">
|
|
||||||
<p>
|
|
||||||
Customers are requested to inspect the package at delivery. If you notice damage, tampering, or missing items, please record an unboxing video and inform our support team within 48 hours.
|
|
||||||
Replacement/refund will be initiated as per our Return, Cancellation, and Refund Policy.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Styles -->
|
|
||||||
<style>
|
|
||||||
:root {
|
|
||||||
--bg-color: #ffffff;
|
|
||||||
--text-color: #0f766e;
|
|
||||||
--accent-color: #0f766e;
|
|
||||||
--input-border: #0f766e;
|
|
||||||
--button-bg: #0f766e;
|
|
||||||
--button-text: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Base Styles */
|
|
||||||
.terms-page {
|
|
||||||
font-family: 'Inter', sans-serif;
|
|
||||||
color: var(--text-color);
|
|
||||||
line-height: 1.7;
|
|
||||||
padding-bottom: 3rem;
|
|
||||||
background: var(--bg-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hero Section */
|
|
||||||
.terms-hero {
|
|
||||||
background: #e5f2f7ff;
|
|
||||||
{% comment %} background: #DEF4FC; {% endcomment %}
|
|
||||||
color: #0f766e;
|
|
||||||
padding: 4rem 1rem;
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.terms-hero h1 {
|
|
||||||
font-family: 'Playfair Display', serif;
|
|
||||||
font-size: 2.6rem;
|
|
||||||
font-weight: 600;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.terms-hero .lead {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
opacity: 0.95;
|
|
||||||
}
|
|
||||||
|
|
||||||
.highlight {
|
|
||||||
color: #ffe082;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Terms Card */
|
|
||||||
.terms-card {
|
|
||||||
background: #fff;
|
|
||||||
border-radius: 12px;
|
|
||||||
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
|
|
||||||
padding: 2.5rem;
|
|
||||||
margin-bottom: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Section Styles */
|
|
||||||
.section-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin: 2.5rem 0 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-header:first-child {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-header h2 {
|
|
||||||
font-family: 'Playfair Display', serif;
|
|
||||||
font-size: 1.6rem;
|
|
||||||
font-weight: 600;
|
|
||||||
color: #0f766e;
|
|
||||||
margin: 0;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-header h2::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
bottom: -8px;
|
|
||||||
left: 0;
|
|
||||||
width: 60px;
|
|
||||||
height: 3px;
|
|
||||||
background-color: #0f766e;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-icon {
|
|
||||||
width: 46px;
|
|
||||||
height: 46px;
|
|
||||||
|
|
||||||
{% comment %} background-color: rgba(15, 118, 110, 0.1); {% endcomment %}
|
|
||||||
border-radius: 50%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
margin-right: 1.2rem;
|
|
||||||
color: var(--accent-color);
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-body {
|
|
||||||
margin-left: 4.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-body h3 {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
font-weight: 600;
|
|
||||||
color: var(--accent-color);
|
|
||||||
margin: 2rem 0 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Lists */
|
|
||||||
ul {
|
|
||||||
padding-left: 1.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul li {
|
|
||||||
margin-bottom: 0.8rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Responsive */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.terms-hero h1 {
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.terms-card {
|
|
||||||
padding: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-header {
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-icon {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-body {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
BIN
static/images/about1.png
Normal file
BIN
static/images/about1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 589 KiB |
BIN
static/images/about2.png
Normal file
BIN
static/images/about2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 488 KiB |
BIN
static/images/about3.png
Normal file
BIN
static/images/about3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 KiB |
BIN
static/images/about4.jpg
Normal file
BIN
static/images/about4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
BIN
static/images/about5.png
Normal file
BIN
static/images/about5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 144 KiB |
BIN
static/images/about6.jpeg
Normal file
BIN
static/images/about6.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
static/images/about7.png
Normal file
BIN
static/images/about7.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 638 KiB |
BIN
static/images/about8.png
Normal file
BIN
static/images/about8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 668 KiB |
BIN
static/images/press1.jpg
Normal file
BIN
static/images/press1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
BIN
static/images/press10.jpg
Normal file
BIN
static/images/press10.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 493 KiB |
BIN
static/images/press11.jpg
Normal file
BIN
static/images/press11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 485 KiB |
10
static/images/press2.svg
Normal file
10
static/images/press2.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 165 KiB |
BIN
static/images/press3.jpg
Normal file
BIN
static/images/press3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 882 KiB |
BIN
static/images/press4.jpg
Normal file
BIN
static/images/press4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 688 KiB |
BIN
static/images/press5.jpg
Normal file
BIN
static/images/press5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 376 KiB |
BIN
static/images/press6.jpg
Normal file
BIN
static/images/press6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 430 KiB |
BIN
static/images/press7.jpg
Normal file
BIN
static/images/press7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 405 KiB |
BIN
static/images/press8.jpg
Normal file
BIN
static/images/press8.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 525 KiB |
BIN
static/images/press9.png
Normal file
BIN
static/images/press9.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
static/images/team1.png
Normal file
BIN
static/images/team1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 272 KiB |
BIN
static/images/team1a.jpg
Normal file
BIN
static/images/team1a.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 345 KiB |
BIN
static/images/team2.png
Normal file
BIN
static/images/team2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 434 KiB |
BIN
static/images/team3.png
Normal file
BIN
static/images/team3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 222 KiB |
BIN
static/images/team4.png
Normal file
BIN
static/images/team4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
BIN
static/images/team5.png
Normal file
BIN
static/images/team5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 285 KiB |
BIN
static/images/training1.png
Normal file
BIN
static/images/training1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 657 KiB |
BIN
static/images/training2.png
Normal file
BIN
static/images/training2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 379 KiB |
BIN
static/images/training3.png
Normal file
BIN
static/images/training3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
BIN
static/images/training4.png
Normal file
BIN
static/images/training4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 379 KiB |
BIN
static/images/training5.png
Normal file
BIN
static/images/training5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 424 KiB |
BIN
static/images/training6.png
Normal file
BIN
static/images/training6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 294 KiB |
BIN
static/images/training7.png
Normal file
BIN
static/images/training7.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
BIN
static/images/training8.png
Normal file
BIN
static/images/training8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
Reference in New Issue
Block a user