Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2be1341f54 | |||
| aee5e0ec22 | |||
| acb534db1f | |||
| 4added6461 | |||
| c75f606b5a | |||
| e5f6b7c81e | |||
| 36f800c326 |
@@ -1,50 +1,20 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { DM_Sans } from "next/font/google";
|
|
||||||
import { Inter } from "next/font/google";
|
import { Inter } from "next/font/google";
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
|
|
||||||
const dmSans = DM_Sans({
|
const inter = Inter({ subsets: ["latin"] });
|
||||||
variable: "--font-dm-sans", subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const inter = Inter({
|
|
||||||
variable: "--font-inter", subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "CreatorFlow — Collab Manager for Teen Creators", description: "Auto-parse DMs, approve collabs one-click, track payments. Free forever for solo creators. Perfect for TikTok, YouTube, and emerging creators.", keywords: "collab management, teen creators, DM parser, payment tracker, creator tools, collaboration platform", metadataBase: new URL("https://creatorflow.io"),
|
title: "CreatorFlow - DM Collaboration Manager for Teen Creators", description: "Stop chasing collabs in DMs. Manage collaboration requests, approvals, and payments with AI-powered parsing and smart reminders."};
|
||||||
alternates: {
|
|
||||||
canonical: "https://creatorflow.io"},
|
|
||||||
openGraph: {
|
|
||||||
title: "CreatorFlow — Stop Chasing Collabs in DMs", description: "The all-in-one dashboard for teen creators to manage collaboration requests, track approvals, and never chase payment again.", url: "https://creatorflow.io", siteName: "CreatorFlow", type: "website", images: [
|
|
||||||
{
|
|
||||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/a-modern-sleek-dashboard-interface-for-t-1772775426370-766daa52.png", alt: "CreatorFlow dashboard interface"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
twitter: {
|
|
||||||
card: "summary_large_image", title: "CreatorFlow — Collab Manager for Teen Creators", description: "Auto-parse DMs, approve collabs one-click, track payments. Free forever.", images: [
|
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/a-modern-sleek-dashboard-interface-for-t-1772775426370-766daa52.png"],
|
|
||||||
},
|
|
||||||
robots: {
|
|
||||||
index: true,
|
|
||||||
follow: true,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<ServiceWrapper>
|
<body className={inter.className}>{children}
|
||||||
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
|
|
||||||
<Tag />
|
|
||||||
{children}
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
@@ -1412,7 +1382,6 @@ export default function RootLayout({
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</body>
|
</body>
|
||||||
</ServiceWrapper>
|
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -105,21 +105,21 @@ export default function LandingPage() {
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Approval Pipeline", description: "Drag-and-drop your collabs through Review → Approved → Paid stages. Real-time pipeline visibility.", bentoComponent: "3d-task-list", items: [
|
title: "Smart Reminders", description: "Push notifications remind you when payments are due or collabs need follow-up. Never chase again.", bentoComponent: "orbiting-icons", centerIcon: Bell,
|
||||||
{ icon: Clock, label: "Pending Review", time: "2 requests" },
|
items: [
|
||||||
{ icon: CheckCircle, label: "Approved", time: "5 approved" },
|
{ icon: Clock, ring: 1, duration: 8 },
|
||||||
{ icon: DollarSign, label: "Payout Due", time: "3 pending" },
|
{ icon: AlertCircle, ring: 2, duration: 10 },
|
||||||
|
{ icon: CheckCircle, ring: 3, duration: 12 },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "One-Click Approvals", description: "Generate contract links and send approval confirmations instantly. No back-and-forth emails.", bentoComponent: "reveal-icon", icon: CheckCircle,
|
title: "One-Click Approvals", description: "Generate contract links and send approval confirmations instantly. No back-and-forth emails.", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Smart Reminders", description: "Push notifications remind you when payments are due or collabs need follow-up. Never chase again.", bentoComponent: "orbiting-icons", centerIcon: Bell,
|
title: "Approval Pipeline", description: "Drag-and-drop your collabs through Review → Approved → Paid stages. Real-time pipeline visibility.", bentoComponent: "3d-task-list", items: [
|
||||||
items: [
|
{ icon: Clock, label: "Pending Review", time: "2 requests" },
|
||||||
{ icon: Clock, ring: 1, duration: 8 },
|
{ icon: CheckCircle, label: "Approved", time: "5 approved" },
|
||||||
{ icon: AlertCircle, ring: 2, duration: 10 },
|
{ icon: DollarSign, label: "Payout Due", time: "3 pending" },
|
||||||
{ icon: CheckCircle, ring: 3, duration: 12 },
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -157,16 +157,20 @@ export default function LandingPage() {
|
|||||||
blogs={[
|
blogs={[
|
||||||
{
|
{
|
||||||
id: "1", category: ["Creator Story", "Tips"],
|
id: "1", category: ["Creator Story", "Tips"],
|
||||||
title: "How Alex Chen Turned Chaos Into Cash", excerpt: "From 3 hours of DM chasing per week to 15 minutes of admin work. See how one TikTok creator saved $2k in missed payments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/portrait-photo-of-a-15-16-year-old-conte-1772775425499-81ffd161.png?_wi=2", imageAlt: "Alex Chen, TikTok Creator", authorName: "Alex Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/portrait-photo-of-a-15-16-year-old-conte-1772775425499-81ffd161.png", date: "15 Jan 2025"},
|
title: "How Alex Chen Turned Chaos Into Cash", excerpt: "From 3 hours of DM chasing per week to 15 minutes of admin work. See how one TikTok creator saved $2k in missed payments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/portrait-photo-of-a-15-16-year-old-conte-1772775425499-81ffd161.png?_wi=2", imageAlt: "Alex Chen, TikTok Creator", authorName: "Alex Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/portrait-photo-of-a-15-16-year-old-conte-1772775425499-81ffd161.png", date: "15 Jan 2025"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "2", category: ["Guide", "Collaboration"],
|
id: "2", category: ["Guide", "Collaboration"],
|
||||||
title: "5 Red Flags to Spot in Shady Collab Offers", excerpt: "Not all brand deals are created equal. Learn how to identify legitimate collaboration requests and protect your personal brand.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/portrait-of-a-young-teen-creator-confide-1772775427139-8b25320f.png", imageAlt: "Red flags in collaborations", authorName: "Jamie Torres", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/portrait-of-a-young-teen-creator-confide-1772775427139-8b25320f.png", date: "12 Jan 2025"},
|
title: "5 Red Flags to Spot in Shady Collab Offers", excerpt: "Not all brand deals are created equal. Learn how to identify legitimate collaboration requests and protect your personal brand.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/portrait-of-a-young-teen-creator-confide-1772775427139-8b25320f.png", imageAlt: "Red flags in collaborations", authorName: "Jamie Torres", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/portrait-of-a-young-teen-creator-confide-1772775427139-8b25320f.png", date: "12 Jan 2025"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "3", category: ["Strategy", "Growth"],
|
id: "3", category: ["Strategy", "Growth"],
|
||||||
title: "Scaling Your Collab Pipeline: From 5 to 50 Requests", excerpt: "What changes when you go from managing a handful of collabs to juggling dozens? A deep dive into structuring your workflow for growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/young-teen-creator-portrait-with-energet-1772775425917-e85c9147.png", imageAlt: "Scaling collaborations", authorName: "Casey Kim", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/young-teen-creator-portrait-with-energet-1772775425917-e85c9147.png", date: "10 Jan 2025"},
|
title: "Scaling Your Collab Pipeline: From 5 to 50 Requests", excerpt: "What changes when you go from managing a handful of collabs to juggling dozens? A deep dive into structuring your workflow for growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/young-teen-creator-portrait-with-energet-1772775425917-e85c9147.png", imageAlt: "Scaling collaborations", authorName: "Casey Kim", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/young-teen-creator-portrait-with-energet-1772775425917-e85c9147.png", date: "10 Jan 2025"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "4", category: ["Payment", "Legal"],
|
id: "4", category: ["Payment", "Legal"],
|
||||||
title: "Getting Paid on Time: Contracts 101 for Teen Creators", excerpt: "Why you need a contract template, what should be in it, and how CreatorFlow's auto-link system keeps everyone on the same page.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/teen-creator-portrait-showing-diverse-re-1772775425799-73c2858b.png", imageAlt: "Creator contracts", authorName: "Morgan Lee", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/teen-creator-portrait-showing-diverse-re-1772775425799-73c2858b.png", date: "8 Jan 2025"},
|
title: "Getting Paid on Time: Contracts 101 for Teen Creators", excerpt: "Why you need a contract template, what should be in it, and how CreatorFlow's auto-link system keeps everyone on the same page.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/teen-creator-portrait-showing-diverse-re-1772775425799-73c2858b.png", imageAlt: "Creator contracts", authorName: "Morgan Lee", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/teen-creator-portrait-showing-diverse-re-1772775425799-73c2858b.png", date: "8 Jan 2025"
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #ffffff;
|
--background: #fbfaff;
|
||||||
--card: #f9f9f9;
|
--card: #f7f5ff;
|
||||||
--foreground: #000612e6;
|
--foreground: #0f0022;
|
||||||
--primary-cta: #106EFB;
|
--primary-cta: #8b5cf6;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #fbfaff;
|
||||||
--secondary-cta: #f9f9f9;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #000612e6;
|
--secondary-cta-text: #0f0022;
|
||||||
--accent: #e2e2e2;
|
--accent: #d8cef5;
|
||||||
--background-accent: #106EFB;
|
--background-accent: #c4a8f9;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user