+
Your Partner
For A Better Web
diff --git a/src/components/landing/ServicesCard.astro b/src/components/landing/ServicesCard.astro
index a6e3f47..c707119 100644
--- a/src/components/landing/ServicesCard.astro
+++ b/src/components/landing/ServicesCard.astro
@@ -16,7 +16,7 @@ const { title, image, items } = Astro.props;
{title}
+ {title}
{
!!items.length ? (
@@ -41,6 +41,14 @@ const { title, image, items } = Astro.props;
}
}
+ @media (prefers-reduced-motion: no-preference) and (hover: hover) {
+ .card:hover {
+ & picture:after {
+ backdrop-filter: blur(12px);
+ }
+ }
+ }
+
picture {
display: block;
grid-row: 1 / -1;
@@ -58,6 +66,9 @@ const { title, image, items } = Astro.props;
top: 0;
left: 0;
z-index: 1;
+ transition: all;
+ transition-duration: 300ms;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.image {
@@ -72,7 +83,8 @@ const { title, image, items } = Astro.props;
grid-row: 1;
font-size: 2.25rem;
line-height: var(--leading-title);
- padding: 2.5rem;
+ padding-block: 2.5rem 1rem;
+ padding-inline: 2.5rem;
max-width: 10ch;
}
diff --git a/src/components/landing/ServicesSection.astro b/src/components/landing/ServicesSection.astro
index a0f17f4..426b23c 100644
--- a/src/components/landing/ServicesSection.astro
+++ b/src/components/landing/ServicesSection.astro
@@ -37,9 +37,9 @@ const services: Array> = [
];
---
-
+
- Our Services.
+ Our Services.
Together as partners, we will tackle your digital challenge and turn
@@ -69,6 +69,7 @@ const services: Array> = [
& h2 {
grid-column: 1 / 6;
+ height: max-content;
font-size: 4.75rem;
line-height: var(--leading-title);
diff --git a/src/components/landing/ValuesSection.astro b/src/components/landing/ValuesSection.astro
index 33ec8de..6433004 100644
--- a/src/components/landing/ValuesSection.astro
+++ b/src/components/landing/ValuesSection.astro
@@ -19,7 +19,7 @@ function formatIndex(index: number) {
}
---
-
+
Our Values.
@@ -73,7 +73,7 @@ function formatIndex(index: number) {
li {
display: grid;
grid-template-columns: var(--base-grid);
- padding-block: 4.625rem;
+ padding-block: 6rem;
}
.content {
@@ -98,6 +98,6 @@ function formatIndex(index: number) {
font-size: 15.625rem;
font-weight: 600;
- line-height: 0.9;
+ line-height: var(--leading-tightest);
}
diff --git a/src/components/old/Cursor.astro b/src/components/old/Cursor.astro
deleted file mode 100644
index 41f73d5..0000000
--- a/src/components/old/Cursor.astro
+++ /dev/null
@@ -1,73 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/components/old/GlobalStyles.astro b/src/components/old/GlobalStyles.astro
deleted file mode 100644
index 7d5806d..0000000
--- a/src/components/old/GlobalStyles.astro
+++ /dev/null
@@ -1,86 +0,0 @@
-
diff --git a/src/components/old/Header.astro b/src/components/old/Header.astro
deleted file mode 100644
index 4b4b95a..0000000
--- a/src/components/old/Header.astro
+++ /dev/null
@@ -1,74 +0,0 @@
----
-import { Image } from "astro:assets";
-import { getRelativeLocaleUrl } from "astro:i18n";
-import logo from "../assets/ci/icon-only.svg";
-
-const isEnglish = Astro.currentLocale === "en";
----
-
-
-
- Back to home
-
-
-
diff --git a/src/components/old/Hero.astro b/src/components/old/Hero.astro
deleted file mode 100644
index a159134..0000000
--- a/src/components/old/Hero.astro
+++ /dev/null
@@ -1,129 +0,0 @@
----
-import Typemark from "../assets/ci/typemark.svg";
-import Logo from "../assets/ci/icon-only.svg";
----
-
-
-
- Smart websites for bold ideas.
-
-
- From concept to launch - websites, apps, and digital solutions that
- work hard, so you can play hard. Whether it's a personal site, an
- e-commerce platform, or a custom web app, we bring your ideas to
- life.
-
-
- Get in touch
-
-
-
- © 2025
- Tideshift Digital e.U.
-
-
-
-
-
+
{title}
+{title}
{ !!items.length ? ( @@ -41,6 +41,14 @@ const { title, image, items } = Astro.props; } } + @media (prefers-reduced-motion: no-preference) and (hover: hover) { + .card:hover { + & picture:after { + backdrop-filter: blur(12px); + } + } + } + picture { display: block; grid-row: 1 / -1; @@ -58,6 +66,9 @@ const { title, image, items } = Astro.props; top: 0; left: 0; z-index: 1; + transition: all; + transition-duration: 300ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .image { @@ -72,7 +83,8 @@ const { title, image, items } = Astro.props; grid-row: 1; font-size: 2.25rem; line-height: var(--leading-title); - padding: 2.5rem; + padding-block: 2.5rem 1rem; + padding-inline: 2.5rem; max-width: 10ch; } diff --git a/src/components/landing/ServicesSection.astro b/src/components/landing/ServicesSection.astro index a0f17f4..426b23c 100644 --- a/src/components/landing/ServicesSection.astro +++ b/src/components/landing/ServicesSection.astro @@ -37,9 +37,9 @@ const services: ArrayOur Services.
+Our Services.
Together as partners, we will tackle your digital challenge and turn
@@ -69,6 +69,7 @@ const services: Array
- From concept to launch - websites, apps, and digital solutions that
- work hard, so you can play hard. Whether it's a personal site, an
- e-commerce platform, or a custom web app, we bring your ideas to
- life.
-
- © 2025
- Tideshift Digital e.U.
- Our Values.
@@ -73,7 +73,7 @@ function formatIndex(index: number) {
li {
display: grid;
grid-template-columns: var(--base-grid);
- padding-block: 4.625rem;
+ padding-block: 6rem;
}
.content {
@@ -98,6 +98,6 @@ function formatIndex(index: number) {
font-size: 15.625rem;
font-weight: 600;
- line-height: 0.9;
+ line-height: var(--leading-tightest);
}
diff --git a/src/components/old/Cursor.astro b/src/components/old/Cursor.astro
deleted file mode 100644
index 41f73d5..0000000
--- a/src/components/old/Cursor.astro
+++ /dev/null
@@ -1,73 +0,0 @@
-
Smart websites for bold ideas.
-
-