Update src/app/page.tsx

Merge version_45 into main

src/app/page.tsx

@@ -7,8 +7,7 @@ import ProductCardFour from "@/components/sections/product/ProductCardFour";
 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, Camera, Sparkles, Crown, Phone, User, Play, ChevronRight, X, Instagram, MapPin } from "lucide-react";
+import { Star, Heart, Camera, Sparkles, Crown, Phone, User, ChevronRight, X, Instagram, MapPin } from "lucide-react";
 import { useState, useEffect, useRef } from "react";
 
 export default function LandingPage() {
@@ -120,10 +119,6 @@ export default function LandingPage() {
         </div>
       </div>
 
-      <div id="reels" data-section="reels" className="relative z-10">
-        <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={[]} />
-      </div>
-
       <div id="shoes" data-section="shoes" className="relative z-10" ref={shoesRef}>
         <div ref={shoesContainerRef}>
           <ProductCardFour title="Bridal Shoes" description="Complete your look with stunning shoes." textboxLayout="default" useInvertedBackground={true} tag="Accessory Collection" tagIcon={Sparkles} tagAnimation="slide-up" gridVariant="three-columns-all-equal-width" animationType="slide-up" products={allShoes} />