diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 1ab1801..aeb7fe0 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -26,7 +26,7 @@ export const metadata: Metadata = {
canonical: "https://stopbeingalone.com"
},
openGraph: {
- title: "Stop Being Alone", description: "1 in 6 people worldwide experience loneliness. We're building the cure — with you.", type: "website", siteName: "Stop Being Alone", url: "https://stopbeingalone.com", images: [
+ title: "Stop Being Alone", description: "1 in 6 people worldwide experience loneliness. We're building the cure with you.", type: "website", siteName: "Stop Being Alone", url: "https://stopbeingalone.com", images: [
{
url: "https://stopbeingalone.com/og-image.jpg", alt: "Stop Being Alone — A movement to solve loneliness"
}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8909fad..b588443 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
-import { AlertCircle, TrendingDown, HeartHandshake, Globe, Zap, Users, Twitter, Linkedin } from 'lucide-react';
+import { AlertCircle, TrendingDown, HeartHandshake, Globe, Zap, Users, Twitter, Linkedin, Star } from 'lucide-react';
export default function LandingPage() {
return (
@@ -44,7 +44,7 @@ export default function LandingPage() {
@@ -169,7 +169,7 @@ export default function LandingPage() {
text="This starts with you. Join 200+ early supporters helping us design the solution to loneliness."
animationType="entrance-slide"
background={{ variant: "plain" }}
- useInvertedBackground={false}
+ useInvertedBackground={true}
buttons={[
{ text: "Count me in →", href: "#form" },
{ text: "Learn more", href: "https://stopbeingalone.com" }
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 0f9f89d..1d40cd1 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
- font-family: var(--font-poppins), sans-serif;
+ font-family: var(--font-sf-pro-display), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
- font-family: var(--font-poppins), sans-serif;
+ font-family: var(--font-sf-pro-display), sans-serif;
}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 4fd73bf..f28c831 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
- --background: #ffffff;
- --card: #f9f9f9;
- --foreground: #000612e6;
- --primary-cta: #15479c;
+ --background: #0f1419;
+ --card: #1a1f2e;
+ --foreground: #ffffff;
+ --primary-cta: #ffffff;
--primary-cta-text: #ffffff;
- --secondary-cta: #f9f9f9;
+ --secondary-cta: #1a1f2e;
--secondary-cta-text: #000612e6;
- --accent: #e2e2e2;
- --background-accent: #c4c4c4;
+ --accent: #e8eef7;
+ --background-accent: #4a5f8f;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);