bender/04fbc747-9832-49c5-8b93-b322155cc482
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-08 18:06:24 +00:00
Conversation 0 Commits 2 Files Changed 2 +76 -212
2 changed files with 76 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/app/dashboard/page.tsx
View File

@@ -15,7 +15,7 @@ export default function DashboardPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="medium"
background="noise"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
@@ -32,9 +32,7 @@ export default function DashboardPage() {
{ name: "FAQ", id: "faq" },
]}
button={{
text: "Start Free Trial",
href: "/dashboard",
}}
text: "Start Free Trial", href: "/dashboard"}}
animateOnLoad={true}
/>
</div>
@@ -46,24 +44,18 @@ export default function DashboardPage() {
description="Your AI-powered content engine is ready. Paste your product URL and start generating TikTok-ready content in seconds. Let's grow your SaaS."
tag="Dashboard"
tagAnimation="slide-up"
background={{ variant: "noise" }}
background={{ variant: "radial-gradient" }}
buttons={[
{
text: "Get Started",
href: "#",
},
text: "Get Started", href: "#"},
{
text: "View Documentation",
href: "https://docs.founderclip.com",
},
text: "View Documentation", href: "https://docs.founderclip.com"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfoJBglGlYlbeB4ylDRej3Vzbw/a-sleek-dark-saas-dashboard-interface-sh-1772993043770-ca06703a.png?_wi=2",
imageAlt: "Founderclip dashboard interface",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfoJBglGlYlbeB4ylDRej3Vzbw/a-sleek-dark-saas-dashboard-interface-sh-1772993043770-ca06703a.png", imageAlt: "Founderclip dashboard interface"},
]}
mediaAnimation="slide-up"
/>
@@ -88,8 +80,7 @@ export default function DashboardPage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "FAQ", href: "#faq" },
@@ -97,8 +88,7 @@ export default function DashboardPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "/blog" },
{ label: "Contact", href: "#contact" },
@@ -106,8 +96,7 @@ export default function DashboardPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Security", href: "/security" },

259
src/app/page.tsx
View File

@@ -42,7 +42,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="medium"
background="noise"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
@@ -59,9 +59,7 @@ export default function HomePage() {
{ name: "FAQ", id: "faq" },
]}
button={{
text: "Start Free Trial",
href: "/dashboard",
}}
text: "Start Free Trial", href: "/dashboard"}}
animateOnLoad={true}
/>
</div>
@@ -73,24 +71,18 @@ export default function HomePage() {
description="Paste your SaaS URL. Get a week of TikTok-ready content. Watch it learn what converts. Stop scrolling, start shipping."
tag="For SaaS Founders"
tagAnimation="slide-up"
background={{ variant: "noise" }}
background={{ variant: "radial-gradient" }}
buttons={[
{
text: "Start Free Trial",
href: "/dashboard",
},
text: "Start Free Trial", href: "/dashboard"},
{
text: "Watch Demo",
href: "https://www.youtube.com",
},
text: "Watch Demo", href: "https://www.youtube.com"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfoJBglGlYlbeB4ylDRej3Vzbw/a-sleek-dark-saas-dashboard-interface-sh-1772993043770-ca06703a.png?_wi=1",
imageAlt: "Founderclip dashboard preview",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfoJBglGlYlbeB4ylDRej3Vzbw/a-sleek-dark-saas-dashboard-interface-sh-1772993043770-ca06703a.png", imageAlt: "Founderclip dashboard preview"},
]}
mediaAnimation="slide-up"
/>
@@ -105,18 +97,12 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
title: "Paste Your URL",
description:
"Drop your SaaS product link. That's it. Founderclip understands your product, your value prop, your audience.",
bentoComponent: "reveal-icon",
icon: Zap,
title: "Paste Your URL", description:
"Drop your SaaS product link. That's it. Founderclip understands your product, your value prop, your audience.", bentoComponent: "reveal-icon", icon: Zap,
},
{
title: "AI Learns Your Product",
description:
"Our neural network analyzes your product. Finds what makes it special. Studies what content converts for similar SaaS products.",
bentoComponent: "orbiting-icons",
centerIcon: Brain,
title: "AI Learns Your Product", description:
"Our neural network analyzes your product. Finds what makes it special. Studies what content converts for similar SaaS products.", bentoComponent: "orbiting-icons", centerIcon: Brain,
items: [
{ icon: Sparkles, ring: 1 },
{ icon: Zap, ring: 1 },
@@ -127,26 +113,17 @@ export default function HomePage() {
],
},
{
title: "Content Gets Made & Posted",
description:
"Slideshows. AI avatar videos. Meme carousels. All formatted for TikTok. Auto-scheduled to your content queue. Ready to ship.",
bentoComponent: "media-stack",
items: [
title: "Content Gets Made & Posted", description:
"Slideshows. AI avatar videos. Meme carousels. All formatted for TikTok. Auto-scheduled to your content queue. Ready to ship.", bentoComponent: "media-stack", items: [
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfoJBglGlYlbeB4ylDRej3Vzbw/illustration-of-a-saas-product-url-being-1772993044375-d7e284f2.png",
imageAlt: "Step 1: Paste URL",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfoJBglGlYlbeB4ylDRej3Vzbw/illustration-of-a-saas-product-url-being-1772993044375-d7e284f2.png", imageAlt: "Step 1: Paste URL"},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfoJBglGlYlbeB4ylDRej3Vzbw/ai-neural-network-visualization-showing--1772993042540-48792562.png",
imageAlt: "Step 2: AI learns",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfoJBglGlYlbeB4ylDRej3Vzbw/ai-neural-network-visualization-showing--1772993042540-48792562.png", imageAlt: "Step 2: AI learns"},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfoJBglGlYlbeB4ylDRej3Vzbw/content-library-showing-tiktok-video-thu-1772993044733-65fe8b19.png",
imageAlt: "Step 3: Content created",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfoJBglGlYlbeB4ylDRej3Vzbw/content-library-showing-tiktok-video-thu-1772993044733-65fe8b19.png", imageAlt: "Step 3: Content created"},
],
},
]}
@@ -165,41 +142,24 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
title: "Product Brain",
description:
"Your AI co-founder that never sleeps. Learns your product. Learns what converts. Gets smarter every time you post.",
bentoComponent: "3d-stack-cards",
items: [
title: "Product Brain", description:
"Your AI co-founder that never sleeps. Learns your product. Learns what converts. Gets smarter every time you post.", bentoComponent: "3d-stack-cards", items: [
{
icon: Brain,
title: "Learn",
subtitle: "Product analysis",
detail: "Understands your SaaS value prop",
},
title: "Learn", subtitle: "Product analysis", detail: "Understands your SaaS value prop"},
{
icon: Sparkles,
title: "Adapt",
subtitle: "Real-time learning",
detail: "Optimizes based on performance",
},
title: "Adapt", subtitle: "Real-time learning", detail: "Optimizes based on performance"},
{
icon: TrendingUp,
title: "Scale",
subtitle: "Growth engine",
detail: "More content, better results",
},
title: "Scale", subtitle: "Growth engine", detail: "More content, better results"},
],
},
{
title: "TikTok Slideshows",
description:
"Fast-paced slide transitions. Bold text. Compelling hooks. Everything you need to stop the scroll.",
bentoComponent: "phone",
statusIcon: Zap,
title: "TikTok Slideshows", description:
"Fast-paced slide transitions. Bold text. Compelling hooks. Everything you need to stop the scroll.", bentoComponent: "phone", statusIcon: Zap,
alertIcon: Play,
alertTitle: "New Slideshow Ready",
alertMessage: "Your product story in 60 seconds",
apps: [
alertTitle: "New Slideshow Ready", alertMessage: "Your product story in 60 seconds", apps: [
{ name: "Founderclip", icon: Zap },
{ name: "Analytics", icon: TrendingUp },
{ name: "Content", icon: FileText },
@@ -211,48 +171,26 @@ export default function HomePage() {
],
},
{
title: "AI Avatar Videos",
description:
"Real-looking AI presenters. No awkward pointing. No bad lighting. Just your product. Professional. Authentic. Scalable.",
bentoComponent: "timeline",
heading: "Avatar Generation",
subheading: "From script to video",
items: [
title: "AI Avatar Videos", description:
"Real-looking AI presenters. No awkward pointing. No bad lighting. Just your product. Professional. Authentic. Scalable.", bentoComponent: "timeline", heading: "Avatar Generation", subheading: "From script to video", items: [
{
label: "Script",
detail: "AI writes your product story",
},
label: "Script", detail: "AI writes your product story"},
{
label: "Avatar",
detail: "AI presenter brings it to life",
},
label: "Avatar", detail: "AI presenter brings it to life"},
{
label: "Publish",
detail: "Posted to your queue instantly",
},
label: "Publish", detail: "Posted to your queue instantly"},
],
completedLabel: "Complete",
},
completedLabel: "Complete"},
{
title: "Auto-Scheduling",
description:
"Set it once. Content posts at optimal times. Across time zones. Without you lifting a finger.",
bentoComponent: "animated-bar-chart",
},
title: "Auto-Scheduling", description:
"Set it once. Content posts at optimal times. Across time zones. Without you lifting a finger.", bentoComponent: "animated-bar-chart"},
{
title: "Performance Analytics",
description:
"See what works. Trending formats. Top-performing hooks. Follower growth over time. Your data. Your insights.",
bentoComponent: "line-chart",
},
title: "Performance Analytics", description:
"See what works. Trending formats. Top-performing hooks. Follower growth over time. Your data. Your insights.", bentoComponent: "line-chart"},
{
title: "Integrations",
description:
"Direct posting to TikTok. Buffer sync. Analytics platforms. Everything you use. Connected.",
bentoComponent: "marquee",
centerIcon: Zap,
variant: "icon",
icons: [Youtube, Instagram, Twitter, LinkedinIcon, Mail],
title: "Integrations", description:
"Direct posting to TikTok. Buffer sync. Analytics platforms. Everything you use. Connected.", bentoComponent: "marquee", centerIcon: Zap,
variant: "icon", icons: [Youtube, Instagram, Twitter, LinkedinIcon, Mail],
},
]}
textboxLayout="default"
@@ -285,79 +223,37 @@ export default function HomePage() {
tagAnimation="slide-up"
plans={[
{
id: "starter",
badge: "Starter",
badgeIcon: Rocket,
price: "$49/mo",
subtitle: "Perfect for testing the waters",
buttons: [
id: "starter", badge: "Starter", badgeIcon: Rocket,
price: "$49/mo", subtitle: "Perfect for testing the waters", buttons: [
{
text: "Start Free Trial",
href: "/dashboard",
},
text: "Start Free Trial", href: "/dashboard"},
{
text: "Contact Sales",
href: "#contact",
},
text: "Contact Sales", href: "#contact"},
],
features: [
"3 content batches per month",
"All content formats included",
"Basic analytics",
"Email support",
"Auto-scheduling",
],
"3 content batches per month", "All content formats included", "Basic analytics", "Email support", "Auto-scheduling"],
},
{
id: "pro",
badge: "Pro",
badgeIcon: Sparkles,
price: "$99/mo",
subtitle: "For serious content growth",
buttons: [
id: "pro", badge: "Pro", badgeIcon: Sparkles,
price: "$99/mo", subtitle: "For serious content growth", buttons: [
{
text: "Start Free Trial",
href: "/dashboard",
},
text: "Start Free Trial", href: "/dashboard"},
{
text: "Contact Sales",
href: "#contact",
},
text: "Contact Sales", href: "#contact"},
],
features: [
"Unlimited content batches",
"AI avatar videos included",
"Advanced analytics & insights",
"Priority support",
"Multi-brand management",
"Custom hooks library",
],
"Unlimited content batches", "AI avatar videos included", "Advanced analytics & insights", "Priority support", "Multi-brand management", "Custom hooks library"],
},
{
id: "enterprise",
badge: "Enterprise",
badgeIcon: Crown,
price: "$199/mo",
subtitle: "For scaling SaaS platforms",
buttons: [
id: "enterprise", badge: "Enterprise", badgeIcon: Crown,
price: "$199/mo", subtitle: "For scaling SaaS platforms", buttons: [
{
text: "Contact Sales",
href: "#contact",
},
text: "Contact Sales", href: "#contact"},
{
text: "Schedule Demo",
href: "#contact",
},
text: "Schedule Demo", href: "#contact"},
],
features: [
"Everything in Pro",
"Team management (5+ users)",
"Custom AI training",
"API access",
"Dedicated account manager",
"White-label options",
"SLA guarantee",
],
"Everything in Pro", "Team management (5+ users)", "Custom AI training", "API access", "Dedicated account manager", "White-label options", "SLA guarantee"],
},
]}
textboxLayout="default"
@@ -375,43 +271,25 @@ export default function HomePage() {
tagAnimation="slide-up"
faqs={[
{
id: "1",
title: "How does the AI learn my product?",
content:
"When you paste your product URL, our AI analyzes your landing page, documentation, pricing, and positioning. It studies successful content from similar SaaS products. Over time, it learns which hooks, formats, and messaging resonate with your audience based on actual performance data.",
},
id: "1", title: "How does the AI learn my product?", content:
"When you paste your product URL, our AI analyzes your landing page, documentation, pricing, and positioning. It studies successful content from similar SaaS products. Over time, it learns which hooks, formats, and messaging resonate with your audience based on actual performance data."},
{
id: "2",
title: "What content formats do you generate?",
content:
"Founderclip creates three main formats: (1) TikTok slideshows with fast transitions and compelling hooks, (2) AI avatar videos where a digital presenter tells your product story, (3) Meme carousels designed to stop scrolls and drive engagement. All formats are optimized for TikTok's algorithm.",
},
id: "2", title: "What content formats do you generate?", content:
"Founderclip creates three main formats: (1) TikTok slideshows with fast transitions and compelling hooks, (2) AI avatar videos where a digital presenter tells your product story, (3) Meme carousels designed to stop scrolls and drive engagement. All formats are optimized for TikTok's algorithm."},
{
id: "3",
title: "Can I edit content before it posts?",
content:
"Absolutely. All generated content sits in your queue with approve/edit buttons before posting. You have full control over what ships. Edit hooks, reorder slides, adjust timing—everything is customizable before you schedule or post to TikTok.",
},
id: "3", title: "Can I edit content before it posts?", content:
"Absolutely. All generated content sits in your queue with approve/edit buttons before posting. You have full control over what ships. Edit hooks, reorder slides, adjust timing—everything is customizable before you schedule or post to TikTok."},
{
id: "4",
title: "How often does new content generate?",
content:
"On Starter, you get 3 content batches per month (roughly 21 pieces of content). Pro and Enterprise have unlimited batches—generate daily if you want. Each batch is customizable by theme, target audience, or specific product features.",
},
id: "4", title: "How often does new content generate?", content:
"On Starter, you get 3 content batches per month (roughly 21 pieces of content). Pro and Enterprise have unlimited batches—generate daily if you want. Each batch is customizable by theme, target audience, or specific product features."},
{
id: "5",
title: "Does it integrate with TikTok directly?",
content:
"Yes. Content auto-posts directly to your TikTok account. You can schedule posts for optimal times, and Founderclip handles posting automatically. You can also download content and post manually to other platforms.",
},
id: "5", title: "Does it integrate with TikTok directly?", content:
"Yes. Content auto-posts directly to your TikTok account. You can schedule posts for optimal times, and Founderclip handles posting automatically. You can also download content and post manually to other platforms."},
{
id: "6",
title: "What's your onboarding process?",
content:
"Simple: (1) Sign up, (2) Paste your product URL, (3) Verify your TikTok account, (4) Review your first batch of generated content, (5) Start scheduling posts. Most founders are live within 15 minutes.",
},
id: "6", title: "What's your onboarding process?", content:
"Simple: (1) Sign up, (2) Paste your product URL, (3) Verify your TikTok account, (4) Review your first batch of generated content, (5) Start scheduling posts. Most founders are live within 15 minutes."},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfoJBglGlYlbeB4ylDRej3Vzbw/helpful-illustrated-character-or-abstrac-1772993044416-3578ba78.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfoJBglGlYlbeB4ylDRej3Vzbw/helpful-illustrated-character-or-abstrac-1772993044416-3578ba78.png"
imageAlt="FAQ support illustration"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
@@ -440,8 +318,7 @@ export default function HomePage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "FAQ", href: "#faq" },
@@ -449,8 +326,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "/blog" },
{ label: "Contact", href: "#contact" },
@@ -458,8 +334,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Security", href: "/security" },