Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -45,8 +45,8 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogo
-      logoText="JT Production And Visual"
+      logoText="Propulsez Votre Identité Visuelle"
-      description="Production vidéo haut de gamme pour artistes et marques visionnaires."
+      description="Transformez votre image avec une production vidéo d'élite, conçue pour capter l'attention et sublimer votre signature artistique."
       buttons={[
         { text: "Découvrir", href: "#services" },
         { text: "Contact", href: "/contact" },
@@ -129,7 +129,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{ variant: "gradient-bars" }}
       text="Prêt à passer au niveau supérieur ? Rejoins JT Production."
-      buttons={[{ text: "Contacte-nous", href: "/contact" }]}
+      buttons={[{ text: "Lancez votre projet dès maintenant", href: "/contact" }]}
     />
   </div>
 
@@ -146,4 +146,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #1d1010;
+  --background: #000000;
-  --card: #1a1a1a;
+  --card: #1f1f40;
-  --foreground: #FFFFFF;
+  --foreground: #ffffff;
-  --primary-cta: #FFD700;
+  --primary-cta: #ffffff;
-  --primary-cta-text: #000000;
+  --primary-cta-text: #0a051a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #0d0d2b;
-  --secondary-cta-text: #FFFFFF;
+  --secondary-cta-text: #d4d4f6;
-  --accent: #FFD700;
+  --accent: #3d2880;
-  --background-accent: #333333;
+  --background-accent: #663cff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

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,24 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="feature" data-section="feature">
+  <div id="pricing" data-section="pricing">
-      <FeatureCardSixteen
+      <PricingCardEight
       animationType="slide-up"
+      title="Nos Tarifs & Packages"
+      description="Des solutions sur mesure pour artistes et professionnels."
       textboxLayout="default"
       useInvertedBackground={false}
-      title="Packages"
+      plans={[
-      description="Nos offres tarifaires."
+        {
-      positiveCard={{ items: ["Pack Gold", "Pack Platinum"] }}
+          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"],
-      negativeCard={{ items: ["Pack Silver", "Starter"] }}
+          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 +63,8 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{ variant: "plain" }}
-      text="Sur mesure."
+      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: "Devis", href: "/contact" }]}
+      buttons={[{ text: "Demander un devis", href: "/contact" }]}
     />
   </div>
 
@@ -71,4 +81,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}