Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f825d672c4 | |||
| c78a9b5cd4 | |||
| f37c80374f |
@@ -4,12 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||||
import { CheckCircle } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -30,7 +28,6 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Inici", id: "hero" },
|
{ name: "Inici", id: "hero" },
|
||||||
{ name: "Models", id: "feature" },
|
|
||||||
{ name: "Preguntes", id: "faq" },
|
{ name: "Preguntes", id: "faq" },
|
||||||
]}
|
]}
|
||||||
brandName="EvoAtom"
|
brandName="EvoAtom"
|
||||||
@@ -42,69 +39,13 @@ export default function LandingPage() {
|
|||||||
logoText="Evolució Atòmica"
|
logoText="Evolució Atòmica"
|
||||||
description="Explora el viatge fascinant des del puding de panses fins a l'actual núvol d'electrons."
|
description="Explora el viatge fascinant des del puding de panses fins a l'actual núvol d'electrons."
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Comença l'exploració", href: "#feature" },
|
{ text: "Comença l'exploració", href: "#faq" },
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/atom-science-biotechnology-blue-neon-graphic_53876-167297.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/atom-science-biotechnology-blue-neon-graphic_53876-167297.jpg"
|
||||||
imageAlt="scientific atom model illustration"
|
imageAlt="scientific atom model illustration"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="feature" data-section="feature">
|
|
||||||
<FeatureCardTen
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
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", 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" },
|
|
||||||
],
|
|
||||||
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">
|
<div id="faq" data-section="faq">
|
||||||
<FaqDouble
|
<FaqDouble
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
@@ -149,7 +90,7 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{ items: [{ label: "Inici", href: "#hero" }, { label: "Models", href: "#feature" }] },
|
{ items: [{ label: "Inici", href: "#hero" }, { label: "Preguntes", href: "#faq" }] },
|
||||||
{ items: [{ label: "Sobre nosaltres", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
{ items: [{ label: "Sobre nosaltres", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||||
]}
|
]}
|
||||||
logoText="EvoAtom"
|
logoText="EvoAtom"
|
||||||
|
|||||||
Reference in New Issue
Block a user