Skip to content

Commit 1f85972

Browse files
DavidthecodeDavidthecode
committed
chore: updated fe metadata
1 parent 6462c88 commit 1f85972

14 files changed

Lines changed: 141 additions & 32 deletions

File tree

‎.github/workflows/deploy-frontend.yml‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@ jobs:
2626
vercel-token: ${{ secrets.VERCEL_TOKEN }}
2727
vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
2828
vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
29-
vercel-args: '--prod'
29+
vercel-args: ${{ github.ref == 'refs/heads/main' && '--prod' || '' }}
3030
github-token: ${{ secrets.GITHUB_TOKEN }}
31+
github-comment: ${{ github.event_name == 'pull_request' }}
3132
github-deployment: true

‎apps/web/app/favicon.ico‎

-25.3 KB
Binary file not shown.

‎apps/web/app/globals.css‎

Lines changed: 22 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -187,42 +187,48 @@
187187
background: linear-gradient(
188188
to right,
189189
transparent 0%,
190-
rgba(255, 255, 255, 0) 10%,
190+
rgba(255, 255, 255, 0) 20%,
191191
rgba(255, 255, 255, 1) 50%,
192-
rgba(255, 255, 255, 0) 90%,
192+
rgba(255, 255, 255, 0) 80%,
193193
transparent 100%
194194
);
195-
filter: blur(20px);
195+
196+
mix-blend-mode: overlay;
197+
198+
filter: blur(15px);
199+
196200
pointer-events: none;
197201
position: absolute;
198202
inset: 0;
199203
height: 100%;
200204
width: 100%;
201-
z-index: 10;
205+
z-index: 5;
202206
}
203207

204208
.light-sweep-primary {
205209
@apply animate-wave;
210+
opacity: 1;
206211
}
207212

208213
.light-sweep-secondary {
209-
opacity: 0.6;
210214
@apply animate-wave;
211-
animation-delay: 2s;
215+
animation-delay: 2.5s;
216+
opacity: 0.7;
212217
}
213218

214-
/* We can also move the shimmer effect here while we're at it */
215219
.shimmer-text {
216-
color: rgba(255, 255, 255, 0.35);
217-
background: linear-gradient(
218-
to right,
219-
transparent 20%,
220-
rgba(255, 255, 255, 1) 50%,
221-
transparent 80%
222-
);
223-
background-size: 200% 100%;
224-
background-clip: text;
220+
color: white;
221+
222+
isolation: isolate;
223+
backface-visibility: hidden;
224+
225+
background: linear-gradient(to right, #888 20%, #fff 50%, #888 80%);
226+
background-size: 200% auto;
225227
-webkit-background-clip: text;
228+
background-clip: text;
229+
230+
-webkit-text-fill-color: transparent;
231+
226232
animation: text-scan 3s linear infinite;
227233
}
228234

‎apps/web/app/layout.tsx‎

Lines changed: 37 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import localFont from "next/font/local";
33
import "@flagix/ui/styles/globals.css";
44
import "./globals.css";
55
import { Raleway } from "next/font/google";
6+
import { SITE_CONFIG } from "@/utils/site";
67
import Providers from "./providers";
78

89
const geistSans = localFont({
@@ -22,8 +23,41 @@ const raleway = Raleway({
2223
});
2324

2425
export const metadata: Metadata = {
25-
title: "Flagix",
26-
description: "Flagix",
26+
title: {
27+
default: SITE_CONFIG.title,
28+
template: `%s | ${SITE_CONFIG.title}`,
29+
},
30+
description: SITE_CONFIG.description,
31+
metadataBase: new URL(SITE_CONFIG.url),
32+
alternates: {
33+
canonical: "/",
34+
},
35+
openGraph: {
36+
type: "website",
37+
locale: "en_US",
38+
url: SITE_CONFIG.url,
39+
title: SITE_CONFIG.title,
40+
description: SITE_CONFIG.description,
41+
siteName: SITE_CONFIG.title,
42+
images: [
43+
{
44+
url: "/og.jpg",
45+
width: 1200,
46+
height: 630,
47+
alt: SITE_CONFIG.title,
48+
},
49+
],
50+
},
51+
twitter: {
52+
card: "summary_large_image",
53+
title: SITE_CONFIG.title,
54+
description: SITE_CONFIG.description,
55+
images: ["/og.jpg"],
56+
},
57+
icons: {
58+
icon: "/favicon.ico",
59+
shortcut: "/favicon.ico",
60+
},
2761
};
2862

2963
export default function RootLayout({
@@ -34,7 +68,7 @@ export default function RootLayout({
3468
return (
3569
<html className="h-full" lang="en">
3670
<body
37-
className={`${geistSans.variable} ${geistMono.variable} ${raleway.variable} h-full font-sans`}
71+
className={`${geistSans.variable} ${geistMono.variable} ${raleway.variable} h-full font-sans antialiased`}
3872
>
3973
<Providers>{children}</Providers>
4074
</body>

‎apps/web/app/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import { HeroSection } from "@/components/home/hero";
77

88
const Page = () => (
99
<div className="flex w-full items-center justify-center">
10-
<div className="flex min-h-screen w-full flex-col bg-[#F4F4F5]">
10+
<div className="flex min-h-screen w-full flex-col">
1111
<Header />
1212
<main>
1313
<HeroSection />

‎apps/web/components/auth/login-form.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ export const LoginForm = () => {
3737
</p>
3838
</div>
3939

40-
<div className="mt-6 flex flex-col gap-3">
40+
<div className="mt-6 flex flex-col gap-4">
4141
<SocialButton
4242
disabled={isLoading}
4343
icon={<FcGoogle size={20} />}

‎apps/web/components/home/demo.tsx‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,16 +8,19 @@ export const DemoSection = () => {
88
const [flagEnabled, setFlagEnabled] = useState(false);
99

1010
return (
11-
<section className="relative overflow-hidden bg-[#09090b] py-24 md:py-32">
11+
<section
12+
className="relative overflow-hidden bg-[#09090b] py-24 md:py-32"
13+
style={{ contain: "paint" }}
14+
>
1215
{/* Background & Patterns */}
1316
<div className="absolute inset-0 z-0">
1417
<div className="absolute inset-0 bg-grid-white opacity-[0.05]" />
15-
<div className="mask-[radial-gradient(ellipse_at_center,transparent_20%,black)] absolute inset-0 bg-[#09090b]" />
18+
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_center,transparent_20%,#09090b_70%)]" />
1619
</div>
1720

1821
<div className="container-landing relative z-10 mx-auto px-6">
1922
<div className="mb-16 text-center">
20-
<h2 className="shimmer-text mx-auto max-w-4xl font-extrabold text-4xl tracking-tight sm:text-5xl md:text-6xl">
23+
<h2 className="shimmer-text contain-[paint] mx-auto max-w-4xl font-extrabold text-4xl tracking-tight sm:text-5xl md:text-6xl">
2124
Instant Control. Zero Redeploys.
2225
</h2>
2326
<p className="mx-auto mt-6 max-w-2xl text-gray-400 text-lg leading-relaxed">

‎apps/web/components/home/features.tsx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ const features = [
4141
{
4242
title: "Observability Integration",
4343
description:
44-
"Connect flag changes directly to your APM/logging tools (Datadog, New Relic) to instantly detect performance impacts or errors.",
44+
"Connect flag changes directly to your APM/logging tools (Datadog, New Relic) to instantly detect performance impacts or errors. (coming soon)",
4545
icon: Monitor,
4646
},
4747
];
@@ -51,16 +51,17 @@ export const FeaturesSection = () => {
5151
<section
5252
className="relative overflow-hidden bg-[#09090b] py-24 md:py-32"
5353
id="features"
54+
style={{ contain: "paint" }}
5455
>
5556
{/* Background & Patterns */}
5657
<div className="absolute inset-0 z-0">
5758
<div className="absolute inset-0 bg-grid-white opacity-[0.05]" />
58-
<div className="mask-[radial-gradient(ellipse_at_center,transparent_20%,black)] absolute inset-0 bg-[#09090b]" />
59+
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_center,transparent_20%,#09090b_70%)]" />
5960
</div>
6061

6162
<div className="container-landing relative z-10 mx-auto px-6">
6263
<div className="text-center">
63-
<h2 className="shimmer-text mx-auto max-w-4xl font-extrabold text-4xl tracking-tight sm:text-5xl md:text-6xl">
64+
<h2 className="shimmer-text contain-[paint] mx-auto max-w-4xl font-extrabold text-4xl tracking-tight sm:text-5xl md:text-6xl">
6465
Engineered for Developer Velocity
6566
</h2>
6667

‎apps/web/components/home/header.tsx‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export const Header = () => {
1414
"transition-colors hover:text-gray-900 dark:hover:text-white py-1";
1515

1616
return (
17-
<header className="sticky top-0 z-50 w-full border-white/10 border-b bg-white/70 backdrop-blur-xl dark:bg-black/70">
17+
<header className="sticky top-0 z-50 w-full border-white/10 border-b bg-[#F4F4F5] backdrop-blur-xl dark:bg-black/70">
1818
<div className="container-landing mx-auto flex h-16 items-center justify-between px-6">
1919
<div className="flex items-center space-x-3">
2020
<Image
@@ -59,9 +59,6 @@ export const Header = () => {
5959
target="_blank"
6060
>
6161
<Github className="h-4 w-4" />
62-
<div className="rounded-full border border-gray-200 bg-gray-100 px-2 py-0.5 dark:border-white/10 dark:bg-white/5">
63-
<span className="text-[11px]">Star</span>
64-
</div>
6562
</a>
6663
<Link
6764
className="font-medium text-gray-700 text-sm dark:text-gray-300"

‎apps/web/package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@
2424
"clsx": "^2.1.1",
2525
"date-fns": "^4.1.0",
2626
"lucide-react": "^0.548.0",
27+
"motion": "^12.23.26",
2728
"next": "^16.1.1",
2829
"next-themes": "^0.4.6",
2930
"postcss": "^8.5.6",

0 commit comments

Comments
 (0)