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 --> <!-- Description paragraph -->
<p class="text-white text-lg md:text-xl leading-relaxed max-w-3xl mx-auto mb-12"> <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> </p>
<!-- Subheading --> <!-- Subheading -->
<h2 class="text-3xl md:text-4xl font-semibold text-white mb-8 "> <h2 class="text-3xl md:text-4xl font-semibold text-white mb-8 ">
Most recent posts Latest posts
</h2> </h2>
<!-- Posts container --> <!-- Posts container -->
@@ -133,7 +133,7 @@
<!-- Title --> <!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug"> <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> </h3>
</div> </div>
@@ -505,7 +505,7 @@
<!-- Title --> <!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug"> <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> </h3>
</div> </div>
@@ -557,7 +557,7 @@
<!-- Title --> <!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug"> <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> </h3>
</div> </div>
@@ -609,7 +609,7 @@
<!-- Title --> <!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug"> <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> </h3>
</div> </div>
@@ -661,7 +661,7 @@
<!-- Title --> <!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug"> <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> </h3>
</div> </div>
@@ -714,7 +714,7 @@
<!-- Title --> <!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug"> <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> </h3>
</div> </div>

View File

@@ -3,12 +3,12 @@
{% block title %}Help & Support{% endblock %} {% block title %}Help & Support{% endblock %}
{% block content %} {% block content %}
<!-- Support Center Section --> <!-- Support Center Section -->
<section class="bg-slate-50"> <section class="bg-[#1E1E1E]">
<!-- Hero Header --> <!-- Hero Header -->
<div class="bg-[#6366f1] py-20 text-center text-white"> <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"> <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> </p>
</div> </div>
@@ -16,8 +16,8 @@
<div class="max-w-7xl mx-auto px-6 mt-16"> <div class="max-w-7xl mx-auto px-6 mt-16">
<!-- "contact" heading and description - left-aligned --> <!-- "contact" heading and description - left-aligned -->
<div class="mb-12"> <div class="mb-12">
<h2 class="text-3xl font-bold text-gray-900">contact</h2> <h2 class="text-3xl font-bold text-white">contact</h2>
<p class="mt-4 text-lg text-gray-700 max-w-5xl"> <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. Do you have questions about your account or are you experiencing technical problems? We're here to help.
</p> </p>
</div> </div>
@@ -25,14 +25,14 @@
<!-- Cards Grid --> <!-- Cards Grid -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Card 1: Contact Form --> <!-- 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"> <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"> <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" /> <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> </svg>
</div> </div>
<h3 class="text-2xl font-bold mb-3">Contact form</h3> <h3 class="text-2xl font-bold mb-3 text-white">Contact form</h3>
<p class="text-gray-700 mb-8 flex-1"> <p class="text-white mb-8 flex-1">
Write to us for general questions and answers Write to us for general questions and answers
</p> </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"> <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> </div>
<!-- Card 2: Support Request --> <!-- 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"> <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"> <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="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" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg> </svg>
</div> </div>
<h3 class="text-2xl font-bold mb-3">Support request</h3> <h3 class="text-2xl font-bold mb-3 text-white">Support request</h3>
<p class="text-gray-700 mb-8 flex-1"> <p class="text-white mb-8 flex-1">
Write to us if you have technical problems. Write to us if you have technical problems.
</p> </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"> <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> </div>
<!-- Card 3: Appointment Scheduling --> <!-- 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"> <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"> <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" /> <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> </svg>
</div> </div>
<h3 class="text-2xl font-bold mb-3">Appointment scheduling</h3> <h3 class="text-2xl font-bold mb-3 text-white">Appointment scheduling</h3>
<p class="text-gray-700 mb-8 flex-1"> <p class="text-white mb-8 flex-1">
Interested in the B-42 solution?<br> Interested in the B-42 India solution?<br>
Book an appointment with us directly here! Book an appointment with us directly here!
</p> </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"> <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"> <div class="max-w-7xl mx-auto px-6">
<hr class="mt-16 mb-10 border-t-1 border-black"> <hr class="mt-16 mb-10 border-t-1 border-black">
<!-- "information" heading and description - left-aligned --> <!-- "information" heading and description - left-aligned -->
<div class="mb-12"> <div class="mb-12">
<h2 class="text-3xl font-bold text-gray-900">information</h2> <h2 class="text-3xl font-bold text-white">information</h2>
<p class="mt-4 text-lg text-gray-700 max-w-4xl"> <p class="mt-4 text-lg text-white max-w-4xl">
Here you will find useful information about the use of B-42. Here you will find useful information about the use of B-42.
</p> </p>
</div> </div>
@@ -95,16 +95,16 @@
<!-- Cards Grid - 4 columns on md+ --> <!-- Cards Grid - 4 columns on md+ -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<!-- Card 1: Get Started --> <!-- 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"> <div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0">
<!-- Menu / List icon --> <!-- 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"> <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" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
</div> </div>
<h3 class="text-2xl font-bold mb-3">Get Started</h3> <h3 class="text-2xl font-bold mb-3 text-white">Get Started</h3>
<p class="text-gray-700 mb-8 flex-1"> <p class="text-white mb-8 flex-1">
Are you just starting out with the B-42 Coach Zone? Here you'll find a starter guide. Are you just starting out with the India Coach Zone? Here you'll find a starter guide.
</p> </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"> <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 Download
@@ -112,16 +112,16 @@
</div> </div>
<!-- Card 2: FAQ --> <!-- 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"> <div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0">
<!-- Question mark icon --> <!-- 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"> <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" /> <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> </svg>
</div> </div>
<h3 class="text-2xl font-bold mb-3">FAQ</h3> <h3 class="text-2xl font-bold mb-3 text-white">FAQ</h3>
<p class="text-gray-700 mb-8 flex-1"> <p class="text-white mb-8 flex-1">
All important questions about the B-42 Performance App & B-42 Coach Zone All important questions about the B-42 India Performance App & B-42 India Coach Zone
</p> </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"> <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 View FAQs
@@ -129,15 +129,15 @@
</div> </div>
<!-- Card 3: Downloads --> <!-- 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"> <div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0">
<!-- Document / Download icon --> <!-- 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"> <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" /> <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> </svg>
</div> </div>
<h3 class="text-2xl font-bold mb-3">Downloads</h3> <h3 class="text-2xl font-bold mb-3 text-white">Downloads</h3>
<p class="text-gray-700 mb-8 flex-1"> <p class="text-white mb-8 flex-1">
Valuable resources on fitness, training planning & nutrition Valuable resources on fitness, training planning & nutrition
</p> </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"> <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> </div>
<!-- Card 4: Case Studies --> <!-- 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"> <div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0">
<!-- Thumbs up icon --> <!-- 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"> <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" /> <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> </svg>
</div> </div>
<h3 class="text-2xl font-bold mb-3">Case Studies</h3> <h3 class="text-2xl font-bold mb-3 text-white">Case Studies</h3>
<p class="text-gray-700 mb-8 flex-1"> <p class="text-white mb-8 flex-1">
This is how coaches, teams and athletes successfully use the B-42 app. This is how coaches, teams and athletes successfully use the B-42 India app.
</p> </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"> <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 Read case studies
@@ -164,14 +164,14 @@
</div> </div>
</div> </div>
</section> </section>
<section class="mb-16 bg-slate-50"> <section class="pb-16 bg-[#1E1E1E]">
<div class="max-w-7xl mx-auto px-6"> <div class="max-w-7xl mx-auto px-6">
<hr class="mt-16 mb-10 border-t-1 border-black"> <hr class="mt-16 mb-10 border-t-1 border-black">
<!-- Heading --> <!-- Heading -->
<div class="mb-12"> <div class="mb-12">
<h2 class="text-3xl font-bold text-gray-900">Features</h2> <h2 class="text-3xl font-bold text-white">Features</h2>
<p class="mt-3 text-lg text-gray-700"> <p class="mt-3 text-lg text-white">
Step-by-step instructions for using the features in B42 Coach Zone & B42 Performance App Step-by-step instructions for using the features in B42 India Coach Zone & B42 India Performance App
</p> </p>
</div> </div>
@@ -179,7 +179,7 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-10"> <div class="grid grid-cols-1 md:grid-cols-2 gap-10">
<!-- Card 1 --> <!-- 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 --> <!-- Icon -->
<div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0"> <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"> <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> </svg>
</div> </div>
<h3 class="text-2xl font-bold mb-4">B-42 Coach Zone</h3> <h3 class="text-2xl font-bold mb-4 text-white">B-42 India Coach Zone</h3>
<p class="text-gray-700 mb-4">Our product for coaches and teams.</p> <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. Athlete management, game and training organization and player development for ambitious coaches and teams.
</p> </p>
<a href="#" class="inline-block bg-[#6366f1] text-white font-semibold px-8 py-3 rounded-full hover:bg-indigo-700 transition"> <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> </a>
</div> </div>
<!-- Card 2 --> <!-- 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 --> <!-- Icon -->
<div class="w-20 h-20 bg-[#6366f1] rounded-full flex items-center justify-center mb-6 shrink-0"> <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"> <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> </svg>
</div> </div>
<h3 class="text-2xl font-bold mb-4">B-42 Performance App</h3> <h3 class="text-2xl font-bold mb-4 text-white">B-42 India Performance App</h3>
<p class="text-gray-700 mb-4">Our product for single players</p> <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. Fitness, rehabilitation and ball-specific training for ambitious football players in a modern mobile app.
</p> </p>

View File

@@ -38,7 +38,7 @@
<!-- Download Button --> <!-- Download Button -->
<div class="mt-8 text-center"> <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"> 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 Download
</a> </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"> <div class="mt-6 pointer-events-auto">
<a href="" <a href=""
class="inline-block bg-white text-black px-8 py-3 rounded-full font-semibold transition-all hover:bg-gray-200"> 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> </a>
</div> </div>
</div> </div>
@@ -241,30 +241,26 @@
</h1> </h1>
<br /> <br />
<h1 class="inline-block text-3xl md:text-4xl font-bold bg-white text-black px-3 py-1 mt-3"> <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> </h1>
<p class="text-[21px] mt-6 mb-4"> <p class="text-[21px] mt-6 mb-4">
Du willst mental stabiler werden, souveräner unter Druck bleiben und dich Do you want to become more mentally stable, remain more composed under pressure, and recover faster after training and matches?
nach Training und Spielen schneller erholen?
</p> </p>
<p class="text-[21px] mb-4"> <p class="text-[21px] mb-4">
In unserem 8-wöchigen Online-Präventionskurs lernst du mentale Techniken, 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.
die dir helfen, deinen Fokus zu schärfen und deine Regeneration zu verbessern
speziell entwickelt für Fußballer*innen.
</p> </p>
<p class="text-[21px] mb-8 font-semibold"> <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> </p>
<a <a
href="" href=""
class="inline-block bg-[#6d7cff] transition px-8 py-3 rounded-full font-bold text-white text-lg" 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> </a>
<!-- IMAGE BUTTON --> <!-- IMAGE BUTTON -->
@@ -279,17 +275,16 @@
<!-- Heading --> <!-- Heading -->
<h1 class="text-2xl md:text-3xl font-extrabold uppercase tracking-wide mb-6"> <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> </h1>
<!-- Sub text --> <!-- Sub text -->
<p class="text-lg md:text-xl mb-4"> <p class="text-lg md:text-xl mb-4">
Erhalte exklusive Trainingstipps, mentale Unterstützung und Updates aus der B42 Receive exclusive training tips, mental support and updates from the B42 Arena.
Arena.
</p> </p>
<p class="text-lg md:text-xl mb-10"> <p class="text-lg md:text-xl mb-10">
Kein Spam. Nur reale Performance. No spam. Just real performance.
</p> </p>
<!-- Email input + button --> <!-- Email input + button -->
@@ -298,14 +293,14 @@
<input <input
type="email" 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" class="flex-1 px-5 py-3 outline-none rounded-full text-gray-700 placeholder-gray-400"
/> />
<button <button
class="bg-black text-white px-8 py-3 rounded-full font-semibold hover:bg-gray-800 transition" class="bg-black text-white px-8 py-3 rounded-full font-semibold hover:bg-gray-800 transition"
> >
Anmelden Register
</button> </button>