Update src/app/page.tsx

Merge version_24 into main

src/app/page.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
 import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
@@ -230,54 +229,58 @@ export default function LandingPage() {
         </button>
       )}
 
-      {/* Fixed Top Social & Contact Bar */}
-      <div className="fixed top-0 left-0 right-0 z-50 bg-gradient-to-r from-[var(--primary-cta)] to-[var(--primary-cta)] text-[var(--primary-cta-text)] py-3 px-4 flex items-center justify-center gap-6">
-        {/* Instagram */}
-        <a
-          href="https://instagram.com/irentall.usa"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="hover:scale-110 transition-transform duration-300 ease-out"
-          aria-label="Follow us on Instagram"
-          title="Follow us on Instagram @irentall.usa"
-        >
-          <Instagram className="w-6 h-6" />
-        </a>
+      {/* Fixed Top Social & Contact Bar with Logo Space */}
+      <div className="fixed top-0 left-0 right-0 z-50 bg-[#D4AF37] text-black py-3 px-4">
+        <div className="flex items-center justify-between max-w-full">
+          {/* Logo Space */}
+          <div className="w-16 h-12 flex-shrink-0">
+            <img
+              src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5MJh3BJx339lVFA4KYjFzlzMX/uploaded-1773949161780-cc883vyf.jpg"
+              alt="Irentall Logo"
+              className="w-full h-full object-contain"
+            />
+          </div>
 
-        {/* Phone */}
-        <a
-          href="tel:747-800-7770"
-          className="hover:scale-110 transition-transform duration-300 ease-out"
-          aria-label="Call us"
-          title="Call (747) 800-7770"
-        >
-          <Phone className="w-6 h-6" />
-        </a>
+          {/* Social Icons */}
+          <div className="flex items-center justify-center gap-6">
+            {/* Instagram */}
+            <a
+              href="https://instagram.com/irentall.usa"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="hover:scale-110 transition-transform duration-300 ease-out"
+              aria-label="Follow us on Instagram"
+              title="Follow us on Instagram @irentall.usa"
+            >
+              <Instagram className="w-6 h-6" style={{ stroke: "#D4AF37", strokeWidth: 2 }} />
+            </a>
 
-        {/* Google Maps */}
-        <a
-          href="https://www.google.com/maps/search/3106+Los+Feliz+Blvd,+Los+Angeles,+CA+90039"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="hover:scale-110 transition-transform duration-300 ease-out"
-          aria-label="View our location"
-          title="3106 Los Feliz Blvd, Los Angeles, CA 90039"
-        >
-          <MapPin className="w-6 h-6" />
-        </a>
+            {/* Phone */}
+            <a
+              href="tel:747-800-7770"
+              className="hover:scale-110 transition-transform duration-300 ease-out"
+              aria-label="Call us"
+              title="Call (747) 800-7770"
+            >
+              <Phone className="w-6 h-6" style={{ stroke: "#D4AF37", strokeWidth: 2 }} />
+            </a>
+
+            {/* Google Maps */}
+            <a
+              href="https://www.google.com/maps/search/3106+Los+Feliz+Blvd,+Los+Angeles,+CA+90039"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="hover:scale-110 transition-transform duration-300 ease-out"
+              aria-label="View our location"
+              title="3106 Los Feliz Blvd, Los Angeles, CA 90039"
+            >
+              <MapPin className="w-6 h-6" style={{ stroke: "#D4AF37", strokeWidth: 2 }} />
+            </a>
+          </div>
+        </div>
       </div>
 
-      <div id="nav" data-section="nav" className="relative z-20 mt-16">
-        <NavbarStyleCentered
-          brandName=""
-          navItems={[]}
-          button={{
-            text: "Call Now",            href: "tel:747-800-7770"
-          }}
-        />
-      </div>
-
-      <div id="hero" data-section="hero" className="relative z-10">
+      <div id="hero" data-section="hero" className="relative z-10 mt-24">
         <HeroSplitDoubleCarousel
           title="Find Your Perfect Wedding Dress in Los Angeles"
           description="Personalized bridal styling with a curated collection of stunning gowns. Our expert team will guide you through every moment of your journey to find the dress of your dreams."