Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
 import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import { Sparkles, Camera, Film, Award, Heart, Briefcase, Zap, Mail, Instagram, Facebook, Linkedin, ArrowRight, Star } from "lucide-react";
+import { Sparkles, Camera, Film, Award, Heart, Briefcase, Zap, Mail, Instagram, Facebook, Linkedin, ArrowRight, Star, Crown } from "lucide-react";
 import Link from "next/link";
 
 export default function LandingPage() {
@@ -170,7 +170,7 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           plans={[
             {
-              id: "wedding",              badge: "Wedding Day",              badgeIcon: Heart,
+              id: "wedding",              badge: "Most Popular - Wedding Day",              badgeIcon: Crown,
               price: "$3,500",              subtitle: "Perfect for capturing your special day",              buttons: [
                 { text: "Learn More", href: "contact" },
                 { text: "Book Now", href: "contact" }
@@ -214,6 +214,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
           animationType="slide-up"
           carouselMode="buttons"
+          cardClassName="first:[scale-100] md:first:[scale-110] first:[md:shadow-2xl] first:[md:border-2] first:[md:border-primary]"
           ariaLabel="Pricing packages section"
         />
       </div>