Update src/app/services/page.tsx

src/app/services/page.tsx

@@ -39,7 +39,7 @@ export default function ServicesPage() {
       borderRadius="pill"
       contentWidth="mediumLarge"
       sizing="medium"
-      background="aurora"
+      background="circleGradient"
       cardStyle="layered-gradient"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="solid"
@@ -50,9 +50,7 @@ export default function ServicesPage() {
           brandName="CloudSync"
           navItems={navItems}
           button={{
-            text: "Get Started",
+            text: "Get Started",            href: "/pricing"}}
-            href: "/pricing",
-          }}
         />
       </div>
 
@@ -66,53 +64,23 @@ export default function ServicesPage() {
           useInvertedBackground={false}
           features={[
             {
-              title: "Real-Time Synchronization",
+              title: "Real-Time Synchronization",              description: "Instant data sync across all your tools and platforms",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-data-synchronization-acr-1772484361833-8ba061d5.png",              imageAlt: "Real-time sync feature",              buttonIcon: ArrowRight,
-              description: "Instant data sync across all your tools and platforms",
+              buttonHref: "#"},
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-data-synchronization-acr-1772484361833-8ba061d5.png?_wi=3",
-              imageAlt: "Real-time sync feature",
-              buttonIcon: ArrowRight,
-              buttonHref: "#",
-            },
             {
-              title: "Advanced Security",
+              title: "Advanced Security",              description: "Enterprise-grade encryption and compliance standards",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/abstract-illustration-of-security-and-en-1772484363252-dbad034c.png",              imageAlt: "Security features",              buttonIcon: Shield,
-              description: "Enterprise-grade encryption and compliance standards",
+              buttonHref: "#"},
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/abstract-illustration-of-security-and-en-1772484363252-dbad034c.png?_wi=3",
-              imageAlt: "Security features",
-              buttonIcon: Shield,
-              buttonHref: "#",
-            },
             {
-              title: "Custom Workflows",
+              title: "Custom Workflows",              description: "Build automation tailored to your unique processes",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-workflow-automation-and--1772484362726-ba10f98d.png",              imageAlt: "Workflow customization",              buttonIcon: Zap,
-              description: "Build automation tailored to your unique processes",
+              buttonHref: "#"},
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-workflow-automation-and--1772484362726-ba10f98d.png?_wi=3",
-              imageAlt: "Workflow customization",
-              buttonIcon: Zap,
-              buttonHref: "#",
-            },
             {
-              title: "Analytics Dashboard",
+              title: "Analytics Dashboard",              description: "Deep insights into your data and team performance",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/dashboard-analytics-visualization-with-m-1772484362759-1bcf8cea.png",              imageAlt: "Analytics dashboard",              buttonIcon: TrendingUp,
-              description: "Deep insights into your data and team performance",
+              buttonHref: "#"},
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/dashboard-analytics-visualization-with-m-1772484362759-1bcf8cea.png?_wi=3",
-              imageAlt: "Analytics dashboard",
-              buttonIcon: TrendingUp,
-              buttonHref: "#",
-            },
             {
-              title: "API Integration",
+              title: "API Integration",              description: "Connect with 500+ applications seamlessly",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-api-integration-and-conn-1772484361758-d7ab5707.png",              imageAlt: "API integrations",              buttonIcon: Plug,
-              description: "Connect with 500+ applications seamlessly",
+              buttonHref: "#"},
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-api-integration-and-conn-1772484361758-d7ab5707.png?_wi=3",
-              imageAlt: "API integrations",
-              buttonIcon: Plug,
-              buttonHref: "#",
-            },
             {
-              title: "24/7 Support",
+              title: "24/7 Support",              description: "Dedicated support team ready to help anytime",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-customer-support-and-ass-1772484362219-cbe7a847.png",              imageAlt: "Customer support",              buttonIcon: Headphones,
-              description: "Dedicated support team ready to help anytime",
+              buttonHref: "#"},
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-customer-support-and-ass-1772484362219-cbe7a847.png?_wi=3",
-              imageAlt: "Customer support",
-              buttonIcon: Headphones,
-              buttonHref: "#",
-            },
           ]}
         />
       </div>
@@ -126,29 +94,17 @@ export default function ServicesPage() {
           animationType="slide-up"
           metrics={[
             {
-              id: "1",
+              id: "1",              icon: Users,
-              icon: Users,
+              title: "Team Collaboration",              value: "Unlimited"},
-              title: "Team Collaboration",
-              value: "Unlimited",
-            },
             {
-              id: "2",
+              id: "2",              icon: Building,
-              icon: Building,
+              title: "Enterprise Scale",              value: "Ready"},
-              title: "Enterprise Scale",
-              value: "Ready",
-            },
             {
-              id: "3",
+              id: "3",              icon: Globe,
-              icon: Globe,
+              title: "Global Coverage",              value: "85+"},
-              title: "Global Coverage",
-              value: "85+",
-            },
             {
-              id: "4",
+              id: "4",              icon: Award,
-              icon: Award,
+              title: "Compliance",              value: "SOC 2"},
-              title: "Compliance",
-              value: "SOC 2",
-            },
           ]}
         />
       </div>
@@ -163,23 +119,14 @@ export default function ServicesPage() {
           faqsAnimation="slide-up"
           faqs={[
             {
-              id: "1",
+              id: "1",              title: "What makes our platform different?",              content:
-              title: "What makes our platform different?",
+                "CloudSync combines enterprise-grade security with intuitive ease-of-use. Our platform supports 500+ integrations out of the box and scales from startups to enterprise organizations."},
-              content:
-                "CloudSync combines enterprise-grade security with intuitive ease-of-use. Our platform supports 500+ integrations out of the box and scales from startups to enterprise organizations.",
-            },
             {
-              id: "2",
+              id: "2",              title: "How does real-time sync work?",              content:
-              title: "How does real-time sync work?",
+                "Our proprietary sync engine processes data in real-time with sub-second latency. Changes in one platform are instantly reflected across all connected systems with guaranteed data consistency."},
-              content:
-                "Our proprietary sync engine processes data in real-time with sub-second latency. Changes in one platform are instantly reflected across all connected systems with guaranteed data consistency.",
-            },
             {
-              id: "3",
+              id: "3",              title: "What security standards do you comply with?",              content:
-              title: "What security standards do you comply with?",
+                "We comply with SOC 2 Type II, GDPR, HIPAA, and CCPA standards. All data is encrypted with AES-256, and we conduct quarterly security audits with third-party penetration testing."},
-              content:
-                "We comply with SOC 2 Type II, GDPR, HIPAA, and CCPA standards. All data is encrypted with AES-256, and we conduct quarterly security audits with third-party penetration testing.",
-            },
           ]}
         />
       </div>
@@ -191,19 +138,13 @@ export default function ServicesPage() {
           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>