Update src/app/page.tsx
This commit is contained in:
198
src/app/page.tsx
198
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Capacidades",
|
||||
id: "#capabilities",
|
||||
},
|
||||
name: "Capacidades", id: "#capabilities"},
|
||||
{
|
||||
name: "Sectores",
|
||||
id: "#industries",
|
||||
},
|
||||
name: "Sectores", id: "#industries"},
|
||||
{
|
||||
name: "Firma",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Firma", id: "#about"},
|
||||
{
|
||||
name: "Revista",
|
||||
id: "#blog",
|
||||
},
|
||||
name: "Revista", id: "#blog"},
|
||||
]}
|
||||
brandName="Alpha"
|
||||
/>
|
||||
@@ -58,35 +50,21 @@ export default function LandingPage() {
|
||||
description="Gobierna la Tecnología"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Transformation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Transformation", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-pc-tablet-low-poly-wireframe-online-education-blue-background-concept-with-opened-book-digital-illustration-online-reading-courses-abstract-polygonal-image-notebook-pc_493343-29977.jpg",
|
||||
imageAlt: "Abstract Particle Structure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-pc-tablet-low-poly-wireframe-online-education-blue-background-concept-with-opened-book-digital-illustration-online-reading-courses-abstract-polygonal-image-notebook-pc_493343-29977.jpg", imageAlt: "Abstract Particle Structure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-illustration-with-connected-lines-dots_1048-11941.jpg",
|
||||
imageAlt: "Abstract Particle Structure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-illustration-with-connected-lines-dots_1048-11941.jpg", imageAlt: "Abstract Particle Structure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-bokeh-effect-black-background_1017-2740.jpg",
|
||||
imageAlt: "Abstract Particle Structure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-bokeh-effect-black-background_1017-2740.jpg", imageAlt: "Abstract Particle Structure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-beams-with-warm-edge-glow-neon-depth_169016-71500.jpg",
|
||||
imageAlt: "Abstract Particle Structure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-beams-with-warm-edge-glow-neon-depth_169016-71500.jpg", imageAlt: "Abstract Particle Structure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-particle-design_1048-11886.jpg",
|
||||
imageAlt: "Abstract Particle Structure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-particle-design_1048-11886.jpg", imageAlt: "Abstract Particle Structure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boxes-surface-with-abstract-pattern-colorful-waves_1217-2579.jpg",
|
||||
imageAlt: "Abstract Particle Structure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boxes-surface-with-abstract-pattern-colorful-waves_1217-2579.jpg", imageAlt: "Abstract Particle Structure"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,20 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.8%",
|
||||
description: "System Alignment",
|
||||
},
|
||||
id: "m1", value: "99.8%", description: "System Alignment"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Compliance Monitoring",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Compliance Monitoring"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40+",
|
||||
description: "Governed Ventures",
|
||||
},
|
||||
id: "m3", value: "40+", description: "Governed Ventures"},
|
||||
]}
|
||||
title="Governance Impact"
|
||||
description="Quantifying clarity in complex systems."
|
||||
@@ -127,17 +96,11 @@ export default function LandingPage() {
|
||||
description="Complexity fragmented is a risk. Complexity governed is a competitive advantage. We transform chaos into precise, structured operational intelligence."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Strategic Alignment",
|
||||
description: "Synchronizing disparate technological nodes.",
|
||||
},
|
||||
title: "Strategic Alignment", description: "Synchronizing disparate technological nodes."},
|
||||
{
|
||||
title: "Operational Governance",
|
||||
description: "Precision management of all assets.",
|
||||
},
|
||||
title: "Operational Governance", description: "Precision management of all assets."},
|
||||
{
|
||||
title: "Adaptive Logic",
|
||||
description: "Systemic evolution for future growth.",
|
||||
},
|
||||
title: "Adaptive Logic", description: "Systemic evolution for future growth."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-escalator-going-up-metro-station-vijzelgracht-netherlands_181624-4984.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -150,26 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "01",
|
||||
title: "IT Governance",
|
||||
subtitle: "Unified Infrastructure",
|
||||
description: "Ensuring foundational stability through precise protocol.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-center-cityscape_23-2152020917.jpg",
|
||||
},
|
||||
tag: "01", title: "IT Governance", subtitle: "Unified Infrastructure", description: "Ensuring foundational stability through precise protocol.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-center-cityscape_23-2152020917.jpg"},
|
||||
{
|
||||
tag: "02",
|
||||
title: "Data Governance",
|
||||
subtitle: "Structured Intelligence",
|
||||
description: "Turning raw complexity into actionable alignment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-computer-wallpaper-white-border-connecting-dots-digital-technology-vector-design_53876-160227.jpg",
|
||||
},
|
||||
tag: "02", title: "Data Governance", subtitle: "Structured Intelligence", description: "Turning raw complexity into actionable alignment.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-computer-wallpaper-white-border-connecting-dots-digital-technology-vector-design_53876-160227.jpg"},
|
||||
{
|
||||
tag: "03",
|
||||
title: "AI Adoption",
|
||||
subtitle: "Governed Innovation",
|
||||
description: "Systemic integration of advanced learning models.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-low-poly-plexus-design_1048-17287.jpg",
|
||||
},
|
||||
tag: "03", title: "AI Adoption", subtitle: "Governed Innovation", description: "Systemic integration of advanced learning models.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-low-poly-plexus-design_1048-17287.jpg"},
|
||||
]}
|
||||
title="Core Governance"
|
||||
description="Comprehensive frameworks for the digital enterprise."
|
||||
@@ -178,46 +126,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Financial Services",
|
||||
price: "High Security",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg",
|
||||
},
|
||||
id: "p1", name: "Financial Services", price: "High Security", imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Healthcare Systems",
|
||||
price: "Data Integrity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tile-stairs-black-white-tone_1339-6750.jpg",
|
||||
},
|
||||
id: "p2", name: "Healthcare Systems", price: "Data Integrity", imageSrc: "http://img.b2bpic.net/free-photo/tile-stairs-black-white-tone_1339-6750.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Public Sector",
|
||||
price: "Strict Policy",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/tree-software-design_1343-92.jpg",
|
||||
},
|
||||
id: "p3", name: "Public Sector", price: "Strict Policy", imageSrc: "http://img.b2bpic.net/free-vector/tree-software-design_1343-92.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Retail Logistics",
|
||||
price: "Scalable Flow",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139314.jpg",
|
||||
},
|
||||
id: "p4", name: "Retail Logistics", price: "Scalable Flow", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139314.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Manufacturing",
|
||||
price: "Operational Sync",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-businesspeople-working-outdoors_1139-426.jpg",
|
||||
},
|
||||
id: "p5", name: "Manufacturing", price: "Operational Sync", imageSrc: "http://img.b2bpic.net/free-photo/busy-businesspeople-working-outdoors_1139-426.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Energy Grid",
|
||||
price: "Critical Control",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-shapes_23-2150979633.jpg",
|
||||
},
|
||||
id: "p6", name: "Energy Grid", price: "Critical Control", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-shapes_23-2150979633.jpg"},
|
||||
]}
|
||||
title="Industries Served"
|
||||
description="Sector-specific governance blueprints."
|
||||
@@ -232,23 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Voss",
|
||||
role: "Managing Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena Voss", role: "Managing Director", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Chief Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-connecting-lines-dots_1048-8641.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", role: "Chief Architect", imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-connecting-lines-dots_1048-8641.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Chen",
|
||||
role: "AI Governance Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139343.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Chen", role: "AI Governance Lead", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139343.jpg"},
|
||||
]}
|
||||
title="Our Leadership"
|
||||
description="Executive expertise in systemic order."
|
||||
@@ -261,20 +174,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you align silos?",
|
||||
content: "We implement centralized protocols that map organizational functions into single-source governance.",
|
||||
},
|
||||
id: "f1", title: "How do you align silos?", content: "We implement centralized protocols that map organizational functions into single-source governance."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you govern AI?",
|
||||
content: "Absolutely. We build modular policy layers that ensure AI adoption remains compliant and strategic.",
|
||||
},
|
||||
id: "f2", title: "Can you govern AI?", content: "Absolutely. We build modular policy layers that ensure AI adoption remains compliant and strategic."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the Alpha difference?",
|
||||
content: "Unlike standard consulting, our method focuses on the physical-believable alignment of systems, not just strategy reports.",
|
||||
},
|
||||
id: "f3", title: "What is the Alpha difference?", content: "Unlike standard consulting, our method focuses on the physical-believable alignment of systems, not just strategy reports."},
|
||||
]}
|
||||
title="Clarity for Complexity"
|
||||
description="Common inquiries on operational governance."
|
||||
@@ -286,8 +190,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Inquiry"
|
||||
title="Final CTA: Initiate Alignment"
|
||||
description="Bring order to your technological landscape. Reach out to our executive desk."
|
||||
@@ -298,42 +201,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Governance",
|
||||
items: [
|
||||
title: "Governance", items: [
|
||||
{
|
||||
label: "IT Services",
|
||||
href: "#",
|
||||
},
|
||||
label: "IT Services", href: "#"},
|
||||
{
|
||||
label: "Data Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Data Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Insights",
|
||||
href: "#",
|
||||
},
|
||||
label: "Insights", href: "#"},
|
||||
{
|
||||
label: "System Map",
|
||||
href: "#",
|
||||
},
|
||||
label: "System Map", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Compliance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Compliance", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user