diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0f581e8..54a853d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -100,7 +100,7 @@ export default function LandingPage() {
       </div>
 
       <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." background={{ variant: "plain" }} tag="5.0 ★ Loved by Local Brides" tagIcon={Star} tagAnimation="slide-up" buttons={[{ text: "Call Now", href: "tel:747-800-7770" }, { text: "Browse Dresses", onClick: () => galleryRef.current?.scrollIntoView({ behavior: 'smooth' }) }]} buttonAnimation="slide-up" carouselPosition="right" />
+        <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." background={{ variant: "plain" }} leftCarouselItems={allDresses.slice(0, 3).map(d => ({ imageSrc: d.imageSrc, imageAlt: d.imageAlt }))} rightCarouselItems={allDresses.slice(3, 6).map(d => ({ imageSrc: d.imageSrc, imageAlt: d.imageAlt }))} tag="5.0 ★ Loved by Local Brides" tagIcon={Star} tagAnimation="slide-up" buttons={[{ text: "Call Now", href: "tel:747-800-7770" }, { text: "Browse Dresses", onClick: () => galleryRef.current?.scrollIntoView({ behavior: 'smooth' }) }]} buttonAnimation="slide-up" carouselPosition="right" />
       </div>
 
       <div id="features" data-section="features" className="relative z-10">
@@ -121,7 +121,7 @@ export default function LandingPage() {
       </div>
 
       <div id="reels" data-section="reels" className="relative z-10">
-        <BlogCardThree title="Behind the Beauty" textboxLayout="default" useInvertedBackground={true} tag="Featured Content" tagIcon={Play} tagAnimation="slide-up" animationType="slide-up" blogs={[]} uniformGridCustomHeightClasses="min-h-120" />
+        <BlogCardThree title="Behind the Beauty" description="See our latest bridal stories and inspirations." textboxLayout="default" useInvertedBackground={true} tag="Featured Content" tagIcon={Play} tagAnimation="slide-up" animationType="slide-up" blogs={[]} uniformGridCustomHeightClasses="min-h-120" />
       </div>
 
       <div id="shoes" data-section="shoes" className="relative z-10" ref={shoesRef}>
@@ -143,7 +143,7 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact" className="relative z-10">
-        <ContactCTA tag="Get in Touch" tagIcon={Phone} tagAnimation="slide-up" title="Ready to Find Your Dream Dress?" description="Book your free 30-minute styling session today! Call or text (747) 800-7770." buttons={[{ text: "Call (747) 800-7770", href: "tel:747-800-7770" }, { text: "Text (747) 800-7770", href: "sms:747-800-7770" }]} background={{ variant: "plain" }} />
+        <ContactCTA tag="Get in Touch" tagIcon={Phone} tagAnimation="slide-up" title="Ready to Find Your Dream Dress?" description="Book your free 30-minute styling session today! Call or text (747) 800-7770." buttons={[{ text: "Call (747) 800-7770", href: "tel:747-800-7770" }, { text: "Text (747) 800-7770", href: "sms:747-800-7770" }]} background={{ variant: "plain" }} useInvertedBackground={false} />
       </div>
 
       <div id="footer" data-section="footer" className="relative z-10">