diff --git a/src/app/page.tsx b/src/app/page.tsx
index 10d7272..3d2d0b2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCa
 import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Zap } from "lucide-react";
+import { Tag, HelpCircle, Zap } from "lucide-react";
 
 export default function BarbershopPage() {
   return (
@@ -57,8 +57,8 @@ export default function BarbershopPage() {
               href: "contact"
             },
             {
-              text: "Learn More",
-              href: "services"
+              text: "Call Now",
+              onClick: () => window.open("tel:+1234567890", "_self")
             }
           ]}
         />
@@ -67,6 +67,7 @@ export default function BarbershopPage() {
       <div id="services" data-section="services">
         <FeatureCardTwenty
           tag="Our Services"
+          tagIcon={Tag}
           title="Exceptional Grooming Services"
           description="From classic haircuts to premium beard treatments, we deliver excellence in every service. Each client receives personalized attention and expert craftsmanship."
           textboxLayout="default"
@@ -216,6 +217,8 @@ export default function BarbershopPage() {
 
       <div id="faq" data-section="faq">
         <FaqBase
+          tag="Help"
+          tagIcon={HelpCircle}
           title="Frequently Asked Questions"
           description="Have questions about our services, pricing, or booking? Find answers here."
           textboxLayout="default"