Update src/app/page.tsx

Merge version_22 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import BlogCardThree from "@/components/sections/blog/BlogCardThree";
-import { Star, Heart, Users, Camera, Sparkles, Crown, Phone, MessageCircle, User, Play, ChevronRight, X, ArrowDown, ArrowUp } from "lucide-react";
+import { Star, Heart, Users, Camera, Sparkles, Crown, Phone, MessageCircle, User, Play, ChevronRight, X, ArrowDown, ArrowUp, Instagram, MapPin } from "lucide-react";
 import { useState, useEffect } from "react";
 
 export default function LandingPage() {
@@ -230,15 +230,47 @@ export default function LandingPage() {
         </button>
       )}
 
-      <div id="nav" data-section="nav" className="relative z-20">
+      {/* 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>
+
+        {/* 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>
+
+        {/* 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>
+      </div>
+
+      <div id="nav" data-section="nav" className="relative z-20 mt-16">
         <NavbarStyleCentered
-          brandName="Irentall "
+          brandName=""
-          navItems={[
+          navItems={[]}
-            { name: "Home", id: "home" },
-            { name: "About", id: "about" },
-            { name: "Gallery", id: "gallery" },
-            { name: "Contact", id: "contact" }
-          ]}
           button={{
             text: "Call Now",            href: "tel:747-800-7770"
           }}