Merge version_1 into main #1
184
src/app/page.tsx
184
src/app/page.tsx
@@ -30,93 +30,58 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Colección",
|
||||
id: "products",
|
||||
},
|
||||
name: "Colección", id: "products"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
name: "Nosotros", id: "about"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Grafitos Express"
|
||||
button={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/573168005182",
|
||||
}}
|
||||
text: "WhatsApp", href: "https://wa.me/573168005182"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Papelería premium de la mejor calidad al mejor precio"
|
||||
description="Descubre nuestra colección exclusiva diseñada para quienes valoran el detalle, la sofisticación y la eficiencia en cada trazo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Descubre nuestra colección",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Descubre nuestra colección", href: "#products"},
|
||||
{
|
||||
text: "Compra ahora",
|
||||
href: "https://wa.me/573168005182",
|
||||
},
|
||||
text: "Compra ahora", href: "https://wa.me/573168005182"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-desk-composition-flat-lay_23-2148975801.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-desk-concept-with-copy-space_23-2148459729.jpg",
|
||||
alt: "High angle of desk concept with copy space",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-desk-concept-with-copy-space_23-2148459729.jpg", alt: "High angle of desk concept with copy space"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-desktop-with-office-elements_23-2148196579.jpg",
|
||||
alt: "Business desktop with a office elements",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-desktop-with-office-elements_23-2148196579.jpg", alt: "Business desktop with a office elements"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/desk-office-with-objects_23-2147982315.jpg",
|
||||
alt: "Desk office with objects",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/desk-office-with-objects_23-2147982315.jpg", alt: "Desk office with objects"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/desk-office-with-objects_23-2147982316.jpg",
|
||||
alt: "Desk office with objects",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/desk-office-with-objects_23-2147982316.jpg", alt: "Desk office with objects"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-agenda-laptop_23-2148446228.jpg",
|
||||
alt: "High angle agenda and laptop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-agenda-laptop_23-2148446228.jpg", alt: "High angle agenda and laptop"},
|
||||
]}
|
||||
avatarText="Más de 500 clientes satisfechos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Calidad Premium",
|
||||
},
|
||||
type: "text", text: "Calidad Premium"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Diseño Exclusivo",
|
||||
},
|
||||
type: "text", text: "Diseño Exclusivo"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Envíos Seguros",
|
||||
},
|
||||
type: "text", text: "Envíos Seguros"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atención Personalizada",
|
||||
},
|
||||
type: "text", text: "Atención Personalizada"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precios Competitivos",
|
||||
},
|
||||
type: "text", text: "Precios Competitivos"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,41 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cuaderno Premium",
|
||||
price: "$15.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/opened-notebook-white-cover-with-decorations_23-2147969494.jpg",
|
||||
},
|
||||
id: "1", name: "Cuaderno Premium", price: "$15.000", imageSrc: "http://img.b2bpic.net/free-photo/opened-notebook-white-cover-with-decorations_23-2147969494.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pluma Ejecutiva",
|
||||
price: "$25.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695463.jpg",
|
||||
},
|
||||
id: "2", name: "Pluma Ejecutiva", price: "$25.000", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695463.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Organizador Desk",
|
||||
price: "$35.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-menu-books-with-tools_23-2148496828.jpg",
|
||||
},
|
||||
id: "3", name: "Organizador Desk", price: "$35.000", imageSrc: "http://img.b2bpic.net/free-photo/top-view-menu-books-with-tools_23-2148496828.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Set de Papel Especial",
|
||||
price: "$12.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-paper-book-background-closeup_58702-6886.jpg",
|
||||
},
|
||||
id: "4", name: "Set de Papel Especial", price: "$12.000", imageSrc: "http://img.b2bpic.net/free-photo/physical-paper-book-background-closeup_58702-6886.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tarjetero de Cuero",
|
||||
price: "$20.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-storage-devices-glasses_23-2149319333.jpg",
|
||||
},
|
||||
id: "5", name: "Tarjetero de Cuero", price: "$20.000", imageSrc: "http://img.b2bpic.net/free-photo/top-view-storage-devices-glasses_23-2149319333.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Accesorios de Metal",
|
||||
price: "$8.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-set-business-stationery-with-golden-details_23-2147569387.jpg",
|
||||
},
|
||||
id: "6", name: "Accesorios de Metal", price: "$8.000", imageSrc: "http://img.b2bpic.net/free-vector/elegant-set-business-stationery-with-golden-details_23-2147569387.jpg"},
|
||||
]}
|
||||
title="Catálogo de Productos"
|
||||
description="Una selección cuidadosamente curada de artículos de papelería que fusionan elegancia, durabilidad y precios accesibles."
|
||||
@@ -177,19 +118,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Productos Premium",
|
||||
value: "+500",
|
||||
},
|
||||
label: "Productos Premium", value: "+500"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Clientes Felices",
|
||||
value: "+1K",
|
||||
},
|
||||
label: "Clientes Felices", value: "+1K"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Años de Excelencia",
|
||||
value: "5",
|
||||
},
|
||||
label: "Años de Excelencia", value: "5"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -197,44 +132,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "María G.",
|
||||
role: "Diseñadora",
|
||||
testimonial: "La calidad de los cuadernos es insuperable, un lujo al alcance de todos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-finance-employment-female-successful-entrepreneurs-concept-confident-good-looking-female-office-manager-lady-white-jacket-smiling-looking-determined-win-case-court_1258-58834.jpg",
|
||||
},
|
||||
id: "1", name: "María G.", role: "Diseñadora", testimonial: "La calidad de los cuadernos es insuperable, un lujo al alcance de todos.", imageSrc: "http://img.b2bpic.net/free-photo/business-finance-employment-female-successful-entrepreneurs-concept-confident-good-looking-female-office-manager-lady-white-jacket-smiling-looking-determined-win-case-court_1258-58834.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Juan D.",
|
||||
role: "Ejecutivo",
|
||||
testimonial: "Excelente servicio, la entrega fue rápida y el empaque muy elegante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
},
|
||||
id: "2", name: "Juan D.", role: "Ejecutivo", testimonial: "Excelente servicio, la entrega fue rápida y el empaque muy elegante.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Arquitecta",
|
||||
testimonial: "Mis herramientas favoritas, el diseño es impecable para el uso diario.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", role: "Arquitecta", testimonial: "Mis herramientas favoritas, el diseño es impecable para el uso diario.", imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luis C.",
|
||||
role: "Estudiante",
|
||||
testimonial: "Los mejores lapiceros que he probado, tienen un trazo fluido y elegante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-woman-glasses-teacher-celebrating-raising-hand-up-cheering-tirumphing-with_1258-217543.jpg",
|
||||
},
|
||||
id: "4", name: "Luis C.", role: "Estudiante", testimonial: "Los mejores lapiceros que he probado, tienen un trazo fluido y elegante.", imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-woman-glasses-teacher-celebrating-raising-hand-up-cheering-tirumphing-with_1258-217543.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ana M.",
|
||||
role: "Emprendedora",
|
||||
testimonial: "Grafitos Express es mi aliado para mis notas diarias, calidad premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-city-view_23-2151972862.jpg",
|
||||
},
|
||||
id: "5", name: "Ana M.", role: "Emprendedora", testimonial: "Grafitos Express es mi aliado para mis notas diarias, calidad premium.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-city-view_23-2151972862.jpg"},
|
||||
]}
|
||||
title="Opiniones de nuestros clientes"
|
||||
description="Conoce lo que dicen quienes han transformado su espacio de trabajo con Grafitos Express."
|
||||
@@ -245,8 +156,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Escríbenos por WhatsApp"
|
||||
description="Estamos listos para asesorarte. Contáctanos directamente a nuestro WhatsApp: 316 8005182"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desk-items-composition_23-2148975786.jpg"
|
||||
@@ -262,33 +172,21 @@ export default function LandingPage() {
|
||||
logoText="Grafitos Express"
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Nosotros", href: "#about"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacto", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Productos",
|
||||
items: [
|
||||
title: "Productos", items: [
|
||||
{
|
||||
label: "Cuadernos",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Cuadernos", href: "#products"},
|
||||
{
|
||||
label: "Plumas",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Plumas", href: "#products"},
|
||||
{
|
||||
label: "Accesorios",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Accesorios", href: "#products"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user