diff --git a/src/app/page.tsx b/src/app/page.tsx
index 66cbebf..198dd91 100644
--- a/src/app/page.tsx
+++ b/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,25 @@ 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"
+      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"
+        },
+        {
+          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"
+        }
+      ]}
+    />
+  </div>
+
   <div id="products" data-section="products">
       <ProductCardFour
       animationType="slide-up"