3 Commits

Author SHA1 Message Date
f825d672c4 Update src/app/page.tsx 2026-04-20 13:37:46 +00:00
c78a9b5cd4 Merge version_1 into main
Merge version_1 into main
2026-04-20 13:34:30 +00:00
f37c80374f Merge version_1 into main
Merge version_1 into main
2026-04-20 13:34:03 +00:00

View File

@@ -4,12 +4,10 @@ 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";
export default function LandingPage() {
return (
@@ -30,7 +28,6 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{ name: "Inici", id: "hero" },
{ name: "Models", id: "feature" },
{ name: "Preguntes", id: "faq" },
]}
brandName="EvoAtom"
@@ -42,69 +39,13 @@ 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: "#faq" },
]}
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">
<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">
<FaqDouble
textboxLayout="default"
@@ -149,7 +90,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: "Preguntes", href: "#faq" }] },
{ items: [{ label: "Sobre nosaltres", href: "#" }, { label: "Privacy Policy", href: "#" }] },
]}
logoText="EvoAtom"