From 1c9a8e2079d44f890909acae7af30469091c5509 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 17:10:57 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 261 +++++++++-------------------------------------- 1 file changed, 51 insertions(+), 210 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a655646..1c2ddf6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -50,7 +50,7 @@ export default function HomePage() { @@ -276,59 +188,22 @@ export default function HomePage() { tagIcon={DollarSign} plans={[ { - id: "starter", - tag: "Starter Plan", - tagIcon: Sparkles, - price: "$0", - period: "/month", - description: "Perfect for exploring and learning the basics of design", - button: { text: "Get Started Free", href: "#" }, - featuresTitle: "What's Included:", - features: [ - "500 MB cloud storage", - "Access to 1000+ templates", - "Basic design tools", - "Community support", - "Monthly template updates", - ], + id: "starter", tag: "Starter Plan", tagIcon: Sparkles, + price: "$0", period: "/month", description: "Perfect for exploring and learning the basics of design", button: { text: "Get Started Free", href: "#" }, + featuresTitle: "What's Included:", features: [ + "500 MB cloud storage", "Access to 1000+ templates", "Basic design tools", "Community support", "Monthly template updates"], }, { - id: "pro", - tag: "Professional Plan", - tagIcon: Crown, - price: "$14.99", - period: "/month", - description: "Ideal for freelancers and small creative teams collaborating on projects", - button: { text: "Start Pro Trial", href: "#" }, - featuresTitle: "Everything in Starter, Plus:", - features: [ - "100 GB cloud storage", - "Unlimited team members", - "One-click social publishing", - "Advanced design tools", - "Brand kit & style guides", - "Priority support", - "API access for integrations", - ], + id: "pro", tag: "Professional Plan", tagIcon: Crown, + price: "$14.99", period: "/month", description: "Ideal for freelancers and small creative teams collaborating on projects", button: { text: "Start Pro Trial", href: "#" }, + featuresTitle: "Everything in Starter, Plus:", features: [ + "100 GB cloud storage", "Unlimited team members", "One-click social publishing", "Advanced design tools", "Brand kit & style guides", "Priority support", "API access for integrations"], }, { - id: "enterprise", - tag: "Enterprise Plan", - tagIcon: Zap, - price: "Custom", - period: "/month", - description: "For large teams requiring unlimited resources and custom solutions", - button: { text: "Contact Sales", href: "#contact" }, - featuresTitle: "Everything in Pro, Plus:", - features: [ - "Unlimited cloud storage", - "Dedicated account manager", - "Custom integrations", - "Advanced security & SSO", - "Team analytics & reporting", - "Custom training & onboarding", - "SLA guarantee", - ], + id: "enterprise", tag: "Enterprise Plan", tagIcon: Zap, + price: "Custom", period: "/month", description: "For large teams requiring unlimited resources and custom solutions", button: { text: "Contact Sales", href: "#contact" }, + featuresTitle: "Everything in Pro, Plus:", features: [ + "Unlimited cloud storage", "Dedicated account manager", "Custom integrations", "Advanced security & SSO", "Team analytics & reporting", "Custom training & onboarding", "SLA guarantee"], }, ]} animationType="slide-up" @@ -346,37 +221,19 @@ export default function HomePage() { tagIcon={HelpCircle} faqs={[ { - id: "1", - title: "Can I collaborate with team members in real-time?", - content: "Absolutely! CanvaStudio supports unlimited real-time collaboration. Team members can edit designs simultaneously, see cursor positions, and communicate through built-in chat. Perfect for remote teams and agencies.", - }, + id: "1", title: "Can I collaborate with team members in real-time?", content: "Absolutely! CanvaStudio supports unlimited real-time collaboration. Team members can edit designs simultaneously, see cursor positions, and communicate through built-in chat. Perfect for remote teams and agencies."}, { - id: "2", - title: "How do I publish directly to Upscroll and Instagram?", - content: "With one click! Connect your social accounts in settings, then use our 'Publish to Social' feature. CanvaStudio automatically formats your designs for each platform and handles scheduling.", - }, + id: "2", title: "How do I publish directly to Upscroll and Instagram?", content: "With one click! Connect your social accounts in settings, then use our 'Publish to Social' feature. CanvaStudio automatically formats your designs for each platform and handles scheduling."}, { - id: "3", - title: "What file formats do you support?", - content: "We support PNG, JPG, SVG, PDF, MP4, and WebM formats. You can export in high resolution (up to 4K) or optimize for web and social media platforms.", - }, + id: "3", title: "What file formats do you support?", content: "We support PNG, JPG, SVG, PDF, MP4, and WebM formats. You can export in high resolution (up to 4K) or optimize for web and social media platforms."}, { - id: "4", - title: "Is there a free trial available?", - content: "Yes! Start with our free Starter plan with 500 MB storage and access to thousands of templates. Upgrade anytime to unlock pro features and more storage.", - }, + id: "4", title: "Is there a free trial available?", content: "Yes! Start with our free Starter plan with 500 MB storage and access to thousands of templates. Upgrade anytime to unlock pro features and more storage."}, { - id: "5", - title: "Can I use my own fonts and brand colors?", - content: "Definitely! Upload custom fonts and create brand kits with your colors, logos, and typography. Your team can apply brand styles consistently across all projects.", - }, + id: "5", title: "Can I use my own fonts and brand colors?", content: "Definitely! Upload custom fonts and create brand kits with your colors, logos, and typography. Your team can apply brand styles consistently across all projects."}, { - id: "6", - title: "What payment methods do you accept?", - content: "We accept all major credit cards, PayPal, and wire transfer for enterprise plans. Billing is monthly or annual, with annual plans offering 20% savings.", - }, + id: "6", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, and wire transfer for enterprise plans. Billing is monthly or annual, with annual plans offering 20% savings."}, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Acrm3tyXajcDRmv3Zj2KCNwe5k/a-welcoming-help-center-or-faq-interface-1772903283741-377683df.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Acrm3tyXajcDRmv3Zj2KCNwe5k/a-welcoming-help-center-or-faq-interface-1772903283741-377683df.png" imageAlt="Help and support resources" mediaAnimation="slide-up" faqsAnimation="slide-up" @@ -395,25 +252,13 @@ export default function HomePage() { ctaIcon={Rocket} faqs={[ { - id: "1", - title: "How do I set up my first project?", - content: "Sign up in seconds, choose from templates or start blank, and invite teammates. Our onboarding guide will walk you through the basics.", - }, + id: "1", title: "How do I set up my first project?", content: "Sign up in seconds, choose from templates or start blank, and invite teammates. Our onboarding guide will walk you through the basics."}, { - id: "2", - title: "Can I migrate designs from other tools?", - content: "Yes! We support importing from Figma, Adobe XD, and Sketch. Your layers and assets will be preserved for seamless transition.", - }, + id: "2", title: "Can I migrate designs from other tools?", content: "Yes! We support importing from Figma, Adobe XD, and Sketch. Your layers and assets will be preserved for seamless transition."}, { - id: "3", - title: "Do you offer API access?", - content: "Pro and Enterprise plans include API access for custom integrations with your existing tools and workflows.", - }, + id: "3", title: "Do you offer API access?", content: "Pro and Enterprise plans include API access for custom integrations with your existing tools and workflows."}, { - id: "4", - title: "What security measures do you have?", - content: "We use enterprise-grade encryption, SSO, and comply with GDPR, CCPA, and SOC 2 standards for complete data protection.", - }, + id: "4", title: "What security measures do you have?", content: "We use enterprise-grade encryption, SSO, and comply with GDPR, CCPA, and SOC 2 standards for complete data protection."}, ]} useInvertedBackground={false} animationType="slide-up" @@ -427,8 +272,7 @@ export default function HomePage() {