Merge version_1 into main #2
171
src/app/page.tsx
171
src/app/page.tsx
@@ -29,23 +29,16 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inici",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inici", id: "hero"},
|
||||
{
|
||||
name: "Models",
|
||||
id: "features",
|
||||
},
|
||||
name: "Models", id: "features"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Contacte",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacte", id: "contact"},
|
||||
]}
|
||||
brandName="ÀtomHistòria"
|
||||
button={{ text: "Començar", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -55,68 +48,33 @@ export default function LandingPage() {
|
||||
description="Explora com hem passat de l'esfera sòlida a l'imprevisible núvol de probabilitat. Un recorregut essencial per entendre la base de la matèria."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Maria C.",
|
||||
handle: "@fisica_m",
|
||||
testimonial: "La millor infografia que he vist mai per entendre els models atòmics.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mercury-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-12054.jpg?_wi=1",
|
||||
imageAlt: "scientific atom model illustration",
|
||||
},
|
||||
name: "Maria C.", handle: "@fisica_m", testimonial: "La millor infografia que he vist mai per entendre els models atòmics.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mercury-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-12054.jpg", imageAlt: "scientific atom model illustration"},
|
||||
{
|
||||
name: "Jordi V.",
|
||||
handle: "@ciència_v",
|
||||
testimonial: "Molt clara, visual i pedagògica. Ideal per a estudiants.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-laptop-screen_53876-124151.jpg?_wi=1",
|
||||
imageAlt: "scientific atom model illustration",
|
||||
},
|
||||
name: "Jordi V.", handle: "@ciència_v", testimonial: "Molt clara, visual i pedagògica. Ideal per a estudiants.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-laptop-screen_53876-124151.jpg", imageAlt: "scientific atom model illustration"},
|
||||
{
|
||||
name: "Laura S.",
|
||||
handle: "@quimica_l",
|
||||
testimonial: "Una síntesi perfecta de l'evolució científica.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/atom-science-biotechnology-gold-neon-graphic_53876-167296.jpg?_wi=1",
|
||||
imageAlt: "scientific atom model illustration",
|
||||
},
|
||||
name: "Laura S.", handle: "@quimica_l", testimonial: "Una síntesi perfecta de l'evolució científica.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/atom-science-biotechnology-gold-neon-graphic_53876-167296.jpg", imageAlt: "scientific atom model illustration"},
|
||||
{
|
||||
name: "Marc P.",
|
||||
handle: "@estudiant_p",
|
||||
testimonial: "He après més en 5 minuts que en tota la setmana de classe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048918.jpg?_wi=1",
|
||||
imageAlt: "scientific atom model illustration",
|
||||
},
|
||||
name: "Marc P.", handle: "@estudiant_p", testimonial: "He après més en 5 minuts que en tota la setmana de classe.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048918.jpg", imageAlt: "scientific atom model illustration"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@docent_e",
|
||||
testimonial: "Un recurs imprescindible per a l'aula de ciències.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-trails-neon-lights_23-2147786046.jpg?_wi=1",
|
||||
imageAlt: "scientific atom model illustration",
|
||||
},
|
||||
name: "Elena R.", handle: "@docent_e", testimonial: "Un recurs imprescindible per a l'aula de ciències.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-trails-neon-lights_23-2147786046.jpg", imageAlt: "scientific atom model illustration"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mercury-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-12054.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mercury-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-12054.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/clever-girl-reading-library_23-2147863595.jpg",
|
||||
alt: "Clever girl reading in library",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/clever-girl-reading-library_23-2147863595.jpg", alt: "Clever girl reading in library"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-teenager-reading-book-library-table_23-2147864151.jpg",
|
||||
alt: "Smiling teenager reading book at library table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-teenager-reading-book-library-table_23-2147864151.jpg", alt: "Smiling teenager reading book at library table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teen-boy-reading-near-skeleton_23-2147864152.jpg",
|
||||
alt: "Teen boy reading near skeleton",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/teen-boy-reading-near-skeleton_23-2147864152.jpg", alt: "Teen boy reading near skeleton"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teenager-immersed-reading-literary-works-from-school-library-database_482257-125442.jpg",
|
||||
alt: "Teenager immersed in reading literary works",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/teenager-immersed-reading-literary-works-from-school-library-database_482257-125442.jpg", alt: "Teenager immersed in reading literary works"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-dark-haired-man-glasses-is-looking-business-plan-whiteboard-he-wears-blue-shirt-dark-jacket_197531-547.jpg",
|
||||
alt: "Young attractive man in glasses",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-dark-haired-man-glasses-is-looking-business-plan-whiteboard-he-wears-blue-shirt-dark-jacket_197531-547.jpg", alt: "Young attractive man in glasses"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,41 +86,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "thomson",
|
||||
title: "Model de Thomson",
|
||||
tags: [
|
||||
"1904",
|
||||
"Pudding de panses",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-laptop-screen_53876-124151.jpg?_wi=2",
|
||||
},
|
||||
id: "thomson", title: "Model de Thomson", tags: [
|
||||
"1904", "Pudding de panses"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-laptop-screen_53876-124151.jpg"},
|
||||
{
|
||||
id: "rutherford",
|
||||
title: "Model de Rutherford",
|
||||
tags: [
|
||||
"1911",
|
||||
"Sistema Planetari",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/atom-science-biotechnology-gold-neon-graphic_53876-167296.jpg?_wi=2",
|
||||
},
|
||||
id: "rutherford", title: "Model de Rutherford", tags: [
|
||||
"1911", "Sistema Planetari"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/atom-science-biotechnology-gold-neon-graphic_53876-167296.jpg"},
|
||||
{
|
||||
id: "bohr",
|
||||
title: "Model de Bohr",
|
||||
tags: [
|
||||
"1913",
|
||||
"Nivells d'energia",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048918.jpg?_wi=2",
|
||||
},
|
||||
id: "bohr", title: "Model de Bohr", tags: [
|
||||
"1913", "Nivells d'energia"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048918.jpg"},
|
||||
{
|
||||
id: "quantic",
|
||||
title: "Model Actual",
|
||||
tags: [
|
||||
"1926",
|
||||
"Núvol electrònic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-trails-neon-lights_23-2147786046.jpg?_wi=2",
|
||||
},
|
||||
id: "quantic", title: "Model Actual", tags: [
|
||||
"1926", "Núvol electrònic"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-trails-neon-lights_23-2147786046.jpg"},
|
||||
]}
|
||||
title="Evolució dels Models"
|
||||
description="Descobreix els quatre models clau que han definit la nostra visió actual de l'univers."
|
||||
@@ -174,9 +112,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Per què importen?"
|
||||
description={[
|
||||
"Cada model va corregir les limitacions del seu predecessor, portant-nos a una comprensió cada cop més precisa de la realitat quàntica.",
|
||||
"La ciència mai és definitiva; és un procés constant d'assaig, error i descobriment.",
|
||||
]}
|
||||
"Cada model va corregir les limitacions del seu predecessor, portant-nos a una comprensió cada cop més precisa de la realitat quàntica.", "La ciència mai és definitiva; és un procés constant d'assaig, error i descobriment."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -185,14 +121,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Escola de Ciències",
|
||||
"Institut Tecnològic",
|
||||
"Universitat de Física",
|
||||
"Centre d'Innovació",
|
||||
"Acadèmia Quàntica",
|
||||
"Club de Química",
|
||||
"Laboratori d'Educació",
|
||||
]}
|
||||
"Escola de Ciències", "Institut Tecnològic", "Universitat de Física", "Centre d'Innovació", "Acadèmia Quàntica", "Club de Química", "Laboratori d'Educació"]}
|
||||
title="Suportat per Institucions Educatives"
|
||||
description="Recursos utilitzats per escoles i universitats d'arreu."
|
||||
/>
|
||||
@@ -205,22 +134,14 @@ export default function LandingPage() {
|
||||
description="Posa't en contacte amb el nostre equip d'experts en física i química."
|
||||
inputs={[
|
||||
{
|
||||
name: "nom",
|
||||
type: "text",
|
||||
placeholder: "Nom complet",
|
||||
required: true,
|
||||
name: "nom", type: "text", placeholder: "Nom complet", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Correu electrònic",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Correu electrònic", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "missatge",
|
||||
placeholder: "Explica'ns el teu dubte...",
|
||||
rows: 4,
|
||||
name: "missatge", placeholder: "Explica'ns el teu dubte...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/content-business-expert-giving-lecture_1262-2995.jpg"
|
||||
@@ -233,25 +154,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inici",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inici", href: "#hero"},
|
||||
{
|
||||
label: "Models",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Models", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre", href: "#about"},
|
||||
{
|
||||
label: "Contacte",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacte", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user