Update src/app/styles/variables.css

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
@@ -40,38 +40,20 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitTestimonial
-          title="Professional Beauty Technology for Modern Clinics"
+        <HeroLogoBillboardSplit
+          logoText="BeautyMafia"
           description="Advanced beauty equipment and biohacking skincare devices engineered for aesthetic professionals who demand premium results. Trusted by leading European beauty clinics."
-          tag="EU Certified & Trusted"
-          tagIcon={Shield}
-          tagAnimation="slide-up"
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Shop Equipment", href: "#products" },
             { text: "Explore Biohacking", href: "#features" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273868.jpg"
-          imageAlt="Professional beauty clinic equipment showcase"
-          imagePosition="right"
+          layoutOrder="default"
+          imageSrc="https://images.unsplash.com/photo-1576091160550-112173e7d7cb?w=1200&h=900&fit=crop"
+          imageAlt="Professional beauty clinic with diagnostic and spa equipment"
           mediaAnimation="opacity"
-          testimonials={[
-            {
-              name: "Dr. Sophie Laurent",              handle: "Clinic Director, Paris",              testimonial: "This equipment transformed our treatment offerings. Our clients absolutely love the results.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-female-event-manager-with-stylish-haircut-working-her-office_343059-3729.jpg"
-            },
-            {
-              name: "Maria Rossi",              handle: "Salon Owner, Milan",              testimonial: "Premium quality with exceptional customer support. Highly recommend for serious professionals.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-black-sweater-standing-posing_114579-58749.jpg"
-            },
-            {
-              name: "Annika Bergström",              handle: "Aesthetic Manager, Stockholm",              testimonial: "The ROI on this equipment was incredible. Our clients keep coming back.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/thinking-doctor-young-girl-wearing-stethoscope-medical-gown-grabbed-jaw-white-background_141793-20986.jpg"
-            }
-          ]}
-          testimonialRotationInterval={5000}
-          useInvertedBackground={false}
-          background={{ variant: "glowing-orb" }}
+          frameStyle="card"
         />
       </div>
 

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #E34400;
+  --card: #f0f4ff;
+  --foreground: #001a4d;
+  --primary-cta: #0052cc;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #f0f4ff;
   --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
-  --background-accent: #E34400;
+  --accent: #b3d9ff;
+  --background-accent: #e6f0ff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);