Merge version_1_1781605167458 into main #2
@@ -13,315 +13,149 @@ 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">
|
||||
<HeroBillboardCarousel
|
||||
tag="Next-Gen Platform"
|
||||
title="Revolutionize Your Workflow"
|
||||
description="Powerful tools designed for the modern era of innovation, speed, and seamless integration."
|
||||
primaryButton={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-elements-design_23-2148457959.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-optical-fibers-design_23-2148241325.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-office-3d-rendering-concept-illustration_23-2151876113.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-computer-keyboard-del-button_53876-64694.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-background-glossy-cubes_1048-15562.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astral-wallpapers-composition-with-galaxy_23-2149687894.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Next-Gen Platform"
|
||||
title="Revolutionize Your Workflow"
|
||||
description="Powerful tools designed for the modern era of innovation, speed, and seamless integration."
|
||||
primaryButton={{ text: "Get Started", href: "#contact" }}
|
||||
secondaryButton={{ text: "Learn More", href: "#features" }}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-elements-design_23-2148457959.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-optical-fibers-design_23-2148241325.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/remote-office-3d-rendering-concept-illustration_23-2151876113.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-computer-keyboard-del-button_53876-64694.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-background-glossy-cubes_1048-15562.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/astral-wallpapers-composition-with-galaxy_23-2149687894.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Driven by Innovation, Powered by Scale."
|
||||
primaryButton={{
|
||||
text: "Our Mission",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Driven by Innovation, Powered by Scale."
|
||||
primaryButton={{ text: "Our Mission", href: "#contact" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Key Capabilities"
|
||||
title="Designed for Results"
|
||||
description="Scale your operations with built-in intelligence and seamless integrations."
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Intelligence",
|
||||
description: "Get instant insights with our advanced analytics.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=by72l9",
|
||||
imageAlt: "tech brand logo white",
|
||||
},
|
||||
{
|
||||
title: "Team Collaboration",
|
||||
description: "Sync seamlessly with our integrated chat suite.",
|
||||
bentoComponent: "chat-marquee",
|
||||
aiIcon: Star,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Deploy?",
|
||||
aiResponse: "Live.",
|
||||
},
|
||||
{
|
||||
userMessage: "Scale?",
|
||||
aiResponse: "Instant.",
|
||||
},
|
||||
],
|
||||
placeholder: "...",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-elements-design_23-2148457959.jpg?_wi=2",
|
||||
imageAlt: "tech brand logo white",
|
||||
},
|
||||
{
|
||||
title: "Rapid Development",
|
||||
description: "Streamline your development pipeline from day one.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Speed",
|
||||
value: "2x",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Security",
|
||||
value: "100%",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-optical-fibers-design_23-2148241325.jpg?_wi=2",
|
||||
imageAlt: "tech brand logo white",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Key Capabilities"
|
||||
title="Designed for Results"
|
||||
description="Scale your operations with built-in intelligence and seamless integrations."
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Intelligence", description: "Get instant insights with our advanced analytics.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Team Collaboration", description: "Sync seamlessly with our integrated chat suite.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", exchanges: [
|
||||
{ userMessage: "Deploy?", aiResponse: "Live." },
|
||||
{ userMessage: "Scale?", aiResponse: "Instant." }
|
||||
],
|
||||
placeholder: "..."
|
||||
},
|
||||
{
|
||||
title: "Rapid Development", description: "Streamline your development pipeline from day one.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Zap", label: "Speed", value: "2x" },
|
||||
{ icon: "Shield", label: "Security", value: "100%" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
tag="Product Suite"
|
||||
title="Comprehensive Solutions"
|
||||
description="From development to deployment, our suite handles everything."
|
||||
items={[
|
||||
{
|
||||
title: "DevOps Center",
|
||||
description: "Pipeline management.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg",
|
||||
},
|
||||
{
|
||||
title: "Analytics Hub",
|
||||
description: "Data driven insights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-home-office-uses-artificial-intelligence-generating-images-from-text_482257-125005.jpg",
|
||||
},
|
||||
{
|
||||
title: "Network Core",
|
||||
description: "Secure connection layer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gateway-heaven_181624-9905.jpg",
|
||||
},
|
||||
{
|
||||
title: "Workflow Engine",
|
||||
description: "Automated processes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
|
||||
},
|
||||
{
|
||||
title: "Architecture Pro",
|
||||
description: "Structural design tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg",
|
||||
},
|
||||
{
|
||||
title: "Identity Layer",
|
||||
description: "Secure access control.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/user-profile-front-side_187299-39595.jpg",
|
||||
},
|
||||
{
|
||||
title: "Reporter Pro",
|
||||
description: "Reporting automation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Product Suite"
|
||||
title="Comprehensive Solutions"
|
||||
description="From development to deployment, our suite handles everything."
|
||||
items={[
|
||||
{ title: "DevOps Center", description: "Pipeline management.", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg" },
|
||||
{ title: "Analytics Hub", description: "Data driven insights.", imageSrc: "http://img.b2bpic.net/free-photo/computer-home-office-uses-artificial-intelligence-generating-images-from-text_482257-125005.jpg" },
|
||||
{ title: "Network Core", description: "Secure connection layer.", imageSrc: "http://img.b2bpic.net/free-photo/gateway-heaven_181624-9905.jpg" },
|
||||
{ title: "Workflow Engine", description: "Automated processes.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg" },
|
||||
{ title: "Architecture Pro", description: "Structural design tools.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg" },
|
||||
{ title: "Identity Layer", description: "Secure access control.", imageSrc: "http://img.b2bpic.net/free-photo/user-profile-front-side_187299-39595.jpg" },
|
||||
{ title: "Reporter Pro", description: "Reporting automation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Trusted Impact"
|
||||
title="Proven Scalability"
|
||||
metrics={[
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
features: [
|
||||
"SLA Guarantee",
|
||||
"24/7 Monitoring",
|
||||
"Instant Alerts",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "500K+",
|
||||
title: "Requests",
|
||||
features: [
|
||||
"Scalable Infrastructure",
|
||||
"Elastic Cloud",
|
||||
"Global Edge",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "400%",
|
||||
title: "Growth",
|
||||
features: [
|
||||
"Optimized Pipelines",
|
||||
"Efficient Code",
|
||||
"Better ROI",
|
||||
],
|
||||
},
|
||||
]}
|
||||
description="Metrics that define our success and yours."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted Impact"
|
||||
title="Proven Scalability"
|
||||
metrics={[
|
||||
{ value: "99.9%", title: "Uptime", features: ["SLA Guarantee", "24/7 Monitoring", "Instant Alerts"] },
|
||||
{ value: "500K+", title: "Requests", features: ["Scalable Infrastructure", "Elastic Cloud", "Global Edge"] },
|
||||
{ value: "400%", title: "Growth", features: ["Optimized Pipelines", "Efficient Code", "Better ROI"] }
|
||||
]}
|
||||
description="Metrics that define our success and yours."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Testimonials"
|
||||
title="Empowering Industry Leaders"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice Wang",
|
||||
role: "CTO",
|
||||
quote: "The platform revolutionized our deployment speed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Miller",
|
||||
role: "Engineer",
|
||||
quote: "Seamless integration, top-tier performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-european-girls-working-project-with-asian-colleague-office-talking_197531-4958.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
role: "Product Head",
|
||||
quote: "Our teams are more productive than ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teen-with-cool-pink-hair_23-2148629627.jpg",
|
||||
},
|
||||
{
|
||||
name: "Robert Kho",
|
||||
role: "Lead Dev",
|
||||
quote: "Security and scalability in one package.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Ross",
|
||||
role: "DevOps",
|
||||
quote: "Zero downtime since moving our stack.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
|
||||
},
|
||||
]}
|
||||
description="Discover how our clients achieve more with ShareTech."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Testimonials"
|
||||
title="Empowering Industry Leaders"
|
||||
testimonials={[
|
||||
{ name: "Alice Wang", role: "CTO", quote: "The platform revolutionized our deployment speed.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg" },
|
||||
{ name: "David Miller", role: "Engineer", quote: "Seamless integration, top-tier performance.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-european-girls-working-project-with-asian-colleague-office-talking_197531-4958.jpg" },
|
||||
{ name: "Sarah Chen", role: "Product Head", quote: "Our teams are more productive than ever.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teen-with-cool-pink-hair_23-2148629627.jpg" },
|
||||
{ name: "Robert Kho", role: "Lead Dev", quote: "Security and scalability in one package.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg" },
|
||||
{ name: "Elena Ross", role: "DevOps", quote: "Zero downtime since moving our stack.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg" }
|
||||
]}
|
||||
description="Discover how our clients achieve more with ShareTech."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SectionErrorBoundary name="social">
|
||||
<div id="social" data-section="social">
|
||||
<SectionErrorBoundary name="social">
|
||||
<SocialProofMarquee
|
||||
tag="Trusted By"
|
||||
title="Industry Leaders"
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Apple",
|
||||
"Oracle",
|
||||
"IBM",
|
||||
"Meta",
|
||||
]}
|
||||
description="Working with the best in the business."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted By"
|
||||
title="Industry Leaders"
|
||||
names={["Microsoft", "Google", "Amazon", "Apple", "Oracle", "IBM", "Meta"]}
|
||||
description="Working with the best in the business."
|
||||
/>
|
||||
</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 Questions"
|
||||
categories={[
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
{
|
||||
question: "What is included?",
|
||||
answer: "The full suite of developer tools.",
|
||||
},
|
||||
{
|
||||
question: "Pricing?",
|
||||
answer: "Custom enterprise solutions.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Technical",
|
||||
items: [
|
||||
{
|
||||
question: "API support?",
|
||||
answer: "Full REST and GraphQL support.",
|
||||
},
|
||||
{
|
||||
question: "Cloud options?",
|
||||
answer: "Multi-cloud support enabled.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
description="Answers to the most frequently asked questions about ShareTech."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Common Questions"
|
||||
categories={[
|
||||
{ name: "General", items: [{ question: "What is included?", answer: "The full suite of developer tools."}, { question: "Pricing?", answer: "Custom enterprise solutions."}]},
|
||||
{ name: "Technical", items: [{ question: "API support?", answer: "Full REST and GraphQL support."}, { question: "Cloud options?", answer: "Multi-cloud support enabled."}]}
|
||||
]}
|
||||
description="Answers to the most frequently asked questions about ShareTech."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get Started"
|
||||
text="Ready to scale your infrastructure? Join today."
|
||||
primaryButton={{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Book a Demo",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get Started"
|
||||
text="Ready to scale your infrastructure? Join today."
|
||||
primaryButton={{ text: "Contact Sales", href: "#" }}
|
||||
secondaryButton={{ text: "Book a Demo", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user