Update src/app/page.tsx

Merge version_26 into main

src/app/page.tsx

@@ -207,80 +207,54 @@ export default function LandingPage() {
       {/* Fixed "Go to Dresses" Button */}
       <button
         onClick={scrollToGallery}
-        className="fixed right-6 bottom-32 z-40 w-16 h-16 rounded-full bg-gradient-to-r from-[var(--primary-cta)] to-[var(--primary-cta)] text-[var(--primary-cta-text)] shadow-lg hover:shadow-2xl transition-all duration-300 ease-out flex items-center justify-center hover:scale-110 active:scale-95"
+        className="fixed right-6 bottom-32 z-40 w-12 h-12 rounded-full bg-gradient-to-r from-[#D4AF37] to-[#D4AF37] text-black shadow-lg hover:shadow-2xl transition-all duration-300 ease-out flex items-center justify-center hover:scale-110 active:scale-95"
         aria-label="Go to Dresses"
         title="Go to Dresses"
       >
-        <div className="flex flex-col items-center justify-center gap-1">
-          <ArrowDown className="w-5 h-5" />
+        <div className="flex flex-col items-center justify-center gap-0.5">
+          <ArrowDown className="w-4 h-4" />
           <span className="text-xs font-semibold text-center leading-tight">Dresses</span>
         </div>
       </button>
 
-      {/* Fixed Back-to-Top Button */}
-      {showBackToTop && (
-        <button
-          onClick={scrollToTop}
-          className="fixed right-6 bottom-6 z-40 w-16 h-16 rounded-full bg-gradient-to-r from-[var(--secondary-cta)] to-[var(--secondary-cta)] text-[var(--secondary-cta-text)] shadow-lg hover:shadow-2xl transition-all duration-300 ease-out flex items-center justify-center hover:scale-110 active:scale-95 animate-in fade-in-0 duration-300"
-          aria-label="Back to Top"
-          title="Back to Top"
+      {/* Fixed Top Social & Contact Bar */}
+      <div className="fixed top-0 left-0 right-0 z-50 bg-[#D4AF37] text-black 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"
         >
-          <ArrowUp className="w-5 h-5" />
-        </button>
-      )}
+          <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>
-
-            {/* 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>
+        {/* Google Maps */}
+        <a
+          href="https://www.google.com/maps/search/Irentall"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="hover:scale-110 transition-transform duration-300 ease-out"
+          aria-label="Search Irentall on Google Maps"
+          title="Search Irentall on Google Maps"
+        >
+          <MapPin className="w-6 h-6" />
+        </a>
       </div>
 
-      <div id="hero" data-section="hero" className="relative z-10 mt-24">
+      <div id="hero" data-section="hero" className="relative z-10 mt-16">
         <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."
@@ -375,19 +349,11 @@ export default function LandingPage() {
           testimonials={[
             {
               id: "1",              name: "Marina Farhardyan ",              role: "Bride",              company: "Irentall Boutique",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg?_wi=2",              imageAlt: "Sarah Johnson - Happy bride"
+              imageSrc: "",              imageAlt: "Sarah Johnson - Happy bride"
             },
             {
               id: "2",              name: "Jessica Martinez",              role: "Bride",              company: "Irentall Boutique",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278361.jpg?_wi=2",              imageAlt: "Jessica Martinez - Bride with friends"
-            },
-            {
-              id: "3",              name: "Emily Chen",              role: "Bride",              company: "Irentall Boutique",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/reflection-senior-mother-mature-daughter-mirror-home_23-2148202921.jpg",              imageAlt: "Emily Chen - Bride in mirror"
-            },
-            {
-              id: "4",              name: "Michelle Rodriguez",              role: "Bride",              company: "Irentall Boutique",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105871.jpg?_wi=2",              imageAlt: "Michelle Rodriguez - Happy bride moment"
+              imageSrc: "",              imageAlt: "Jessica Martinez - Bride with friends"
             }
           ]}
           animationType="slide-up"
@@ -409,16 +375,18 @@ export default function LandingPage() {
             products={initialDresses}
           />
 
-          {/* View More Button Positioned on Right */}
-          <div className="flex justify-end px-4 md:px-8 lg:px-16 py-6 md:py-10">
-            <button
-              onClick={() => setShowModal(true)}
-              className="group relative inline-flex items-center gap-2 px-6 md:px-8 py-3 md:py-4 bg-gradient-to-r from-[var(--primary-cta)] to-[var(--primary-cta)] text-[var(--primary-cta-text)] rounded-lg font-semibold hover:shadow-lg transition-all duration-300 ease-out"
-              aria-label="View More Dresses"
-            >
-              <span className="text-sm md:text-base">View More Dresses</span>
-              <ChevronRight className="w-5 h-5 md:w-6 md:h-6 group-hover:translate-x-1 transition-transform" />
-            </button>
+          {/* View More Button Positioned After 6th Picture */}
+          <div className="relative mt-0">
+            <div className="absolute -top-[280px] right-8 lg:right-16 z-30 flex justify-end">
+              <button
+                onClick={() => setShowModal(true)}
+                className="group relative inline-flex items-center gap-2 px-4 md:px-6 py-2 md:py-3 bg-gradient-to-r from-[#D4AF37] to-[#D4AF37] text-black rounded-lg font-semibold hover:shadow-lg transition-all duration-300 ease-out shadow-lg"
+                aria-label="View More Dresses"
+              >
+                <span className="text-sm md:text-base">View More Dresses</span>
+                <ChevronRight className="w-4 h-4 md:w-5 md:h-5 group-hover:translate-x-1 transition-transform" />
+              </button>
+            </div>
           </div>
         </div>