Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -11,9 +11,9 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, CheckCircle, Eye } from "lucide-react";
+import { Award, Eye, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -102,15 +102,15 @@ export default function LandingPage() {
   </div>
 
   <div id="pricing" data-section="pricing">
-    <PricingCardThree
+    <PricingCardFive
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       title="Flexible Pricing Plans"
       description="Choose the perfect package for your brand's vision."
       plans={[
-        { id: "basic", name: "Starter", price: "$499", features: ["1 zi filmare / lună", "5 Reels verticale editate", "Formular onboarding"], buttons: [{ text: "Get Started", href: "#contact" }] },
-        { id: "pro", name: "Professional", price: "$999", features: ["Up to 5 mins film", "Advanced color grading", "4K resolution", "Priority support"], buttons: [{ text: "Get Started", href: "#contact" }] }
+        { id: "basic", tag: "Most Popular", tagIcon: CheckCircle, price: "$499", period: "per project", description: "Perfect for small businesses.", featuresTitle: "Core Features", features: ["1 Film creation", "4K footage", "Basic color grade"], button: { text: "Get Started" } },
+        { id: "pro", tag: "Premium", tagIcon: Award, price: "$999", period: "per project", description: "Full production service.", featuresTitle: "Pro Features", features: ["Cinematic workflow", "Advanced color science", "Priority support"], button: { text: "Get Started" } }
       ]}
     />
   </div>
@@ -188,4 +188,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}