Update src/app/portfolio/page.tsx

src/app/portfolio/page.tsx

@@ -13,37 +13,27 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Artists",
-          id: "/artists",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Tarifs",
-          id: "/tarifs",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Artists", id: "/artists" },
+        { name: "Portfolio", id: "/portfolio" },
+        { name: "Services", id: "/services" },
+        { name: "Tarifs", id: "/tarifs" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="PJT Production"
+      button={{ text: "Contact", href: "/contact" }}
     />
   </div>
 
@@ -56,18 +46,8 @@ export default function LandingPage() {
       title="Galerie"
       description="Tout notre portfolio."
       products={[
-        {
-          id: "proj-1",
-          name: "Projet A",
-          price: "Premium",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-production-shot-1776862608327-ea257b4f.png",
-        },
-        {
-          id: "proj-2",
-          name: "Projet B",
-          price: "Standard",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-production-shot-1776862618672-7d29bb9c.png",
-        },
+        { id: "proj-1", name: "Projet A", price: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-production-shot-1776862608327-ea257b4f.png" },
+        { id: "proj-2", name: "Projet B", price: "Standard", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-production-shot-1776862618672-7d29bb9c.png" },
       ]}
     />
   </div>
@@ -75,48 +55,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       text="Besoin de visuels ?"
-      buttons={[
-        {
-          text: "Devis",
-          href: "/contact",
-        },
-      ]}
+      buttons={[{ text: "Devis", href: "/contact" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "PJT",
-          items: [
-            {
-              label: "Portfolio",
-              href: "/portfolio",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Infos",
-          items: [
-            {
-              label: "Tarifs",
-              href: "/tarifs",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
+        { title: "PJT", items: [{ label: "Portfolio", href: "/portfolio" }, { label: "Services", href: "/services" }] },
+        { title: "Infos", items: [{ label: "Tarifs", href: "/tarifs" }, { label: "Contact", href: "/contact" }] },
       ]}
       bottomLeftText="© 2024 JT Production."
       bottomRightText="All rights reserved."