Update theme colors

Merge version_1 into main

src/app/page.tsx

@@ -6,6 +6,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
@@ -32,8 +33,10 @@ export default function BarberShopPage() {
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
             { name: "Barbers", id: "barbers" },
-            { name: "Reviews", id: "testimonials" }
-          ]}
+            { name: "Reviews", id: "testimonials" },
+          
+            { name: "Blog", id: "/blog" },
+]}
           button={{
             text: "Book Now",            href: "#contact"
           }}
@@ -42,7 +45,7 @@ export default function BarberShopPage() {
 
       <div id="hero" data-section="hero">
         <HeroSplitKpi
-          title="Premium Barbering for the Modern Man"
+          title="Hof Coral the barber"
           description="Experience expert grooming in our welcoming barber shop. Professional cuts, clean shaves, and impeccable styling from our master barbers."
           background={{ variant: "glowing-orb" }}
           kpis={[
@@ -57,7 +60,7 @@ export default function BarberShopPage() {
             { text: "Book Now", href: "#contact" },
             { text: "Learn More", href: "#about" }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg"
+          imageSrc="https://img.b2bpic.net/free-photo/young-man-barbershop-trimming-hair_1303-26254.jpg?id=12804095"
           imageAlt="Modern barber shop interior"
           imagePosition="right"
           mediaAnimation="slide-up"
@@ -95,7 +98,7 @@ export default function BarberShopPage() {
         <InlineImageSplitTextAbout
           heading={[
             { type: "text", content: "Crafted grooming expertise since" },
-            { type: "image", src: "https://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", alt: "Sharp Cuts Barber Logo" },
+            { type: "image", src: "https://img.b2bpic.net/free-photo/young-man-barbershop-trimming-hair_1303-26254.jpg?id=12804095", alt: "Sharp Cuts Barber Logo" },
             { type: "text", content: "2009. We deliver precision and style." }
           ]}
           buttons={[
@@ -130,6 +133,36 @@ export default function BarberShopPage() {
         />
       </div>
 
+      <div id="features" data-section="features">
+        <FeatureCardNine
+          title="Why Choose Sharp Cuts?"
+          description="Discover what sets us apart in the barbering industry. Premium quality, expert craftsmanship, and dedicated customer service."
+          tag="Our Advantages"
+          tagIcon={Sparkles}
+          features={[
+            {
+              id: 1,
+              title: "Expert Craftsmen",              description: "Our master barbers bring years of training and passion to every service, ensuring precision cuts and perfect styling every time.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/barber-woman-making-haircut_1163-2017.jpg", imageAlt: "Expert barber at work" },
+              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/barber-woman-making-haircut_1163-2017.jpg", imageAlt: "Expert barber at work" }
+            },
+            {
+              id: 2,
+              title: "Premium Products",              description: "We use only the finest grooming products and tools, selected to provide superior results and comfort for our valued clients.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/hairstylist-woman-doing-haircut_1163-2018.jpg", imageAlt: "Premium grooming products" },
+              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/hairstylist-woman-doing-haircut_1163-2018.jpg", imageAlt: "Premium grooming products" }
+            },
+            {
+              id: 3,
+              title: "Welcoming Atmosphere",              description: "Our shop is designed as a comfortable retreat where men can relax, connect, and experience exceptional grooming services.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/young-man-barbershop-trimming-hair_1303-26254.jpg?id=12804095", imageAlt: "Welcoming barber shop interior" },
+              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/young-man-barbershop-trimming-hair_1303-26254.jpg?id=12804095", imageAlt: "Welcoming barber shop interior" }
+            }
+          ]}
+          showStepNumbers={false}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSix
           title="What Our Customers Say"

src/app/styles/variables.css

@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0798ff;;
-  --secondary-cta: #ffffff;;
-  --accent: #93c7ff;;
-  --background-accent: #a8cde8;; */
+  /* --background: #ffffff;;;;;
+  --card: #f9f9f9;;;;;
+  --foreground: #120a00e6;;;;;
+  --primary-cta: #ff8c42;;;;;
+  --secondary-cta: #f9f9f9;;;;;
+  --accent: #e2e2e2;;;;;
+  --background-accent: #c4c4c4;;;;; */
 
-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0798ff;;
-  --secondary-cta: #ffffff;;
-  --accent: #93c7ff;;
-  --background-accent: #a8cde8;;
+  --background: #ffffff;;;;;
+  --card: #f9f9f9;;;;;
+  --foreground: #120a00e6;;;;;
+  --primary-cta: #ff8c42;;;;;
+  --secondary-cta: #f9f9f9;;;;;
+  --accent: #e2e2e2;;;;;
+  --background-accent: #c4c4c4;;;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);