Update src/app/pricing/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -3,15 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import TeamCardTen from '@/components/sections/team/TeamCardTen';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 
 export default function LandingPage() {
   return (
@@ -23,18 +18,17 @@ export default function LandingPage() {
         sizing="mediumLarge"
         background="none"
         cardStyle="glass-depth"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="layered"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
         headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        { name: "Services", id: "#services" },
-        { name: "Pricing", id: "#pricing" },
-        { name: "Team", id: "#team" },
-        { name: "Contact", id: "#contact" },
+        { name: "Serviços", id: "#services" },
+        { name: "Agendamento", id: "#booking" },
+        { name: "Contato", id: "#contact" },
       ]}
       brandName="THE ELITE CUT"
     />
@@ -46,27 +40,17 @@ export default function LandingPage() {
       description="Experience a grooming ritual defined by precision, tradition, and luxury. Your transformation starts in the chair."
       testimonials={[
         { name: "James W.", handle: "@jamesw", testimonial: "Best fade I've ever had. Truly a premium experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg?_wi=1", imageAlt: "barbershop interior modern luxury" },
-        { name: "Marcus L.", handle: "@mlux", testimonial: "The attention to detail here is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", imageAlt: "barbershop interior modern luxury" },
-        { name: "Alex R.", handle: "@alexcut", testimonial: "Always professional, clean, and consistent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg?_wi=1", imageAlt: "barbershop interior modern luxury" },
-        { name: "David S.", handle: "@dsilver", testimonial: "Worth every cent. The hot towel shave is a must.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21510.jpg?_wi=1", imageAlt: "barbershop interior modern luxury" },
-        { name: "Brian K.", handle: "@bkgroom", testimonial: "Finally found a barbershop that treats me like a gentleman.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94680.jpg?_wi=1", imageAlt: "barbershop interior modern luxury" }
+        { name: "Marcus L.", handle: "@mlux", testimonial: "The attention to detail here is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", imageAlt: "barbershop interior modern luxury" }
       ]}
-      buttons={[{ text: "Book Now", href: "#contact" }]}
+      buttons={[{ text: "Agendar Agora", href: "#booking" }]}
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg?_wi=2"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg", alt: "Full shot man at barber shop" },
-        { src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg", alt: "Handsome bearded man at the barbershop barber at work" },
-        { src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186519.jpg", alt: "Male barber sitting at his shop" },
-        { src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", alt: "Various trimmers on dressing table" },
-        { src: "http://img.b2bpic.net/free-photo/muscular-man-arrives-ski-complex_482257-76574.jpg", alt: "Muscular man arrives at ski complex" }
-      ]}
       avatarText="Join 500+ satisfied clients"
     />
   </div>
 
   <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" }
@@ -75,103 +59,44 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="split"
+  <div id="booking" data-section="booking">
+      <ContactSplit
       useInvertedBackground={true}
-      features={[
-        { id: "1", title: "Precision Haircut", description: "Tailored to your facial structure and style.", tag: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg?_wi=2" },
-        { id: "2", title: "Hot Towel Shave", description: "The ultimate luxury ritual for smooth skin.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21510.jpg?_wi=2" },
-        { id: "3", title: "Beard Sculpting", description: "Sharp lines and precise grooming for your beard.", tag: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94680.jpg?_wi=2" }
-      ]}
-      title="Our Signature Services"
-      description="We blend timeless techniques with modern precision to keep you looking your best."
-    />
-  </div>
-
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        { id: "p1", tag: "Essentials", price: "$45", period: "/ session", description: "Haircut and neck trim.", button: { text: "Book Now" }, featuresTitle: "Includes", features: ["Consultation", "Precision Cut", "Style"] },
-        { id: "p2", tag: "Premium", price: "$75", period: "/ session", description: "The full grooming experience.", button: { text: "Book Now" }, featuresTitle: "Includes", features: ["Everything in Essentials", "Hot Towel Shave", "Scalp Massage"] },
-        { id: "p3", tag: "Elite", price: "$120", period: "/ session", description: "Total rejuvenation treatment.", button: { text: "Book Now" }, featuresTitle: "Includes", features: ["Elite Cut", "Facial Treatment", "Beard Sculpting"] }
-      ]}
-      title="Services & Pricing"
-      description="Premium treatments for the modern man."
-    />
-  </div>
-
-  <div id="team" data-section="team">
-      <TeamCardTen
-      useInvertedBackground={true}
-      title="Meet Your Barbers"
-      tag="Experts"
-      membersAnimation="slide-up"
-      members={[
-        { id: "t1", name: "Master Barber Jack", imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-showing-three-blue-soft-color-background_140725-155287.jpg" },
-        { id: "t2", name: "Senior Barber Sam", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg" },
-        { id: "t3", name: "Style Expert Tony", imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-man-grooming_23-2147737047.jpg" }
-      ]}
-      memberVariant="card"
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "ts1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Best service in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park-close-up_613910-3278.jpg" },
-        { id: "ts2", name: "Michael Chen", handle: "@mchen", testimonial: "The fade is perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg" },
-        { id: "ts3", name: "Emily R.", handle: "@emr", testimonial: "Great attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg" },
-        { id: "ts4", name: "David K.", handle: "@dkim", testimonial: "Professional and consistent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg" },
-        { id: "ts5", name: "Luke T.", handle: "@ltone", testimonial: "Excellent experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg" }
-      ]}
-      showRating={true}
-      title="Trusted by Gentlemen"
-      description="What our clients say about their grooming ritual."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      faqsAnimation="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        { id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking online to guarantee your preferred time." },
-        { id: "q2", title: "Can I request a specific barber?", content: "Absolutely, just choose your barber during the online booking process." },
-        { id: "q3", title: "What products do you use?", content: "We use only top-tier, premium grooming products to ensure your hair and beard are well-maintained." }
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-148098.jpg"
-      title="Frequently Asked"
-      description="Everything you need to know about your appointment."
+      tag="Agendamento"
+      title="Reserve seu horário"
+      description="Escolha o melhor horário e garanta sua transformação com nossos especialistas."
+      background={{ variant: "sparkles-gradient" }}
+      imageSrc="http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94680.jpg"
+      buttonText="Reservar"
+      inputPlaceholder="Seu nome ou email"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      tag="Contact"
-      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."
       background={{ variant: "gradient-bars" }}
-      title="Ready for a Refresh?"
-      description="Book your appointment today and join the elite experience."
       imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg"
+      buttonText="Enviar"
+      inputPlaceholder="Seu email"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <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: "Serviços", href: "#services" }] },
+        { title: "Suporte", items: [{ label: "Agendamento", href: "#booking" }, { label: "Contato", href: "#contact" }] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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>
+  );
+}