Update src/app/resources/page.tsx
This commit is contained in:
@@ -37,7 +37,7 @@ export default function ResourcesPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -48,9 +48,7 @@ export default function ResourcesPage() {
|
||||
brandName="CloudSync"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/pricing",
|
||||
}}
|
||||
text: "Get Started", href: "/pricing"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,53 +62,23 @@ export default function ResourcesPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Getting Started Guide",
|
||||
description: "Learn the basics of CloudSync in 10 minutes",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-data-synchronization-acr-1772484361833-8ba061d5.png?_wi=2",
|
||||
imageAlt: "Getting started guide",
|
||||
buttonIcon: BookOpen,
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "Getting Started Guide", description: "Learn the basics of CloudSync in 10 minutes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-data-synchronization-acr-1772484361833-8ba061d5.png", imageAlt: "Getting started guide", buttonIcon: BookOpen,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Video Tutorials",
|
||||
description: "Step-by-step video guides for all features",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-workflow-automation-and--1772484362726-ba10f98d.png?_wi=2",
|
||||
imageAlt: "Video tutorials",
|
||||
buttonIcon: Video,
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "Video Tutorials", description: "Step-by-step video guides for all features", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-workflow-automation-and--1772484362726-ba10f98d.png", imageAlt: "Video tutorials", buttonIcon: Video,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "API Documentation",
|
||||
description: "Complete API reference for developers",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-api-integration-and-conn-1772484361758-d7ab5707.png?_wi=2",
|
||||
imageAlt: "API documentation",
|
||||
buttonIcon: Code,
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "API Documentation", description: "Complete API reference for developers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-api-integration-and-conn-1772484361758-d7ab5707.png", imageAlt: "API documentation", buttonIcon: Code,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Best Practices",
|
||||
description: "Expert tips for maximizing your workflow",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/dashboard-analytics-visualization-with-m-1772484362759-1bcf8cea.png?_wi=2",
|
||||
imageAlt: "Best practices",
|
||||
buttonIcon: ArrowRight,
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "Best Practices", description: "Expert tips for maximizing your workflow", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/dashboard-analytics-visualization-with-m-1772484362759-1bcf8cea.png", imageAlt: "Best practices", buttonIcon: ArrowRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Case Studies",
|
||||
description: "Real-world examples of CloudSync in action",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-customer-support-and-ass-1772484362219-cbe7a847.png?_wi=2",
|
||||
imageAlt: "Case studies",
|
||||
buttonIcon: FileText,
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "Case Studies", description: "Real-world examples of CloudSync in action", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-customer-support-and-ass-1772484362219-cbe7a847.png", imageAlt: "Case studies", buttonIcon: FileText,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Community Forum",
|
||||
description: "Connect with other CloudSync users",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/abstract-illustration-of-security-and-en-1772484363252-dbad034c.png?_wi=2",
|
||||
imageAlt: "Community forum",
|
||||
buttonIcon: Users,
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "Community Forum", description: "Connect with other CloudSync users", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/abstract-illustration-of-security-and-en-1772484363252-dbad034c.png", imageAlt: "Community forum", buttonIcon: Users,
|
||||
buttonHref: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,29 +92,17 @@ export default function ResourcesPage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Video,
|
||||
title: "Video Tutorials",
|
||||
value: "150+",
|
||||
},
|
||||
id: "1", icon: Video,
|
||||
title: "Video Tutorials", value: "150+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: FileText,
|
||||
title: "Articles",
|
||||
value: "300+",
|
||||
},
|
||||
id: "2", icon: FileText,
|
||||
title: "Articles", value: "300+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Award,
|
||||
title: "Certifications",
|
||||
value: "5+",
|
||||
},
|
||||
id: "3", icon: Award,
|
||||
title: "Certifications", value: "5+"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Users,
|
||||
title: "Community Members",
|
||||
value: "10K+",
|
||||
},
|
||||
id: "4", icon: Users,
|
||||
title: "Community Members", value: "10K+"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,23 +117,14 @@ export default function ResourcesPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are resources free?",
|
||||
content:
|
||||
"Yes. All documentation, tutorials, and guides are available free to CloudSync users. Premium certification programs have a one-time fee.",
|
||||
},
|
||||
id: "1", title: "Are resources free?", content:
|
||||
"Yes. All documentation, tutorials, and guides are available free to CloudSync users. Premium certification programs have a one-time fee."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How often are resources updated?",
|
||||
content:
|
||||
"We update our knowledge base weekly with new tutorials, best practices, and case studies based on user feedback and platform updates.",
|
||||
},
|
||||
id: "2", title: "How often are resources updated?", content:
|
||||
"We update our knowledge base weekly with new tutorials, best practices, and case studies based on user feedback and platform updates."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I request training for my team?",
|
||||
content:
|
||||
"Absolutely. Enterprise customers can schedule custom training sessions with our expert team. Contact our sales team to learn more.",
|
||||
},
|
||||
id: "3", title: "Can I request training for my team?", content:
|
||||
"Absolutely. Enterprise customers can schedule custom training sessions with our expert team. Contact our sales team to learn more."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -189,19 +136,13 @@ export default function ResourcesPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/cloudsync",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/cloudsync", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/cloudsync",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/cloudsync", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com/cloudsync",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
href: "https://github.com/cloudsync", ariaLabel: "GitHub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user