Update src/app/resources/page.tsx

src/app/resources/page.tsx

@@ -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",
+            text: "Get Started",            href: "/pricing"}}
-            href: "/pricing",
-          }}
         />
       </div>
 
@@ -64,53 +62,23 @@ export default function ResourcesPage() {
           useInvertedBackground={false}
           features={[
             {
-              title: "Getting Started Guide",
+              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,
-              description: "Learn the basics of CloudSync in 10 minutes",
+              buttonHref: "#"},
-              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: "Video Tutorials",
+              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,
-              description: "Step-by-step video guides for all features",
+              buttonHref: "#"},
-              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: "API Documentation",
+              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,
-              description: "Complete API reference for developers",
+              buttonHref: "#"},
-              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: "Best Practices",
+              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,
-              description: "Expert tips for maximizing your workflow",
+              buttonHref: "#"},
-              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: "Case Studies",
+              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,
-              description: "Real-world examples of CloudSync in action",
+              buttonHref: "#"},
-              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: "Community Forum",
+              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,
-              description: "Connect with other CloudSync users",
+              buttonHref: "#"},
-              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: "#",
-            },
           ]}
         />
       </div>
@@ -124,29 +92,17 @@ export default function ResourcesPage() {
           animationType="slide-up"
           metrics={[
             {
-              id: "1",
+              id: "1",              icon: Video,
-              icon: Video,
+              title: "Video Tutorials",              value: "150+"},
-              title: "Video Tutorials",
-              value: "150+",
-            },
             {
-              id: "2",
+              id: "2",              icon: FileText,
-              icon: FileText,
+              title: "Articles",              value: "300+"},
-              title: "Articles",
-              value: "300+",
-            },
             {
-              id: "3",
+              id: "3",              icon: Award,
-              icon: Award,
+              title: "Certifications",              value: "5+"},
-              title: "Certifications",
-              value: "5+",
-            },
             {
-              id: "4",
+              id: "4",              icon: Users,
-              icon: Users,
+              title: "Community Members",              value: "10K+"},
-              title: "Community Members",
-              value: "10K+",
-            },
           ]}
         />
       </div>
@@ -161,23 +117,14 @@ export default function ResourcesPage() {
           faqsAnimation="slide-up"
           faqs={[
             {
-              id: "1",
+              id: "1",              title: "Are resources free?",              content:
-              title: "Are resources free?",
+                "Yes. All documentation, tutorials, and guides are available free to CloudSync users. Premium certification programs have a one-time fee."},
-              content:
-                "Yes. All documentation, tutorials, and guides are available free to CloudSync users. Premium certification programs have a one-time fee.",
-            },
             {
-              id: "2",
+              id: "2",              title: "How often are resources updated?",              content:
-              title: "How often are resources updated?",
+                "We update our knowledge base weekly with new tutorials, best practices, and case studies based on user feedback and platform updates."},
-              content:
-                "We update our knowledge base weekly with new tutorials, best practices, and case studies based on user feedback and platform updates.",
-            },
             {
-              id: "3",
+              id: "3",              title: "Can I request training for my team?",              content:
-              title: "Can I request training for my team?",
+                "Absolutely. Enterprise customers can schedule custom training sessions with our expert team. Contact our sales team to learn more."},
-              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",
+              href: "https://twitter.com/cloudsync",              ariaLabel: "Twitter"},
-              ariaLabel: "Twitter",
-            },
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/cloudsync",
+              href: "https://linkedin.com/company/cloudsync",              ariaLabel: "LinkedIn"},
-              ariaLabel: "LinkedIn",
-            },
             {
               icon: Github,
-              href: "https://github.com/cloudsync",
+              href: "https://github.com/cloudsync",              ariaLabel: "GitHub"},
-              ariaLabel: "GitHub",
-            },
           ]}
         />
       </div>