Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-09 13:15:29 +00:00
2 changed files with 87 additions and 244 deletions

View File

@@ -34,7 +34,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="small"
sizing="medium"
background="noise"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
@@ -59,7 +59,7 @@ export default function HomePage() {
<HeroSplitKpi
title="Create Beautiful Courses Visually"
description="StudyCanvas brings the power of visual design to education. Drag, drop, and create stunning course notes, study guides, and presentations with an intuitive interface inspired by Canva."
background={{ variant: "noise" }}
background={{ variant: "plain" }}
kpis={[
{ value: "50K+", label: "Active Learners" },
{ value: "10K+", label: "Courses Created" },
@@ -88,40 +88,27 @@ export default function HomePage() {
features={[
{
id: 1,
title: "Drag-and-Drop Editor",
description:
"Add text blocks, images, shapes, and icons with a simple click. Resize and position elements freely on your canvas.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-close-up-demonstration-of-drag-and-dro-1773061979666-dfc93df9.png",
},
title: "Drag-and-Drop Editor", description:
"Add text blocks, images, shapes, and icons with a simple click. Resize and position elements freely on your canvas.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-close-up-demonstration-of-drag-and-dro-1773061979666-dfc93df9.png"},
{
id: 2,
title: "Professional Templates",
description:
"Choose from curated templates for revision sheets, summaries, mind maps, and timelines. Customize colors and fonts instantly.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-showcase-of-multiple-professional-cour-1773061980639-38a9ceea.png?_wi=1",
},
title: "Professional Templates", description:
"Choose from curated templates for revision sheets, summaries, mind maps, and timelines. Customize colors and fonts instantly.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-showcase-of-multiple-professional-cour-1773061980639-38a9ceea.png"},
{
id: 3,
title: "Smart Organization",
description:
"Organize courses into folders by subject. Create multiple documents and search across all your notes with powerful filters.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-file-organization-system-interface-sho-1773061981403-6b7e2782.png",
},
title: "Smart Organization", description:
"Organize courses into folders by subject. Create multiple documents and search across all your notes with powerful filters.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-file-organization-system-interface-sho-1773061981403-6b7e2782.png"},
{
id: 4,
title: "Real-time Collaboration",
description:
"Work together with classmates or colleagues. Share documents by link and edit simultaneously with live updates.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-real-time-collaboration-interface-show-1773061981021-549aa981.png",
},
title: "Real-time Collaboration", description:
"Work together with classmates or colleagues. Share documents by link and edit simultaneously with live updates.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-real-time-collaboration-interface-show-1773061981021-549aa981.png"},
]}
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
</div>
@@ -147,75 +134,37 @@ export default function HomePage() {
tagIcon={CreditCard}
plans={[
{
id: "1",
price: "Free",
name: "Student Starter",
buttons: [
id: "1", price: "Free", name: "Student Starter", buttons: [
{ text: "Get Started", href: "/contact" },
{ text: "Learn More", href: "#" },
],
features: [
"5 courses maximum",
"Drag-and-drop editor",
"Basic templates",
"500MB storage",
"PNG/PDF export",
],
"5 courses maximum", "Drag-and-drop editor", "Basic templates", "500MB storage", "PNG/PDF export"],
},
{
id: "2",
badge: "Most Popular",
badgeIcon: Sparkles,
price: "$9.99/mo",
name: "Creator Pro",
buttons: [
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
price: "$9.99/mo", name: "Creator Pro", buttons: [
{ text: "Start Free Trial", href: "/contact" },
{ text: "Chat to Sales", href: "#" },
],
features: [
"Unlimited courses",
"Advanced design tools",
"All templates",
"10GB storage",
"All export formats",
"Real-time collaboration",
"Priority support",
],
"Unlimited courses", "Advanced design tools", "All templates", "10GB storage", "All export formats", "Real-time collaboration", "Priority support"],
},
{
id: "3",
price: "$19.99/mo",
name: "Teacher Organization",
buttons: [
id: "3", price: "$19.99/mo", name: "Teacher Organization", buttons: [
{ text: "Get Started", href: "/contact" },
{ text: "Chat to Sales", href: "#" },
],
features: [
"Everything in Pro",
"Team management",
"50GB storage",
"API access",
"Custom branding",
"Advanced analytics",
"Dedicated support",
],
"Everything in Pro", "Team management", "50GB storage", "API access", "Custom branding", "Advanced analytics", "Dedicated support"],
},
{
id: "4",
price: "Custom",
name: "Enterprise",
buttons: [
id: "4", price: "Custom", name: "Enterprise", buttons: [
{ text: "Contact Sales", href: "/contact" },
{ text: "Schedule Demo", href: "#" },
],
features: [
"Everything in Organization",
"Unlimited storage",
"White-label solution",
"SSO integration",
"Data export",
"24/7 support",
],
"Everything in Organization", "Unlimited storage", "White-label solution", "SSO integration", "Data export", "24/7 support"],
},
]}
textboxLayout="default"
@@ -232,65 +181,29 @@ export default function HomePage() {
tagIcon={MessageCircle}
testimonials={[
{
id: "1",
name: "Emma Rodriguez",
role: "High School Student",
testimonial:
"StudyCanvas completely changed how I organize my notes. Creating beautiful study guides is now so easy and fun. I can share them with classmates instantly!",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-young-1773061980278-6cb8616b.png",
imageAlt: "Emma Rodriguez",
},
id: "1", name: "Emma Rodriguez", role: "High School Student", testimonial:
"StudyCanvas completely changed how I organize my notes. Creating beautiful study guides is now so easy and fun. I can share them with classmates instantly!", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-young-1773061980278-6cb8616b.png", imageAlt: "Emma Rodriguez"},
{
id: "2",
name: "Prof. Michael Chen",
role: "University Lecturer",
testimonial:
"As an educator, I love how my students can create professional-looking course materials without complex software. StudyCanvas brings creativity back to learning.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-middl-1773061979590-036c1df4.png",
imageAlt: "Prof. Michael Chen",
},
id: "2", name: "Prof. Michael Chen", role: "University Lecturer", testimonial:
"As an educator, I love how my students can create professional-looking course materials without complex software. StudyCanvas brings creativity back to learning.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-middl-1773061979590-036c1df4.png", imageAlt: "Prof. Michael Chen"},
{
id: "3",
name: "Sarah Johnson",
role: "Study Coach",
testimonial:
"The collaboration features are incredible. My students can work together on group projects and organize content by subject seamlessly.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-femal-1773061980193-eed871ce.png?_wi=1",
imageAlt: "Sarah Johnson",
},
id: "3", name: "Sarah Johnson", role: "Study Coach", testimonial:
"The collaboration features are incredible. My students can work together on group projects and organize content by subject seamlessly.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-femal-1773061980193-eed871ce.png", imageAlt: "Sarah Johnson"},
{
id: "4",
name: "Alex Martinez",
role: "Online Course Creator",
testimonial:
"I've tried many design tools, but StudyCanvas is the most intuitive for creating educational content. The export options are perfect for my courses.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-male--1773061980255-5433a383.png?_wi=1",
imageAlt: "Alex Martinez",
},
id: "4", name: "Alex Martinez", role: "Online Course Creator", testimonial:
"I've tried many design tools, but StudyCanvas is the most intuitive for creating educational content. The export options are perfect for my courses.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-male--1773061980255-5433a383.png", imageAlt: "Alex Martinez"},
{
id: "5",
name: "Jessica Lee",
role: "Teacher",
testimonial:
"My students are more engaged with their learning now. Creating visual course materials with StudyCanvas makes studying more interactive and enjoyable.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-femal-1773061980205-fb923d4c.png?_wi=1",
imageAlt: "Jessica Lee",
},
id: "5", name: "Jessica Lee", role: "Teacher", testimonial:
"My students are more engaged with their learning now. Creating visual course materials with StudyCanvas makes studying more interactive and enjoyable.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-femal-1773061980205-fb923d4c.png", imageAlt: "Jessica Lee"},
{
id: "6",
name: "David Kim",
role: "Student",
testimonial:
"The templates save me so much time. I went from spending hours on design to minutes. Now I focus on the content that matters.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-young-1773061979816-753d18b8.png",
imageAlt: "David Kim",
},
id: "6", name: "David Kim", role: "Student", testimonial:
"The templates save me so much time. I went from spending hours on design to minutes. Now I focus on the content that matters.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-young-1773061979816-753d18b8.png", imageAlt: "David Kim"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -305,41 +218,23 @@ export default function HomePage() {
sideDescription="Get answers to common questions about StudyCanvas features and functionality"
faqs={[
{
id: "1",
title: "How do I get started with StudyCanvas?",
content:
"Simply sign up with your email or Google account. You'll immediately access the editor and can start creating your first course. We provide templates and a guided tutorial to help you begin.",
},
id: "1", title: "How do I get started with StudyCanvas?", content:
"Simply sign up with your email or Google account. You'll immediately access the editor and can start creating your first course. We provide templates and a guided tutorial to help you begin."},
{
id: "2",
title: "Can I collaborate with other students?",
content:
"Yes! Share your document by link and invite others to edit in real-time. You can see changes as they happen and work together seamlessly on group projects.",
},
id: "2", title: "Can I collaborate with other students?", content:
"Yes! Share your document by link and invite others to edit in real-time. You can see changes as they happen and work together seamlessly on group projects."},
{
id: "3",
title: "What file formats can I export?",
content:
"You can export your courses as PDF, PNG images, or JPEG. Pro users get additional formats including SVG and interactive HTML versions.",
},
id: "3", title: "What file formats can I export?", content:
"You can export your courses as PDF, PNG images, or JPEG. Pro users get additional formats including SVG and interactive HTML versions."},
{
id: "4",
title: "Is my work automatically saved?",
content:
"Absolutely! StudyCanvas features auto-save technology. Your work is saved every few seconds, so you never lose progress. You can also manually save at any time.",
},
id: "4", title: "Is my work automatically saved?", content:
"Absolutely! StudyCanvas features auto-save technology. Your work is saved every few seconds, so you never lose progress. You can also manually save at any time."},
{
id: "5",
title: "Can I use StudyCanvas offline?",
content:
"The editor works best online with real-time sync. However, you can download your courses and work offline in certain export formats. Sync will resume when you reconnect.",
},
id: "5", title: "Can I use StudyCanvas offline?", content:
"The editor works best online with real-time sync. However, you can download your courses and work offline in certain export formats. Sync will resume when you reconnect."},
{
id: "6",
title: "Is there a student discount?",
content:
"Yes! Students get 50% off Pro plans. Verify your student status with your school email, and the discount applies automatically to your account.",
},
id: "6", title: "Is there a student discount?", content:
"Yes! Students get 50% off Pro plans. Verify your student status with your school email, and the discount applies automatically to your account."},
]}
useInvertedBackground={false}
textPosition="left"
@@ -356,28 +251,16 @@ export default function HomePage() {
ctaIcon={Rocket}
faqs={[
{
id: "1",
title: "How long is the free trial?",
content: "You get 14 days of full Pro access completely free. No credit card required to start.",
},
id: "1", title: "How long is the free trial?", content: "You get 14 days of full Pro access completely free. No credit card required to start."},
{
id: "2",
title: "Can I cancel anytime?",
content:
"Yes, cancel your subscription anytime from your account settings. No hidden fees or penalties.",
},
id: "2", title: "Can I cancel anytime?", content:
"Yes, cancel your subscription anytime from your account settings. No hidden fees or penalties."},
{
id: "3",
title: "Do you offer team plans?",
content:
"Yes! Our Organization plan includes team management features for schools and institutions.",
},
id: "3", title: "Do you offer team plans?", content:
"Yes! Our Organization plan includes team management features for schools and institutions."},
{
id: "4",
title: "What about data privacy?",
content:
"We take privacy seriously. All data is encrypted and compliant with GDPR, CCPA, and FERPA regulations.",
},
id: "4", title: "What about data privacy?", content:
"We take privacy seriously. All data is encrypted and compliant with GDPR, CCPA, and FERPA regulations."},
]}
useInvertedBackground={false}
animationType="slide-up"

View File

@@ -25,7 +25,7 @@ export default function TemplatesPage() {
borderRadius="soft"
contentWidth="small"
sizing="medium"
background="noise"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
@@ -55,32 +55,22 @@ export default function TemplatesPage() {
features={[
{
id: 1,
title: "Study Guide Template",
description:
"Comprehensive template for creating detailed study guides with sections for key concepts, examples, and revision notes.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-showcase-of-multiple-professional-cour-1773061980639-38a9ceea.png?_wi=2",
},
title: "Study Guide Template", description:
"Comprehensive template for creating detailed study guides with sections for key concepts, examples, and revision notes.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-showcase-of-multiple-professional-cour-1773061980639-38a9ceea.png"},
{
id: 2,
title: "Mind Map Template",
description:
"Visual mind map template perfect for brainstorming, connecting ideas, and organizing complex topics visually.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-showcase-of-multiple-professional-cour-1773061980639-38a9ceea.png?_wi=3",
},
title: "Mind Map Template", description:
"Visual mind map template perfect for brainstorming, connecting ideas, and organizing complex topics visually.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-showcase-of-multiple-professional-cour-1773061980639-38a9ceea.png"},
{
id: 3,
title: "Timeline Template",
description:
"Historical and process timeline template for visualizing chronological events, milestones, and sequential information.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-showcase-of-multiple-professional-cour-1773061980639-38a9ceea.png?_wi=4",
},
title: "Timeline Template", description:
"Historical and process timeline template for visualizing chronological events, milestones, and sequential information.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-showcase-of-multiple-professional-cour-1773061980639-38a9ceea.png"},
]}
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
</div>
@@ -92,35 +82,17 @@ export default function TemplatesPage() {
tagIcon={MessageCircle}
testimonials={[
{
id: "1",
name: "Rachel Green",
role: "Biology Teacher",
testimonial:
"The study guide template saved me hours preparing materials. My students love the visual layout and clarity.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-femal-1773061980193-eed871ce.png?_wi=2",
imageAlt: "Rachel Green",
},
id: "1", name: "Rachel Green", role: "Biology Teacher", testimonial:
"The study guide template saved me hours preparing materials. My students love the visual layout and clarity.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-femal-1773061980193-eed871ce.png", imageAlt: "Rachel Green"},
{
id: "2",
name: "Marcus Thompson",
role: "History Educator",
testimonial:
"The timeline template is perfect for teaching historical events. Students engage more with visual representations.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-male--1773061980255-5433a383.png?_wi=2",
imageAlt: "Marcus Thompson",
},
id: "2", name: "Marcus Thompson", role: "History Educator", testimonial:
"The timeline template is perfect for teaching historical events. Students engage more with visual representations.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-male--1773061980255-5433a383.png", imageAlt: "Marcus Thompson"},
{
id: "3",
name: "Lisa Chang",
role: "Physics Instructor",
testimonial:
"Mind map templates help my students visualize complex concepts. StudyCanvas makes it effortless to share with the class.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-femal-1773061980205-fb923d4c.png?_wi=2",
imageAlt: "Lisa Chang",
},
id: "3", name: "Lisa Chang", role: "Physics Instructor", testimonial:
"Mind map templates help my students visualize complex concepts. StudyCanvas makes it effortless to share with the class.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai4A6k5uye74pykREzdLr0qgSS/a-professional-portrait-photo-of-a-femal-1773061980205-fb923d4c.png", imageAlt: "Lisa Chang"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -137,29 +109,17 @@ export default function TemplatesPage() {
ctaIcon={Rocket}
faqs={[
{
id: "1",
title: "Can I customize templates?",
content:
"Absolutely! All templates are fully customizable. Change colors, fonts, layouts, and content to match your needs.",
},
id: "1", title: "Can I customize templates?", content:
"Absolutely! All templates are fully customizable. Change colors, fonts, layouts, and content to match your needs."},
{
id: "2",
title: "Are there more templates coming?",
content:
"Yes! We regularly add new templates based on teacher feedback. Pro members get early access to new designs.",
},
id: "2", title: "Are there more templates coming?", content:
"Yes! We regularly add new templates based on teacher feedback. Pro members get early access to new designs."},
{
id: "3",
title: "Can I create my own templates?",
content:
"Yes, save any document as a template to reuse later. Organization plan members can share templates with their team.",
},
id: "3", title: "Can I create my own templates?", content:
"Yes, save any document as a template to reuse later. Organization plan members can share templates with their team."},
{
id: "4",
title: "What subjects are covered?",
content:
"We have templates for STEM, humanities, languages, arts, and vocational subjects. New subject areas added monthly.",
},
id: "4", title: "What subjects are covered?", content:
"We have templates for STEM, humanities, languages, arts, and vocational subjects. New subject areas added monthly."},
]}
useInvertedBackground={false}
animationType="slide-up"