Merge version_1 into main #2
344
src/app/page.tsx
344
src/app/page.tsx
@@ -11,7 +11,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, CheckCircle, Layout, Palette, PenTool, Shield, Users, Zap } from "lucide-react";
|
||||
import { Award, CheckCircle, Layout, Palette, PenTool, Shield, Users, Zap, Shirt } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,136 +31,35 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Portafolio",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Portafolio", id: "products" },
|
||||
{ name: "Testimonios", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="MAXRED"
|
||||
button={{ text: "Contáctanos", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Publicidad y Diseño a tu Medida"
|
||||
description="Expertos en letras corpóreas LED, sublimación y servicios publicitarios personalizados para potenciar la identidad de tu negocio."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-working-computer_1170-2927.jpg?_wi=1",
|
||||
imageAlt: "advertising agency signage workshop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-hanukkah-holiday-woman-making-jewish-symbol_23-2148716839.jpg?_wi=1",
|
||||
imageAlt: "led sign making workshop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-printing-machine-colorful-textile-designs-studio_191095-99710.jpg?_wi=1",
|
||||
imageAlt: "sublimation printing machines",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-creative-space-themed-workplace_23-2147833164.jpg",
|
||||
imageAlt: "design studio workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-open-sign-made-with-lights_181624-44086.jpg",
|
||||
imageAlt: "illuminated 3d signage",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-working-computer_1170-2927.jpg", imageAlt: "advertising agency signage workshop" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-hanukkah-holiday-woman-making-jewish-symbol_23-2148716839.jpg", imageAlt: "led sign making workshop" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fabric-printing-machine-colorful-textile-designs-studio_191095-99710.jpg", imageAlt: "sublimation printing machines" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-creative-space-themed-workplace_23-2147833164.jpg", imageAlt: "design studio workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-open-sign-made-with-lights_181624-44086.jpg", imageAlt: "illuminated 3d signage" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-boss-day-concept_23-2148586487.jpg",
|
||||
imageAlt: "sublimated corporate merchandise",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas_176420-1677.jpg",
|
||||
imageAlt: "large format outdoor banner",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-drawing-owl_23-2147612823.jpg",
|
||||
imageAlt: "custom engraved corporate awards",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-fabric-texture_1122-429.jpg",
|
||||
imageAlt: "promotional custom apparel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-restaurant-paris-france-menu-board-square_1101-3195.jpg",
|
||||
imageAlt: "detailed storefront lettering kit",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Servicios",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Contáctanos",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371835.jpg",
|
||||
alt: "Designers team working on 3d model",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-colleagues-applauding_23-2149411519.jpg",
|
||||
alt: "Medium colleagues applauding",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coworkers-working-office-relaxed-atmosphere_329181-12008.jpg",
|
||||
alt: "Coworkers working at office in a relaxed atmosphere",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-businesswomen-drawing-plan-white-paper-with-instruments-desk-workplace_23-2147955164.jpg",
|
||||
alt: "Group of businesswomen drawing plan on white paper with instruments over desk at workplace",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-multiethnic-designers-brainstorming_53876-64986.jpg",
|
||||
alt: "Group of Multiethnic Designers Brainstorming",
|
||||
},
|
||||
]}
|
||||
avatarText="Equipo creativo listo para tu marca"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Diseño",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sublimación",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Señalética",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Publicidad",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creatividad",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-boss-day-concept_23-2148586487.jpg", imageAlt: "sublimated corporate merchandise" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas_176420-1677.jpg", imageAlt: "large format outdoor banner" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/realistic-drawing-owl_23-2147612823.jpg", imageAlt: "custom engraved corporate awards" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-fabric-texture_1122-429.jpg", imageAlt: "promotional custom apparel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/french-restaurant-paris-france-menu-board-square_1101-3195.jpg", imageAlt: "detailed storefront lettering kit" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,21 +69,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Calidad que nos Define"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Años de Experiencia",
|
||||
value: "5+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Proyectos Exitosos",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clientes Satisfechos",
|
||||
value: "200+",
|
||||
},
|
||||
{ icon: Award, label: "Años de Experiencia", value: "5+" },
|
||||
{ icon: CheckCircle, label: "Proyectos Exitosos", value: "500+" },
|
||||
{ icon: Users, label: "Clientes Satisfechos", value: "200+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -197,68 +84,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Letras Corpóreas LED",
|
||||
description: "Destaque su marca con letreros luminosos de alto impacto visual.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/who-says-quote-sign-neon-lights_23-2148283860.jpg",
|
||||
imageAlt: "led sign making workshop",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Bajo consumo",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Resistentes",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-working-computer_1170-2927.jpg?_wi=2",
|
||||
imageAlt: "led sign making workshop",
|
||||
title: "Letras Corpóreas LED", description: "Destaque su marca con letreros luminosos de alto impacto visual.", media: { imageSrc: "http://img.b2bpic.net/free-photo/who-says-quote-sign-neon-lights_23-2148283860.jpg", imageAlt: "led sign making workshop" },
|
||||
items: [{ icon: Zap, text: "Bajo consumo" }, { icon: Shield, text: "Resistentes" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Sublimación Profesional",
|
||||
description: "Personalización textil de alta calidad.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cmyk-toners-composition_23-2149120730.jpg",
|
||||
imageAlt: "sublimation printing machines",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Colores vivos",
|
||||
},
|
||||
{
|
||||
icon: Shirt,
|
||||
text: "Versatilidad",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-hanukkah-holiday-woman-making-jewish-symbol_23-2148716839.jpg?_wi=2",
|
||||
imageAlt: "led sign making workshop",
|
||||
title: "Sublimación Profesional", description: "Personalización textil de alta calidad.", media: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-cmyk-toners-composition_23-2149120730.jpg", imageAlt: "sublimation printing machines" },
|
||||
items: [{ icon: Palette, text: "Colores vivos" }, { icon: Shirt, text: "Versatilidad" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Diseño Creativo",
|
||||
description: "Identidad visual corporativa integral.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideas-progress-vision-inspiration-design-concept_53876-120920.jpg",
|
||||
imageAlt: "design studio workspace",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Layout,
|
||||
text: "Identidad",
|
||||
},
|
||||
{
|
||||
icon: PenTool,
|
||||
text: "Diseño",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-printing-machine-colorful-textile-designs-studio_191095-99710.jpg?_wi=2",
|
||||
imageAlt: "led sign making workshop",
|
||||
},
|
||||
title: "Diseño Creativo", description: "Identidad visual corporativa integral.", media: { imageSrc: "http://img.b2bpic.net/free-photo/ideas-progress-vision-inspiration-design-concept_53876-120920.jpg", imageAlt: "design studio workspace" },
|
||||
items: [{ icon: Layout, text: "Identidad" }, { icon: PenTool, text: "Diseño" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Nuestras Soluciones"
|
||||
description="Transformamos tu visión en realidad con tecnología de vanguardia y atención personalizada."
|
||||
@@ -272,42 +111,9 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Letrero LED",
|
||||
price: "Consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bagels-sign-neon-lights-delicious-snacks_23-2148283899.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Merchandising",
|
||||
price: "Consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-gray-cup-blurred-background-with-knitted-element_169016-51535.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Banners",
|
||||
price: "Consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-white-billboard-city-parking_23-2147764768.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Premios",
|
||||
price: "Consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kraft-paper-office-supplies_23-2147788360.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Uniformes",
|
||||
price: "Consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-is-holding-shirt-showing-it-with-forefinger-clothes-background_176474-116755.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Señalética",
|
||||
price: "Consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-manual-worker-marking-measurements-piece-wood-carpentry-workshop_637285-11691.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Letrero LED", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/bagels-sign-neon-lights-delicious-snacks_23-2148283899.jpg" },
|
||||
{ id: "p2", name: "Merchandising", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-gray-cup-blurred-background-with-knitted-element_169016-51535.jpg" },
|
||||
{ id: "p3", name: "Banners", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/big-white-billboard-city-parking_23-2147764768.jpg" }
|
||||
]}
|
||||
title="Portafolio de Trabajos"
|
||||
description="Proyectos realizados con precisión y creatividad."
|
||||
@@ -320,41 +126,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Juan Carlos",
|
||||
handle: "Cliente",
|
||||
testimonial: "Excelente servicio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Saúl",
|
||||
handle: "Guía",
|
||||
testimonial: "Muy puntuales.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Dunia",
|
||||
handle: "Cliente",
|
||||
testimonial: "Calidad superior.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/evaluation-feedback-customer-smiley-response_53876-123011.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anónimo",
|
||||
handle: "Cliente",
|
||||
testimonial: "Gran comunicación.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950173.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Empresa",
|
||||
handle: "Socio",
|
||||
testimonial: "Totalmente recomendados.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-colleagues-having-meeting_23-2149060250.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Juan Carlos", handle: "Cliente", testimonial: "Excelente servicio.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
|
||||
{ id: "t2", name: "Saúl", handle: "Guía", testimonial: "Muy puntuales.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg" },
|
||||
{ id: "t3", name: "Dunia", handle: "Cliente", testimonial: "Calidad superior.", imageSrc: "http://img.b2bpic.net/free-photo/evaluation-feedback-customer-smiley-response_53876-123011.jpg" }
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Nuestra mayor satisfacción es el éxito de los clientes."
|
||||
@@ -365,21 +139,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Envían a domicilio?",
|
||||
content: "Sí, realizamos envíos seguros.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Diseñan desde cero?",
|
||||
content: "Sí, nuestro equipo creativo desarrolla tu idea.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Tiempo de entrega?",
|
||||
content: "Depende de la complejidad, pero siempre puntuales.",
|
||||
},
|
||||
{ id: "q1", title: "¿Envían a domicilio?", content: "Sí, realizamos envíos seguros." },
|
||||
{ id: "q2", title: "¿Diseñan desde cero?", content: "Sí, nuestro equipo creativo desarrolla tu idea." },
|
||||
{ id: "q3", title: "¿Tiempo de entrega?", content: "Depende de la complejidad, pero siempre puntuales." }
|
||||
]}
|
||||
sideTitle="Preguntas Frecuentes"
|
||||
sideDescription="Respondemos tus dudas para trabajar con confianza."
|
||||
@@ -390,21 +152,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contacto"
|
||||
title="Comencemos tu próximo proyecto"
|
||||
description="Estamos en C. Pio Jaramillo Alvarado, Zamora."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/593991000741",
|
||||
},
|
||||
{
|
||||
text: "Email",
|
||||
href: "mailto:info@maxred.ec",
|
||||
},
|
||||
{ text: "WhatsApp", href: "https://wa.me/593991000741" },
|
||||
{ text: "Email", href: "mailto:info@maxred.ec" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -412,17 +166,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="MAXRED"
|
||||
leftLink={{
|
||||
text: "Privacidad",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 MAXRED",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacidad", href: "#" }}
|
||||
rightLink={{ text: "© 2024 MAXRED", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user