This commit is contained in:
Flatlogic Bot 2026-01-30 22:58:34 +00:00
parent dab8b67300
commit 8b8c71261d

View File

@ -61,13 +61,22 @@
<source src="assets/images/auth-video.mp4" type="video/mp4"> <source src="assets/images/auth-video.mp4" type="video/mp4">
</video> </video>
<div class="auth-image-overlay d-flex align-items-center justify-content-center p-5 text-white"> <div class="auth-image-overlay d-flex align-items-center justify-content-center p-5 text-white">
<div class="auth-branding-content position-relative overflow-hidden"> <div class="auth-branding-content position-relative overflow-hidden text-center">
<!-- Floating decorative emojis with animation --> <!-- Floating decorative emojis with animation -->
<div class="position-absolute floating-emoji" style="top: 8%; right: 10%; font-size: 3rem; --rotate: 15deg;">🥑</div> <div class="position-absolute floating-emoji" style="top: 8%; right: 10%; font-size: 3rem; --rotate: 15deg;">🥑</div>
<div class="position-absolute floating-emoji" style="bottom: 12%; left: 8%; font-size: 3.5rem; --rotate: -15deg; animation-delay: 1s;">🛍️</div> <div class="position-absolute floating-emoji" style="bottom: 12%; left: 8%; font-size: 3.5rem; --rotate: -15deg; animation-delay: 1s;">🛍️</div>
<div class="position-absolute floating-emoji" style="top: 35%; left: 5%; font-size: 2.5rem; --rotate: -20deg; animation-delay: 2s;">🥖</div> <div class="position-absolute floating-emoji" style="top: 35%; left: 5%; font-size: 2.5rem; --rotate: -20deg; animation-delay: 2s;">🥖</div>
<div class="position-absolute floating-emoji" style="bottom: 25%; right: 5%; font-size: 2rem; --rotate: 10deg; animation-delay: 1.5s;">🥗</div> <div class="position-absolute floating-emoji" style="bottom: 25%; right: 5%; font-size: 2rem; --rotate: 10deg; animation-delay: 1.5s;">🥗</div>
<div class="mb-5">
<h1 class="display-3 fw-bold mb-4 d-flex align-items-center justify-content-center text-white" style="color: #ffffff !important;">
<i class="bi bi-flow me-3"></i>FoodieFlow
</h1>
<p class="lead text-white opacity-90 fw-medium" style="color: #ffffff !important;">
An AI-powered flow from recipe to grocery every day, every occasion
</p>
</div>
<div class="feature-list mt-4 text-start position-relative"> <div class="feature-list mt-4 text-start position-relative">
<div class="d-flex mb-3 align-items-center transition-all feature-item"> <div class="d-flex mb-3 align-items-center transition-all feature-item">
<span class="checkmark"></span> <span class="checkmark"></span>