Merge version_1_1781405112390 into main #2
@@ -14,291 +14,168 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboard
|
||||
title="Premium Code, Exceptional Results."
|
||||
description="Full-stack development agency building enterprise-grade solutions for ambitious teams. We transform complex technical challenges into scalable, elegant systems."
|
||||
primaryButton={{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-with-paraplegia-office-building-solar-powered-prototype_482257-130230.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Premium Code, Exceptional Results."
|
||||
description="Full-stack development agency building enterprise-grade solutions for ambitious teams. We transform complex technical challenges into scalable, elegant systems."
|
||||
primaryButton={{ text: "Start Your Project", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Portfolio", href: "#portfolio" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-with-paraplegia-office-building-solar-powered-prototype_482257-130230.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Built for Enterprise Scale"
|
||||
descriptions={[
|
||||
"We are a boutique agency specializing in high-complexity development. We don't just write code; we architect systems that grow with your ambitions.",
|
||||
"Our team consists of veteran engineers who bridge the gap between business vision and technical reality. We favor clean, maintainable architecture above all else.",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Built for Enterprise Scale"
|
||||
descriptions={[
|
||||
"We are a boutique agency specializing in high-complexity development. We don't just write code; we architect systems that grow with your ambitions.", "Our team consists of veteran engineers who bridge the gap between business vision and technical reality. We favor clean, maintainable architecture above all else."
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesTaggedCards
|
||||
tag="Expertise"
|
||||
title="Technical Specializations"
|
||||
description="Enterprise-grade development across the full stack."
|
||||
items={[
|
||||
{
|
||||
tag: "Core",
|
||||
title: "Scalable Backend",
|
||||
description: "High-performance API design and distributed system architecture for modern scale.",
|
||||
primaryButton: {
|
||||
text: "Details",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pc-monitors-desk-used-monitoring-data-center-devices-energy_482257-118092.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Cloud",
|
||||
title: "Infrastructure",
|
||||
description: "Cloud-native deployments, Kubernetes management, and robust infrastructure as code.",
|
||||
primaryButton: {
|
||||
text: "Details",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-person-standing-escalator_400718-24.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Frontend",
|
||||
title: "Intuitive UI",
|
||||
description: "Seamless, high-performance interfaces built for engagement and accessibility.",
|
||||
primaryButton: {
|
||||
text: "Details",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expertise"
|
||||
title="Technical Specializations"
|
||||
description="Enterprise-grade development across the full stack."
|
||||
items={[
|
||||
{
|
||||
tag: "Core", title: "Scalable Backend", description: "High-performance API design and distributed system architecture for modern scale.", primaryButton: { text: "Details", href: "#" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pc-monitors-desk-used-monitoring-data-center-devices-energy_482257-118092.jpg"
|
||||
},
|
||||
{
|
||||
tag: "Cloud", title: "Infrastructure", description: "Cloud-native deployments, Kubernetes management, and robust infrastructure as code.", primaryButton: { text: "Details", href: "#" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-person-standing-escalator_400718-24.jpg"
|
||||
},
|
||||
{
|
||||
tag: "Frontend", title: "Intuitive UI", description: "Seamless, high-performance interfaces built for engagement and accessibility.", primaryButton: { text: "Details", href: "#" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<FeaturesImageBento
|
||||
tag="Featured Work"
|
||||
title="Architecting Innovation"
|
||||
description="Selected case studies and enterprise implementations."
|
||||
items={[
|
||||
{
|
||||
title: "SaaS Engine",
|
||||
description: "High-scale billing system",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-3d-particle-violet-wave-mesh-cyber-technology-style-abstract-business-backdrop_1217-4798.jpg",
|
||||
},
|
||||
{
|
||||
title: "Data Platform",
|
||||
description: "Real-time analytics engine",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wonder-wheel-neon-lights-close-up-black-background_23-2148328074.jpg",
|
||||
},
|
||||
{
|
||||
title: "API Hub",
|
||||
description: "Global gateway architecture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913805.jpg",
|
||||
},
|
||||
{
|
||||
title: "Legacy Migration",
|
||||
description: "Core system modernization",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306780.jpg",
|
||||
},
|
||||
{
|
||||
title: "Identity Layer",
|
||||
description: "Secure auth infrastructure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-clear-bubble_23-2151102697.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cloud Strategy",
|
||||
description: "Global multi-cloud roll-out",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programmer-walking-data-center-coding-laptop_482257-124794.jpg",
|
||||
},
|
||||
{
|
||||
title: "DevOps Pipeline",
|
||||
description: "Automation and CI/CD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910930.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Featured Work"
|
||||
title="Architecting Innovation"
|
||||
description="Selected case studies and enterprise implementations."
|
||||
items={[
|
||||
{ title: "SaaS Engine", description: "High-scale billing system", imageSrc: "http://img.b2bpic.net/free-vector/abstract-3d-particle-violet-wave-mesh-cyber-technology-style-abstract-business-backdrop_1217-4798.jpg" },
|
||||
{ title: "Data Platform", description: "Real-time analytics engine", imageSrc: "http://img.b2bpic.net/free-photo/wonder-wheel-neon-lights-close-up-black-background_23-2148328074.jpg" },
|
||||
{ title: "API Hub", description: "Global gateway architecture", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913805.jpg" },
|
||||
{ title: "Legacy Migration", description: "Core system modernization", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306780.jpg" },
|
||||
{ title: "Identity Layer", description: "Secure auth infrastructure", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-clear-bubble_23-2151102697.jpg" },
|
||||
{ title: "Cloud Strategy", description: "Global multi-cloud roll-out", imageSrc: "http://img.b2bpic.net/free-photo/programmer-walking-data-center-coding-laptop_482257-124794.jpg" },
|
||||
{ title: "DevOps Pipeline", description: "Automation and CI/CD", imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910930.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Proven Results"
|
||||
title="Tangible Business Impact"
|
||||
description="Quantifiable success across enterprise engagements."
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "System Uptime",
|
||||
value: "99.99%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Successful Launches",
|
||||
value: "200+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Proven Results"
|
||||
title="Tangible Business Impact"
|
||||
description="Quantifiable success across enterprise engagements."
|
||||
metrics={[
|
||||
{ icon: "Zap", title: "System Uptime", value: "99.99%" },
|
||||
{ icon: "Award", title: "Years Experience", value: "15+" },
|
||||
{ icon: "Shield", title: "Successful Launches", value: "200+" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Trust"
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with market leaders across industries."
|
||||
names={[
|
||||
"Vertex",
|
||||
"Nova",
|
||||
"Streamline",
|
||||
"Cognito",
|
||||
"Nebula",
|
||||
"Apex",
|
||||
"FlowState",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trust"
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with market leaders across industries."
|
||||
names={["Vertex", "Nova", "Streamline", "Cognito", "Nebula", "Apex", "FlowState"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamListCards
|
||||
tag="Leadership"
|
||||
title="Engineering Excellence"
|
||||
description="Meet the minds building your next project."
|
||||
groups={[
|
||||
{
|
||||
title: "Core Team",
|
||||
members: [
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
role: "Principal Engineer",
|
||||
detail: "Ex-FAANG architect, 15 years in distributed systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020776.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jamie Chen",
|
||||
role: "Creative Lead",
|
||||
detail: "Award-winning designer with a focus on enterprise UX.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-with-laptop-make-home-plan_482257-4993.jpg",
|
||||
},
|
||||
{
|
||||
name: "Morgan Blake",
|
||||
role: "DevOps Lead",
|
||||
detail: "Infrastructure strategist and cloud architecture specialist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-studio-films-wireless-speaker-video-review-tech-enthusiasts_482257-123068.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-paraplegia-office-building-solar-powered-prototype_482257-130230.jpg?_wi=2",
|
||||
imageAlt: "senior lead developer portrait studio",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Leadership"
|
||||
title="Engineering Excellence"
|
||||
description="Meet the minds building your next project."
|
||||
groups={[
|
||||
{
|
||||
title: "Core Team", members: [
|
||||
{
|
||||
name: "Alex Rivers", role: "Principal Engineer", detail: "Ex-FAANG architect, 15 years in distributed systems.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020776.jpg"
|
||||
},
|
||||
{
|
||||
name: "Jamie Chen", role: "Creative Lead", detail: "Award-winning designer with a focus on enterprise UX.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-with-laptop-make-home-plan_482257-4993.jpg"
|
||||
},
|
||||
{
|
||||
name: "Morgan Blake", role: "DevOps Lead", detail: "Infrastructure strategist and cloud architecture specialist.", imageSrc: "http://img.b2bpic.net/free-photo/influencer-studio-films-wireless-speaker-video-review-tech-enthusiasts_482257-123068.jpg"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Feedback"
|
||||
title="Partner Endorsements"
|
||||
description="Why our clients trust Radial Code."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
role: "CTO",
|
||||
quote: "Radial Code completely overhauled our architecture, delivering seamless scalability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Thorne",
|
||||
role: "Founder",
|
||||
quote: "Their engineering rigor is unmatched. They feel like a true extension of our team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-middle-eastern-employee-handling-financial-planning_482257-128579.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Voss",
|
||||
role: "VP Product",
|
||||
quote: "The most professional development experience we've had in 5 years of operation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark Evans",
|
||||
role: "Engineering Lead",
|
||||
quote: "Clean code and fast delivery. Exactly what we needed for our platform launch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21249.jpg",
|
||||
},
|
||||
{
|
||||
name: "Julie Reed",
|
||||
role: "Technical Director",
|
||||
quote: "Sophisticated engineering that actually understands our business goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/admin-server-room-checks-recovery-plan-tablet-monitoring-equipment_482257-89963.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Feedback"
|
||||
title="Partner Endorsements"
|
||||
description="Why our clients trust Radial Code."
|
||||
testimonials={[
|
||||
{ name: "Sarah Miller", role: "CTO", quote: "Radial Code completely overhauled our architecture, delivering seamless scalability.", imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg" },
|
||||
{ name: "David Thorne", role: "Founder", quote: "Their engineering rigor is unmatched. They feel like a true extension of our team.", imageSrc: "http://img.b2bpic.net/free-photo/successful-middle-eastern-employee-handling-financial-planning_482257-128579.jpg" },
|
||||
{ name: "Elena Voss", role: "VP Product", quote: "The most professional development experience we've had in 5 years of operation.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg" },
|
||||
{ name: "Mark Evans", role: "Engineering Lead", quote: "Clean code and fast delivery. Exactly what we needed for our platform launch.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21249.jpg" },
|
||||
{ name: "Julie Reed", role: "Technical Director", quote: "Sophisticated engineering that actually understands our business goals.", imageSrc: "http://img.b2bpic.net/free-photo/admin-server-room-checks-recovery-plan-tablet-monitoring-equipment_482257-89963.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Support"
|
||||
title="Common Inquiries"
|
||||
description="Getting started with Radial Code."
|
||||
categories={[
|
||||
{
|
||||
name: "Engagement",
|
||||
items: [
|
||||
{
|
||||
question: "What is the typical timeline?",
|
||||
answer: "Projects usually range from 3-6 months depending on scope.",
|
||||
},
|
||||
{
|
||||
question: "How do you work?",
|
||||
answer: "We integrate via Agile workflows, ensuring constant alignment.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Common Inquiries"
|
||||
description="Getting started with Radial Code."
|
||||
categories={[
|
||||
{
|
||||
name: "Engagement", items: [
|
||||
{ question: "What is the typical timeline?", answer: "Projects usually range from 3-6 months depending on scope." },
|
||||
{ question: "How do you work?", answer: "We integrate via Agile workflows, ensuring constant alignment." }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Let's Collaborate"
|
||||
text="Ready to build your next enterprise system?"
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Let's Collaborate"
|
||||
text="Ready to build your next enterprise system?"
|
||||
primaryButton={{ text: "Contact Us", href: "#contact" }}
|
||||
secondaryButton={{ text: "Learn More", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user