Update src/app/services/page.tsx

src/app/services/page.tsx

@@ -3,9 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { Layers } from "lucide-react";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 
 export default function ServicesPage() {
     const navItems = [
@@ -16,23 +14,21 @@ export default function ServicesPage() {
     ];
 
     return (
-        <ThemeProvider>
+        <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
             <ReactLenis root>
-                <NavbarLayoutFloatingInline navItems={navItems} brandName="Studio" />
-                <FeatureCardNineteen
-                    title="Our Professional Services"
-                    description="Comprehensive digital solutions tailored to your business needs."
-                    tag="Expertise"
-                    tagIcon={Layers}
-                    features={[
-                        { id: 1, tag: "Full Stack", title: "Web Development", description: "High-performance, scalable web solutions.", imageSrc: "/templates/web-agency/process/process1.webp" },
-                        { id: 2, tag: "Digital", title: "Marketing Strategy", description: "Data-driven marketing to grow your audience.", imageSrc: "/templates/web-agency/process/process2.webp" },
-                        { id: 3, tag: "Creative", title: "Product Design", description: "User-centered design that delights customers.", imageSrc: "/templates/web-agency/process/process3.webp" }
-                    ]}
-                    textboxLayout="default"
-                    useInvertedBackground={false}
-                />
-                <FooterCard logoText="Studio" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] }]} />
+                <div id="nav" data-section="nav">
+                  <NavbarLayoutFloatingInline 
+                    navItems={navItems} 
+                    brandName="Studio" 
+                    button={{ text: "Contact", href: "/#contact" }} 
+                  />
+                </div>
+                <div id="footer" data-section="footer">
+                  <FooterLogoEmphasis 
+                    logoText="Studio" 
+                    columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] }]} 
+                  />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );