Update src/app/services/page.tsx

src/app/services/page.tsx

@@ -3,80 +3,67 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import { Award, CheckCircle, Clock, Globe, Layout, Star, Users } from "lucide-react";
+import { Globe, Award, Layout, CheckCircle, Users, Clock, Star } from "lucide-react";
 
 export default function ServicesPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="small"
-        sizing="largeSmall"
-        background="circleGradient"
-        cardStyle="outline"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="normal"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Services", id: "/services" },
-        { name: "Portfolio", id: "/portfolio" },
-        { name: "About", id: "/about" },
-        { name: "Contact", id: "/contact" }
-      ]}
-      brandName="Nexora"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            brandName="Nexora"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" }
+            ]}
+          />
+        </div>
 
-  <div id="services-body" data-section="services-body">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Web Design",          description: "High-performance, sleek websites.",          bentoComponent: { icon: Globe },
-          imageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg",          imageAlt: "digital design ui ux icons"
-        },
-        {
-          title: "Branding",          description: "Identity design that stands out.",          bentoComponent: { icon: Award },
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-abstract-shape-glowing-grainy-textured_474888-8017.jpg",          imageAlt: "digital design ui ux icons"
-        },
-        {
-          title: "UI/UX Design",          description: "Intuitive, premium user interfaces.",          bentoComponent: { icon: Layout },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg",          imageAlt: "digital design ui ux icons"
-        }
-      ]}
-      title="Our Services"
-      description="Premium digital solutions crafted for innovation."
-    />
-  </div>
-
-  <div id="metric" data-section="metric">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Impact"
-      description="Measuring success through results."
-      metrics={[
-        { id: "m1", icon: CheckCircle, title: "Projects Completed", value: "150+" },
-        { id: "m2", icon: Users, title: "Happy Clients", value: "80+" },
-        { id: "m3", icon: Clock, title: "Hours of Innovation", value: "10k+" },
-        { id: "m4", icon: Star, title: "Design Awards", value: "12" },
-        { id: "m5", icon: Globe, title: "Countries Served", value: "25" }
-      ]}
-    />
-  </div>
+        <div id="services-body" data-section="services-body">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Our Services"
+            description="Premium digital solutions crafted for innovation."
+            features={[
+              { 
+                title: "Web Design", 
+                description: "High-performance, sleek websites.", 
+                bentoComponent: { bentoComponent: 'reveal-icon', icon: Globe },
+                imageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg" 
+              },
+              { 
+                title: "Branding", 
+                description: "Identity design that stands out.", 
+                bentoComponent: { bentoComponent: 'reveal-icon', icon: Award },
+                imageSrc: "http://img.b2bpic.net/free-photo/blue-abstract-shape-glowing-grainy-textured_474888-8017.jpg" 
+              },
+              { 
+                title: "UI/UX Design", 
+                description: "Intuitive, premium user interfaces.", 
+                bentoComponent: { bentoComponent: 'reveal-icon', icon: Layout },
+                imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg" 
+              }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}