Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #fffcfc;;
-  --card: #fffafa;;
-  --foreground: #220000;;
-  --primary-cta: #c1121f;;
+  --background: #fafffb;;
+  --card: #f7fffa;;
+  --foreground: #001a0a;;
+  --primary-cta: #0a7039;;
   --secondary-cta: #ffffff;;
-  --accent: #f0b8bc;;
-  --background-accent: #e07a82;;
+  --accent: #a8d9be;;
+  --background-accent: #6bbf8e;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -9,6 +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 { Tag, HelpCircle, Zap } from "lucide-react";
 
 export default function BarbershopPage() {
   return (
@@ -45,6 +46,7 @@ export default function BarbershopPage() {
       <div id="hero" data-section="hero">
         <HeroBillboardScroll
           tag="Premium Grooming"
+          tagIcon={Zap}
           title="Master Your Look"
           description="Experience precision barbering with our team of skilled professionals. Crafted cuts, classic shaves, and complete grooming solutions."
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767461718181-733b3cgz.jpg"
@@ -55,8 +57,8 @@ export default function BarbershopPage() {
               href: "contact"
             },
             {
-              text: "Learn More",
-              href: "services"
+              text: "Call Now",
+              onClick: () => window.open("tel:+1234567890", "_self")
             }
           ]}
         />
@@ -65,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"
@@ -95,6 +98,10 @@ export default function BarbershopPage() {
             {
               text: "View Full Menu",
               href: "contact"
+            },
+            {
+              text: "Book Service",
+              href: "contact"
             }
           ]}
         />
@@ -112,28 +119,28 @@ export default function BarbershopPage() {
             {
               id: "1",
               name: "Marcus Johnson",
-              role: "Master Barber",
+              role: "Master Barber - 15+ Years",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767461720731-gix300ws.jpg",
               imageAlt: "Marcus Johnson, Master Barber"
             },
             {
               id: "2",
               name: "David Chen",
-              role: "Signature Cuts",
+              role: "Signature Cuts Specialist - 12 Years",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767461721212-342rzetf.jpg",
               imageAlt: "David Chen, Signature Cuts specialist"
             },
             {
               id: "3",
               name: "James Wilson",
-              role: "Beard Expert",
+              role: "Beard Expert - 10+ Years",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767461721816-1h1qnt77.jpg",
               imageAlt: "James Wilson, Beard Expert"
             },
             {
               id: "4",
               name: "Robert Hayes",
-              role: "Style Consultant",
+              role: "Style Consultant - 8 Years",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767461722249-nrlfh8cm.jpg",
               imageAlt: "Robert Hayes, Style Consultant"
             }
@@ -214,6 +221,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"