Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -18,8 +18,8 @@ export default function LandingPage() {
         sizing="mediumLarge"
         background="none"
         cardStyle="glass-depth"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="layered"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
         headingFontWeight="medium"
     >
       <ReactLenis root>
@@ -50,7 +50,7 @@ export default function LandingPage() {
 
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       heading={[
         { type: "text", content: "The Elite Cut Difference" },
         { type: "image", src: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", alt: "Barber" }
@@ -61,7 +61,7 @@ export default function LandingPage() {
 
   <div id="booking" data-section="booking">
       <ContactSplit
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       tag="Agendamento"
       title="Reserve seu horário"
       description="Escolha o melhor horário e garanta sua transformação com nossos especialistas."
@@ -74,7 +74,7 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       tag="Contato"
       title="Entre em contato"
       description="Estamos localizados no coração da cidade. Entre em contato conosco para dúvidas ou suporte."

src/app/pricing/page.tsx

@@ -0,0 +1,74 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+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">
+          <PricingCardTwo
+            title="Choose Your Experience"
+            description="Transparent pricing for elite grooming services. Select the plan that fits your needs."
+            textboxLayout="default"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            plans={[
+              {
+                id: "basic",                badge: "Popular",                price: "$45",                subtitle: "/ session",                buttons: [{ text: "Get Started", href: "/#booking" }],
+                features: ["Precision Haircut", "Hot Towel Finish", "Style & Groom"]
+              },
+              {
+                id: "premium",                badge: "Advanced",                price: "$85",                subtitle: "/ session",                buttons: [{ text: "Get Started", href: "/#booking" }],
+                features: ["Haircut & Beard Sculpt", "Hot Towel Shave", "Scalp Massage", "Premium Tonic Treatment"]
+              },
+              {
+                id: "vip",                badge: "Elite",                price: "$120",                subtitle: "/ session",                buttons: [{ text: "Get Started", href: "/#booking" }],
+                features: ["Full Grooming Suite", "Priority Booking", "Complimentary Beverage", "Product Sample Kit"]
+              }
+            ]}
+          />
+        </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>
+  );
+}