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>
 
@@ -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"