Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -12,6 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 
 export default function LandingPage() {
   return (
@@ -148,6 +149,26 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="portfolio" data-section="portfolio">
+    <FeatureCardTwentySeven
+      animationType="blur-reveal"
+      title="Portfolio Expérimental"
+      description="Une exploration de designs audacieux et de solutions innovantes pour nos clients."
+      textboxLayout="split"
+      useInvertedBackground={false}
+      features={[
+        {
+          id: "p1",          title: "E-commerce Immersif",          descriptions: ["Design expérimental avec navigation fluide."],
+          imageSrc: "http://img.b2bpic.net/free-photo/med-school-pupil-works-his-thesis-isolated-mockup-screen_482257-123332.jpg?_wi=1"
+        },
+        {
+          id: "p2",          title: "Plateforme Institutionnelle",          descriptions: ["Architecture d'information complexe rendue simple."],
+          imageSrc: "http://img.b2bpic.net/free-psd/flat-design-influencer-template_23-2149884920.jpg?_wi=1"
+        }
+      ]}
+    />
+  </div>
+
   <div id="products" data-section="products">
       <ProductCardFour
       animationType="slide-up"
@@ -156,9 +177,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",          name: "Portfolio Design",          price: "Vitrines",          variant: "Moderne",          imageSrc: "http://img.b2bpic.net/free-photo/med-school-pupil-works-his-thesis-isolated-mockup-screen_482257-123332.jpg"},
+          id: "p1",          name: "Portfolio Design",          price: "Vitrines",          variant: "Moderne",          imageSrc: "http://img.b2bpic.net/free-photo/med-school-pupil-works-his-thesis-isolated-mockup-screen_482257-123332.jpg?_wi=2"},
         {
-          id: "p2",          name: "Site Avocat",          price: "Prestige",          variant: "Institutionnel",          imageSrc: "http://img.b2bpic.net/free-psd/flat-design-influencer-template_23-2149884920.jpg"},
+          id: "p2",          name: "Site Avocat",          price: "Prestige",          variant: "Institutionnel",          imageSrc: "http://img.b2bpic.net/free-psd/flat-design-influencer-template_23-2149884920.jpg?_wi=2"},
         {
           id: "p3",          name: "Marque de Mode",          price: "Shop",          variant: "Minimaliste",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg"},
         {