Merge version_1 into main #2
193
src/app/page.tsx
193
src/app/page.tsx
@@ -32,22 +32,14 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "#work",
|
||||
},
|
||||
name: "Work", id: "#work"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Standards",
|
||||
id: "#standards",
|
||||
},
|
||||
name: "Standards", id: "#standards"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book a Call",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book a Call", href: "#contact"}}
|
||||
brandName="THROUGHOUT.IO"
|
||||
/>
|
||||
</div>
|
||||
@@ -55,17 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="M A X I M I Z E S C A L E"
|
||||
description="Enterprise-grade product engineering for high-throughput architecture. Data-driven development to accelerate your delivery pipeline by 40%."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Call",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Call", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-tree-with-starry-night-sky_23-2148282336.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-tree-with-starry-night-sky_23-2148282336.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,29 +65,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Zero Latency",
|
||||
description: "Microsecond throughput with optimized API orchestration.",
|
||||
tag: "01",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg",
|
||||
imageAlt: "Abstract light streaks with spheres",
|
||||
},
|
||||
id: "f1", title: "Zero Latency", description: "Microsecond throughput with optimized API orchestration.", tag: "01", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg", imageAlt: "Abstract light streaks with spheres"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Cloud Resilience",
|
||||
description: "Self-healing infrastructure with automated redundancy.",
|
||||
tag: "02",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-tree-with-starry-night-sky_23-2148282336.jpg?_wi=2",
|
||||
imageAlt: "Abstract light streaks with spheres",
|
||||
},
|
||||
id: "f2", title: "Cloud Resilience", description: "Self-healing infrastructure with automated redundancy.", tag: "02", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-tree-with-starry-night-sky_23-2148282336.jpg", imageAlt: "Abstract light streaks with spheres"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Agile Velocity",
|
||||
description: "CI/CD pipelines tuned for maximum deployment frequency.",
|
||||
tag: "03",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internet-speed-test-software-concept_53876-124238.jpg?_wi=1",
|
||||
imageAlt: "Abstract light streaks with spheres",
|
||||
},
|
||||
id: "f3", title: "Agile Velocity", description: "CI/CD pipelines tuned for maximum deployment frequency.", tag: "03", imageSrc: "http://img.b2bpic.net/free-photo/internet-speed-test-software-concept_53876-124238.jpg", imageAlt: "Abstract light streaks with spheres"},
|
||||
]}
|
||||
title="Architecture Highlights"
|
||||
description="Engineering standards that drive performance."
|
||||
@@ -112,34 +83,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "-35%",
|
||||
title: "Server Load",
|
||||
items: [
|
||||
"Optimized load balancing",
|
||||
"Database efficiency",
|
||||
"Cache strategy",
|
||||
],
|
||||
id: "m1", value: "-35%", title: "Server Load", items: [
|
||||
"Optimized load balancing", "Database efficiency", "Cache strategy"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "+40%",
|
||||
title: "Delivery Speed",
|
||||
items: [
|
||||
"Automated deployment",
|
||||
"Testing agility",
|
||||
"Pipeline optimization",
|
||||
],
|
||||
id: "m2", value: "+40%", title: "Delivery Speed", items: [
|
||||
"Automated deployment", "Testing agility", "Pipeline optimization"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "System Uptime",
|
||||
items: [
|
||||
"Fault tolerance",
|
||||
"Real-time monitoring",
|
||||
"Disaster recovery",
|
||||
],
|
||||
id: "m3", value: "99.9%", title: "System Uptime", items: [
|
||||
"Fault tolerance", "Real-time monitoring", "Disaster recovery"],
|
||||
},
|
||||
]}
|
||||
title="Performance Standards"
|
||||
@@ -149,52 +102,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cloud Infrastructure",
|
||||
price: "High-Availability",
|
||||
variant: "SaaS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internet-speed-test-software-concept_53876-124238.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Cloud Infrastructure", price: "High-Availability", variant: "SaaS", imageSrc: "http://img.b2bpic.net/free-photo/internet-speed-test-software-concept_53876-124238.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "AI Integration",
|
||||
price: "Neural Pipelines",
|
||||
variant: "MLOps",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hardware-engineering-internet-25-line-filled-icon-pack-including-internet-connectivity-operation-network-house_1142-21386.jpg",
|
||||
},
|
||||
id: "p2", name: "AI Integration", price: "Neural Pipelines", variant: "MLOps", imageSrc: "http://img.b2bpic.net/free-vector/hardware-engineering-internet-25-line-filled-icon-pack-including-internet-connectivity-operation-network-house_1142-21386.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "MVP Engineering",
|
||||
price: "Rapid Market Entry",
|
||||
variant: "Growth",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023759.jpg",
|
||||
},
|
||||
id: "p3", name: "MVP Engineering", price: "Rapid Market Entry", variant: "Growth", imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023759.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Security Audit",
|
||||
price: "OWASP Standard",
|
||||
variant: "Compliance",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/speedometer-glyph-style-set_78370-1592.jpg",
|
||||
},
|
||||
id: "p4", name: "Security Audit", price: "OWASP Standard", variant: "Compliance", imageSrc: "http://img.b2bpic.net/free-vector/speedometer-glyph-style-set_78370-1592.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "API Architecture",
|
||||
price: "Scalable REST",
|
||||
variant: "Back-end",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/linear-icons-about-internet_1257-241.jpg",
|
||||
},
|
||||
id: "p5", name: "API Architecture", price: "Scalable REST", variant: "Back-end", imageSrc: "http://img.b2bpic.net/free-vector/linear-icons-about-internet_1257-241.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "System Migration",
|
||||
price: "Zero Downtime",
|
||||
variant: "Legacy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-with-his-hand-screen-with-color-chart_1156-244.jpg",
|
||||
},
|
||||
id: "p6", name: "System Migration", price: "Zero Downtime", variant: "Legacy", imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-with-his-hand-screen-with-color-chart_1156-244.jpg"},
|
||||
]}
|
||||
title="Core Services"
|
||||
description="End-to-end technical evolution."
|
||||
@@ -207,20 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "i1",
|
||||
title: "PropTech Data Flow",
|
||||
content: "Visualizing complex property lifecycle with server-side nodes.",
|
||||
},
|
||||
id: "i1", title: "PropTech Data Flow", content: "Visualizing complex property lifecycle with server-side nodes."},
|
||||
{
|
||||
id: "i2",
|
||||
title: "E-Commerce Pipeline",
|
||||
content: "Cart-to-server optimization logic diagrams.",
|
||||
},
|
||||
id: "i2", title: "E-Commerce Pipeline", content: "Cart-to-server optimization logic diagrams."},
|
||||
{
|
||||
id: "i3",
|
||||
title: "Fintech Security",
|
||||
content: "Transactional encryption and ledger data protection.",
|
||||
},
|
||||
id: "i3", title: "Fintech Security", content: "Transactional encryption and ledger data protection."},
|
||||
]}
|
||||
title="Industries Infrastructure"
|
||||
description="Selected data schematics per sector."
|
||||
@@ -233,9 +148,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Engagement Framework"
|
||||
description={[
|
||||
"Discovery phase locks in the architectural foundation.",
|
||||
"Iterative evolution scales your throughput milestones.",
|
||||
]}
|
||||
"Discovery phase locks in the architectural foundation.", "Iterative evolution scales your throughput milestones."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -244,14 +157,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"React",
|
||||
"Node.js",
|
||||
"Three.js",
|
||||
"GSAP",
|
||||
"Docker",
|
||||
"AWS",
|
||||
"Kubernetes",
|
||||
]}
|
||||
"React", "Node.js", "Three.js", "GSAP", "Docker", "AWS", "Kubernetes"]}
|
||||
title="Technology Standards"
|
||||
description="The foundational stack and engineering rigor."
|
||||
/>
|
||||
@@ -261,8 +167,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to scale?"
|
||||
title="Architect your next stage."
|
||||
description="Let's discuss technical specifications and infrastructure deployment."
|
||||
@@ -275,51 +180,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
title: "Studio", items: [
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Work", href: "#work"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
label: "GitHub", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Book a Call",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book a Call", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user