Add src/app/pricing/page.tsx

2026-05-07 14:10:57 +00:00
parent 5ab1073a4b
commit f1306adf90
1 changed files with 72 additions and 0 deletions
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,72 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="none"
+        cardStyle="glass-depth"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarStyleCentered
+      navItems={[
+        { name: "Serviços", id: "/#services" },
+        { name: "Preços", id: "/pricing" },
+        { name: "Agendamento", id: "/#booking" },
+        { name: "Contato", id: "/#contact" },
+      ]}
+      brandName="THE ELITE CUT"
+    />
+  </div>
+
+  <div id="pricing" data-section="pricing">
+      <PricingCardNine
+      title="Choose Your Experience"
+      description="Transparent pricing for elite grooming services. Select the plan that fits your needs."
+      textboxLayout="default"
+      animationType="slide-up"
+      plans={[
+        {
+          id: "basic",          title: "Essential Trim",          price: "$45",          period: "/ session",          features: ["Precision Haircut", "Hot Towel Finish", "Style & Groom"]
+        },
+        {
+          id: "premium",          title: "The Gentleman's Ritual",          price: "$85",          period: "/ session",          features: ["Haircut & Beard Sculpt", "Hot Towel Shave", "Scalp Massage", "Premium Tonic Treatment"]
+        },
+        {
+          id: "vip",          title: "Elite Full Service",          price: "$120",          period: "/ session",          features: ["Full Grooming Suite", "Priority Booking", "Complimentary Beverage", "Product Sample Kit"]
+        }
+      ]}
+      buttonAnimation="slide-up"
+      buttons={[{ text: "Get Started", href: "/#booking" }]}
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterMedia
+      logoText="THE ELITE CUT"
+      copyrightText="© 2025 | The Elite Cut Barbershop"
+      imageSrc="http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg"
+      columns={[
+        { title: "Navegação", items: [{ label: "Home", href: "/" }, { label: "Preços", href: "/pricing" }] },
+        { title: "Suporte", items: [{ label: "Agendamento", href: "/#booking" }, { label: "Contato", href: "/#contact" }] }
+      ]}
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}