Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -4,12 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { CheckCircle } from "lucide-react";
+import TimelineCardStack from '@/components/cardStack/layouts/timelines/TimelineCardStack';
 
 export default function LandingPage() {
   return (
@@ -30,7 +29,7 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         { name: "Inici", id: "hero" },
-        { name: "Models", id: "feature" },
+        { name: "Història", id: "evolution" },
         { name: "Preguntes", id: "faq" },
       ]}
       brandName="EvoAtom"
@@ -42,67 +41,28 @@ export default function LandingPage() {
       logoText="Evolució Atòmica"
       description="Explora el viatge fascinant des del puding de panses fins a l'actual núvol d'electrons."
       buttons={[
-        { text: "Comença l'exploració", href: "#feature" },
+        { text: "Comença l'exploració", href: "#evolution" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/atom-science-biotechnology-blue-neon-graphic_53876-167297.jpg"
       imageAlt="scientific atom model illustration"
     />
   </div>
 
-  <div id="feature" data-section="feature">
+  <div id="evolution" data-section="evolution">
-      <FeatureCardTen
+      <TimelineCardStack
-      animationType="slide-up"
+      title="Història dels models atòmics"
+      description="L'evolució de com entenem la matèria a nivell microscòpic."
       textboxLayout="default"
       useInvertedBackground={false}
-      features={[
+      >
-        {
+        <div className="space-y-4">
-          title: "Model de Thomson (1904)",          description: "L'àtom és una esfera de càrrega positiva amb electrons incrustats com panses en un puding.",          media: {
+            <p><strong>Model de Dalton (1803):</strong> La matèria està formada per àtoms indivisibles.</p>
-            imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139349.jpg",            imageAlt: "plum pudding model atom diagram"
+            <p><strong>Model de Thomson (1904):</strong> Àtom com una esfera de càrrega positiva amb electrons encastats (puding de panses).</p>
-          },
+            <p><strong>Model de Rutherford (1911):</strong> Descobriment del nucli dens i positiu; els electrons giren al voltant.</p>
-          items: [
+            <p><strong>Model de Bohr (1913):</strong> Electrons en òrbites circulars estables a diferents nivells d'energia.</p>
-            { icon: CheckCircle, text: "Inclou electrons" },
+            <p><strong>Model quàntic (Actual):</strong> Electrons com a núvols de probabilitat en orbitals.</p>
-            { icon: CheckCircle, text: "Millora: descobreix la càrrega negativa" },
+        </div>
-            { icon: CheckCircle, text: "Paraula: Puding" },
+      </TimelineCardStack>
-          ],
-          reverse: false,
-        },
-        {
-          title: "Model de Rutherford (1911)",          description: "L'àtom té un nucli central petit, dens i positiu, amb electrons orbitant al voltant.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-plasma-ball-light_23-2150767799.jpg",            imageAlt: "rutherford gold foil experiment diagram"
-          },
-          items: [
-            { icon: CheckCircle, text: "Inclou nucli i electrons" },
-            { icon: CheckCircle, text: "Millora: descobreix l'espai buit" },
-            { icon: CheckCircle, text: "Paraula: Nucli" },
-          ],
-          reverse: true,
-        },
-        {
-          title: "Model de Bohr (1913)",          description: "Els electrons es mouen en òrbites fixes d'energia quantitzada al voltant del nucli.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139251.jpg",            imageAlt: "bohr model atom orbits illustration"
-          },
-          items: [
-            { icon: CheckCircle, text: "Inclou nivells d'energia" },
-            { icon: CheckCircle, text: "Millora: explica els espectres" },
-            { icon: CheckCircle, text: "Paraula: Òrbites" },
-          ],
-          reverse: false,
-        },
-        {
-          title: "Model Quàntic (Actual)",          description: "Els electrons es troben en núvols de probabilitat o orbitals; no tenen òrbites precises.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-lysosome-digesting-cellular-waste-german_183364-124029.jpg",            imageAlt: "quantum mechanical electron cloud model"
-          },
-          items: [
-            { icon: CheckCircle, text: "Inclou orbitals" },
-            { icon: CheckCircle, text: "Millora: incertesa i ondes" },
-            { icon: CheckCircle, text: "Paraula: Probabilitat" },
-          ],
-          reverse: true,
-        },
-      ]}
-      title="Els Quatre Models Clau"
-      description="Una cronologia que va canviar la nostra comprensió de la matèria."
-    />
   </div>
 
   <div id="faq" data-section="faq">
@@ -149,7 +109,7 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "Inici", href: "#hero" }, { label: "Models", href: "#feature" }] },
+        { items: [{ label: "Inici", href: "#hero" }, { label: "Evolució", href: "#evolution" }, { label: "Preguntes", href: "#faq" }] },
         { items: [{ label: "Sobre nosaltres", href: "#" }, { label: "Privacy Policy", href: "#" }] },
       ]}
       logoText="EvoAtom"