Update src/app/page.tsx

src/app/page.tsx

@@ -8,6 +8,7 @@ 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 TimelineCardStack from '@/components/cardStack/layouts/timelines/TimelineCardStack';
 
 export default function LandingPage() {
   return (
@@ -28,6 +29,7 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         { name: "Inici", id: "hero" },
+        { name: "Història", id: "evolution" },
         { name: "Preguntes", id: "faq" },
       ]}
       brandName="EvoAtom"
@@ -39,13 +41,30 @@ 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: "#faq" },
+        { 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="evolution" data-section="evolution">
+      <TimelineCardStack
+      title="Història dels models atòmics"
+      description="L'evolució de com entenem la matèria a nivell microscòpic."
+      textboxLayout="default"
+      useInvertedBackground={false}
+      >
+        <div className="space-y-4">
+            <p><strong>Model de Dalton (1803):</strong> La matèria està formada per àtoms indivisibles.</p>
+            <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>
+            <p><strong>Model de Bohr (1913):</strong> Electrons en òrbites circulars estables a diferents nivells d'energia.</p>
+            <p><strong>Model quàntic (Actual):</strong> Electrons com a núvols de probabilitat en orbitals.</p>
+        </div>
+      </TimelineCardStack>
+  </div>
+
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="default"
@@ -83,14 +102,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{ variant: "animated-grid" }}
       text="Vols aprofundir en la física quàntica o tens suggeriments sobre aquesta infografia? Estem aquí per ajudar-te."
-      buttons={[{ text: "Envia'ns un missatge" }]}
+      buttons={[{ text: "Envia'ns un missatge" }]
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "Inici", href: "#hero" }, { label: "Preguntes", href: "#faq" }] },
+        { items: [{ label: "Inici", href: "#hero" }, { label: "Evolució", href: "#evolution" }, { label: "Preguntes", href: "#faq" }] },
         { items: [{ label: "Sobre nosaltres", href: "#" }, { label: "Privacy Policy", href: "#" }] },
       ]}
       logoText="EvoAtom"