Update src/app/page.tsx

This commit is contained in:
2026-04-11 17:25:10 +00:00
parent 80ce2b8ad9
commit 9296b187ae

View File

@@ -7,14 +7,14 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'; import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-magnetic" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur" defaultTextAnimation="entrance-slide"
borderRadius="pill" borderRadius="pill"
contentWidth="compact" contentWidth="compact"
sizing="largeSmallSizeMediumTitles" sizing="largeSmallSizeMediumTitles"
@@ -28,37 +28,26 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Inicio", id: "/" },
name: "Inicio", { name: "MGlasses", id: "/glasses" },
id: "/", { name: "Massistant", id: "/massistant" },
},
{
name: "MGlasses",
id: "/glasses",
},
{
name: "Massistant",
id: "/massistant",
},
]} ]}
brandName="MEDI" brandName="MEDI"
button={{ text: "Contacto", href: "/contact" }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Ecosistema inteligente 2026" title="Ecosistema inteligente 2026"
description="ME-DI. Tecnología de próxima generación, IA integrada, invisibilidad técnica." description="ME-DI. Tecnología de próxima generación, IA integrada, invisibilidad técnica."
imageSrc="http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255147.jpg" imageSrc="http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255147.jpg"
imageAlt="futuristic hud interface dark mode" imageAlt="futuristic hud interface dark mode"
buttons={[ buttons={[
{ {
text: "Explorar tecnología", text: "Explorar tecnología", href: "/glasses"},
href: "/glasses",
},
]} ]}
/> />
</div> </div>
@@ -71,19 +60,12 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "MGlasses", price: "Innovación ocular", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg", imageAlt: "minimalist smart glasses dark background"},
name: "MGlasses",
price: "Innovación ocular",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg",
imageAlt: "minimalist smart glasses dark background",
},
{ {
id: "p2", id: "p2", name: "Massistant", price: "IA de voz activa", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg", imageAlt: "ai digital assistant abstract"},
name: "Massistant", {
price: "IA de voz activa", id: "p3", name: "EcoService", price: "Soporte", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-modern-background-with-flowing-lines-cyber-dots_1048-12672.jpg", imageAlt: "abstract background"
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg", }
imageAlt: "ai digital assistant abstract",
},
]} ]}
title="Nuestros Productos" title="Nuestros Productos"
description="El futuro ya está aquí." description="El futuro ya está aquí."
@@ -99,33 +81,13 @@ export default function LandingPage() {
description="Lo que los pioneros dicen de la tecnología MEDI." description="Lo que los pioneros dicen de la tecnología MEDI."
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Alex Rivet", handle: "@alextech", testimonial: "Los lentes cambiaron mi flujo de trabajo completamente.", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-futuristic-gaming-virtual-reality-headset_23-2151133302.jpg"},
name: "Alex Rivet",
handle: "@alextech",
testimonial: "Los lentes cambiaron mi flujo de trabajo completamente.",
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-futuristic-gaming-virtual-reality-headset_23-2151133302.jpg",
},
{ {
id: "t2", id: "t2", name: "Maria S.", handle: "@devdesign", testimonial: "El asistente es simplemente brillante e intuitivo.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-digital-glasses_23-2148910291.jpg"},
name: "Maria S.",
handle: "@devdesign",
testimonial: "El asistente es simplemente brillante e intuitivo.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-digital-glasses_23-2148910291.jpg",
},
{ {
id: "t3", id: "t3", name: "Julian B.", handle: "@julesb", testimonial: "Diseño superior, tecnología que se siente natural.", imageSrc: "http://img.b2bpic.net/free-photo/eyeglasses-lens-reflects-fashion-modern-technology-illustration-generated-by-ai_188544-19654.jpg"},
name: "Julian B.",
handle: "@julesb",
testimonial: "Diseño superior, tecnología que se siente natural.",
imageSrc: "http://img.b2bpic.net/free-photo/eyeglasses-lens-reflects-fashion-modern-technology-illustration-generated-by-ai_188544-19654.jpg",
},
{ {
id: "t4", id: "t4", name: "Elena T.", handle: "@elena_tech", testimonial: "La mejor experiencia de usuario en wearables hoy.", imageSrc: "http://img.b2bpic.net/free-photo/smart-glasses-with-interactive-lenses-seeing-future_53876-101153.jpg"},
name: "Elena T.",
handle: "@elena_tech",
testimonial: "La mejor experiencia de usuario en wearables hoy.",
imageSrc: "http://img.b2bpic.net/free-photo/smart-glasses-with-interactive-lenses-seeing-future_53876-101153.jpg",
},
]} ]}
/> />
</div> </div>
@@ -137,22 +99,13 @@ export default function LandingPage() {
sideDescription="Todo lo que necesitas saber sobre el Ecosistema MEDI." sideDescription="Todo lo que necesitas saber sobre el Ecosistema MEDI."
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "¿Cómo protegen mis datos?", content: "Procesamiento local, privacidad total, cifrado grado militar."},
title: "¿Cómo protegen mis datos?",
content: "Procesamiento local, privacidad total, cifrado grado militar.",
},
{ {
id: "f2", id: "f2", title: "¿Cuál es la duración real?", content: "Diseñados para 8 horas de uso intensivo activo."},
title: "¿Cuál es la duración real?",
content: "Diseñados para 8 horas de uso intensivo activo.",
},
{ {
id: "f3", id: "f3", title: "¿Es compatible con otros sistemas?", content: "Integración nativa con todo el ecosistema MEDI."},
title: "¿Es compatible con otros sistemas?",
content: "Integración nativa con todo el ecosistema MEDI.",
},
]} ]}
faqsAnimation="reveal-blur" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -163,12 +116,7 @@ export default function LandingPage() {
title="Socios estratégicos" title="Socios estratégicos"
description="Colaboramos con líderes en tecnología global." description="Colaboramos con líderes en tecnología global."
names={[ names={[
"NeuralCore", "NeuralCore", "OptiVision", "GlobalAI", "DataCloud", "SynthVoice"]}
"OptiVision",
"GlobalAI",
"DataCloud",
"SynthVoice",
]}
/> />
</div> </div>
@@ -176,29 +124,19 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Productos", title: "Productos", items: [
items: [
{ {
label: "MGlasses", label: "MGlasses", href: "/glasses"},
href: "/glasses",
},
{ {
label: "Massistant", label: "Massistant", href: "/massistant"},
href: "/massistant",
},
], ],
}, },
{ {
title: "Info", title: "Info", items: [
items: [
{ {
label: "Contacto", label: "Contacto", href: "#"},
href: "#",
},
{ {
label: "Privacidad", label: "Privacidad", href: "#"},
href: "#",
},
], ],
}, },
]} ]}