Add src/app/services/page.tsx

2026-04-22 21:21:37 +00:00
parent ff496e5ba8
commit c3ea821d4f
1 changed files with 61 additions and 0 deletions
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -0,0 +1,61 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="fluid"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "#products" },
+            { name: "About", id: "/" },
+            { name: "Contact", id: "/" },
+          ]}
+          brandName="ReserveElite"
+        />
+
+        <div id="products" data-section="products" style={{ marginTop: "100px" }}>
+          <ProductCardFour
+            animationType="blur-reveal"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="Our Premium Services"
+            description="Experience the liquid glass design language with our curated selection of elite services."
+            products={[
+              { id: "1", name: "Personal Wellness", price: "$120", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-vector/elegant-style-business-card-template_23-2148248078.jpg" },
+              { id: "2", name: "Strategy Session", price: "$250", variant: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-working-cafe-counter-processing-orders-using-pos-terminal-receiving_1258-199483.jpg" },
+              { id: "3", name: "Digital Coaching", price: "$180", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/woman-hands-injecting-liquid-into-credit-card-with-syringe-cash-injection-concept_1301-3462.jpg" },
+              { id: "4", name: "Creative Studio", price: "$300", variant: "Master", imageSrc: "http://img.b2bpic.net/free-photo/vintage-stationery-with-warm-light-shadows_24972-3068.jpg" },
+              { id: "5", name: "Health Coaching", price: "$150", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-vector/multicolor-business-card-collection_1043-485.jpg" },
+              { id: "6", name: "Spa Therapy", price: "$200", variant: "Relaxation", imageSrc: "http://img.b2bpic.net/free-vector/minimalist-abstract-massage-wellness-gift-certificate_23-2148971950.jpg" },
+            ]}
+          />
+        </div>
+
+        <FooterLogoReveal
+          logoText="ReserveElite"
+          leftLink={{ text: "Privacy", href: "#" }}
+          rightLink={{ text: "Terms", href: "#" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}