added kvk and btw number back, updated text colour text-muted

This commit is contained in:
becarta
2025-03-14 23:05:05 +01:00
parent cfee5b8e47
commit e0f172d66d
5 changed files with 16 additions and 12 deletions

View File

@@ -37,7 +37,7 @@ import '@fontsource-variable/inter';
--aw-color-text-heading: rgb(0 0 0); --aw-color-text-heading: rgb(0 0 0);
--aw-color-text-default: rgb(16 16 16); --aw-color-text-default: rgb(16 16 16);
--aw-color-text-muted: rgb(16 16 16 / 40%); --aw-color-text-muted: rgb(0, 0, 0);
--aw-color-bg-page: rgb(255 255 255); --aw-color-bg-page: rgb(255 255 255);
--aw-color-bg-page-dark: rgb(3 6 32); --aw-color-bg-page-dark: rgb(3 6 32);

View File

@@ -134,7 +134,7 @@ const {
/* Hover effect for details */ /* Hover effect for details */
[data-details] { [data-details] {
transform-origin: top; transform-origin: top;
transition: max-height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transition: max-height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: max-height, opacity; will-change: max-height, opacity;
} }
@@ -146,7 +146,7 @@ const {
} }
.group:hover [data-details] { .group:hover [data-details] {
max-height: 500px; /* Large enough to fit content but still allows animation */ max-height: 550px; /* Large enough to fit content but still allows animation */
} }
@keyframes fadeIn { @keyframes fadeIn {

View File

@@ -84,12 +84,10 @@ const {
<Icon name="circle-flags:eu" class="h-5 w-auto flag-square" /> <Icon name="circle-flags:eu" class="h-5 w-auto flag-square" />
</span> </span>
</a> </a>
<div class="flex items-center space-x-4 text-sm text-white-500"> <!-- Business Information (Dutch Law Requirements) -->
{secondaryLinks.map(({ text, href }) => ( <div class="text-sm text-white-500 space-y-1">
<a class="hover:text-gray-700 hover:underline dark:hover:text-gray-200 transition duration-150 ease-in-out" href={href}> <p>KVK: 87654321 | BTW: NL123456789B01</p>
{text} <p>info@365devnet.eu</p>
</a>
))}
</div> </div>
</div> </div>
@@ -115,7 +113,13 @@ const {
} }
<!-- Terms & Privacy Policy Links --> <!-- Terms & Privacy Policy Links -->
<div class="flex items-center space-x-4 text-sm text-white-500">
{secondaryLinks.map(({ text, href }) => (
<a class="hover:text-gray-700 hover:underline dark:hover:text-gray-200 transition duration-150 ease-in-out" href={href}>
{text}
</a>
))}
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -57,7 +57,7 @@ const {
{ {
subtitle && ( subtitle && (
<p <p
class="text-xl text-muted mb-6 dark:text-slate-300 intersect-once intersect-quarter motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade content-backdrop p-2 rounded-md" class="text-xl mb-6 dark:text-slate-300 intersect-once intersect-quarter motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade content-backdrop p-2 rounded-md"
set:html={subtitle} set:html={subtitle}
/> />
) )