Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #f5f8ff;;
-  --card: #ebf0ff;;
-  --foreground: #292d40;;
-  --primary-cta: #90a8e8;;
+  --background: #ffffff;;
+  --card: #fcfcfc;;
+  --foreground: #000000e6;;
+  --primary-cta: #1a1a1a;;
   --secondary-cta: #ffffff;;
-  --accent: #ccd5f5;;
-  --background-accent: #b8c4f0;;
+  --accent: #bebebe;;
+  --background-accent: #c4c4c4;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -1,9 +1,9 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
-import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
+import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
 import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
@@ -73,16 +73,51 @@ export default function LandingPage() {
       </div>
 
       <div id="about" data-section="about">
-        <ParallaxAbout
-          title="Convitto Vittorio Emanuele Secondo"
+        <TimelinePhoneView
+          title="Our Roman Origin Story"
           description="In the heart of Rome stands a centuries-old institution that has shaped countless lives. For us, it was more than an academy—it was where lifelong friendships began. From its historic halls to the eternal city's streets, PRVNE was born from shared experiences, late-night conversations, and dreams discussed beneath ancient Roman skies."
-          tag="Our Origin"
-          tagIcon={Home}
-          buttons={[
-            { text: "Our Story", href: "#members" }
+          textboxLayout="default"
+          tag="Our Journey"
+          items={[
+            {
+              trigger: "trigger-1",
+              content: (
+                <>
+                  <h3>The Beginning</h3>
+                  <p>Where it all started at Convitto Vittorio Emanuele Secondo</p>
+                </>
+              ),
+              imageOne: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767629988740-vacq090w.png",
+              imageTwo: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767631731356-bzvh0skf.jpg",
+              imageAltTwo: "Rome's ancient streets"
+            },
+            {
+              trigger: "trigger-2",
+              content: (
+                <>
+                  <h3>Five Minds, One Heart</h3>
+                  <p>United by shared values and unforgettable memories</p>
+                </>
+              ),
+              imageOne: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767630228934-49bddhw3.jpg",
+              imageAltOne: "Il Fisico con il Fisico",
+              imageTwo: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767630392157-ofx6ersf.jpg",
+              imageAltTwo: "Bobba"
+            },
+            {
+              trigger: "trigger-3",
+              content: (
+                <>
+                  <h3>Beyond Borders</h3>
+                  <p>The crew spans continents, yet remains eternally connected</p>
+                </>
+              ),
+              imageOne: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767630335123-jkki2cx7.jpg",
+              imageAltOne: "Napulitans",
+              imageTwo: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767630185061-iecjbkw3.jpg",
+              imageAltTwo: "Hyper_Ghost88"
+            }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767629791297-tf12etgs.webp"
-          imageAlt="Convitto Vittorio Emanuele Secondo in Rome"
         />
       </div>
 
@@ -123,7 +158,7 @@ export default function LandingPage() {
               id: "5",
               name: "Giovanni",
               role: "The Anchor",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628982911-1s4yv6qh.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767630878773-h6jk1dgu.jpg",
               imageAlt: "Giovanni"
             }
           ]}
@@ -145,21 +180,21 @@ export default function LandingPage() {
               id: "1",
               title: "Unbreakable Connection",
               description: "Forged in the halls of Convitto, strengthened across continents. Our friendship transcends geography and time.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628978562-6f47336o.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767631731356-bzvh0skf.jpg",
               imageAlt: "Group connection and unity"
             },
             {
               id: "2",
               title: "Shared Ambition",
               description: "From Rome to the world, we support each other's dreams. Together we rise, together we achieve.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628978913-g0uqjllz.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767631689452-be96ekr5.jpg",
               imageAlt: "Ambition and success"
             },
             {
               id: "3",
               title: "Italian Soul",
               description: "We carry the legacy of Rome—la dolce vita, passion, and an appreciation for life's finest moments.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628979884-x1qed5vk.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767631706096-fiv395v9.jpg",
               imageAlt: "Italian culture and heritage"
             }
           ]}
@@ -179,35 +214,35 @@ export default function LandingPage() {
               id: "1",
               nameTitle: "Il Fisico con il Fisico",
               quote: "PRVNE isn't just a name—it's a promise. A promise that no matter where life takes us, we're never truly apart. The bonds we forged at Convitto are eternal.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628980508-g2ql2c8s.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767630228934-49bddhw3.jpg",
               imageAlt: "Il Fisico con il Fisico"
             },
             {
               id: "2",
               nameTitle: "Bobba",
               quote: "Five different paths, one destination. Every conversation brings us closer, every memory we create adds another layer to our story.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628980898-186yq6pm.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767630392157-ofx6ersf.jpg",
               imageAlt: "Bobba"
             },
             {
               id: "3",
               nameTitle: "Napulitans",
               quote: "In Rome, we learned what truly matters. With PRVNE, I carry that lesson everywhere. My brothers, my family, my anchor.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628982064-lp9707y2.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767630335123-jkki2cx7.jpg",
               imageAlt: "Napulitans"
             },
             {
               id: "4",
               nameTitle: "Hyper_Ghost88",
               quote: "The digital world keeps us connected, but the bond we share is analog—real, deep, and unmistakable. This crew is everything.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628982348-uhlz62kt.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767630185061-iecjbkw3.jpg",
               imageAlt: "Hyper_Ghost88"
             },
             {
               id: "5",
               nameTitle: "Giovanni",
               quote: "Years have passed, continents separate us, but PRVNE remains constant. These are the friends I trust with my dreams and fears.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628982911-1s4yv6qh.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767630878773-h6jk1dgu.jpg",
               imageAlt: "Giovanni"
             }
           ]}
@@ -231,7 +266,7 @@ export default function LandingPage() {
             required: true
           }}
           useInvertedBackground="noInvert"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628979237-t50ea8ic.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1767631838224-vwgg7si7.jpg"
           imageAlt="Team collaboration and connection"
           mediaPosition="right"
           buttonText="Send Message"