Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -11,8 +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 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 (
@@ -35,6 +36,7 @@ export default function LandingPage() {
         { name: "About", id: "about" },
         { name: "Portfolio", id: "portfolio" },
         { name: "Services", id: "services" },
+        { name: "Pricing", id: "pricing" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Lens & Light"
@@ -49,7 +51,7 @@ export default function LandingPage() {
       tag="Expert Videography"
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-reporter-preparing-interview_23-2149183613.jpg",          imageAlt: "cinematic videographer filming"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPrmV0bLULWV9W9wUoJUlitJK7/uploaded-1778195022557-c2olftzh.jpg",          imageAlt: "cinematic videographer filming"},
         {
           imageSrc: "http://img.b2bpic.net/free-photo/bright-lights-dark-room_23-2147786121.jpg",          imageAlt: "cinema camera lens closeup"}
       ]}
@@ -91,7 +93,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        { title: "Film Production", description: "Full-cycle production from pre-planning to final color grading.", imageSrc: "http://img.b2bpic.net/free-photo/collage-about-movie-time-with-film-roll_23-2149946310.jpg" },
+        { title: "Film Production", description: "Full-cycle production from pre-planning to final color grading.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPrmV0bLULWV9W9wUoJUlitJK7/uploaded-1778195022557-zistqlig.jpg" },
         { title: "Advanced Color Grading", description: "Professional color science applied to every frame to match your brand style.", imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-headphones-listen-favorite-songs-while-using-retouching-software_482257-82252.jpg" }
       ]}
       title="My Professional Services"
@@ -99,6 +101,20 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="pricing" data-section="pricing">
+    <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", 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>
+
   <div id="metrics" data-section="metrics">
       <MetricCardOne
       animationType="depth-3d"
@@ -161,7 +177,7 @@ export default function LandingPage() {
       logoText="Lens & Light"
       columns={[
         {
-          title: "Navigation",          items: [{ label: "Portfolio", href: "#portfolio" }, { label: "Services", href: "#services" }]
+          title: "Navigation",          items: [{ label: "Portfolio", href: "#portfolio" }, { label: "Services", href: "#services" }, { label: "Pricing", href: "#pricing" }]
         },
         {
           title: "Social",          items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Twitter", href: "https://twitter.com" }]