Update src/app/page.tsx

Merge version_12 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 } from "lucide-react";
+import { Star, Heart, Users, Camera, Sparkles, Crown, Phone, MessageCircle, User, Play, ChevronRight, X, ArrowDown } from "lucide-react";
 import { useState } from "react";
 
 export default function LandingPage() {
@@ -96,6 +96,16 @@ export default function LandingPage() {
 
   const initialDresses = allDresses.slice(0, 6);
 
+  const handleScrollToDresses = () => {
+    const gallerySectionElement = document.getElementById('gallery');
+    if (gallerySectionElement) {
+      gallerySectionElement.scrollIntoView({
+        behavior: 'smooth',
+        block: 'start'
+      });
+    }
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -133,7 +143,8 @@ export default function LandingPage() {
           tagIcon={Star}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Call Now", href: "tel:747-800-7770" }
+            { text: "Call Now", href: "tel:747-800-7770" },
+            { text: "Browse Dresses", onClick: handleScrollToDresses }
           ]}
           buttonAnimation="slide-up"
           leftCarouselItems={[