Merge version_11 into main

Merge version_11 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCa
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Star, User } from "lucide-react";
+import { Star, User, Database, Zap, Target } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,16 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Platform",          id: "platform"},
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Projects",          id: "projects"},
-        {
-          name: "Community",          id: "community"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Platform", id: "platform" },
+        { name: "Features", id: "features" },
+        { name: "Projects", id: "projects" },
+        { name: "Community", id: "community" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="MecaFirst"
     />
@@ -47,24 +42,22 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCarouselLogo
       logoText="MecaFirst"
-      description="Transform data into actionable insights instantly with our AI-powered web builder."
+      description="Unlock business-critical insights with Predictive Data Analytics. MecaFirst automates your intelligence stack to accelerate decision-making, optimize resource allocation, and drive immediate ROI."
       buttons={[
-        {
-          text: "Sign Up",          href: "#"},
-        {
-          text: "Log In",          href: "#"},
+        { text: "Schedule Demo", href: "#contact" },
+        { text: "View Analytics", href: "#features" },
       ]}
+      showDimOverlay={true}
       slides={[
         {
-          videoSrc: "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260329_050842_be71947f-f16e-4a14-810c-06e83d23ddb5.mp4",          imageAlt: "AI Data Platform Hero",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=1"},
+          videoSrc: "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260329_050842_be71947f-f16e-4a14-810c-06e83d23ddb5.mp4",          imageAlt: "Predictive Data Analytics Engine",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=1"
+        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=2",          imageAlt: "Digital infrastructure"},
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=2",          imageAlt: "AI Infrastructure"
+        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=3",          imageAlt: "Futuristic data streaming"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=4",          imageAlt: "AI neural network visualization"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=5",          imageAlt: "Modern cloud computing interface"},
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=3",          imageAlt: "Operational Scalability"
+        }
       ]}
     />
   </div>
@@ -74,23 +67,19 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
+      title="Predictive Data Analytics"
+      description="Transform raw data into actionable intelligence. Our predictive engine identifies market shifts and operational bottlenecks before they impact your bottom line."
       features={[
         {
-          title: "Data Analytics",          description: "Get real-time insights with automated dashboards.",          bentoComponent: "globe"
+          title: "Automated Forecasting",          description: "Leverage historical data to predict future trends with 99% accuracy.",          bentoComponent: "reveal-icon",          icon: Database
         },
         {
-          title: "AI Assistant",          description: "Interactive chat interface for fast queries.",          bentoComponent: "chat",          aiIcon: Star,
-          userIcon: User,
-          placeholder: "Ask anything...",          exchanges: [
-            {
-              userMessage: "Optimize my workflow",              aiResponse: "I've optimized your project structure."},
-            {
-              userMessage: "Summarize data",              aiResponse: "Data summary ready for review."},
-          ]
+          title: "Rapid Deployment",          description: "Integrate our predictive stack into your workflow in minutes, not months.",          bentoComponent: "reveal-icon",          icon: Zap
         },
+        {
+          title: "Conversion Focus",          description: "Target high-value segments with precision analytics tools.",          bentoComponent: "reveal-icon",          icon: Target
+        }
       ]}
-      title="Powerful AI Capabilities"
-      description="Streamline your workflow with intelligent automation and advanced data processing tools designed for modern teams."
     />
   </div>
 
@@ -101,35 +90,24 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "150%",          description: "Increased Productivity"},
-        {
-          id: "m2",          value: "500+",          description: "Active Projects"},
-        {
-          id: "m3",          value: "24/7",          description: "AI Processing"},
+        { id: "m1", value: "85%", description: "Predictive Accuracy" },
+        { id: "m2", value: "40%", description: "Lower Cost-per-Lead" },
+        { id: "m3", value: "3x", description: "Faster Insight Generation" },
       ]}
-      title="Platform Impact"
-      description="Measurable results for your digital business."
+      title="Measurable Platform Impact"
+      description="Proven results for scaling enterprises."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={true}
-      testimonial="MecaFirst transformed the way we process our data. It is remarkably efficient and intuitive."
+      testimonial="MecaFirst’s predictive analytics shifted our entire strategy. We stopped guessing and started growing."
       rating={5}
       author="Sarah Chen, CTO at GrowthLab"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg",          alt: "User 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",          alt: "User 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-with-face-shield-floral-gloves_23-2148784807.jpg",          alt: "User 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-senior-man-listening-music-headphones-isolated-dark-background_613910-9043.jpg",          alt: "User 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-mask_23-2148932836.jpg",          alt: "User 5"},
+        { src: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg", alt: "User 1" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-woman-with-face-shield-floral-gloves_23-2148784807.jpg", alt: "User 2" },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -139,14 +117,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       tag="Get Started"
-      title="Ready to build your future?"
-      description="Join thousands of innovators using MecaFirst."
+      title="Start Your Predictive Journey"
+      description="Build smarter, faster, and scale with MecaFirst’s predictive stack."
       buttons={[
-        {
-          text: "Contact Support",          href: "#"},
+        { text: "Schedule Your Predictive Audit", href: "#contact" },
       ]}
     />
   </div>
@@ -154,22 +130,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Platform",          items: [
-            {
-              label: "Features",              href: "#"},
-            {
-              label: "Pricing",              href: "#"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About",              href: "#"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
+        { title: "Platform", items: [{ label: "Analytics", href: "#" }, { label: "Features", href: "#" }] },
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
       ]}
       logoText="MecaFirst"
     />
@@ -177,4 +139,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}