Add src/app/services/page.tsx

src/app/services/page.tsx

@@ -0,0 +1,72 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
+        sizing="largeSmallSizeLargeTitles"
+        background="aurora"
+        cardStyle="inset"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "#" },
+              { name: "Results", id: "/" },
+              { name: "Contact", id: "/" },
+            ]}
+            brandName="Azmai"
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTkySybknVncRtPCpXmW7wtq7L/uploaded-1778314749171-eb8li2ef.png"
+            logoClassName="scale-[2.5]"
+          />
+        </div>
+        <div className="pt-32 pb-16 px-6 max-w-7xl mx-auto">
+            <h1 className="text-5xl font-bold mb-8">Our Services</h1>
+            <p className="text-xl mb-12">Explore our range of digital growth and development services tailored to scale your brand.</p>
+            <div className="grid gap-8">
+              <div className="p-8 bg-card rounded-xl border">
+                <h2 className="text-2xl font-semibold mb-4">Book a Consultation</h2>
+                <p className="mb-6">Ready to discuss your project? Schedule a time that works for you.</p>
+                <a href="#" className="inline-block px-6 py-3 bg-primary text-white rounded-md font-medium">Book Now</a>
+              </div>
+              <div className="p-8 bg-card rounded-xl border">
+                <h2 className="text-2xl font-semibold mb-4">Contact for Outreach</h2>
+                <p className="mb-6">Email: hello@azmai.com</p>
+                <p className="mb-6">Phone: +1 (555) 123-4567</p>
+              </div>
+            </div>
+        </div>
+        <div id="contact" data-section="contact">
+            <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            text="Let's discuss how we can help your brand grow."
+            buttons={[{ text: "Schedule Your Discovery Call", href: "#" }]}
+            />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+            logoText="Azmai"
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTkySybknVncRtPCpXmW7wtq7L/uploaded-1778314749171-eb8li2ef.png"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}