Add src/app/treatments/page.tsx

src/app/treatments/page.tsx

@@ -0,0 +1,87 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function TreatmentsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="large"
+        background="none"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Collection", id: "/#products" },
+                { name: "Treatments", id: "/treatments" },
+                { name: "Our Story", id: "/#about" },
+                { name: "Reviews", id: "/#testimonials" },
+                { name: "Contact", id: "/#contact" },
+              ]}
+              brandName="SOPHIE FOLIE’S"
+              button={{ text: "Book Styling", href: "/#contact" }}
+            />
+        </div>
+
+        <div id="treatments" data-section="pricing">
+            <PricingCardNine
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
+              title="Zen-Luxury Treatments"
+              description="Discover our signature service pillars, designed to harmonize your style with your inner radiance."
+              plans={[
+                {
+                    id: "t1",                    title: "Color Harmony Analysis",                    price: "$190",                    period: "session",                    features: ["Personal palette selection", "Seasonal color mapping", "Wardrobe audit"],
+                    button: { text: "Book Session" }
+                },
+                {
+                    id: "t2",                    title: "Signature Styling",                    price: "$250",                    period: "session",                    features: ["Full look curation", "Occasion outfit strategy", "Accessory pairing"],
+                    button: { text: "Book Session" }
+                },
+                {
+                    id: "t3",                    title: "The Total Folie",                    price: "$450",                    period: "package",                    features: ["Full color & style audit", "Personalized shopping list", "Closet refresh"],
+                    button: { text: "Book Package" }
+                }
+              ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBase
+              columns={[
+                { title: "Boutique", items: [
+                  { label: "Collection", href: "/#products" },
+                  { label: "About Sophie", href: "/#about" },
+                  { label: "Treatments", href: "/treatments" }
+                ] },
+                { title: "Connect", items: [
+                  { label: "Book Styling", href: "/#contact" },
+                  { label: "Instagram", href: "#" },
+                  { label: "WhatsApp Support", href: "#" }
+                ] },
+                { title: "Legal", items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" }
+                ] }
+              ]}
+              logoText="SOPHIE FOLIE’S"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}