Update theme colors

Merge version_3 into main

src/app/layout.tsx

@@ -20,6 +20,7 @@ export const metadata: Metadata = {
   },
 };
 
+
 const poppins = Poppins({
   variable: "--font-poppins",
   subsets: ["latin"],

src/app/page.tsx

@@ -12,7 +12,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Repeat, Scissors, Star, User, Users, Zap, Shield, Award, Circle } from "lucide-react";
+import { Repeat, Scissors, Star, User, Users, Zap, Shield, Award, Sparkles, MapPin, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -60,15 +60,14 @@ export default function LandingPage() {
         { imageSrc: "http://img.b2bpic.net/free-photo/hair-supplies-paper-bag_23-2148352906.jpg", imageAlt: "Quality grooming tools" },
         { imageSrc: "http://img.b2bpic.net/free-photo/comfortable-black-white-home-interior-design-generated-by-ai_188544-29099.jpg", imageAlt: "Warm shop lighting" },
       ]}
-      buttons={[{ text: "Book Your Appointment", href: "#contact" }]}
       avatars={[
         { src: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg", alt: "Barber 1" },
         { src: "http://img.b2bpic.net/free-photo/portrait-male-hairstylist-barber-shop_23-2147839825.jpg", alt: "Barber 2" },
         { src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186518.jpg", alt: "Barber 3" },
         { src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg", alt: "Barber 4" },
-        { src: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-elderly-client_23-2148181885.jpg", alt: "Barber 5" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxLbGWIafoOqsNNGtfMxq5nGIn/uploaded-1778175793723-nq4vq6pz.png", alt: "Barber 5" },
       ]}
-      avatarText="Trusted by 500+ happy Stockholmers"
+      avatarText="Trusted by 1000+ happy Peoples"
       marqueeItems={[{ type: "text", text: "Precision" }, { type: "text", text: "Heritage" }, { type: "text", text: "Quality" }, { type: "text", text: "Style" }, { type: "text", text: "Trust" }]}
     />
   </div>
@@ -86,18 +85,35 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="beard-shaving" data-section="beard-shaving">
+      <FeatureCardTwentySix
+      textboxLayout="default"
+      useInvertedBackground={true}
+      title="Ready to look sharp? Find us."
+      description="We are conveniently located in the heart of the city to serve your grooming needs."
+      tag=" Kungsgatan 84, 112 27 Stockholm& Contact"
+      tagIcon={MapPin}
+      features={[
+        { title: "Central Access", description: "Easy reach from the central station and main transit lines.", imageSrc: "http://img.b2bpic.net/free-photo/street-sign-sweden_23-2148896000.jpg?_wi=1", buttonIcon: Zap },
+        { title: "Parking Nearby", description: "Available public parking within 2 minutes walking distance.", imageSrc: "http://img.b2bpic.net/free-photo/map-navigation-concept_23-2149141756.jpg?_wi=1", buttonIcon: Shield },
+        { title: "Visit Our Studio", description: "Our doors are open Monday through Saturday for all your needs.", imageSrc: "http://img.b2bpic.net/free-photo/barbershop-facade_23-2148506206.jpg?_wi=1", buttonIcon: Users },
+        { title: "Call Us Direct", description: "Reach out for questions or bookings at 086505551.", imageSrc: "http://img.b2bpic.net/free-photo/phone-on-table_23-2148896000.jpg?_wi=1", buttonIcon: Phone },
+      ]}
+      />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardTwentySix
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { title: "Precision Fades", description: "Expert attention to detail for the sharpest look in Stockholm.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg", buttonIcon: Zap },
-        { title: "Top-Tier Hygiene", description: "Strict cleaning protocols ensuring your comfort and safety.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-curlers-scissors_23-2148352959.jpg", buttonIcon: Shield },
-        { title: "Warm Atmosphere", description: "A shop where we know your name and your preferences.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", buttonIcon: Users },
-        { title: "Expert Craftsmanship", description: "Master barbers dedicated to the art of grooming.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-preparing-equipment-work-barber-shop_23-2148182010.jpg", buttonIcon: Award },
+        { title: "Community Focus", description: "Building lasting relationships with everyone who sits in our chair.", imageSrc: "http://img.b2bpic.net/free-photo/people-shaking-hands-barbershop_23-2149141784.jpg?_wi=2", buttonIcon: Zap },
+        { title: "Clean Environment", description: "Maintaining the highest sanitation standards for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/barber-sanitization_23-2148352906.jpg?_wi=2", buttonIcon: Shield },
+        { title: "Local Heritage", description: "A Stockholm staple since 2016, rooted in professional craft.", imageSrc: "http://img.b2bpic.net/free-photo/old-barbershop-vibe_23-2148206901.jpg?_wi=2", buttonIcon: Users },
+        { title: "Expert Mastery", description: "Barbers dedicated to precision techniques and continuous improvement.", imageSrc: "http://img.b2bpic.net/free-photo/master-barber-at-work_23-2147839825.jpg?_wi=2", buttonIcon: Award },
       ]}
-      title="Why Stockholm Chooses Joel"
-      description="We prioritize consistency, hygiene, and a personalized experience for every chair."
+      title="What Defines Us"
+      description="Beyond just cuts, we offer a dedicated service environment for all our clients."
     />
   </div>
 
@@ -140,12 +156,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        { id: "p1", badge: "Popular", price: "250 kr", subtitle: "Classic Barber Cut", buttons: [{ text: "Book", href: "#contact" }], features: ["Precision cut", "Style consultation", "Finish"] },
-        { id: "p2", badge: "Premium", price: "250 kr", subtitle: "Cut & Beard Trim", buttons: [{ text: "Book", href: "#contact" }], features: ["Precision cut", "Beard sculpting", "Hot towel service"] },
-        { id: "p3", badge: "Junior", price: "250 kr", subtitle: "Kids Haircut", buttons: [{ text: "Book", href: "#contact" }], features: ["Safe handling", "Quick session", "Professional result"] },
+        { id: "p1", badge: "Popular", price: "250 kr", subtitle: "Professional Haircut", buttons: [], features: ["Precision haircut", "Style consultation", "Finish & styling products"] },
       ]}
       title="Our Services"
-      description="Quality grooming tailored to your needs."
+      description="Quality grooming tailored to your style."
     />
   </div>
 
@@ -171,8 +185,8 @@ export default function LandingPage() {
       background={{ variant: "sparkles-gradient" }}
       tag="Visit Us"
       title="Ready to Look Sharp?"
-      description="Book your slot now and join the Joels Barbershop family."
-      buttons={[{ text: "Book Now", href: "#" }]}
+      description="Visit us in-store to join the Joels Barbershop family."
+      buttons={[]}
     />
   </div>
 
@@ -190,4 +204,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}