bender/2aa064ff-9370-4e55-822b-e895a3c788f2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-11 06:10:16 +00:00
parent bd6d5b606d
commit cc0327171a
1 changed files with 53 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

272
src/app/page.tsx
View File

@@ -25,8 +25,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Store", href: "/store" },
{ label: "Creator Dashboard", href: "/creator-dashboard" },
{ label: "Pricing", href: "#pricing" },
@@ -34,8 +33,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Careers", href: "/careers" },
{ label: "Contact", href: "/contact" },
@@ -43,8 +41,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "/docs" },
{ label: "API Reference", href: "/docs/api" },
{ label: "Creator Guide", href: "/guide" },
@@ -52,8 +49,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy", href: "/privacy" },
{ label: "Terms", href: "/terms" },
{ label: "License", href: "/license" },
@@ -69,7 +65,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="noise"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
@@ -85,9 +81,7 @@ export default function HomePage() {
{ name: "Blog", id: "blog" },
]}
button={{
text: "Start Selling",
href: "/dashboard",
}}
text: "Start Selling", href: "/dashboard"}}
animateOnLoad={true}
/>
</div>
@@ -96,16 +90,12 @@ export default function HomePage() {
<HeroLogoBillboardSplit
logoText="DRAWBIT\nSTUDIO"
description="Empower creators with a modern marketplace platform. Sell digital products, build communities, and earn sustainable income. Join thousands of creators monetizing their craft."
background={{ variant: "noise" }}
background={{ variant: "animated-grid" }}
buttons={[
{
text: "Explore Products",
href: "/store",
},
text: "Explore Products", href: "/store"},
{
text: "Start Selling",
href: "/creator-dashboard",
},
text: "Start Selling", href: "/creator-dashboard"},
]}
layoutOrder="default"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-cinematic-hero-section-showcasing-a-mo-1773209292824-88fa92b7.png"
@@ -125,28 +115,13 @@ export default function HomePage() {
description="Curated premium assets from top creators. Instantly download and use in your projects."
products={[
{
id: "product-1",
name: "Premium UI Kit - Complete Design System",
price: "$49.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-premium-digital-product-ui-kit-display-1773209292866-0416c0bb.png?_wi=1",
imageAlt: "Premium UI Kit",
initialQuantity: 1,
id: "product-1", name: "Premium UI Kit - Complete Design System", price: "$49.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-premium-digital-product-ui-kit-display-1773209292866-0416c0bb.png", imageAlt: "Premium UI Kit", initialQuantity: 1,
},
{
id: "product-2",
name: "Figma Design Templates - 50+ Pages",
price: "$39.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-beautiful-figma-design-file-template-s-1773209292749-051c6818.png?_wi=1",
imageAlt: "Figma Templates",
initialQuantity: 1,
id: "product-2", name: "Figma Design Templates - 50+ Pages", price: "$39.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-beautiful-figma-design-file-template-s-1773209292749-051c6818.png", imageAlt: "Figma Templates", initialQuantity: 1,
},
{
id: "product-3",
name: "Icon Set Bundle - 2000+ Professional Icons",
price: "$29.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/an-icon-set-collection-displayed-in-a-gr-1773209293254-eff3196a.png?_wi=1",
imageAlt: "Icon Set Bundle",
initialQuantity: 1,
id: "product-3", name: "Icon Set Bundle - 2000+ Professional Icons", price: "$29.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/an-icon-set-collection-displayed-in-a-gr-1773209293254-eff3196a.png", imageAlt: "Icon Set Bundle", initialQuantity: 1,
},
]}
gridVariant="three-columns-all-equal-width"
@@ -164,24 +139,16 @@ export default function HomePage() {
metrics={[
{
icon: TrendingUp,
label: "Creator Revenue Generated",
value: "$5.2M+",
},
label: "Creator Revenue Generated", value: "$5.2M+"},
{
icon: ShoppingCart,
label: "Digital Products Sold",
value: "120K+",
},
label: "Digital Products Sold", value: "120K+"},
{
icon: Users,
label: "Active Creators",
value: "8,500+",
},
label: "Active Creators", value: "8,500+"},
{
icon: Globe,
label: "Global Downloads",
value: "500K+",
},
label: "Global Downloads", value: "500K+"},
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
@@ -194,42 +161,21 @@ export default function HomePage() {
description="Everything you need to upload, manage, and sell your digital products with ease."
features={[
{
id: "tools-1",
tag: "Analytics",
title: "Real-time Sales Dashboard",
description: "Track your sales, downloads, and revenue with detailed analytics and real-time updates.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-modern-analytics-dashboard-showing-sal-1773209292970-54acf61b.png?_wi=1",
buttons: [
id: "tools-1", tag: "Analytics", title: "Real-time Sales Dashboard", description: "Track your sales, downloads, and revenue with detailed analytics and real-time updates.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-modern-analytics-dashboard-showing-sal-1773209292970-54acf61b.png", buttons: [
{
text: "View Dashboard",
href: "/creator-dashboard",
},
text: "View Dashboard", href: "/creator-dashboard"},
],
},
{
id: "tools-2",
tag: "Upload",
title: "Easy Product Management",
description: "Upload files, set pricing, and manage your product portfolio with our intuitive interface.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-file-upload-and-product-management-int-1773209293193-a15c0fab.png?_wi=1",
buttons: [
id: "tools-2", tag: "Upload", title: "Easy Product Management", description: "Upload files, set pricing, and manage your product portfolio with our intuitive interface.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-file-upload-and-product-management-int-1773209293193-a15c0fab.png", buttons: [
{
text: "Upload Product",
href: "/creator-dashboard/upload",
},
text: "Upload Product", href: "/creator-dashboard/upload"},
],
},
{
id: "tools-3",
tag: "Payments",
title: "Secure Payment Processing",
description: "Get paid instantly through secure payment methods. 85% commission to you, 15% platform fee.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-payment-processing-and-earnings-dashbo-1773209293821-4f8b1eae.png?_wi=1",
buttons: [
id: "tools-3", tag: "Payments", title: "Secure Payment Processing", description: "Get paid instantly through secure payment methods. 85% commission to you, 15% platform fee.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-payment-processing-and-earnings-dashbo-1773209293821-4f8b1eae.png", buttons: [
{
text: "Learn More",
href: "/affiliate",
},
text: "Learn More", href: "/affiliate"},
],
},
]}
@@ -247,74 +193,35 @@ export default function HomePage() {
description="Choose the plan that works best for your business and start earning today."
plans={[
{
id: "starter",
price: "Free",
name: "Starter Creator",
buttons: [
id: "starter", price: "Free", name: "Starter Creator", buttons: [
{
text: "Get Started",
href: "/auth/signup",
},
text: "Get Started", href: "/auth/signup"},
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
],
features: [
"Up to 5 products",
"Basic analytics",
"Standard support",
"85% commission rate",
"File storage up to 1GB",
],
"Up to 5 products", "Basic analytics", "Standard support", "85% commission rate", "File storage up to 1GB"],
},
{
id: "pro",
badge: "Most Popular",
badgeIcon: Sparkles,
price: "$9.99/mo",
name: "Pro Creator",
buttons: [
id: "pro", badge: "Most Popular", badgeIcon: Sparkles,
price: "$9.99/mo", name: "Pro Creator", buttons: [
{
text: "Start Free Trial",
href: "/auth/signup?plan=pro",
},
text: "Start Free Trial", href: "/auth/signup?plan=pro"},
{
text: "Chat Sales",
href: "#contact",
},
text: "Chat Sales", href: "#contact"},
],
features: [
"Unlimited products",
"Advanced analytics",
"Priority support",
"90% commission rate",
"File storage up to 50GB",
"Custom branding",
],
"Unlimited products", "Advanced analytics", "Priority support", "90% commission rate", "File storage up to 50GB", "Custom branding"],
},
{
id: "enterprise",
price: "Custom",
name: "Enterprise",
buttons: [
id: "enterprise", price: "Custom", name: "Enterprise", 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",
"Dedicated account manager",
"Custom integrations",
"95% commission rate",
"Unlimited file storage",
"API access",
],
"Everything in Pro", "Dedicated account manager", "Custom integrations", "95% commission rate", "Unlimited file storage", "API access"],
},
]}
animationType="slide-up"
@@ -332,29 +239,17 @@ export default function HomePage() {
author="Sarah Chen, Digital Designer"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-portrait-of-a-crea-1773209291783-39ad6c4c.png",
alt: "Sarah Chen",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-portrait-of-a-crea-1773209291783-39ad6c4c.png", alt: "Sarah Chen"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-digita-1773209292379-1083a408.png",
alt: "Designer",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-digita-1773209292379-1083a408.png", alt: "Designer"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-male-entrepre-1773209292838-07bd848b.png",
alt: "Creator",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-male-entrepre-1773209292838-07bd848b.png", alt: "Creator"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-market-1773209292768-006bdc9a.png",
alt: "Seller",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-market-1773209292768-006bdc9a.png", alt: "Seller"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-creative-prof-1773209292323-a2900087.png",
alt: "Professional",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-creative-prof-1773209292323-a2900087.png", alt: "Professional"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-young-profess-1773209291833-fc07f26d.png",
alt: "Artist",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-young-profess-1773209291833-fc07f26d.png", alt: "Artist"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -367,25 +262,9 @@ export default function HomePage() {
title="Trusted by Industry Leaders"
description="Our platform powers creators and businesses from leading organizations worldwide."
names={[
"Stripe",
"Figma",
"Adobe",
"Notion",
"Framer",
"Webflow",
"Slack",
"GitHub",
]}
"Stripe", "Figma", "Adobe", "Notion", "Framer", "Webflow", "Slack", "GitHub"]}
logos={[
"http://img.b2bpic.net/free-vector/circular-logo-with-abstract-shapes_1034-463.jpg",
"http://img.b2bpic.net/free-vector/web-optimization_1212-69.jpg",
"http://img.b2bpic.net/free-vector/aa-logo-monogram-design_23-2151080783.jpg",
"http://img.b2bpic.net/free-vector/flat-code-logo-template-collection_23-2148836234.jpg",
"http://img.b2bpic.net/free-vector/professional-data-logo-template_23-2149221609.jpg",
"http://img.b2bpic.net/free-vector/web-design-background_1300-39.jpg",
"http://img.b2bpic.net/free-vector/blue-orange-labels-worker-s-day_23-2147617896.jpg",
"http://img.b2bpic.net/free-vector/abstract-cyber-monday-background_23-2147719424.jpg",
]}
"http://img.b2bpic.net/free-vector/circular-logo-with-abstract-shapes_1034-463.jpg", "http://img.b2bpic.net/free-vector/web-optimization_1212-69.jpg", "http://img.b2bpic.net/free-vector/aa-logo-monogram-design_23-2151080783.jpg", "http://img.b2bpic.net/free-vector/flat-code-logo-template-collection_23-2148836234.jpg", "http://img.b2bpic.net/free-vector/professional-data-logo-template_23-2149221609.jpg", "http://img.b2bpic.net/free-vector/web-design-background_1300-39.jpg", "http://img.b2bpic.net/free-vector/blue-orange-labels-worker-s-day_23-2147617896.jpg", "http://img.b2bpic.net/free-vector/abstract-cyber-monday-background_23-2147719424.jpg"]}
textboxLayout="default"
useInvertedBackground={true}
speed={40}
@@ -399,35 +278,17 @@ export default function HomePage() {
description="Everything you need to know about selling on DrawbitStudio."
faqs={[
{
id: "faq-1",
title: "How do I get started as a seller?",
content: "Sign up for free, create your creator profile, upload your digital products with descriptions and pricing, and start earning! Our onboarding process takes just 5 minutes.",
},
id: "faq-1", title: "How do I get started as a seller?", content: "Sign up for free, create your creator profile, upload your digital products with descriptions and pricing, and start earning! Our onboarding process takes just 5 minutes."},
{
id: "faq-2",
title: "What commission does DrawbitStudio take?",
content: "We offer flexible commission rates: 85% for Starter creators, 90% for Pro creators, and 95% for Enterprise customers. You keep the majority of your earnings.",
},
id: "faq-2", title: "What commission does DrawbitStudio take?", content: "We offer flexible commission rates: 85% for Starter creators, 90% for Pro creators, and 95% for Enterprise customers. You keep the majority of your earnings."},
{
id: "faq-3",
title: "How quickly do I get paid?",
content: "Payouts are processed weekly via direct deposit, PayPal, or our payment partners. You can withdraw earnings anytime they reach the minimum threshold of $10.",
},
id: "faq-3", title: "How quickly do I get paid?", content: "Payouts are processed weekly via direct deposit, PayPal, or our payment partners. You can withdraw earnings anytime they reach the minimum threshold of $10."},
{
id: "faq-4",
title: "What types of digital products can I sell?",
content: "You can sell UI kits, design templates, icon sets, fonts, courses, ebooks, code snippets, music, sound effects, photography presets, and more. Any digital asset is welcome!",
},
id: "faq-4", title: "What types of digital products can I sell?", content: "You can sell UI kits, design templates, icon sets, fonts, courses, ebooks, code snippets, music, sound effects, photography presets, and more. Any digital asset is welcome!"},
{
id: "faq-5",
title: "Is there a limit on how many products I can upload?",
content: "Free creators can upload up to 5 products. Pro and Enterprise creators have unlimited product uploads. Premium support is available on paid plans.",
},
id: "faq-5", title: "Is there a limit on how many products I can upload?", content: "Free creators can upload up to 5 products. Pro and Enterprise creators have unlimited product uploads. Premium support is available on paid plans."},
{
id: "faq-6",
title: "How does the affiliate program work?",
content: "Earn 20% commission on every sale you refer. Share your unique affiliate link, track referrals in real-time, and get paid weekly for conversions.",
},
id: "faq-6", title: "How does the affiliate program work?", content: "Earn 20% commission on every sale you refer. Share your unique affiliate link, track referrals in real-time, and get paid weekly for conversions."},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -442,38 +303,11 @@ export default function HomePage() {
description="Tips, trends, and inspiration for digital creators and marketplace sellers."
blogs={[
{
id: "blog-1",
category: "Design",
title: "7 UI Design Trends Dominating 2025",
excerpt: "Discover the hottest design trends that are reshaping digital products and user experiences this year.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-flatlay-photography-of-modern-design-t-1773209292545-3e9fdbdb.png?_wi=1",
imageAlt: "Design trends",
authorName: "Emma Wilson",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-digita-1773209292379-1083a408.png",
date: "15 Jan 2025",
},
id: "blog-1", category: "Design", title: "7 UI Design Trends Dominating 2025", excerpt: "Discover the hottest design trends that are reshaping digital products and user experiences this year.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-flatlay-photography-of-modern-design-t-1773209292545-3e9fdbdb.png", imageAlt: "Design trends", authorName: "Emma Wilson", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-digita-1773209292379-1083a408.png", date: "15 Jan 2025"},
{
id: "blog-2",
category: "Business",
title: "How to Price Your Digital Products",
excerpt: "Strategic pricing guide to maximize revenue while staying competitive in the digital marketplace.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-close-up-of-hands-working-on-digital-d-1773209292265-7afe4ee8.png?_wi=1",
imageAlt: "Pricing strategy",
authorName: "James Mitchell",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-male-entrepre-1773209292838-07bd848b.png",
date: "12 Jan 2025",
},
id: "blog-2", category: "Business", title: "How to Price Your Digital Products", excerpt: "Strategic pricing guide to maximize revenue while staying competitive in the digital marketplace.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-close-up-of-hands-working-on-digital-d-1773209292265-7afe4ee8.png", imageAlt: "Pricing strategy", authorName: "James Mitchell", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-male-entrepre-1773209292838-07bd848b.png", date: "12 Jan 2025"},
{
id: "blog-3",
category: "Marketing",
title: "Building Your Creator Brand on Social Media",
excerpt: "Leverage social platforms to build authority, attract customers, and grow your digital product sales.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-modern-coworking-space-with-creative-p-1773209293058-3ae547b8.png?_wi=1",
imageAlt: "Social media marketing",
authorName: "Sofia Rodriguez",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-market-1773209292768-006bdc9a.png",
date: "10 Jan 2025",
},
id: "blog-3", category: "Marketing", title: "Building Your Creator Brand on Social Media", excerpt: "Leverage social platforms to build authority, attract customers, and grow your digital product sales.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-modern-coworking-space-with-creative-p-1773209293058-3ae547b8.png", imageAlt: "Social media marketing", authorName: "Sofia Rodriguez", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-market-1773209292768-006bdc9a.png", date: "10 Jan 2025"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -491,4 +325,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}