Merge version_1 into main #2
206
src/app/page.tsx
206
src/app/page.tsx
@@ -29,18 +29,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inici",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Models",
|
||||
id: "feature",
|
||||
},
|
||||
{
|
||||
name: "Preguntes",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Inici", id: "hero" },
|
||||
{ name: "Models", id: "feature" },
|
||||
{ name: "Preguntes", id: "faq" },
|
||||
]}
|
||||
brandName="EvoAtom"
|
||||
/>
|
||||
@@ -51,12 +42,9 @@ 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: "#feature" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/atom-science-biotechnology-blue-neon-graphic_53876-167297.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/atom-science-biotechnology-blue-neon-graphic_53876-167297.jpg"
|
||||
imageAlt="scientific atom model illustration"
|
||||
/>
|
||||
</div>
|
||||
@@ -68,100 +56,48 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Model de Thomson (1904)",
|
||||
description: "L'àtom és una esfera de càrrega positiva amb electrons incrustats com panses en un puding.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139349.jpg",
|
||||
title: "Model de Thomson (1904)", description: "L'àtom és una esfera de càrrega positiva amb electrons incrustats com panses en un puding.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139349.jpg", imageAlt: "plum pudding model atom diagram"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Inclou electrons",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Millora: descobreix la càrrega negativa",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Paraula: Puding",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Inclou electrons" },
|
||||
{ icon: CheckCircle, text: "Millora: descobreix la càrrega negativa" },
|
||||
{ icon: CheckCircle, text: "Paraula: Puding" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/atom-science-biotechnology-blue-neon-graphic_53876-167297.jpg?_wi=2",
|
||||
imageAlt: "plum pudding model atom diagram",
|
||||
},
|
||||
{
|
||||
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",
|
||||
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",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Inclou nucli i electrons" },
|
||||
{ icon: CheckCircle, text: "Millora: descobreix l'espai buit" },
|
||||
{ icon: CheckCircle, text: "Paraula: Nucli" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139251.jpg",
|
||||
imageAlt: "plum pudding model atom diagram",
|
||||
},
|
||||
{
|
||||
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/3d-illustration-lysosome-digesting-cellular-waste-german_183364-124029.jpg",
|
||||
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",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Inclou nivells d'energia" },
|
||||
{ icon: CheckCircle, text: "Millora: explica els espectres" },
|
||||
{ icon: CheckCircle, text: "Paraula: Òrbites" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/atom-science-biotechnology-gold-neon-graphic_53876-167296.jpg",
|
||||
imageAlt: "plum pudding model atom diagram",
|
||||
},
|
||||
{
|
||||
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/chemical-element-arrangement-still-life_23-2149048919.jpg",
|
||||
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",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Inclou orbitals" },
|
||||
{ icon: CheckCircle, text: "Millora: incertesa i ondes" },
|
||||
{ icon: CheckCircle, text: "Paraula: Probabilitat" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048924.jpg",
|
||||
imageAlt: "plum pudding model atom diagram",
|
||||
},
|
||||
]}
|
||||
title="Els Quatre Models Clau"
|
||||
@@ -174,21 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Per què el model de Thomson va fallar?",
|
||||
content: "Perquè els experiments de Rutherford van demostrar l'existència d'un nucli dens.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Què vol dir 'quantitzat'?",
|
||||
content: "Significa que l'energia només pot existir en nivells determinats, no en valors continus.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "On estan els electrons en el model actual?",
|
||||
content: "En orbitals, regions de l'espai on hi ha gran probabilitat de trobar-los.",
|
||||
},
|
||||
{ id: "1", title: "Per què el model de Thomson va fallar?", content: "Perquè els experiments de Rutherford van demostrar l'existència d'un nucli dens." },
|
||||
{ id: "2", title: "Què vol dir 'quantitzat'?", content: "Significa que l'energia només pot existir en nivells determinats, no en valors continus." },
|
||||
{ id: "3", title: "On estan els electrons en el model actual?", content: "En orbitals, regions de l'espai on hi ha gran probabilitat de trobar-los." },
|
||||
]}
|
||||
title="Preguntes Freqüents"
|
||||
description="Dades ràpides per entendre millor l'evolució."
|
||||
@@ -205,38 +129,10 @@ export default function LandingPage() {
|
||||
description="Opinions sobre aquesta guia visual de l'àtom."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marta J.",
|
||||
handle: "@marta_science",
|
||||
testimonial: "Finalment he entès la diferència entre el model de Bohr i el quàntic. Gràcies!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048932.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Pau R.",
|
||||
handle: "@paurivera",
|
||||
testimonial: "Visualment excel·lent, ajuda molt a visualitzar el que és invisible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-fractal-shapes-background_1017-2668.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lucia S.",
|
||||
handle: "@luciasci",
|
||||
testimonial: "Una cronologia molt ben estructurada i fàcil d'entendre.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-cool-geometric-shapes-with-neon-laser-lights_181624-26028.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jordi V.",
|
||||
handle: "@jordi_v",
|
||||
testimonial: "Perfecte per repassar abans dels exàmens de física.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/negative-effect-purple-cabbage-cut-half_53876-95160.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Marta J.", handle: "@marta_science", testimonial: "Finalment he entès la diferència entre el model de Bohr i el quàntic. Gràcies!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048932.jpg" },
|
||||
{ id: "t2", name: "Pau R.", handle: "@paurivera", testimonial: "Visualment excel·lent, ajuda molt a visualitzar el que és invisible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-fractal-shapes-background_1017-2668.jpg" },
|
||||
{ id: "t3", name: "Lucia S.", handle: "@luciasci", testimonial: "Una cronologia molt ben estructurada i fàcil d'entendre.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/illustration-cool-geometric-shapes-with-neon-laser-lights_181624-26028.jpg" },
|
||||
{ id: "t4", name: "Jordi V.", handle: "@jordi_v", testimonial: "Perfecte per repassar abans dels exàmens de física.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/negative-effect-purple-cabbage-cut-half_53876-95160.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -244,45 +140,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
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: "Models",
|
||||
href: "#feature",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Sobre nosaltres",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Inici", href: "#hero" }, { label: "Models", href: "#feature" }] },
|
||||
{ items: [{ label: "Sobre nosaltres", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="EvoAtom"
|
||||
/>
|
||||
@@ -290,4 +158,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user