Merge version_1 into main #2
@@ -43,7 +43,7 @@ export default function AboutPage() {
|
||||
title="About DRAPER Studio"
|
||||
description="We're building the future of creative workflow. DRAPER Studio bridges the gap between strategic vision and production excellence."
|
||||
tag="Our Mission"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png?_wi=7"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png"
|
||||
imageAlt="DRAPER Studio team"
|
||||
textPosition="center"
|
||||
showBlur={true}
|
||||
@@ -74,14 +74,7 @@ export default function AboutPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Acme Creative",
|
||||
"TechFlow Studios",
|
||||
"Innovate Design",
|
||||
"CloudSync Agency",
|
||||
"Creative Labs",
|
||||
"Studio Pro",
|
||||
"Media Collective",
|
||||
]}
|
||||
"Acme Creative", "TechFlow Studios", "Innovate Design", "CloudSync Agency", "Creative Labs", "Studio Pro", "Media Collective"]}
|
||||
showCard={true}
|
||||
speed={40}
|
||||
/>
|
||||
@@ -94,19 +87,13 @@ export default function AboutPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/draperstudio",
|
||||
ariaLabel: "Follow DRAPER Studio on Twitter",
|
||||
},
|
||||
href: "https://twitter.com/draperstudio", ariaLabel: "Follow DRAPER Studio on Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/draperstudio",
|
||||
ariaLabel: "Connect with DRAPER Studio on LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/draperstudio", ariaLabel: "Connect with DRAPER Studio on LinkedIn"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com/draperstudio",
|
||||
ariaLabel: "View DRAPER Studio on GitHub",
|
||||
},
|
||||
href: "https://github.com/draperstudio", ariaLabel: "View DRAPER Studio on GitHub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -5,31 +5,18 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const openSans = Open_Sans({
|
||||
variable: "--font-open-sans",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-open-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "DRAPER Studio | AI-Powered Creative Command Center",
|
||||
description: "Bridge your brand strategy to production. DRAPER Studio is an AI command center for creative teams to ideate, prototype, and compile production-ready briefs in minutes.",
|
||||
keywords: "AI creative, brief generation, brand management, creative workflow, production briefs",
|
||||
openGraph: {
|
||||
title: "DRAPER Studio | Creative Command Center",
|
||||
description: "AI-powered platform for creative teams to generate production-ready briefs and manage brand execution.",
|
||||
siteName: "DRAPER Studio",
|
||||
type: "website",
|
||||
images: [
|
||||
title: "DRAPER Studio | AI-Powered Creative Command Center", description: "Bridge your brand strategy to production. DRAPER Studio is an AI command center for creative teams to ideate, prototype, and compile production-ready briefs in minutes.", keywords: "AI creative, brief generation, brand management, creative workflow, production briefs", openGraph: {
|
||||
title: "DRAPER Studio | Creative Command Center", description: "AI-powered platform for creative teams to generate production-ready briefs and manage brand execution.", siteName: "DRAPER Studio", type: "website", images: [
|
||||
{
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png",
|
||||
alt: "DRAPER Studio Interface",
|
||||
},
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png", alt: "DRAPER Studio Interface"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "DRAPER Studio | Creative Command Center",
|
||||
description: "AI-powered platform for creative teams to generate production-ready briefs and manage brand execution.",
|
||||
images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png"],
|
||||
card: "summary_large_image", title: "DRAPER Studio | Creative Command Center", description: "AI-powered platform for creative teams to generate production-ready briefs and manage brand execution.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
|
||||
162
src/app/page.tsx
162
src/app/page.tsx
@@ -47,7 +47,7 @@ export default function HomePage() {
|
||||
title="Command Center for Creative Execution"
|
||||
description="DRAPER Studio bridges brand strategy to production. Interact with an AI partner that knows your entire brand, then compile production-ready briefs in minutes."
|
||||
tag="AI-Powered Creative"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png"
|
||||
imageAlt="DRAPER Studio command center interface"
|
||||
textPosition="bottom-left"
|
||||
showBlur={true}
|
||||
@@ -69,63 +69,39 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Context-Aware AI Chat",
|
||||
description: "Conversational AI with access to all your brand data, strategic documents, and media assets. Modular skills adapt to ideation, prototyping, or brief creation.",
|
||||
icon: MessageCircle,
|
||||
title: "Context-Aware AI Chat", description: "Conversational AI with access to all your brand data, strategic documents, and media assets. Modular skills adapt to ideation, prototyping, or brief creation.", icon: MessageCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png?_wi=2",
|
||||
imageAlt: "AI chat interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png", imageAlt: "AI chat interface"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/knowledge-base-and-media-repository-visu-1772527477720-09c0373d.png?_wi=1",
|
||||
imageAlt: "Knowledge base retrieval",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/knowledge-base-and-media-repository-visu-1772527477720-09c0373d.png", imageAlt: "Knowledge base retrieval"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Smart Brief Compilation",
|
||||
description: "Automated workflows for web sections, carousels, and social posts. The AI curates assets and copy into isolated brief environments with full user control.",
|
||||
icon: Zap,
|
||||
title: "Smart Brief Compilation", description: "Automated workflows for web sections, carousels, and social posts. The AI curates assets and copy into isolated brief environments with full user control.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/ai-powered-brief-generation-workflow-vis-1772527478912-94f86b0f.png?_wi=1",
|
||||
imageAlt: "Brief workflow process",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/ai-powered-brief-generation-workflow-vis-1772527478912-94f86b0f.png", imageAlt: "Brief workflow process"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/collaborative-brief-environment-with-dra-1772527478013-78e20d96.png?_wi=1",
|
||||
imageAlt: "Collaborative brief environment",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/collaborative-brief-environment-with-dra-1772527478013-78e20d96.png", imageAlt: "Collaborative brief environment"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Drag & Drop Organization",
|
||||
description: "Reorder, edit, and delete brief blocks with intuitive drag-and-drop. Manually curate AI-generated content to match your vision exactly.",
|
||||
icon: Move,
|
||||
title: "Drag & Drop Organization", description: "Reorder, edit, and delete brief blocks with intuitive drag-and-drop. Manually curate AI-generated content to match your vision exactly.", icon: Move,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/collaborative-brief-environment-with-dra-1772527478013-78e20d96.png?_wi=2",
|
||||
imageAlt: "Drag and drop interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/collaborative-brief-environment-with-dra-1772527478013-78e20d96.png", imageAlt: "Drag and drop interface"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/brief-publishing-and-sharing-interface-s-1772527478276-c05ae99e.png?_wi=1",
|
||||
imageAlt: "Final brief organization",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/brief-publishing-and-sharing-interface-s-1772527478276-c05ae99e.png", imageAlt: "Final brief organization"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "One-Click Publishing",
|
||||
description: "Publish briefs to shareable public pages hosted on Cloudflare R2. Send production-ready assets directly to designers, developers, and creators.",
|
||||
icon: Share2,
|
||||
title: "One-Click Publishing", description: "Publish briefs to shareable public pages hosted on Cloudflare R2. Send production-ready assets directly to designers, developers, and creators.", icon: Share2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/brief-publishing-and-sharing-interface-s-1772527478276-c05ae99e.png?_wi=2",
|
||||
imageAlt: "Publishing interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/brief-publishing-and-sharing-interface-s-1772527478276-c05ae99e.png", imageAlt: "Publishing interface"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png?_wi=3",
|
||||
imageAlt: "Published brief page",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png", imageAlt: "Published brief page"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -151,14 +127,7 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Acme Creative",
|
||||
"TechFlow Studios",
|
||||
"Innovate Design",
|
||||
"CloudSync Agency",
|
||||
"Creative Labs",
|
||||
"Studio Pro",
|
||||
"Media Collective",
|
||||
]}
|
||||
"Acme Creative", "TechFlow Studios", "Innovate Design", "CloudSync Agency", "Creative Labs", "Studio Pro", "Media Collective"]}
|
||||
showCard={true}
|
||||
speed={40}
|
||||
/>
|
||||
@@ -174,50 +143,19 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Perfect for Freelancers",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$99/mo",
|
||||
subtitle: "Get started with DRAPER Studio",
|
||||
features: [
|
||||
"Unlimited AI chat sessions",
|
||||
"5 briefs per month",
|
||||
"Basic skill access",
|
||||
"Shared knowledge base",
|
||||
"Email support",
|
||||
],
|
||||
id: "starter", badge: "Perfect for Freelancers", badgeIcon: Sparkles,
|
||||
price: "$99/mo", subtitle: "Get started with DRAPER Studio", features: [
|
||||
"Unlimited AI chat sessions", "5 briefs per month", "Basic skill access", "Shared knowledge base", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "$299/mo",
|
||||
subtitle: "For growing creative teams",
|
||||
features: [
|
||||
"Unlimited AI chat sessions",
|
||||
"Unlimited briefs",
|
||||
"All modular skills unlocked",
|
||||
"Priority RAG search",
|
||||
"3 team member seats",
|
||||
"Advanced analytics",
|
||||
"Priority support",
|
||||
],
|
||||
id: "pro", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "$299/mo", subtitle: "For growing creative teams", features: [
|
||||
"Unlimited AI chat sessions", "Unlimited briefs", "All modular skills unlocked", "Priority RAG search", "3 team member seats", "Advanced analytics", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "For Agencies",
|
||||
badgeIcon: Crown,
|
||||
price: "Custom",
|
||||
subtitle: "Scale your creative operations",
|
||||
features: [
|
||||
"Everything in Pro, plus:",
|
||||
"Unlimited team seats",
|
||||
"Custom AI training",
|
||||
"White-label briefs",
|
||||
"Dedicated account manager",
|
||||
"Custom integrations",
|
||||
"SLA guarantee",
|
||||
],
|
||||
id: "enterprise", badge: "For Agencies", badgeIcon: Crown,
|
||||
price: "Custom", subtitle: "Scale your creative operations", features: [
|
||||
"Everything in Pro, plus:", "Unlimited team seats", "Custom AI training", "White-label briefs", "Dedicated account manager", "Custom integrations", "SLA guarantee"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -233,45 +171,21 @@ export default function HomePage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What data does DRAPER Studio need to get started?",
|
||||
content: "DRAPER Studio ingests your brand strategy documents, visual guidelines, media library, and component library from our external DRAPER Build database. All data is securely stored and accessed via RAG (Retrieval-Augmented Generation) for accurate, brand-specific AI responses.",
|
||||
},
|
||||
id: "1", title: "What data does DRAPER Studio need to get started?", content: "DRAPER Studio ingests your brand strategy documents, visual guidelines, media library, and component library from our external DRAPER Build database. All data is securely stored and accessed via RAG (Retrieval-Augmented Generation) for accurate, brand-specific AI responses."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How does the AI brief compilation work?",
|
||||
content: "When you request a brief, the AI follows a strict step-by-step workflow (concept → media → copy → components → review). It pulls pristine data from your databases and appends blocks to an isolated brief environment. You maintain full control—edit, reorder, or delete any block at any time.",
|
||||
},
|
||||
id: "2", title: "How does the AI brief compilation work?", content: "When you request a brief, the AI follows a strict step-by-step workflow (concept → media → copy → components → review). It pulls pristine data from your databases and appends blocks to an isolated brief environment. You maintain full control—edit, reorder, or delete any block at any time."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I customize the briefs after AI generation?",
|
||||
content: "Absolutely. Every brief block can be edited manually. Once you edit a block, it's locked from AI overrides. You can also drag-and-drop to reorder, delete blocks you don't need, and add custom notes or instructions for your production team.",
|
||||
},
|
||||
id: "3", title: "Can I customize the briefs after AI generation?", content: "Absolutely. Every brief block can be edited manually. Once you edit a block, it's locked from AI overrides. You can also drag-and-drop to reorder, delete blocks you don't need, and add custom notes or instructions for your production team."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What file formats does DRAPER Studio support?",
|
||||
content: "We support all standard web formats: images (JPG, PNG, WebP), videos (MP4, WebM), documents (PDF), and design files (Figma links). Assets are stored on Cloudflare R2 and can be included in published briefs.",
|
||||
},
|
||||
id: "4", title: "What file formats does DRAPER Studio support?", content: "We support all standard web formats: images (JPG, PNG, WebP), videos (MP4, WebM), documents (PDF), and design files (Figma links). Assets are stored on Cloudflare R2 and can be included in published briefs."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How do I share briefs with my production team?",
|
||||
content: "Once your brief hits 100% checklist completion, click 'Publish.' We generate a shareable public URL hosted on Cloudflare R2. Your team gets a formatted, self-contained page with all assets, copy, and guidelines—zero context lost.",
|
||||
},
|
||||
id: "5", title: "How do I share briefs with my production team?", content: "Once your brief hits 100% checklist completion, click 'Publish.' We generate a shareable public URL hosted on Cloudflare R2. Your team gets a formatted, self-contained page with all assets, copy, and guidelines—zero context lost."},
|
||||
{
|
||||
id: "6",
|
||||
title: "What are the three brief use cases?",
|
||||
content: "Web Sections (UI components with copy and branding), Carousels (narrative-driven social templates with media layouts), and Social Posts (tone-aligned content for video and image formats). Each has its own AI workflow and template.",
|
||||
},
|
||||
id: "6", title: "What are the three brief use cases?", content: "Web Sections (UI components with copy and branding), Carousels (narrative-driven social templates with media layouts), and Social Posts (tone-aligned content for video and image formats). Each has its own AI workflow and template."},
|
||||
{
|
||||
id: "7",
|
||||
title: "Is my brand data secure?",
|
||||
content: "Yes. Your data is encrypted in transit and at rest. We use Supabase for secure auth and database management, Vercel for compute with FAuth integration, and Cloudflare R2 for media storage. No data is shared with third parties.",
|
||||
},
|
||||
id: "7", title: "Is my brand data secure?", content: "Yes. Your data is encrypted in transit and at rest. We use Supabase for secure auth and database management, Vercel for compute with FAuth integration, and Cloudflare R2 for media storage. No data is shared with third parties."},
|
||||
{
|
||||
id: "8",
|
||||
title: "Can I integrate DRAPER with other tools?",
|
||||
content: "Enterprise plans include custom integrations. We can connect with your existing tools like Figma, Slack, Notion, or custom workflows. Contact our enterprise team for specific integration requests.",
|
||||
},
|
||||
id: "8", title: "Can I integrate DRAPER with other tools?", content: "Enterprise plans include custom integrations. We can connect with your existing tools like Figma, Slack, Notion, or custom workflows. Contact our enterprise team for specific integration requests."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -284,7 +198,7 @@ export default function HomePage() {
|
||||
tagIcon={Mail}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-creative-workspace-with-design-to-1772527477182-eb9cdba9.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-creative-workspace-with-design-to-1772527477182-eb9cdba9.png"
|
||||
imageAlt="Creative studio workspace"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="none"
|
||||
@@ -301,19 +215,13 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/draperstudio",
|
||||
ariaLabel: "Follow DRAPER Studio on Twitter",
|
||||
},
|
||||
href: "https://twitter.com/draperstudio", ariaLabel: "Follow DRAPER Studio on Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/draperstudio",
|
||||
ariaLabel: "Connect with DRAPER Studio on LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/draperstudio", ariaLabel: "Connect with DRAPER Studio on LinkedIn"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com/draperstudio",
|
||||
ariaLabel: "View DRAPER Studio on GitHub",
|
||||
},
|
||||
href: "https://github.com/draperstudio", ariaLabel: "View DRAPER Studio on GitHub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -43,7 +43,7 @@ export default function PricingPage() {
|
||||
title="Transparent, Flexible Pricing"
|
||||
description="Choose the perfect plan for your creative workflow. Scale as you grow with DRAPER Studio."
|
||||
tag="Plans & Pricing"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png?_wi=8"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png"
|
||||
imageAlt="DRAPER Studio pricing"
|
||||
textPosition="center"
|
||||
showBlur={true}
|
||||
@@ -65,50 +65,19 @@ export default function PricingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Perfect for Freelancers",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$99/mo",
|
||||
subtitle: "Get started with DRAPER Studio",
|
||||
features: [
|
||||
"Unlimited AI chat sessions",
|
||||
"5 briefs per month",
|
||||
"Basic skill access",
|
||||
"Shared knowledge base",
|
||||
"Email support",
|
||||
],
|
||||
id: "starter", badge: "Perfect for Freelancers", badgeIcon: Sparkles,
|
||||
price: "$99/mo", subtitle: "Get started with DRAPER Studio", features: [
|
||||
"Unlimited AI chat sessions", "5 briefs per month", "Basic skill access", "Shared knowledge base", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "$299/mo",
|
||||
subtitle: "For growing creative teams",
|
||||
features: [
|
||||
"Unlimited AI chat sessions",
|
||||
"Unlimited briefs",
|
||||
"All modular skills unlocked",
|
||||
"Priority RAG search",
|
||||
"3 team member seats",
|
||||
"Advanced analytics",
|
||||
"Priority support",
|
||||
],
|
||||
id: "pro", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "$299/mo", subtitle: "For growing creative teams", features: [
|
||||
"Unlimited AI chat sessions", "Unlimited briefs", "All modular skills unlocked", "Priority RAG search", "3 team member seats", "Advanced analytics", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "For Agencies",
|
||||
badgeIcon: Crown,
|
||||
price: "Custom",
|
||||
subtitle: "Scale your creative operations",
|
||||
features: [
|
||||
"Everything in Pro, plus:",
|
||||
"Unlimited team seats",
|
||||
"Custom AI training",
|
||||
"White-label briefs",
|
||||
"Dedicated account manager",
|
||||
"Custom integrations",
|
||||
"SLA guarantee",
|
||||
],
|
||||
id: "enterprise", badge: "For Agencies", badgeIcon: Crown,
|
||||
price: "Custom", subtitle: "Scale your creative operations", features: [
|
||||
"Everything in Pro, plus:", "Unlimited team seats", "Custom AI training", "White-label briefs", "Dedicated account manager", "Custom integrations", "SLA guarantee"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -122,7 +91,7 @@ export default function PricingPage() {
|
||||
tagIcon={Mail}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-creative-workspace-with-design-to-1772527477182-eb9cdba9.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-creative-workspace-with-design-to-1772527477182-eb9cdba9.png"
|
||||
imageAlt="Contact our sales team"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="none"
|
||||
@@ -139,19 +108,13 @@ export default function PricingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/draperstudio",
|
||||
ariaLabel: "Follow DRAPER Studio on Twitter",
|
||||
},
|
||||
href: "https://twitter.com/draperstudio", ariaLabel: "Follow DRAPER Studio on Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/draperstudio",
|
||||
ariaLabel: "Connect with DRAPER Studio on LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/draperstudio", ariaLabel: "Connect with DRAPER Studio on LinkedIn"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com/draperstudio",
|
||||
ariaLabel: "View DRAPER Studio on GitHub",
|
||||
},
|
||||
href: "https://github.com/draperstudio", ariaLabel: "View DRAPER Studio on GitHub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -43,7 +43,7 @@ export default function StudioPage() {
|
||||
title="Welcome to DRAPER Studio"
|
||||
description="Your three-pane creative command center awaits. Chat with AI, compile briefs, and manage your creative workflow in one unified interface."
|
||||
tag="Studio Interface"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png?_wi=4"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png"
|
||||
imageAlt="DRAPER Studio three-pane interface"
|
||||
textPosition="center"
|
||||
showBlur={true}
|
||||
@@ -76,48 +76,30 @@ export default function StudioPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Chat Interface",
|
||||
description: "Interact with context-aware AI that understands your entire brand ecosystem. Get real-time suggestions, media recommendations, and strategic insights.",
|
||||
icon: MessageCircle,
|
||||
title: "Chat Interface", description: "Interact with context-aware AI that understands your entire brand ecosystem. Get real-time suggestions, media recommendations, and strategic insights.", icon: MessageCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png?_wi=5",
|
||||
imageAlt: "Chat interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png", imageAlt: "Chat interface"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/knowledge-base-and-media-repository-visu-1772527477720-09c0373d.png?_wi=2",
|
||||
imageAlt: "AI knowledge base",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/knowledge-base-and-media-repository-visu-1772527477720-09c0373d.png", imageAlt: "AI knowledge base"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Brief Compilation",
|
||||
description: "Automatically generate production-ready briefs with curated assets, copy, and design components. Full control over every element.",
|
||||
icon: Zap,
|
||||
title: "Brief Compilation", description: "Automatically generate production-ready briefs with curated assets, copy, and design components. Full control over every element.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/ai-powered-brief-generation-workflow-vis-1772527478912-94f86b0f.png?_wi=2",
|
||||
imageAlt: "Brief generation",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/ai-powered-brief-generation-workflow-vis-1772527478912-94f86b0f.png", imageAlt: "Brief generation"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/collaborative-brief-environment-with-dra-1772527478013-78e20d96.png?_wi=3",
|
||||
imageAlt: "Brief editor",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/collaborative-brief-environment-with-dra-1772527478013-78e20d96.png", imageAlt: "Brief editor"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Asset Management",
|
||||
description: "Organize and manage all your creative assets in one centralized location. Quick access to brand guidelines, components, and media libraries.",
|
||||
icon: Move,
|
||||
title: "Asset Management", description: "Organize and manage all your creative assets in one centralized location. Quick access to brand guidelines, components, and media libraries.", icon: Move,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/brief-publishing-and-sharing-interface-s-1772527478276-c05ae99e.png?_wi=3",
|
||||
imageAlt: "Asset management",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/brief-publishing-and-sharing-interface-s-1772527478276-c05ae99e.png", imageAlt: "Asset management"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png?_wi=6",
|
||||
imageAlt: "Workspace",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQanAjGlNMKDmXWxQJqgsFbSP9/modern-ai-powered-creative-studio-interf-1772527478898-2b452249.png", imageAlt: "Workspace"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -131,19 +113,13 @@ export default function StudioPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/draperstudio",
|
||||
ariaLabel: "Follow DRAPER Studio on Twitter",
|
||||
},
|
||||
href: "https://twitter.com/draperstudio", ariaLabel: "Follow DRAPER Studio on Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/draperstudio",
|
||||
ariaLabel: "Connect with DRAPER Studio on LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/draperstudio", ariaLabel: "Connect with DRAPER Studio on LinkedIn"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com/draperstudio",
|
||||
ariaLabel: "View DRAPER Studio on GitHub",
|
||||
},
|
||||
href: "https://github.com/draperstudio", ariaLabel: "View DRAPER Studio on GitHub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user