Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -6,7 +6,6 @@ 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';
@@ -33,10 +32,8 @@ 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"
           }}
@@ -45,7 +42,7 @@ export default function BarberShopPage() {
 
       <div id="hero" data-section="hero">
         <HeroSplitKpi
-          title="Hof Coral the barber"
+          title="Premium Barbering for the Modern Man"
           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={[
@@ -60,7 +57,7 @@ export default function BarberShopPage() {
             { text: "Book Now", href: "#contact" },
             { text: "Learn More", href: "#about" }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/young-man-barbershop-trimming-hair_1303-26254.jpg?id=12804095"
+          imageSrc="https://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg"
           imageAlt="Modern barber shop interior"
           imagePosition="right"
           mediaAnimation="slide-up"
@@ -98,7 +95,7 @@ export default function BarberShopPage() {
         <InlineImageSplitTextAbout
           heading={[
             { type: "text", content: "Crafted grooming expertise since" },
-            { 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: "image", src: "https://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", alt: "Sharp Cuts Barber Logo" },
             { type: "text", content: "2009. We deliver precision and style." }
           ]}
           buttons={[
@@ -133,36 +130,6 @@ 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: #ffffff;;;;;
+  /* --background: #f7f6f7;;
-  --card: #f9f9f9;;;;;
+  --card: #ffffff;;
-  --foreground: #120a00e6;;;;;
+  --foreground: #0c1325;;
-  --primary-cta: #ff8c42;;;;;
+  --primary-cta: #0798ff;;
-  --secondary-cta: #f9f9f9;;;;;
+  --secondary-cta: #ffffff;;
-  --accent: #e2e2e2;;;;;
+  --accent: #93c7ff;;
-  --background-accent: #c4c4c4;;;;; */
+  --background-accent: #a8cde8;; */
 
-  --background: #ffffff;;;;;
+  --background: #f7f6f7;;
-  --card: #f9f9f9;;;;;
+  --card: #ffffff;;
-  --foreground: #120a00e6;;;;;
+  --foreground: #0c1325;;
-  --primary-cta: #ff8c42;;;;;
+  --primary-cta: #0798ff;;
-  --secondary-cta: #f9f9f9;;;;;
+  --secondary-cta: #ffffff;;
-  --accent: #e2e2e2;;;;;
+  --accent: #93c7ff;;
-  --background-accent: #c4c4c4;;;;;
+  --background-accent: #a8cde8;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);