Add src/app/services/page.tsx

2026-05-09 08:33:44 +00:00
parent b063c1a717
commit a854fad802
1 changed files with 52 additions and 0 deletions
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="mediumLargeSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Madhur Radio"
+        />
+        <FeatureCardSixteen
+          animationType="slide-up"
+          textboxLayout="default"
+          title="Our Professional Audio & Event Services"
+          description="We provide bespoke sound and lighting packages tailored to the unique requirements of your event."
+          negativeCard={{
+            items: ["Birthday DJ Sessions", "Small Venue Sound Kits", "Stage & LED Lighting", "Kirtan & Spiritual Sound Coverage"],
+          }}
+          positiveCard={{
+            items: ["Comprehensive Wedding DJ Packages", "Corporate Audio & Microphone Setup", "Grand Festival Sound Solutions", "Live Event Engineering"],
+          }}
+        />
+        <FooterBaseReveal
+          logoText="Madhur Radio"
+          columns={[]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}