Update src/app/styles/variables.css

Merge version_15 into main

src/app/page.tsx

@@ -40,13 +40,13 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroCarouselLogo
       logoText="FlawLikeMigo"
-      description="Precision grooming and premium barber services. Experience a cut designed to elevate your personal style."
+      description="Serving Buda, Kyle, and the greater Austin area—elevating your style with precision."
       buttons={[
         { text: "Book Appointment", href: "#contact" },
       ]}
       slides={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/combs-brushes_23-2147711617.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-groomed-salon_23-2149220574.jpg?_wi=1" }
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXcDHoKBX1pK6RdszTOwD4Yhel/uploaded-1774639907880-qdv0qs1a.jpg" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXcDHoKBX1pK6RdszTOwD4Yhel/uploaded-1774639907880-gfi2j7xb.jpg" }
       ]}
     />
   </div>
@@ -57,7 +57,7 @@ export default function LandingPage() {
       title="The Migo Touch"
       tag="Come get right, best in the city I don’t sell the cut I sell an experience"
       description="FlawLikeMigo is a young, precision-focused barber based in Buda and Kyle, Texas—just a 15-minute drive from Austin. With years of experience behind the chair, we are dedicated to providing more than just a haircut; we curate a premium grooming experience designed to leave you feeling sharp, confident, and ready for anything."
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-getting-groomed-salon_23-2149220574.jpg?_wi=2"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXcDHoKBX1pK6RdszTOwD4Yhel/uploaded-1774640146026-zf8iucja.jpg"
       videoSrc="https://www.w3schools.com/howto/img_video.mp4?_wi=2"
     />
   </div>
@@ -68,16 +68,16 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "p1",          badge: "Signature",          price: "$45",          subtitle: "Full service hair cut with design, black mask, and eyebrows",          buttons: [{ text: "Book", href: "#contact" }],
-          features: ["Precision Haircut", "Custom Design", "Black Mask Treatment", "Eyebrow Grooming"],
-        },
         {
           id: "p2",          badge: "Classic",          price: "$35",          subtitle: "Haircut with Eyebrows",          buttons: [{ text: "Book", href: "#contact" }],
           features: ["Precision Haircut", "Eyebrow Grooming", "Line-up"],
         },
         {
-          id: "p3",          badge: "Complete",          price: "$65",          subtitle: "Full Grooming",          buttons: [{ text: "Book", href: "#contact" }],
+          id: "p1",          badge: "Signature",          price: "$45",          subtitle: "Full service hair cut with design, black mask, and eyebrows",          buttons: [{ text: "Book", href: "#contact" }],
+          features: ["Precision Haircut", "Custom Design", "Black Mask Treatment", "Eyebrow Grooming"],
+        },
+        {
+          id: "p3",          badge: "Complete",          price: "$50",          subtitle: "Full Grooming",          buttons: [{ text: "Book", href: "#contact" }],
           features: ["Signature Cut", "Beard Trim", "Facial Treatment"],
         },
       ]}
@@ -132,4 +132,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
-  --card: #ffffff;
+  --background: #ffffff;
+  --card: #f9f9f9;
   --foreground: #1a1a1a;
-  --primary-cta: #2c2c2c;
+  --primary-cta: #15479c;
   --primary-cta-text: #f5f4f0;
-  --secondary-cta: #f5f4f0;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #1a1a1a;
-  --accent: #8a8a8a;
-  --background-accent: #e8e6e1;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);