Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #fffcfc;;
+  --background: #f8fcff;;
-  --card: #fffafa;;
+  --card: #ffffff;;
-  --foreground: #220000;;
+  --foreground: #00101f;;
-  --primary-cta: #c1121f;;
+  --primary-cta: #409fff;;
   --secondary-cta: #ffffff;;
-  --accent: #f0b8bc;;
+  --accent: #c7e2fc;;
-  --background-accent: #e07a82;;
+  --background-accent: #9bcfff;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/layout.tsx

@@ -1266,4 +1266,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

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 } from "lucide-react";
 
 export default function BarbershopPage() {
   return (
@@ -65,6 +66,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"
@@ -279,4 +281,4 @@ export default function BarbershopPage() {
       </div>
     </ThemeProvider>
   );
-}
+}