diff --git a/src/app/page.tsx b/src/app/page.tsx
index 909d86a..d0dd758 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Award } from "lucide-react";
+import { Award, ShoppingBag, Utensils } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,22 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "Critiques",
-          id: "features",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Accueil", id: "hero" },
+        { name: "Commander", id: "order" },
+        { name: "Critiques", id: "features" },
+        { name: "Menu", id: "products" },
+        { name: "FAQ", id: "faq" },
       ]}
       brandName="PandaEats"
     />
@@ -55,59 +44,42 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="L'Excellence Culinaire par PandaEats"
       description="Critiquez, dégustez et commandez en toute simplicité. L'expérience panda qui transforme vos repas en moments inoubliables."
       buttons={[
-        {
-          text: "Explorer les menus",
-          href: "#products",
-        },
-        {
-          text: "Voir les critiques",
-          href: "#features",
-        },
+        { text: "Commander maintenant", href: "#order" },
+        { text: "Explorer les menus", href: "#products" },
       ]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-possum-with-food_23-2151040955.jpg",
-          imageAlt: "Panda gourmet",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/vietnam-hat-hanging-wall_1150-10822.jpg",
-          imageAlt: "Service impeccable",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/beatuful-wedding-rings_1328-2232.jpg",
-          imageAlt: "Critiques d'experts",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-fruits-vegetables-background-different-fruits-vegetables-eating-healthy-colorful-fruits-vegetables_1150-37826.jpg",
-          imageAlt: "Commande rapide",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-vector/customer-suggestion-opinion-background-top-scoring-service_1017-60949.jpg",
-          imageAlt: "Ambiance Panda",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917852.jpg",
-          imageAlt: "Livraison express",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/cute-possum-with-food_23-2151040955.jpg", imageAlt: "Panda gourmet" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/vietnam-hat-hanging-wall_1150-10822.jpg", imageAlt: "Service impeccable" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/beatuful-wedding-rings_1328-2232.jpg", imageAlt: "Critiques d'experts" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/fresh-fruits-vegetables-background-different-fruits-vegetables-eating-healthy-colorful-fruits-vegetables_1150-37826.jpg", imageAlt: "Commande rapide" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-vector/customer-suggestion-opinion-background-top-scoring-service_1017-60949.jpg", imageAlt: "Ambiance Panda" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917852.jpg", imageAlt: "Livraison express" },
       ]}
     />
   </div>
 
+  <div id="order" data-section="order">
+      <FeatureCardMedia
+        animationType="slide-up"
+        title="Comment souhaitez-vous manger ?"
+        description="Choisissez le mode de commande qui vous convient le mieux aujourd'hui."
+        features={[
+          {
+            id: "delivery",            title: "Livraison à domicile",            description: "Recevez vos plats préférés directement chez vous, encore chauds.",            tag: "Rapide & Pratique",            imageSrc: "http://img.b2bpic.net/free-photo/delivery-service-food_23-2149129523.jpg",            buttons: [{ text: "Commander en livraison", href: "#" }]
+          },
+          {
+            id: "table",            title: "Commande à table",            description: "Scannez le QR code de votre table pour commander sans attendre.",            tag: "Sur place",            imageSrc: "http://img.b2bpic.net/free-photo/table-restaurant_23-2149177874.jpg",            buttons: [{ text: "Commander à table", href: "#" }]
+          }
+        ]}
+      />
+  </div>
+
   <div id="about" data-section="about">
       <TestimonialAboutCard
-      useInvertedBackground={false}
       tag="À propos"
       title="La philosophie Panda"
       description="Nous sélectionnons les meilleures adresses pour garantir une expérience culinaire authentique."
@@ -120,34 +92,15 @@ export default function LandingPage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Critiques honnêtes",
-          description: "Lisez des avis fiables et transparents.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741493.jpg",
-          imageAlt: "Critiques",
-        },
-        {
-          title: "Livraison éclair",
-          description: "Commandez et recevez vos plats rapidement.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-device_23-2149177874.jpg",
-          imageAlt: "Livraison",
-        },
-        {
-          title: "Commande à table",
-          description: "Scannez, commandez, savourez sans attendre.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741499.jpg",
-          imageAlt: "Commande table",
-        },
-      ]}
-      title="Pourquoi PandaEats ?"
-      description="Des outils intuitifs pour les gourmets modernes."
-    />
+      <FeatureCardMedia
+        animationType="slide-up"
+        title="Pourquoi PandaEats ?"
+        description="Des outils intuitifs pour les gourmets modernes."
+        features={[
+          { id: "f1", title: "Critiques honnêtes", description: "Lisez des avis fiables et transparents.", tag: "Transparence", imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741493.jpg" },
+          { id: "f2", title: "Livraison éclair", description: "Commandez et recevez vos plats rapidement.", tag: "Vitesse", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-device_23-2149177874.jpg" },
+        ]}
+      />
   </div>
 
   <div id="products" data-section="products">
@@ -155,44 +108,10 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Ramen Impérial",
-          price: "18€",
-          imageSrc: "http://img.b2bpic.net/free-photo/raw-two-beef-chops-white-plate-with-lemon-slices-green_114579-14728.jpg",
-        },
-        {
-          id: "2",
-          name: "Plateau Sashimi",
-          price: "24€",
-          imageSrc: "http://img.b2bpic.net/free-photo/plate-salmon-hot-sushi-rolls-placed-marble-table_114579-65916.jpg",
-        },
-        {
-          id: "3",
-          name: "Poke Bowl Vert",
-          price: "15€",
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-healthy-poke-bowl-with-salmon-avocado-beetroot-quinoa-green-algae_9975-124668.jpg",
-        },
-        {
-          id: "4",
-          name: "Tempura Croustillant",
-          price: "12€",
-          imageSrc: "http://img.b2bpic.net/free-photo/scallops-shell-with-bacon-asparagus_74190-6056.jpg",
-        },
-        {
-          id: "5",
-          name: "Bento Complet",
-          price: "20€",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimal-bento-box-composition_23-2148973293.jpg",
-        },
-        {
-          id: "6",
-          name: "Mochi Assortiment",
-          price: "8€",
-          imageSrc: "http://img.b2bpic.net/free-photo/marmelades-donut-adorned-with-pine-cone-platter-marble-surface_114579-75304.jpg",
-        },
+        { id: "1", name: "Ramen Impérial", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/raw-two-beef-chops-white-plate-with-lemon-slices-green_114579-14728.jpg" },
+        { id: "2", name: "Plateau Sashimi", price: "24€", imageSrc: "http://img.b2bpic.net/free-photo/plate-salmon-hot-sushi-rolls-placed-marble-table_114579-65916.jpg" },
+        { id: "3", name: "Poke Bowl Vert", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/colorful-healthy-poke-bowl-with-salmon-avocado-beetroot-quinoa-green-algae_9975-124668.jpg" },
       ]}
       title="Notre Menu Panda"
       description="Une sélection variée de plats raffinés."
@@ -203,75 +122,24 @@ export default function LandingPage() {
       <TestimonialCardThirteen
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Alice D.",
-          handle: "@foodie",
-          testimonial: "Incroyable expérience, service rapide et plats délicieux.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-round-delivery-bowl-with-notepad-pink-wall-service-work-worker-uniform-delivery_140725-43242.jpg",
-        },
-        {
-          id: "2",
-          name: "Marc B.",
-          handle: "@critique",
-          testimonial: "Le meilleur site de critiques que j'ai pu tester.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/anonymous-man-taking-photo-cooking-girlfriend_23-2147894752.jpg",
-        },
-        {
-          id: "3",
-          name: "Sophie L.",
-          handle: "@panda",
-          testimonial: "J'adore la facilité de commande à table.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-fleece-shirt-drinks-coffee-hairdresser-s-salon_613910-5677.jpg",
-        },
-        {
-          id: "4",
-          name: "Thomas V.",
-          handle: "@gourmet",
-          testimonial: "Qualité exceptionnelle des restaurants référencés.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
-        },
-        {
-          id: "5",
-          name: "Julie M.",
-          handle: "@food",
-          testimonial: "Commande intuitive et service client top.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-friends-with-drinks_23-2149073439.jpg",
-        },
+        { id: "1", name: "Alice D.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-round-delivery-bowl-with-notepad-pink-wall-service-work-worker-uniform-delivery_140725-43242.jpg" },
+        { id: "2", name: "Marc B.", imageSrc: "http://img.b2bpic.net/free-photo/anonymous-man-taking-photo-cooking-girlfriend_23-2147894752.jpg" },
+        { id: "3", name: "Sophie L.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-fleece-shirt-drinks-coffee-hairdresser-s-salon_613910-5677.jpg" },
       ]}
-      showRating={true}
-      title="Avis de la Communauté"
-      description="Ce que pensent les gourmets panda."
+      cardTitle="Avis de la Communauté"
+      cardTag="Témoignages"
+      cardAnimation="slide-up"
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="default"
-      useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Comment commander à table ?",
-          content: "Scannez le QR code présent sur votre table.",
-        },
-        {
-          id: "f2",
-          title: "Les critiques sont-elles réelles ?",
-          content: "Oui, nous vérifions chaque avis.",
-        },
-        {
-          id: "f3",
-          title: "Quels modes de livraison ?",
-          content: "Livraison à domicile ou retrait sur place.",
-        },
+        { id: "f1", title: "Comment commander à table ?", content: "Scannez le QR code présent sur votre table." },
+        { id: "f2", title: "Les critiques sont-elles réelles ?", content: "Oui, nous vérifions chaque avis." },
+        { id: "f3", title: "Quels modes de livraison ?", content: "Livraison à domicile ou retrait sur place." },
       ]}
       title="Questions fréquentes"
       description="Tout ce qu'il faut savoir."
@@ -281,25 +149,12 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
-      useInvertedBackground={false}
       title="Notre impact"
       tag="Performance"
       metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          description: "Restaurants référencés",
-        },
-        {
-          id: "m2",
-          value: "10k+",
-          description: "Repas commandés",
-        },
-        {
-          id: "m3",
-          value: "4.8/5",
-          description: "Note moyenne globale",
-        },
+        { id: "m1", value: "500+", description: "Restaurants référencés" },
+        { id: "m2", value: "10k+", description: "Repas commandés" },
+        { id: "m3", value: "4.8/5", description: "Note moyenne globale" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -307,16 +162,10 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       text="Vous avez une question ? Contactez notre équipe panda."
       buttons={[
-        {
-          text: "Envoyer un message",
-          href: "#",
-        },
+        { text: "Envoyer un message", href: "#" },
       ]}
     />
   </div>
@@ -324,14 +173,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="PandaEats"
-      leftLink={{
-        text: "Mentions Légales",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Confidentialité",
-        href: "#",
-      }}
+      leftLink={{ text: "Mentions Légales", href: "#" }}
+      rightLink={{ text: "Confidentialité", href: "#" }}
     />
   </div>
       </ReactLenis>
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 4e94bcf..4589f04 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,7 +10,7 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e8f5e9;
+  --background: linear-gradient(to bottom, #1b3022, #e8f5e9);
   --card: #ffffff;
   --foreground: #1b3022;
   --primary-cta: #2e7d32;