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

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

5 Commits
version_2 ... version_3

Author SHA1 Message Date
bender
aee5e0ec22 Update theme colors 2026-03-06 11:00:14 +00:00
bender
4added6461 Update src/app/page.tsx 2026-03-06 05:46:36 +00:00
bender
c75f606b5a Update src/app/layout.tsx 2026-03-06 05:46:35 +00:00
bender
e5f6b7c81e Merge version_2 into main 
Merge version_2 into main
 2026-03-06 05:45:35 +00:00
bender
36f800c326 Merge version_2 into main 
Merge version_2 into main
 2026-03-06 05:44:50 +00:00
3 changed files with 32 additions and 59 deletions
Expand all files Collapse all files

43
src/app/layout.tsx
View File

@@ -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>
); );
} }

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: [ 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>

18
src/app/styles/variables.css
View File

@@ -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);