Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -32,26 +32,17 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "home",
-        },
+          name: "Home",          id: "home"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
-      brandName="MediaProd TN"
+      brandName="next prod TN"
       button={{
-        text: "Get Started",
-      }}
+        text: "Get Started"}}
     />
   </div>
 
@@ -61,36 +52,22 @@ export default function LandingPage() {
       description="The ultimate production platform for agencies and brands. Streamline your workflow from pre-production to final delivery with luxury precision."
       buttons={[
         {
-          text: "Book Production",
-          href: "#contact",
-        },
+          text: "Book Production",          href: "#contact"},
         {
-          text: "Request Demo",
-          href: "#contact",
-        },
+          text: "Request Demo",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/lens-background-process-shooting-light-background_185193-164069.jpg"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
-          alt: "Client 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",          alt: "Client 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-          alt: "Client 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",          alt: "Client 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
-          alt: "Client 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",          alt: "Client 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
-          alt: "Client 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",          alt: "Client 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",
-          alt: "Client 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",          alt: "Client 5"},
       ]}
       avatarText="Trusted by 500+ creatives"
     />
@@ -101,6 +78,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Crafting Stories with Technological Precision"
       tag="About Us"
+      buttons={[
+        { text: "Learn More", href: "#features" },
+        { text: "Get Started", href: "#contact" }
+      ]}
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -110,20 +92,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Dynamic Scheduling",
-          description: "Book studio time and shooting sessions with an intuitive drag-and-drop calendar.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
-        },
+          title: "Dynamic Scheduling",          description: "Book studio time and shooting sessions with an intuitive drag-and-drop calendar.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"},
         {
-          title: "Secure Cloud Storage",
-          description: "Centralized, high-speed file storage for massive 4K video assets and project files.",
-          imageSrc: "http://img.b2bpic.net/free-photo/security-cloud_1048-2442.jpg",
-        },
+          title: "Secure Cloud Storage",          description: "Centralized, high-speed file storage for massive 4K video assets and project files.",          imageSrc: "http://img.b2bpic.net/free-photo/security-cloud_1048-2442.jpg"},
         {
-          title: "Real-time Collaboration",
-          description: "Built-in communication tools to bridge the gap between creative teams and clients.",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page-template_23-2149052121.jpg",
-        },
+          title: "Real-time Collaboration",          description: "Built-in communication tools to bridge the gap between creative teams and clients.",          imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page-template_23-2149052121.jpg"},
       ]}
       title="Seamless Production Ecosystem"
       description="Everything your production agency needs in one unified platform."
@@ -137,26 +110,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",
-          value: "40%",
-          title: "Time Saved",
-          description: "Reduced pre-production cycles through automation.",
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
-        },
+          id: "1",          value: "40%",          title: "Time Saved",          description: "Reduced pre-production cycles through automation.",          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg"},
         {
-          id: "2",
-          value: "120+",
-          title: "Active Projects",
-          description: "Manage global media assets with ease.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-computer-make-use-text-video-with-ai_482257-119684.jpg",
-        },
+          id: "2",          value: "120+",          title: "Active Projects",          description: "Manage global media assets with ease.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-computer-make-use-text-video-with-ai_482257-119684.jpg"},
         {
-          id: "3",
-          value: "99.9%",
-          title: "Uptime Reliability",
-          description: "High-availability file access for production.",
-          imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-creative-game-creators-sitting-desk-with-multiple-displays-while-working-with-3d-assets-digital-interactive-entertainment-industry-workers-working-with-cgi_482257-43890.jpg",
-        },
+          id: "3",          value: "99.9%",          title: "Uptime Reliability",          description: "High-availability file access for production.",          imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-creative-game-creators-sitting-desk-with-multiple-displays-while-working-with-3d-assets-digital-interactive-entertainment-industry-workers-working-with-cgi_482257-43890.jpg"},
       ]}
       title="Proven Production Efficiency"
       description="Quantifiable gains for modern media agencies."
@@ -168,14 +126,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Lumière Creative",
-        "Tunis Film Lab",
-        "Maghreb Media",
-        "Atlas Productions",
-        "Sahara Content",
-        "Carthage Studios",
-        "Medina Digital",
-      ]}
+        "Lumière Creative",        "Tunis Film Lab",        "Maghreb Media",        "Atlas Productions",        "Sahara Content",        "Carthage Studios",        "Medina Digital"]}
       title="Trusted by Market Leaders"
       description="Partnering with the finest studios in the region."
     />
@@ -189,25 +140,15 @@ export default function LandingPage() {
       author="Amira Ben Youssef"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-          alt: "Amira",
-        },
+          src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          alt: "Amira"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg",
-          alt: "Ahmed",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg",          alt: "Ahmed"},
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-glasses_23-2148766932.jpg",
-          alt: "Layla",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-glasses_23-2148766932.jpg",          alt: "Layla"},
         {
-          src: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg",
-          alt: "Yassine",
-        },
+          src: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg",          alt: "Yassine"},
         {
-          src: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg",
-          alt: "Omar",
-        },
+          src: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg",          alt: "Omar"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -219,20 +160,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "How do I book a session?",
-          content: "You can select your desired studio time directly from the projects dashboard.",
-        },
+          id: "1",          title: "How do I book a session?",          content: "You can select your desired studio time directly from the projects dashboard."},
         {
-          id: "2",
-          title: "Is my media secure?",
-          content: "All assets are stored with enterprise-grade encryption for total peace of mind.",
-        },
+          id: "2",          title: "Is my media secure?",          content: "All assets are stored with enterprise-grade encryption for total peace of mind."},
         {
-          id: "3",
-          title: "Can I chat with the team?",
-          content: "Yes, real-time messaging is enabled within each project space.",
-        },
+          id: "3",          title: "Can I chat with the team?",          content: "Yes, real-time messaging is enabled within each project space."},
       ]}
       sideTitle="Questions? We have answers."
       faqsAnimation="slide-up"
@@ -243,8 +175,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       tag="Get in touch"
       title="Start your production journey."
       description="Join the elite network of Tunisian media agencies."
@@ -255,37 +186,27 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Platform",
-          items: [
+          title: "Platform",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Pricing",
-              href: "#",
-            },
+              label: "Pricing",              href: "#"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
-      bottomLeftText="© 2024 MediaProd TN"
+      bottomLeftText="© 2024 next prod TN"
       bottomRightText="All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #121212;
-  --foreground: #f5f5f5;
-  --primary-cta: #ffffff;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffff;
-  --accent: #333333;
-  --background-accent: #1f1f1f;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #120006e6;
+  --primary-cta: #e63946;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #120006e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);