4 Commits

Author SHA1 Message Date
63f6b6a7e4 Update src/app/page.tsx 2026-03-05 13:03:57 +00:00
104b71dda7 Update src/app/layout.tsx 2026-03-05 13:03:57 +00:00
16d964a6f3 Merge version_1 into main
Merge version_1 into main
2026-03-05 13:01:57 +00:00
32088a9c3b Merge version_1 into main
Merge version_1 into main
2026-03-05 12:57:44 +00:00
2 changed files with 76 additions and 76 deletions

View File

@@ -14,13 +14,13 @@ const inter = Inter({
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Grado - Secure Data Destruction & Compliance Management", description: "Enterprise-grade secure data destruction, transport, and storage with GDPR and ISO 27001 compliance. Certified protocols for finance, healthcare, and legal sectors.", keywords: "data destruction, secure disposal, GDPR compliance, ISO 27001, document destruction, certified shredding, data management, enterprise security", metadataBase: new URL("https://grado.com"), title: "Grado - Destrucción Segura de Datos y Gestión de Cumplimiento", description: "Destrucción segura de datos a nivel empresarial, transporte y almacenamiento con cumplimiento GDPR e ISO 27001. Protocolos certificados para finanzas, atención médica y sectores legales.", keywords: "destrucción de datos, eliminación segura, cumplimiento GDPR, ISO 27001, destrucción de documentos, trituración certificada, gestión de datos, seguridad empresarial", metadataBase: new URL("https://grado.com"),
alternates: { alternates: {
canonical: "https://grado.com"}, canonical: "https://grado.com"},
openGraph: { openGraph: {
title: "Grado - Secure Data Destruction & Compliance Management", description: "Enterprise-grade secure data destruction, transport, and storage with GDPR and ISO 27001 compliance.", url: "https://grado.com", siteName: "Grado", type: "website"}, title: "Grado - Destrucción Segura de Datos y Gestión de Cumplimiento", description: "Destrucción segura de datos a nivel empresarial, transporte y almacenamiento con cumplimiento GDPR e ISO 27001.", url: "https://grado.com", siteName: "Grado", type: "website"},
twitter: { twitter: {
card: "summary_large_image", title: "Grado - Secure Data Destruction & Compliance Management", description: "Enterprise-grade secure data destruction with certified compliance protocols."}, card: "summary_large_image", title: "Grado - Destrucción Segura de Datos y Gestión de Cumplimiento", description: "Destrucción segura de datos a nivel empresarial con protocolos de cumplimiento certificados."},
robots: { robots: {
index: true, index: true,
follow: true, follow: true,
@@ -33,7 +33,7 @@ export default function RootLayout({
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="es" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${mulish.variable} ${inter.variable} antialiased`} className={`${mulish.variable} ${inter.variable} antialiased`}

View File

@@ -31,27 +31,27 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
brandName="Grado" brandName="Grado"
navItems={[ navItems={[
{ name: "Services", id: "services" }, { name: "Servicios", id: "services" },
{ name: "Compliance", id: "compliance" }, { name: "Cumplimiento", id: "compliance" },
{ name: "About", id: "about" }, { name: "Acerca de", id: "about" },
{ name: "Contact", id: "contact" } { name: "Contacto", id: "contact" }
]} ]}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
title="Secure data destruction, complete peace of mind" title="Destrucción de datos segura, tranquilidad total"
description="Grado handles transport, storage, and certified destruction of sensitive documents and data. Compliance guaranteed, confidentiality assured." description="Grado maneja transporte, almacenamiento y destrucción certificada de documentos y datos sensibles. Cumplimiento garantizado, confidencialidad asegurada."
background={{ variant: "downward-rays-static" }} background={{ variant: "downward-rays-static" }}
avatars={[ avatars={[
{ src: "http://img.b2bpic.net/free-photo/private-investigator-searching-files-based-case-names-archive_482257-83351.jpg", alt: "Secure vault icon" }, { src: "http://img.b2bpic.net/free-photo/private-investigator-searching-files-based-case-names-archive_482257-83351.jpg", alt: "Icono de bóveda segura" },
{ src: "http://img.b2bpic.net/free-vector/certified-approved-rubber-stamps-seal-set_1017-25321.jpg", alt: "Compliance certification badge" } { src: "http://img.b2bpic.net/free-vector/certified-approved-rubber-stamps-seal-set_1017-25321.jpg", alt: "Sello de certificación de cumplimiento" }
]} ]}
avatarText="Trusted by enterprises across finance, healthcare, and legal sectors" avatarText="Confiado por empresas en finanzas, atención médica y sectores legales"
buttons={[ buttons={[
{ text: "Request a security audit", href: "#contact" }, { text: "Solicitar auditoría de seguridad", href: "#contact" },
{ text: "Learn more", href: "#services" } { text: "Más información", href: "#services" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
/> />
@@ -59,55 +59,55 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<SplitAbout <SplitAbout
tag="Who We Are" tag="Quiénes Somos"
title="Enterprise-grade data security solutions" title="Soluciones de seguridad de datos a nivel empresarial"
description="Grado specializes in secure transport, storage, and destruction of sensitive documents and data. We prioritize regulatory compliance, corporate confidentiality, and risk mitigation for enterprises in regulated industries." description="Grado se especializa en transporte seguro, almacenamiento y destrucción de documentos y datos sensibles. Priorizamos cumplimiento normativo, confidencialidad corporativa y mitigación de riesgos para empresas en industrias reguladas."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
bulletPoints={[ bulletPoints={[
{ title: "Certified Compliance", description: "GDPR, ISO 27001, and industry-specific regulatory compliance guaranteed", icon: CheckCircle }, { title: "Cumplimiento Certificado", description: "Cumplimiento garantizado con GDPR, ISO 27001 y normativas específicas de la industria", icon: CheckCircle },
{ title: "Secure Transport", description: "Chain-of-custody documentation with encrypted, tracked delivery vehicles", icon: Shield }, { title: "Transporte Seguro", description: "Documentación de cadena de custodia con vehículos de entrega encriptados y rastreados", icon: Shield },
{ title: "Certified Destruction", description: "Transparent protocols with destruction certificates for complete liability protection", icon: Zap } { title: "Destrucción Certificada", description: "Protocolos transparentes con certificados de destrucción para protección total de responsabilidad", icon: Zap }
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/engineer-walking-data-center-facility-doing-inspection-hardware-tech-handling-user-requests_482257-136212.jpg" imageSrc="http://img.b2bpic.net/free-photo/engineer-walking-data-center-facility-doing-inspection-hardware-tech-handling-user-requests_482257-136212.jpg"
imageAlt="Secure storage facility" imageAlt="Instalación de almacenamiento seguro"
mediaAnimation="slide-up" mediaAnimation="slide-up"
imagePosition="right" imagePosition="right"
buttons={[ buttons={[
{ text: "Explore services", href: "#services" } { text: "Explorar servicios", href: "#services" }
]} ]}
/> />
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureBorderGlow <FeatureBorderGlow
tag="Our Services" tag="Nuestros Servicios"
title="Complete data lifecycle management" title="Gestión completa del ciclo de vida de datos"
description="From secure transport to certified destruction, we handle every step with precision and accountability." description="Desde transporte seguro hasta destrucción certificada, manejamos cada paso con precisión y responsabilidad."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up" animationType="slide-up"
features={[ features={[
{ icon: Truck, title: "Secure Transport", description: "Real-time GPS tracking, encrypted vehicles, and chain-of-custody documentation for peace of mind" }, { icon: Truck, title: "Transporte Seguro", description: "Seguimiento GPS en tiempo real, vehículos encriptados y documentación de cadena de custodia para su tranquilidad" },
{ icon: Lock, title: "Climate-Controlled Storage", description: "ISO 27001 certified facilities with 24/7 surveillance and access controls" }, { icon: Lock, title: "Almacenamiento Climatizado", description: "Instalaciones certificadas ISO 27001 con vigilancia 24/7 y controles de acceso" },
{ icon: Zap, title: "Certified Destruction", description: "Multiple destruction methods with certificate of destruction for legal compliance" }, { icon: Zap, title: "Destrucción Certificada", description: "Múltiples métodos de destrucción con certificado de destrucción para cumplimiento legal" },
{ icon: FileText, title: "Compliance Reporting", description: "Detailed audit trails and compliance documentation for regulatory requirements" }, { icon: FileText, title: "Reportes de Cumplimiento", description: "Registros de auditoría detallados y documentación de cumplimiento para requisitos regulatorios" },
{ icon: Eye, title: "Full Transparency", description: "Client portal with real-time tracking and documentation access" }, { icon: Eye, title: "Transparencia Total", description: "Portal de cliente con seguimiento en tiempo real y acceso a documentación" },
{ icon: Award, title: "Industry Certifications", description: "GDPR, ISO 27001, and DIN 66399 certified destruction protocols" } { icon: Award, title: "Certificaciones Industriales", description: "Protocolos de destrucción certificados GDPR, ISO 27001 y DIN 66399" }
]} ]}
/> />
</div> </div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardFourteen <MetricCardFourteen
title="Grado's proven track record of secure data management and enterprise trust." title="El historial comprobado de Grado en gestión segura de datos y confianza empresarial."
tag="By The Numbers" tag="Por los Números"
tagAnimation="slide-up" tagAnimation="slide-up"
metrics={[ metrics={[
{ id: "1", value: "500K+", description: "Tons of sensitive documents securely destroyed annually" }, { id: "1", value: "500K+", description: "Toneladas de documentos sensibles destruidos de forma segura anualmente" },
{ id: "2", value: "99.9%", description: "Uptime guarantee with zero data breaches since inception" }, { id: "2", value: "99.9%", description: "Garantía de tiempo de actividad sin brechas de datos desde el inicio" },
{ id: "3", value: "48H", description: "Average turnaround time from pickup to certified destruction" }, { id: "3", value: "48H", description: "Tiempo de respuesta promedio desde recogida hasta destrucción certificada" },
{ id: "4", value: "100%", description: "Client satisfaction rate with comprehensive compliance documentation" } { id: "4", value: "100%", description: "Tasa de satisfacción del cliente con documentación completa de cumplimiento" }
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
@@ -116,12 +116,12 @@ export default function LandingPage() {
<div id="compliance" data-section="compliance"> <div id="compliance" data-section="compliance">
<SocialProofOne <SocialProofOne
title="Regulatory compliance you can trust" title="Cumplimiento normativo en el que puede confiar"
description="Grado meets the strictest international standards for data protection and destruction." description="Grado cumple con los estándares internacionales más estrictos para protección y destrucción de datos."
tag="Certifications" tag="Certificaciones"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={["GDPR Compliant", "ISO 27001", "DIN 66399", "SOC 2 Certified", "HIPAA Ready", "PCI-DSS", "NIST Compliant"]} names={["Cumpliente con GDPR", "ISO 27001", "DIN 66399", "Certificado SOC 2", "Listo para HIPAA", "PCI-DSS", "Conforme con NIST"]}
speed={35} speed={35}
showCard={true} showCard={true}
/> />
@@ -129,57 +129,57 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen <TestimonialCardThirteen
title="What our clients say" title="Lo que dicen nuestros clientes"
description="Trusted by compliance officers, facility managers, and IT directors across regulated industries." description="Confiado por oficiales de cumplimiento, gerentes de instalaciones y directores de TI en industrias reguladas."
tag="Testimonials" tag="Testimonios"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up" animationType="slide-up"
showRating={true} showRating={true}
testimonials={[ testimonials={[
{ id: "1", name: "Sarah Mitchell", handle: "Compliance Officer", testimonial: "Grado's transparent destruction protocols and real-time tracking eliminated our compliance risk overnight. Their ISO 27001 certification gave us complete confidence.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=1", imageAlt: "Sarah Mitchell" }, { id: "1", name: "Sarah Mitchell", handle: "Oficial de Cumplimiento", testimonial: "Los protocolos de destrucción transparentes de Grado y el seguimiento en tiempo real eliminaron nuestro riesgo de cumplimiento de la noche a la mañana. Su certificación ISO 27001 nos dio confianza total.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=1", imageAlt: "Sarah Mitchell" },
{ id: "2", name: "James Richardson", handle: "Facility Manager", testimonial: "The secure transport and climate-controlled storage facilities exceeded our HIPAA requirements. Their documentation is impeccable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", imageAlt: "James Richardson" }, { id: "2", name: "James Richardson", handle: "Gerente de Instalaciones", testimonial: "Las instalaciones de almacenamiento seguro y transporte de Grado superaron nuestros requisitos de HIPAA. Su documentación es impecable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", imageAlt: "James Richardson" },
{ id: "3", name: "Elena Vasquez", handle: "IT Director", testimonial: "Five years with Grado and zero incidents. Their GDPR compliance handling is the best in the industry. Highly recommended for any enterprise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg", imageAlt: "Elena Vasquez" }, { id: "3", name: "Elena Vasquez", handle: "Directora de TI", testimonial: "Cinco años con Grado sin incidentes. Su manejo del cumplimiento de GDPR es el mejor de la industria. Altamente recomendado para cualquier empresa.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg", imageAlt: "Elena Vasquez" },
{ id: "4", name: "David Chen", handle: "Legal Counsel", testimonial: "The certificate of destruction is legally binding and accepted by all regulators. Grado made our document retention policy bulletproof.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2", imageAlt: "David Chen" } { id: "4", name: "David Chen", handle: "Asesor Legal", testimonial: "El certificado de destrucción es legalmente vinculante y aceptado por todos los reguladores. Grado hizo que nuestra política de retención de documentos fuera a prueba de balas.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2", imageAlt: "David Chen" }
]} ]}
/> />
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitText
sideTitle="Frequently Asked Questions" sideTitle="Preguntas Frecuentes"
sideDescription="Everything you need to know about Grado's secure data management services." sideDescription="Todo lo que necesita saber sobre los servicios de gestión segura de datos de Grado."
textPosition="left" textPosition="left"
useInvertedBackground={false} useInvertedBackground={false}
faqsAnimation="slide-up" faqsAnimation="slide-up"
faqs={[ faqs={[
{ id: "1", title: "What compliance certifications does Grado hold?", content: "Grado is certified for GDPR, ISO 27001, DIN 66399, SOC 2, HIPAA, PCI-DSS, and NIST compliance. All certifications are independently verified and available for audit." }, { id: "1", title: "¿Qué certificaciones de cumplimiento tiene Grado?", content: "Grado está certificada para cumplimiento GDPR, ISO 27001, DIN 66399, SOC 2, HIPAA, PCI-DSS y NIST. Todas las certificaciones son verificadas de forma independiente y disponibles para auditoría." },
{ id: "2", title: "How do you ensure chain of custody?", content: "Every document is tracked from pickup through destruction with encrypted QR codes, GPS tracking, and digital signatures. Clients receive real-time updates via our secure portal." }, { id: "2", title: "¿Cómo aseguran la cadena de custodia?", content: "Cada documento se rastrea desde la recogida hasta la destrucción con códigos QR encriptados, seguimiento GPS y firmas digitales. Los clientes reciben actualizaciones en tiempo real a través de nuestro portal seguro." },
{ id: "3", title: "What destruction methods do you use?", content: "We employ industrial shredding, incineration, and secure pulping methods depending on document sensitivity. All methods meet DIN 66399 standards with destruction certificates." }, { id: "3", title: "¿Qué métodos de destrucción utilizan?", content: "Empleamos trituración industrial, incineración y pulping seguro según la sensibilidad del documento. Todos los métodos cumplen con estándares DIN 66399 con certificados de destrucción." },
{ id: "4", title: "Do you provide proof of destruction?", content: "Yes. Every destruction batch receives a Certificate of Destruction with serial numbers, timestamps, and an authorized signature for regulatory compliance." }, { id: "4", title: "¿Proporcionan comprobante de destrucción?", content: "Sí. Cada lote de destrucción recibe un Certificado de Destrucción con números de serie, marcas de tiempo y firma autorizada para cumplimiento regulatorio." },
{ id: "5", title: "How quickly can you transport and destroy documents?", content: "Standard turnaround is 48 hours from pickup to certification. Emergency rush services available with 24-hour destruction for critical compliance needs." }, { id: "5", title: "¿Con qué rapidez pueden transportar y destruir documentos?", content: "El tiempo de respuesta estándar es de 48 horas desde la recogida hasta la certificación. Servicios de emergencia disponibles con destrucción de 24 horas para necesidades críticas de cumplimiento." },
{ id: "6", title: "What about small business budgets?", content: "Grado serves enterprises of all sizes with flexible pricing models. Our tiered packages scale from small businesses to Fortune 500 enterprises with the same security standards." } { id: "6", title: "¿Qué hay sobre presupuestos de pequeñas empresas?", content: "Grado atiende empresas de todos los tamaños con modelos de precios flexibles. Nuestros paquetes escalonados van desde pequeñas empresas hasta empresas de Fortune 500 con los mismos estándares de seguridad." }
]} ]}
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
title="Request your security audit" title="Solicite su auditoría de seguridad"
description="Let our compliance experts assess your document management needs and create a customized secure disposal plan." description="Dejen que nuestros expertos en cumplimiento evalúen sus necesidades de gestión de documentos y creen un plan personalizado de eliminación segura."
useInvertedBackground={false} useInvertedBackground={false}
mediaAnimation="slide-up" mediaAnimation="slide-up"
mediaPosition="right" mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149287795.jpg" imageSrc="http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149287795.jpg"
imageAlt="Secure document destruction" imageAlt="Destrucción segura de documentos"
inputs={[ inputs={[
{ name: "company", type: "text", placeholder: "Company name", required: true }, { name: "company", type: "text", placeholder: "Nombre de la empresa", required: true },
{ name: "email", type: "email", placeholder: "Business email", required: true }, { name: "email", type: "email", placeholder: "Correo electrónico comercial", required: true },
{ name: "phone", type: "tel", placeholder: "Phone number", required: false }, { name: "phone", type: "tel", placeholder: "Número de teléfono", required: false },
{ name: "industry", type: "text", placeholder: "Industry (Finance, Healthcare, Legal, etc.)", required: true } { name: "industry", type: "text", placeholder: "Industria (Finanzas, Atención Médica, Legal, etc.)", required: true }
]} ]}
textarea={{ name: "requirements", placeholder: "Describe your document volume, security concerns, and compliance requirements", rows: 5, required: true }} textarea={{ name: "requirements", placeholder: "Describa su volumen de documentos, preocupaciones de seguridad y requisitos de cumplimiento", rows: 5, required: true }}
buttonText="Schedule audit" buttonText="Agendar auditoría"
/> />
</div> </div>
@@ -188,24 +188,24 @@ export default function LandingPage() {
logoText="Grado" logoText="Grado"
columns={[ columns={[
{ items: [ { items: [
{ label: "Services", href: "#services" }, { label: "Servicios", href: "#services" },
{ label: "Compliance", href: "#compliance" }, { label: "Cumplimiento", href: "#compliance" },
{ label: "Pricing", href: "#" } { label: "Precios", href: "#" }
]}, ]},
{ items: [ { items: [
{ label: "About us", href: "#about" }, { label: "Acerca de nosotros", href: "#about" },
{ label: "FAQ", href: "#faq" }, { label: "Preguntas Frecuentes", href: "#faq" },
{ label: "Contact", href: "#contact" } { label: "Contacto", href: "#contact" }
]}, ]},
{ items: [ { items: [
{ label: "Privacy policy", href: "#" }, { label: "Política de privacidad", href: "#" },
{ label: "Terms of service", href: "#" }, { label: "Términos de servicio", href: "#" },
{ label: "Certifications", href: "#" } { label: "Certificaciones", href: "#" }
]}, ]},
{ items: [ { items: [
{ label: "LinkedIn", href: "https://linkedin.com" }, { label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Twitter", href: "https://twitter.com" }, { label: "Twitter", href: "https://twitter.com" },
{ label: "Email", href: "mailto:info@grado.com" } { label: "Correo Electrónico", href: "mailto:info@grado.com" }
]} ]}
]} ]}
/> />