bender/f0cbba43-7d58-4ec9-911f-e65d4e9cfc0f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #5.
This commit is contained in:
bender
2026-03-06 05:46:40 +00:00
parent e5f6b7c81e 4added6461
commit acb534db1f
2 changed files with 23 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/app/layout.tsx
View File

@@ -1,50 +1,20 @@
import type { Metadata } from "next";
import { DM_Sans } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
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"),
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,
},
};
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."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1412,7 +1382,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

30
src/app/page.tsx
View File

@@ -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: [
{ icon: Clock, label: "Pending Review", time: "2 requests" },
{ icon: CheckCircle, label: "Approved", time: "5 approved" },
{ icon: DollarSign, label: "Payout Due", time: "3 pending" },
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,
items: [
{ icon: Clock, ring: 1, duration: 8 },
{ 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: "Smart Reminders", description: "Push notifications remind you when payments are due or collabs need follow-up. Never chase again.", bentoComponent: "orbiting-icons", centerIcon: Bell,
items: [
{ icon: Clock, ring: 1, duration: 8 },
{ icon: AlertCircle, ring: 2, duration: 10 },
{ icon: CheckCircle, ring: 3, duration: 12 },
title: "Approval Pipeline", description: "Drag-and-drop your collabs through Review → Approved → Paid stages. Real-time pipeline visibility.", bentoComponent: "3d-task-list", items: [
{ icon: Clock, label: "Pending Review", time: "2 requests" },
{ icon: CheckCircle, label: "Approved", time: "5 approved" },
{ icon: DollarSign, label: "Payout Due", time: "3 pending" },
],
},
]}
@@ -157,16 +157,20 @@ export default function LandingPage() {
blogs={[
{
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"],
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"],
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"],
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>