Update src/app/page.tsx

src/app/page.tsx

@@ -7,7 +7,8 @@ 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 { Star, Heart, Camera, Sparkles, Crown, Phone, User, ChevronRight, X, Instagram, MapPin } from "lucide-react";
+import BlogCardThree from "@/components/sections/blog/BlogCardThree";
+import { Star, Heart, Camera, Sparkles, Crown, Phone, User, Play, ChevronRight, X, Instagram, MapPin } from "lucide-react";
 import { useState, useEffect, useRef } from "react";
 
 export default function LandingPage() {
@@ -119,6 +120,10 @@ 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} />