change the text and update the ui

This commit is contained in:
2026-01-09 10:30:19 +05:30
parent 8514e7e9e8
commit eed4865ddb
7 changed files with 68 additions and 73 deletions

View File

@@ -12,12 +12,12 @@
<!-- Description paragraph -->
<p class="text-white text-lg md:text-xl leading-relaxed max-w-3xl mx-auto mb-12">
On our blog, we provide you with in-depth insights into everything that counts on the pitch: effective training management, physical fitness, positive mentality, adapted diet and dealing with injuries.
Articles, tips and the best exercises from our experts, all about athletics, technique and training after injuries.
</p>
<!-- Subheading -->
<h2 class="text-3xl md:text-4xl font-semibold text-white mb-8 ">
Most recent posts
Latest posts
</h2>
<!-- Posts container -->
@@ -133,7 +133,7 @@
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physiotherapist now rehab partner of B42
Former DFB physiotherapist now rehab partner of B42 India
</h3>
</div>
@@ -505,7 +505,7 @@
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physio now rehab partner of B42
Football - a catalyst for social developments
</h3>
</div>
@@ -557,7 +557,7 @@
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physio now rehab partner of B42
Women's power in football
</h3>
</div>
@@ -609,7 +609,7 @@
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physio now rehab partner of B42
TRAIN4HER Train. Sweat. Win.
</h3>
</div>
@@ -661,7 +661,7 @@
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Patellar tendon problems - B42 can help
Patellar tendon problems - B42 India India can help
</h3>
</div>
@@ -714,7 +714,7 @@
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Achilles tendon pain - B42 can help
Achilles tendon pain - B42 India can help
</h3>
</div>

View File

@@ -3,12 +3,12 @@
{% block title %}Help & Support{% endblock %}
{% block content %}
<!-- Support Center Section -->
<section class="bg-slate-50">
<section class="bg-[#1E1E1E]">
<!-- Hero Header -->
<div class="bg-[#6366f1] py-20 text-center text-white">
<h1 class="text-5xl md:text-6xl font-bold uppercase tracking-wider">B-42 Support Center</h1>
<h1 class="text-5xl md:text-6xl font-bold uppercase tracking-wider">B-42 India Support Center</h1>
<p class="mt-8 text-lg md:text-xl max-w-3xl mx-auto px-4 opacity-90">
Everything you need to know about B-42. And more.
Everything you need to know about B-42 India And more.
</p>
</div>
@@ -16,8 +16,8 @@
<div class="max-w-7xl mx-auto px-6 mt-16">
<!-- "contact" heading and description - left-aligned -->
<div class="mb-12">
<h2 class="text-3xl font-bold text-gray-900">contact</h2>
<p class="mt-4 text-lg text-gray-700 max-w-5xl">
<h2 class="text-3xl font-bold text-white">contact</h2>
<p class="mt-4 text-lg text-white max-w-5xl">
Do you have questions about your account or are you experiencing technical problems? We're here to help.
</p>
</div>
@@ -25,14 +25,14 @@
<!-- Cards Grid -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Card 1: Contact Form -->
<div class="bg-white rounded-3xl shadow-xl p-8 flex flex-col">
<div class="bg-[#303033] rounded-3xl shadow-xl p-8 flex flex-col">
<div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0">
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-3">Contact form</h3>
<p class="text-gray-700 mb-8 flex-1">
<h3 class="text-2xl font-bold mb-3 text-white">Contact form</h3>
<p class="text-white mb-8 flex-1">
Write to us for general questions and answers
</p>
<a href="#" class="inline-block bg-[#6366f1] text-white font-semibold px-8 py-3 rounded-full hover:bg-indigo-700 transition self-start">
@@ -41,15 +41,15 @@
</div>
<!-- Card 2: Support Request -->
<div class="bg-white rounded-3xl shadow-xl p-8 flex flex-col">
<div class="bg-[#303033] rounded-3xl shadow-xl p-8 flex flex-col">
<div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0">
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-3">Support request</h3>
<p class="text-gray-700 mb-8 flex-1">
<h3 class="text-2xl font-bold mb-3 text-white">Support request</h3>
<p class="text-white mb-8 flex-1">
Write to us if you have technical problems.
</p>
<a href="#" class="inline-block bg-[#6366f1] text-white font-semibold px-8 py-3 rounded-full hover:bg-indigo-700 transition self-start">
@@ -58,15 +58,15 @@
</div>
<!-- Card 3: Appointment Scheduling -->
<div class="bg-white rounded-3xl shadow-xl p-8 flex flex-col">
<div class="bg-[#303033] rounded-3xl shadow-xl p-8 flex flex-col">
<div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0">
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<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" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-3">Appointment scheduling</h3>
<p class="text-gray-700 mb-8 flex-1">
Interested in the B-42 solution?<br>
<h3 class="text-2xl font-bold mb-3 text-white">Appointment scheduling</h3>
<p class="text-white mb-8 flex-1">
Interested in the B-42 India solution?<br>
Book an appointment with us directly here!
</p>
<a href="#" class="inline-block bg-[#6366f1] text-white font-semibold px-8 py-3 rounded-full hover:bg-indigo-700 transition self-start">
@@ -80,14 +80,14 @@
<section class="py-20 bg-slate-50">
<section class="py-20 bg-[#1E1E1E]">
<div class="max-w-7xl mx-auto px-6">
<hr class="mt-16 mb-10 border-t-1 border-black">
<!-- "information" heading and description - left-aligned -->
<div class="mb-12">
<h2 class="text-3xl font-bold text-gray-900">information</h2>
<p class="mt-4 text-lg text-gray-700 max-w-4xl">
<h2 class="text-3xl font-bold text-white">information</h2>
<p class="mt-4 text-lg text-white max-w-4xl">
Here you will find useful information about the use of B-42.
</p>
</div>
@@ -95,16 +95,16 @@
<!-- Cards Grid - 4 columns on md+ -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<!-- Card 1: Get Started -->
<div class="bg-white rounded-3xl shadow-xl p-8 flex flex-col">
<div class="bg-[#303033] rounded-3xl shadow-xl p-8 flex flex-col">
<div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0">
<!-- Menu / List icon -->
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-3">Get Started</h3>
<p class="text-gray-700 mb-8 flex-1">
Are you just starting out with the B-42 Coach Zone? Here you'll find a starter guide.
<h3 class="text-2xl font-bold mb-3 text-white">Get Started</h3>
<p class="text-white mb-8 flex-1">
Are you just starting out with the India Coach Zone? Here you'll find a starter guide.
</p>
<a href="#" class="inline-block bg-[#6366f1] text-white font-semibold px-8 py-3 rounded-full hover:bg-indigo-700 transition self-start">
Download
@@ -112,16 +112,16 @@
</div>
<!-- Card 2: FAQ -->
<div class="bg-white rounded-3xl shadow-xl p-8 flex flex-col">
<div class="bg-[#303033] rounded-3xl shadow-xl p-8 flex flex-col">
<div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0">
<!-- Question mark icon -->
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-3">FAQ</h3>
<p class="text-gray-700 mb-8 flex-1">
All important questions about the B-42 Performance App & B-42 Coach Zone
<h3 class="text-2xl font-bold mb-3 text-white">FAQ</h3>
<p class="text-white mb-8 flex-1">
All important questions about the B-42 India Performance App & B-42 India Coach Zone
</p>
<a href="#" class="inline-block bg-[#6366f1] text-white font-semibold px-8 py-3 rounded-full hover:bg-indigo-700 transition self-start">
View FAQs
@@ -129,15 +129,15 @@
</div>
<!-- Card 3: Downloads -->
<div class="bg-white rounded-3xl shadow-xl p-8 flex flex-col">
<div class="bg-[#303033] rounded-3xl shadow-xl p-8 flex flex-col">
<div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0">
<!-- Document / Download icon -->
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-3">Downloads</h3>
<p class="text-gray-700 mb-8 flex-1">
<h3 class="text-2xl font-bold mb-3 text-white">Downloads</h3>
<p class="text-white mb-8 flex-1">
Valuable resources on fitness, training planning & nutrition
</p>
<a href="#" class="inline-block bg-[#6366f1] text-white font-semibold px-8 py-3 rounded-full hover:bg-indigo-700 transition self-start">
@@ -146,16 +146,16 @@
</div>
<!-- Card 4: Case Studies -->
<div class="bg-white rounded-3xl shadow-xl p-8 flex flex-col">
<div class="bg-[#303033] rounded-3xl shadow-xl p-8 flex flex-col">
<div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0">
<!-- Thumbs up icon -->
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-1.105 0-2.115.448-2.844 1.174l-2.096 2.096a1 1 0 00-.293.707V19a2 2 0 002 2h8" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-3">Case Studies</h3>
<p class="text-gray-700 mb-8 flex-1">
This is how coaches, teams and athletes successfully use the B-42 app.
<h3 class="text-2xl font-bold mb-3 text-white">Case Studies</h3>
<p class="text-white mb-8 flex-1">
This is how coaches, teams and athletes successfully use the B-42 India app.
</p>
<a href="#" class="inline-block bg-[#6366f1] text-white font-semibold px-8 py-3 rounded-full hover:bg-indigo-700 transition self-start">
Read case studies
@@ -164,14 +164,14 @@
</div>
</div>
</section>
<section class="mb-16 bg-slate-50">
<section class="pb-16 bg-[#1E1E1E]">
<div class="max-w-7xl mx-auto px-6">
<hr class="mt-16 mb-10 border-t-1 border-black">
<!-- Heading -->
<div class="mb-12">
<h2 class="text-3xl font-bold text-gray-900">Features</h2>
<p class="mt-3 text-lg text-gray-700">
Step-by-step instructions for using the features in B42 Coach Zone & B42 Performance App
<h2 class="text-3xl font-bold text-white">Features</h2>
<p class="mt-3 text-lg text-white">
Step-by-step instructions for using the features in B42 India Coach Zone & B42 India Performance App
</p>
</div>
@@ -179,7 +179,7 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-10">
<!-- Card 1 -->
<div class="bg-white rounded-3xl shadow-xl p-10 flex flex-col">
<div class="bg-[#303033] rounded-3xl shadow-xl p-10 flex flex-col">
<!-- Icon -->
<div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0">
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -188,20 +188,20 @@
</svg>
</div>
<h3 class="text-2xl font-bold mb-4">B-42 Coach Zone</h3>
<p class="text-gray-700 mb-4">Our product for coaches and teams.</p>
<h3 class="text-2xl font-bold mb-4 text-white">B-42 India Coach Zone</h3>
<p class="text-white mb-4">Our product for coaches and teams.</p>
<p class="text-gray-700 mb-8 flex-1">
<p class="text-white mb-8 flex-1">
Athlete management, game and training organization and player development for ambitious coaches and teams.
</p>
<a href="#" class="inline-block bg-[#6366f1] text-white font-semibold px-8 py-3 rounded-full hover:bg-indigo-700 transition">
B-42 Coach Zone Guides
B-42 India Coach Zone Guides
</a>
</div>
<!-- Card 2 -->
<div class="bg-white rounded-3xl shadow-xl p-10 flex flex-col">
<div class="bg-[#303033] rounded-3xl shadow-xl p-10 flex flex-col">
<!-- Icon -->
<div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0">
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -210,10 +210,10 @@
</svg>
</div>
<h3 class="text-2xl font-bold mb-4">B-42 Performance App</h3>
<p class="text-gray-700 mb-4">Our product for single players</p>
<h3 class="text-2xl font-bold mb-4 text-white">B-42 India Performance App</h3>
<p class="text-white mb-4">Our product for single players</p>
<p class="text-gray-700 mb-8 flex-1">
<p class="text-white mb-8 flex-1">
Fitness, rehabilitation and ball-specific training for ambitious football players in a modern mobile app.
</p>

View File

@@ -38,7 +38,7 @@
<!-- Download Button -->
<div class="mt-8 text-center">
<a href="https://b42-assets.azureedge.net/presse/B42%20Press%20Kit.zip"
<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>

Binary file not shown.

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 223 KiB

After

Width:  |  Height:  |  Size: 223 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 111 KiB

After

Width:  |  Height:  |  Size: 111 KiB

View File

@@ -27,7 +27,7 @@
<div class="mt-6 pointer-events-auto">
<a href=""
class="inline-block bg-white text-black px-8 py-3 rounded-full font-semibold transition-all hover:bg-gray-200">
Booste dein Spiel
Boost your game
</a>
</div>
</div>
@@ -241,30 +241,26 @@
</h1>
<br />
<h1 class="inline-block text-3xl md:text-4xl font-bold bg-white text-black px-3 py-1 mt-3">
Durch aktive Entspannung
Through Active Relaxation
</h1>
<p class="text-[21px] mt-6 mb-4">
Du willst mental stabiler werden, souveräner unter Druck bleiben und dich
nach Training und Spielen schneller erholen?
Do you want to become more mentally stable, remain more composed under pressure, and recover faster after training and matches?
</p>
<p class="text-[21px] mb-4">
In unserem 8-wöchigen Online-Präventionskurs lernst du mentale Techniken,
die dir helfen, deinen Fokus zu schärfen und deine Regeneration zu verbessern
speziell entwickelt für Fußballer*innen.
In our 8-week online prevention course, you will learn mental techniques that will help you sharpen your focus and improve your recovery - specifically designed for footballers who want to get more out of themselves.
</p>
<p class="text-[21px] mb-8 font-semibold">
Erhalte 12 Monate kostenlosen Zugang zu B42 Boost
Get 12 months of free access to B42 Boost
</p>
<a
href=""
class="inline-block bg-[#6d7cff] transition px-8 py-3 rounded-full font-bold text-white text-lg"
>
Zum Kurs anmelden
Sign up for the course
</a>
<!-- IMAGE BUTTON -->
@@ -279,17 +275,16 @@
<!-- Heading -->
<h1 class="text-2xl md:text-3xl font-extrabold uppercase tracking-wide mb-6">
Play it real Auch in deinem Posteingang.
Play it real - even in your inbox.
</h1>
<!-- Sub text -->
<p class="text-lg md:text-xl mb-4">
Erhalte exklusive Trainingstipps, mentale Unterstützung und Updates aus der B42
Arena.
Receive exclusive training tips, mental support and updates from the B42 Arena.
</p>
<p class="text-lg md:text-xl mb-10">
Kein Spam. Nur reale Performance.
No spam. Just real performance.
</p>
<!-- Email input + button -->
@@ -298,14 +293,14 @@
<input
type="email"
placeholder="E-Mail angeben"
placeholder="Enter your email address"
class="flex-1 px-5 py-3 outline-none rounded-full text-gray-700 placeholder-gray-400"
/>
<button
class="bg-black text-white px-8 py-3 rounded-full font-semibold hover:bg-gray-800 transition"
>
Anmelden
Register
</button>