-
diff --git a/app/components/backgroundBeams.tsx b/app/components/backgroundBeams.tsx
index 3e777005e..1037b9947 100644
--- a/app/components/backgroundBeams.tsx
+++ b/app/components/backgroundBeams.tsx
@@ -20,10 +20,10 @@ export function BackgroundBeamsDemo() {
}}
className="relative z-10 md:pb-4 text-2xl sm:text-lg md:text-7xl bg-clip-text text-transparent bg-gradient-to-b from-neutral-200 to-neutral-600 text-left font-sans font-bold"
>
-
Build the right to way
@@ -34,7 +34,7 @@ export function BackgroundBeamsDemo() {
transition={{
delay: 0.3,
duration: 0.8,
- ease: "easeInOut",
+ ease: "backIn",
}}
className="flex w-full flex-col items-center justify-center"
>
@@ -49,15 +49,18 @@ export function BackgroundBeamsDemo() {
duration: 0.8,
ease: "easeInOut",
}}
- className="text-neutral-500 max-w-4xl mx-auto my-2 text-sm text-left relative z-10">
+ className="text-neutral-500 max-w-4xl mx-auto my-2 text-sm text-left relative z-10"
+ >
Welcome to MailJet, the best transactional email service on the web.
We provide reliable, scalable, and customizable email solutions for
your business. Whether you're sending order confirmations,
password reset emails, or promotional campaigns, MailJet has got you
covered.
-
-
+
+
Get started
-
+
+
Learn more
diff --git a/app/components/homeSectionHeader.tsx b/app/components/homeSectionHeader.tsx
index 6da318965..05fc638b0 100644
--- a/app/components/homeSectionHeader.tsx
+++ b/app/components/homeSectionHeader.tsx
@@ -19,9 +19,9 @@ export default function HomeSectionHeader() {
-
+
{/* */}
- ne.
+ nee.
diff --git a/app/globals.css b/app/globals.css
index 32ef039b8..6c3fbdf04 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -7,15 +7,15 @@
:root {
--color-primary-bg: #FFFFFF;
--color-secondary-bg: #D9D9D9;
- --color-third-bg: #5e716a;
+ --color-third-bg: #0a0a0a;
- --color-primary-text: #242424;
+ --color-primary-text: #0a0a0a;
--color-secondary-text: #5e716a;
--color-third-text: #709b8c;
- --color-four-text: #0a0a0a;
+ --color-four-text: #2b312f;
--color-primary-border: #e7f5f3;
- --color-secondary-border: #3535359a;
+ --color-secondary-border: #545454;
--color-third-border: #3535359a;
}
@@ -24,8 +24,8 @@
@media (prefers-color-scheme: dark) {
:root {
--color-primary-bg: #100c13;
- --color-secondary-bg: #32243D;
- --color-third-bg: #472360;
+ --color-secondary-bg: #7e6194;
+ --color-third-bg: #d6b4ee;
--color-primary-text: #2B2031;
--color-secondary-text: #472360;
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 50f090850..1da9dcce4 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -22,7 +22,7 @@ module.exports = {
colors: {
primary: "var(--color-primary-bg)",
secondary: "var(--color-secondary-bg)",
- third: "var(--color-third-text)",
+ third: "var(--color-third-bg)",
primaryText: "var(--color-primary-text)",
thirdText: "var(--color-third-text)",
secondaryText: "var(--color-secondary-text)",