src/app/tarifs/page.tsx

@@ -3,11 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import { CheckCircle } from "lucide-react";
 
-export default function LandingPage() {
+export default function TarifsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -37,15 +38,22 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardSixteen
+  <div id="pricing" data-section="pricing">
+      <PricingCardEight
       animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Packages"
-      description="Nos offres tarifaires."
-      positiveCard={{ items: ["Pack Gold", "Pack Platinum"] }}
-      negativeCard={{ items: ["Pack Silver", "Starter"] }}
+      title="Nos Tarifs & Packages"
+      description="Des solutions sur mesure pour artistes et professionnels."
+      plans={[
+        {
+          id: "artist-pack",          badge: "Artistes",          price: "Sur Devis",          subtitle: "Pour vos projets musicaux",          features: ["Clip Officiel 4K", "Shooting Photo Promo", "Stratégie de sortie", "Distribution Digitale"],
+          buttons: [{ text: "Contactez-nous", href: "/contact" }]
+        },
+        {
+          id: "pro-pack",          badge: "Professionnels",          badgeIcon: CheckCircle,
+          price: "Sur Devis",          subtitle: "Contenu corporate & brand",          features: ["Production Événementielle", "Pub Lifestyle", "Hôtellerie incluse", "Montage & Étalonnage Pro"],
+          buttons: [{ text: "Contactez-nous", href: "/contact" }]
+        }
+      ]}
     />
   </div>
 
@@ -53,8 +61,8 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{ variant: "plain" }}
-      text="Sur mesure."
-      buttons={[{ text: "Devis", href: "/contact" }]}
+      text="Conditions de réservation : Réservation sous 30 jours, déplacement facturé selon distance. Devis personnalisé après étude de votre brief."
+      buttons={[{ text: "Demander un devis", href: "/contact" }]}
     />
   </div>
 
@@ -71,4 +79,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}