aknuth
/
bizmatch-project
1
0
Fork 0
Code Issues 7 Pull Requests Packages Projects 5 Releases Wiki Activity

new bg + diff color for text

This commit is contained in:
Andreas Knuth 2025-09-01 13:37:39 -05:00
parent 418cc3a043
commit 8dff7eca6a
3 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
bizmatch/src/app/pages/home/home.component.html
View File

@ -41,10 +41,20 @@
<div class="flex justify-center w-full"> <div class="flex justify-center w-full">
<!-- 3. Für Mobile: m-2 statt max-w-xs; ab sm: wieder max-width und kein Margin --> <!-- 3. Für Mobile: m-2 statt max-w-xs; ab sm: wieder max-width und kein Margin -->
<div class="w-full m-2 sm:m-0 sm:max-w-md md:max-w-xl lg:max-w-2xl xl:max-w-3xl"> <div class="w-full m-2 sm:m-0 sm:max-w-md md:max-w-xl lg:max-w-2xl xl:max-w-3xl">
<!-- Schriftgrößen angepasst (wie vorher) --> <!-- Hero-Container -->
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-blue-900 mb-3 sm:mb-4 text-center">Find businesses for sale.</h1> <section class="relative">
<!-- Abstand unten angepasst (wie vorher) --> <!-- Dein Hintergrundbild liegt hier per CSS oder absolutem <img> -->
<p class="text-base md:text-lg lg:text-xl text-blue-600 mb-6 md:mb-8 text-center">Unlocking Exclusive Opportunities - Empowering Entrepreneurial Dreams</p>
<!-- 1) Overlay: sorgt für Kontrast auf hellem Himmel -->
<div aria-hidden="true" class="pointer-events-none absolute inset-0"></div>
<!-- 2) Textblock -->
<div class="relative z-10 mx-auto max-w-4xl px-4 sm:px-6 py-10 sm:py-16 text-center text-white">
<h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-extrabold tracking-tight leading-tight drop-shadow-[0_2px_6px_rgba(0,0,0,0.55)]">Find businesses for sale</h1>
<p class="mt-3 sm:mt-4 text-base sm:text-lg md:text-xl lg:text-xl font-medium text-white/90 drop-shadow-[0_1.5px_4px_rgba(0,0,0,0.6)]">Unlocking Exclusive Opportunities - Empowering Entrepreneurial Dreams</p>
</div>
</section>
<!-- Restliche Anpassungen (Innenabstände, Button-Paddings etc.) bleiben wie im vorherigen Schritt --> <!-- Restliche Anpassungen (Innenabstände, Button-Paddings etc.) bleiben wie im vorherigen Schritt -->
<div class="bg-white bg-opacity-80 pb-4 md:pb-6 pt-2 px-3 sm:px-4 md:px-6 rounded-lg shadow-lg w-full" [ngClass]="{ 'pt-6': aiSearch }"> <div class="bg-white bg-opacity-80 pb-4 md:pb-6 pt-2 px-3 sm:px-4 md:px-6 rounded-lg shadow-lg w-full" [ngClass]="{ 'pt-6': aiSearch }">
@if(!aiSearch){ @if(!aiSearch){

2
bizmatch/src/app/pages/home/home.component.scss
View File

@ -1,5 +1,5 @@
.bg-cover-custom { .bg-cover-custom {
background-image: url('/assets/images/index-bg.webp'); background-image: url('/assets/images/flags_bg.avif');
background-size: cover; background-size: cover;
background-position: center; background-position: center;
border-radius: 20px; border-radius: 20px;

BIN
bizmatch/src/assets/images/flags_bg.avif Normal file
View File

Binary file not shown.