Update src/app/page.tsx
This commit is contained in:
118
src/app/page.tsx
118
src/app/page.tsx
@@ -7,14 +7,14 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
@@ -28,37 +28,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "MGlasses",
|
||||
id: "/glasses",
|
||||
},
|
||||
{
|
||||
name: "Massistant",
|
||||
id: "/massistant",
|
||||
},
|
||||
{ name: "Inicio", id: "/" },
|
||||
{ name: "MGlasses", id: "/glasses" },
|
||||
{ name: "Massistant", id: "/massistant" },
|
||||
]}
|
||||
brandName="MEDI"
|
||||
button={{ text: "Contacto", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ecosistema inteligente 2026"
|
||||
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"
|
||||
imageAlt="futuristic hud interface dark mode"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explorar tecnología",
|
||||
href: "/glasses",
|
||||
},
|
||||
text: "Explorar tecnología", href: "/glasses"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -71,19 +60,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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"
|
||||
}
|
||||
]}
|
||||
title="Nuestros Productos"
|
||||
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."
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,22 +99,13 @@ export default function LandingPage() {
|
||||
sideDescription="Todo lo que necesitas saber sobre el Ecosistema MEDI."
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Cómo protegen mis datos?",
|
||||
content: "Procesamiento local, privacidad total, cifrado grado militar.",
|
||||
},
|
||||
id: "f1", title: "¿Cómo protegen mis datos?", content: "Procesamiento local, privacidad total, cifrado grado militar."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Cuál es la duración real?",
|
||||
content: "Diseñados para 8 horas de uso intensivo activo.",
|
||||
},
|
||||
id: "f2", title: "¿Cuál es la duración real?", content: "Diseñados para 8 horas de uso intensivo activo."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Es compatible con otros sistemas?",
|
||||
content: "Integración nativa con todo el ecosistema MEDI.",
|
||||
},
|
||||
id: "f3", title: "¿Es compatible con otros sistemas?", content: "Integración nativa con todo el ecosistema MEDI."},
|
||||
]}
|
||||
faqsAnimation="reveal-blur"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,12 +116,7 @@ export default function LandingPage() {
|
||||
title="Socios estratégicos"
|
||||
description="Colaboramos con líderes en tecnología global."
|
||||
names={[
|
||||
"NeuralCore",
|
||||
"OptiVision",
|
||||
"GlobalAI",
|
||||
"DataCloud",
|
||||
"SynthVoice",
|
||||
]}
|
||||
"NeuralCore", "OptiVision", "GlobalAI", "DataCloud", "SynthVoice"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -176,29 +124,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Productos",
|
||||
items: [
|
||||
title: "Productos", items: [
|
||||
{
|
||||
label: "MGlasses",
|
||||
href: "/glasses",
|
||||
},
|
||||
label: "MGlasses", href: "/glasses"},
|
||||
{
|
||||
label: "Massistant",
|
||||
href: "/massistant",
|
||||
},
|
||||
label: "Massistant", href: "/massistant"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contacto", href: "#"},
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user