added kvk and btw number back, updated text colour text-muted
This commit is contained in:
@@ -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);
|
||||||
|
@@ -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 {
|
||||||
|
@@ -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>
|
||||||
|
@@ -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}
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
|
Reference in New Issue
Block a user