diff --git a/src/app/page.tsx b/src/app/page.tsx index df98005..e4a52ac 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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() { @@ -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" diff --git a/src/app/templates/page.tsx b/src/app/templates/page.tsx index 019094b..1137c91 100644 --- a/src/app/templates/page.tsx +++ b/src/app/templates/page.tsx @@ -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" /> @@ -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"