From 620a572446c649ef53c67cd134f6d4dac1d1858f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 26 May 2026 01:12:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 308 +++++++++++++----------------------------------
 1 file changed, 84 insertions(+), 224 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 519b3f9..ac50b0c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { AlertCircle, AlertTriangle, BarChart2, Calendar, CalendarPlus, CheckCircle, CheckSquare, Clock, LayoutDashboard, Loader, Maximize, Plus, Rocket, Sparkles } from "lucide-react";
+import { AlertCircle, AlertTriangle, BarChart2, Brain, Calendar, CalendarPlus, CheckCircle, CheckSquare, Clock, LayoutDashboard, LayoutGrid, Loader, Maximize, Plus, Rocket, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,34 +32,20 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "Metrics",
-          id: "#metrics",
-        },
+          name: "Metrics",          id: "#metrics"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
         {
-          name: "Sign Up",
-          id: "#contact",
-        },
+          name: "Sign Up",          id: "#contact"},
       ]}
       button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
+        text: "Get Started",        href: "#contact"}}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4e6quw"
       logoAlt="Cinque Logo"
       brandName="Cinque"
@@ -72,52 +58,33 @@ export default function LandingPage() {
       description="Cinque empowers you to master up to 5 active projects with intelligent AI assistance, optimizing workloads and automating task scheduling directly into your Google Calendar."
       testimonials={[
         {
-          name: "Alex K.",
-          handle: "@alexk_tech",
-          testimonial: "Cinque transformed how I manage my projects. The AI suggestions are uncannily accurate!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/picture-happy-man-black-board-with-text-successful_176420-2909.jpg",
-          imageAlt: "Alex K.",
-        },
+          name: "Alex K.",          handle: "@alexk_tech",          testimonial: "Cinque transformed how I manage my projects. The AI suggestions are uncannily accurate!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/picture-happy-man-black-board-with-text-successful_176420-2909.jpg",          imageAlt: "Alex K."},
       ]}
       tag="AI-Powered Productivity"
       tagIcon={Sparkles}
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "Start Free Trial",
-          href: "#contact",
-        },
+          text: "Start Free Trial",          href: "#contact"},
         {
-          text: "Learn More",
-          href: "#features",
-        },
+          text: "Learn More",          href: "#features"},
       ]}
       buttonAnimation="slide-up"
       avatars={[
         {
-          src: "asset://hero-group-avatar-1",
-          alt: "Professional Headshot 1",
-        },
+          src: "asset://hero-group-avatar-1",          alt: "Professional Headshot 1"},
         {
-          src: "asset://hero-group-avatar-2",
-          alt: "Professional Headshot 2",
-        },
+          src: "asset://hero-group-avatar-2",          alt: "Professional Headshot 2"},
         {
-          src: "asset://hero-group-avatar-3",
-          alt: "Professional Headshot 3",
-        },
+          src: "asset://hero-group-avatar-3",          alt: "Professional Headshot 3"},
         {
-          src: "asset://hero-group-avatar-4",
-          alt: "Professional Headshot 4",
-        },
+          src: "asset://hero-group-avatar-4",          alt: "Professional Headshot 4"},
         {
-          src: "asset://hero-group-avatar-5",
-          alt: "Professional Headshot 5",
-        },
+          src: "asset://hero-group-avatar-5",          alt: "Professional Headshot 5"},
       ]}
       avatarText="Trusted by leading professionals"
-      imageSrc="http://img.b2bpic.net/free-photo/working-with-device-lifestyle_23-2151848729.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/working-with-device-lifestyle_23-2151848729.jpg"
       imageAlt="Cinque AI dashboard showing project cards and calendar integration"
       showDimOverlay={true}
       showBlur={true}
@@ -132,146 +99,102 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Bovisa Centro",
-          description: "Manage 'Abbigliamento / Brand' projects with AI-driven insights for creative campaigns and brand launches.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/female-designer-taking-photography-fashion-sketch-smartphone_23-2147875024.jpg",
-            imageAlt: "Abstract representation of Bovisa Centro project",
-          },
+          title: "Bovisa Centro",          description: "Manage 'Abbigliamento / Brand' projects with AI-driven insights for creative campaigns and brand launches.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/female-designer-taking-photography-fashion-sketch-smartphone_23-2147875024.jpg",            imageAlt: "Abstract representation of Bovisa Centro project"},
           items: [
             {
               icon: CheckCircle,
-              text: "AI Status: On Track",
-            },
+              text: "AI Status: On Track"},
             {
               icon: Clock,
-              text: "Time Budget: 6h / 10h settimanali",
-            },
+              text: "Time Budget: 6h / 10h settimanali"},
             {
               icon: Calendar,
-              text: "Next Action: Domani ore 10:00 — Fitting prototipi",
-            },
+              text: "Next Action: Domani ore 10:00 — Fitting prototipi"},
             {
               icon: Brain,
-              text: "AI Suggestion: Ho trovato uno slot libero giovedì per Bovisa Centro. Vuoi bloccarlo?",
-            },
+              text: "AI Suggestion: Ho trovato uno slot libero giovedì per Bovisa Centro. Vuoi bloccarlo?"},
           ],
           reverse: false,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4e6quw",
-          imageAlt: "fashion brand management dashboard card",
-        },
+          
+          imageAlt: "fashion brand management dashboard card"},
         {
-          title: "Milionesimo Studio",
-          description: "Streamline 'Design Studio' projects from concept to delivery, ensuring creative milestones are met on time.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg",
-            imageAlt: "Abstract representation of Milionesimo Studio project",
-          },
+          title: "Milionesimo Studio",          description: "Streamline 'Design Studio' projects from concept to delivery, ensuring creative milestones are met on time.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg",            imageAlt: "Abstract representation of Milionesimo Studio project"},
           items: [
             {
               icon: AlertTriangle,
-              text: "AI Status: Overloaded",
-            },
+              text: "AI Status: Overloaded"},
             {
               icon: Clock,
-              text: "Time Budget: 14h / 10h settimanali",
-            },
+              text: "Time Budget: 14h / 10h settimanali"},
             {
               icon: Calendar,
-              text: "Next Action: Call cliente alle 15:30",
-            },
+              text: "Next Action: Call cliente alle 15:30"},
             {
               icon: Brain,
-              text: "AI Suggestion: Considera di riprogrammare la revisione del branding per alleggerire il carico.",
-            },
+              text: "AI Suggestion: Considera di riprogrammare la revisione del branding per alleggerire il carico."},
           ],
           reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/working-with-device-lifestyle_23-2151848729.jpg?_wi=2",
-          imageAlt: "fashion brand management dashboard card",
-        },
+          
+          imageAlt: "fashion brand management dashboard card"},
         {
-          title: "H10",
-          description: "Optimize 'Musica / Produzione' workflows with smart scheduling for recording sessions and release schedules.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/music-producer-mixing-mastering-songs-digital-post-production-pc-interface_482257-116465.jpg",
-            imageAlt: "Abstract representation of H10 project",
-          },
+          title: "H10",          description: "Optimize 'Musica / Produzione' workflows with smart scheduling for recording sessions and release schedules.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/music-producer-mixing-mastering-songs-digital-post-production-pc-interface_482257-116465.jpg",            imageAlt: "Abstract representation of H10 project"},
           items: [
             {
               icon: Loader,
-              text: "AI Status: Optimized",
-            },
+              text: "AI Status: Optimized"},
             {
               icon: Clock,
-              text: "Time Budget: 8h / 10h settimanali",
-            },
+              text: "Time Budget: 8h / 10h settimanali"},
             {
               icon: Calendar,
-              text: "Next Action: Revisione branding venerdì",
-            },
+              text: "Next Action: Revisione branding venerdì"},
             {
               icon: Brain,
-              text: "AI Suggestion: L'AI ha identificato un nuovo slot per il mixaggio finale la prossima settimana.",
-            },
+              text: "AI Suggestion: L'AI ha identificato un nuovo slot per il mixaggio finale la prossima settimana."},
           ],
           reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/colored-buttons-vintage-along-with-multicolored-sewing-threads_179666-323.jpg",
-          imageAlt: "fashion brand management dashboard card",
-        },
+          
+          imageAlt: "fashion brand management dashboard card"},
         {
-          title: "Palmisano",
-          description: "Coordinate 'Software House / Digital Tailoring' developments with precision, from coding to client feedback.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-vector/multimedia-25-flat-color-icon-pack-including-arrow-media-player-media-multimedia_1142-23188.jpg",
-            imageAlt: "Abstract representation of Palmisano project",
-          },
+          title: "Palmisano",          description: "Coordinate 'Software House / Digital Tailoring' developments with precision, from coding to client feedback.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-vector/multimedia-25-flat-color-icon-pack-including-arrow-media-player-media-multimedia_1142-23188.jpg",            imageAlt: "Abstract representation of Palmisano project"},
           items: [
             {
               icon: AlertCircle,
-              text: "AI Status: Urgent",
-            },
+              text: "AI Status: Urgent"},
             {
               icon: Clock,
-              text: "Time Budget: 12h / 10h settimanali",
-            },
+              text: "Time Budget: 12h / 10h settimanali"},
             {
               icon: Calendar,
-              text: "Next Action: Debug session alle 09:00",
-            },
+              text: "Next Action: Debug session alle 09:00"},
             {
               icon: Brain,
-              text: "AI Suggestion: Prioritizzare il bug fix critico. Riprogrammare le riunioni interne a venerdì.",
-            },
+              text: "AI Suggestion: Prioritizzare il bug fix critico. Riprogrammare le riunioni interne a venerdì."},
           ],
           reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-red-arrow-arrowhead-white-background_23-2148459971.jpg",
-          imageAlt: "fashion brand management dashboard card",
-        },
+          
+          imageAlt: "fashion brand management dashboard card"},
         {
-          title: "Aggiungi Progetto",
-          description: "Ready for your next big idea? Effortlessly add new projects and let Cinque's AI help you integrate them into your optimized workflow.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-notepad-clock_23-2148557262.jpg",
-            imageAlt: "Empty card with plus icon for adding a new project",
-          },
+          title: "Aggiungi Progetto",          description: "Ready for your next big idea? Effortlessly add new projects and let Cinque's AI help you integrate them into your optimized workflow.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-notepad-clock_23-2148557262.jpg",            imageAlt: "Empty card with plus icon for adding a new project"},
           items: [
             {
               icon: Plus,
-              text: "Click to add a new project",
-            },
+              text: "Click to add a new project"},
             {
               icon: CalendarPlus,
-              text: "Seamless Google Calendar integration",
-            },
+              text: "Seamless Google Calendar integration"},
             {
               icon: LayoutGrid,
-              text: "Organize your next big idea",
-            },
+              text: "Organize your next big idea"},
           ],
           reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/petals-lying-circle_23-2147694764.jpg",
-          imageAlt: "fashion brand management dashboard card",
-        },
+          
+          imageAlt: "fashion brand management dashboard card"},
       ]}
       title="Master Your Projects, Effortlessly"
       description="Cinque's intuitive dashboard helps you visualize, manage, and optimize up to 5 active projects with smart, AI-driven insights and automation."
@@ -288,25 +211,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "30%",
-          title: "Time Saved",
-          description: "Reduce wasted time on manual scheduling and re-prioritization.",
-          icon: Clock,
+          id: "m1",          value: "30%",          title: "Time Saved",          description: "Reduce wasted time on manual scheduling and re-prioritization.",          icon: Clock,
         },
         {
-          id: "m2",
-          value: "20%",
-          title: "Workload Optimization",
-          description: "Achieve a balanced workload and avoid burnout with intelligent distribution.",
-          icon: Maximize,
+          id: "m2",          value: "20%",          title: "Workload Optimization",          description: "Achieve a balanced workload and avoid burnout with intelligent distribution.",          icon: Maximize,
         },
         {
-          id: "m3",
-          value: "25%",
-          title: "Project Completion",
-          description: "Increase your success rate with proactive AI insights and task automation.",
-          icon: CheckSquare,
+          id: "m3",          value: "25%",          title: "Project Completion",          description: "Increase your success rate with proactive AI insights and task automation.",          icon: CheckSquare,
         },
       ]}
       title="Impactful Productivity Gains"
@@ -321,14 +232,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Innovate Solutions",
-        "Creative Hub Studios",
-        "Quantum Labs",
-        "Synergy Digital",
-        "Arcane Corp",
-        "Apex Systems",
-        "MetaFlow Technologies",
-      ]}
+        "Innovate Solutions",        "Creative Hub Studios",        "Quantum Labs",        "Synergy Digital",        "Arcane Corp",        "Apex Systems",        "MetaFlow Technologies"]}
       title="Trusted by Innovative Teams"
       description="Leading startups and creative agencies rely on Cinque to keep their projects on track and their teams productive."
       tag="Industry Endorsements"
@@ -343,27 +247,17 @@ export default function LandingPage() {
       author="Isabella Rossi, CEO of CreativeFlow"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
-          alt: "Isabella Rossi",
-        },
+          src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",          alt: "Isabella Rossi"},
         {
-          src: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg",
-          alt: "Marco Bianchi",
-        },
+          src: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg",          alt: "Marco Bianchi"},
         {
-          src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
-          alt: "Sofia Ricci",
-        },
+          src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",          alt: "Sofia Ricci"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",
-          alt: "Luca Galli",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",          alt: "Luca Galli"},
         {
-          src: "http://img.b2bpic.net/free-photo/crazy-businessman-hero-happy-expression_1194-4011.jpg",
-          alt: "Elena Conti",
-        },
+          src: "http://img.b2bpic.net/free-photo/crazy-businessman-hero-happy-expression_1194-4011.jpg",          alt: "Elena Conti"},
       ]}
-      ratingAnimation="reveal-blur"
+      ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
     />
   </div>
@@ -373,25 +267,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
-          title: "Come funziona l'ottimizzazione del carico di lavoro AI?",
-          content: "Cinque's AI analyzes your project tasks, deadlines, and team availability to suggest optimal workload distribution and prevent bottlenecks, ensuring smooth project progression.",
-        },
+          id: "faq1",          title: "Come funziona l'ottimizzazione del carico di lavoro AI?",          content: "Cinque's AI analyzes your project tasks, deadlines, and team availability to suggest optimal workload distribution and prevent bottlenecks, ensuring smooth project progression."},
         {
-          id: "faq2",
-          title: "Cinque si integra con Google Calendar?",
-          content: "Sì, Cinque si integra perfettamente con Google Calendar, consentendo all'AI di programmare automaticamente le attività e gli appuntamenti, sincronizzando il tuo programma in tempo reale.",
-        },
+          id: "faq2",          title: "Cinque si integra con Google Calendar?",          content: "Sì, Cinque si integra perfettamente con Google Calendar, consentendo all'AI di programmare automaticamente le attività e gli appuntamenti, sincronizzando il tuo programma in tempo reale."},
         {
-          id: "faq3",
-          title: "Posso gestire più di 5 progetti?",
-          content: "Cinque è progettato per ottimizzare la gestione di un massimo di 5 progetti attivi contemporaneamente, garantendo una focalizzazione strategica e massimizzando la produttività senza sovraccarico.",
-        },
+          id: "faq3",          title: "Posso gestire più di 5 progetti?",          content: "Cinque è progettato per ottimizzare la gestione di un massimo di 5 progetti attivi contemporaneamente, garantendo una focalizzazione strategica e massimizzando la produttività senza sovraccarico."},
         {
-          id: "faq4",
-          title: "L'AI può aiutarmi a riprogrammare le attività?",
-          content: "Assolutamente. L'AI di Cinque monitora i progressi e le disponibilità, proponendo automaticamente la riprogrammazione delle attività per adattarsi a cambiamenti o priorità emergenti.",
-        },
+          id: "faq4",          title: "L'AI può aiutarmi a riprogrammare le attività?",          content: "Assolutamente. L'AI di Cinque monitora i progressi e le disponibilità, proponendo automaticamente la riprogrammazione delle attività per adattarsi a cambiamenti o priorità emergenti."},
       ]}
       sideTitle="Domande Frequenti"
       sideDescription="Find answers to the most common questions about Cinque's AI features, project management, and Google Calendar integration."
@@ -403,8 +285,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "downward-rays-animated-grid",
-      }}
+        variant: "downward-rays-animated-grid"}}
       tag="Ready to Transform Your Workflow?"
       title="Get Started with Cinque Today"
       description="Experience the future of project management. Sign up for our exclusive early access and let AI elevate your productivity."
@@ -423,54 +304,33 @@ export default function LandingPage() {
       logoText="Cinque"
       columns={[
         {
-          title: "Product",
-          items: [
+          title: "Product",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#",
-            },
+              label: "Pricing",              href: "#"},
             {
-              label: "Updates",
-              href: "#",
-            },
+              label: "Updates",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#",
-            },
+              label: "About Us",              href: "#"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Blog",              href: "#"},
           ],
         },
         {
-          title: "Resources",
-          items: [
+          title: "Resources",          items: [
             {
-              label: "Support",
-              href: "#",
-            },
+              label: "Support",              href: "#"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}