Merge version_1_1782105473815 into main #2

Merged
bender merged 2 commits from version_1_1782105473815 into main 2026-06-22 05:19:20 +00:00

View File

@@ -11,321 +11,133 @@ 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 Innovation"
title="Architecting the Future of Digital Experiences"
description="Unlock unprecedented potential with our high-performance SaaS platform built for scale."
primaryButton={{
text: "Get Started",
href: "#contact",
}}
secondaryButton={{
text: "Watch Demo",
href: "#features",
}}
items={[
{
videoSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30671.jpg?_wi=1",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30671.jpg?_wi=2",
imageAlt: "abstract dark technology background fluid motion",
},
{
videoSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99745.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg?_wi=1",
imageAlt: "abstract dark technology background fluid motion",
},
{
videoSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99694.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/polygonal-abstract-wireframeshapes-network-connection-big-data-concept-background-with-line-dot_90220-496.jpg?_wi=1",
imageAlt: "abstract dark technology background fluid motion",
},
{
videoSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301593.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/global-business-internet-network-connection-iot-internet-things-business-intelligence-concept-busines-global-network-futuristic-technology-background-ai-generative_1258-176791.jpg?_wi=1",
imageAlt: "abstract dark technology background fluid motion",
},
{
videoSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-100234.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-technological-background_23-2148882666.jpg?_wi=1",
imageAlt: "abstract dark technology background fluid motion",
},
{
videoSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-particle-design-with-shallow-depth-field_1048-14034.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/female-pilot-futuristic-helmet-with-digital-data-overlay_1194-640243.jpg?_wi=1",
imageAlt: "abstract dark technology background fluid motion",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Next Gen Innovation"
title="Architecting the Future of Digital Experiences"
description="Unlock unprecedented potential with our high-performance SaaS platform built for scale."
primaryButton={{ text: "Get Started", href: "#contact" }}
secondaryButton={{ text: "Watch Demo", href: "#features" }}
items={[
{ videoSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30671.jpg" },
{ videoSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99745.jpg" },
{ videoSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99694.jpg" },
{ videoSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301593.jpg" },
{ videoSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-100234.jpg" },
{ videoSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-particle-design-with-shallow-depth-field_1048-14034.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesDetailedCards
tag="Capabilities"
title="Enterprise Power, Startup Speed"
description="Streamline your operations with our suite of modern engineering tools."
items={[
{
title: "Real-time Analytics",
description: "Monitor every data point with millisecond precision and actionable insights.",
tags: [
"Analytics",
"Cloud",
],
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg?_wi=2",
},
{
title: "Global Connectivity",
description: "Seamlessly integrate your systems across continents with our robust API layer.",
tags: [
"API",
"Global",
],
imageSrc: "http://img.b2bpic.net/free-photo/polygonal-abstract-wireframeshapes-network-connection-big-data-concept-background-with-line-dot_90220-496.jpg?_wi=2",
},
{
title: "Elastic Infrastructure",
description: "Scale up or down effortlessly with our serverless cloud infrastructure.",
tags: [
"Scale",
"DevOps",
],
imageSrc: "http://img.b2bpic.net/free-photo/global-business-internet-network-connection-iot-internet-things-business-intelligence-concept-busines-global-network-futuristic-technology-background-ai-generative_1258-176791.jpg?_wi=2",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Capabilities"
title="Enterprise Power, Startup Speed"
description="Streamline your operations with our suite of modern engineering tools."
items={[
{ title: "Real-time Analytics", description: "Monitor every data point with millisecond precision and actionable insights.", tags: ["Analytics", "Cloud"], imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg" },
{ title: "Global Connectivity", description: "Seamlessly integrate your systems across continents with our robust API layer.", tags: ["API", "Global"], imageSrc: "http://img.b2bpic.net/free-photo/polygonal-abstract-wireframeshapes-network-connection-big-data-concept-background-with-line-dot_90220-496.jpg" },
{ title: "Elastic Infrastructure", description: "Scale up or down effortlessly with our serverless cloud infrastructure.", tags: ["Scale", "DevOps"], imageSrc: "http://img.b2bpic.net/free-photo/global-business-internet-network-connection-iot-internet-things-business-intelligence-concept-busines-global-network-futuristic-technology-background-ai-generative_1258-176791.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="bento" data-section="bento">
<SectionErrorBoundary name="bento">
<div id="bento" data-section="bento">
<SectionErrorBoundary name="bento">
<FeaturesRevealCardsBento
tag="Advanced Tools"
title="Everything You Need to Scale"
description="Explore the components that make our platform the leader in modern tech."
items={[
{
title: "Neural Engine",
description: "AI-driven decision making.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-technological-background_23-2148882666.jpg?_wi=2",
},
{
title: "Secure Vault",
description: "End-to-end encrypted storage.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/female-pilot-futuristic-helmet-with-digital-data-overlay_1194-640243.jpg?_wi=2",
},
{
title: "Data Cube",
description: "Multi-dimensional analysis.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037181.jpg",
},
{
title: "Mobile Core",
description: "Universal app support.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149930155.jpg",
},
{
title: "Holographic Map",
description: "Visual pathing data.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/european-union-using-radar-system-detect-missiles-attacking-member-states_482257-89727.jpg",
},
{
title: "Integration Bridge",
description: "Zero-latency syncing.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg",
},
{
title: "Sonic Wave",
description: "Precision frequency control.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-flow-with-particle-wave-design_1048-13792.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Advanced Tools"
title="Everything You Need to Scale"
description="Explore the components that make our platform the leader in modern tech."
items={[
{ title: "Neural Engine", description: "AI-driven decision making.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-technological-background_23-2148882666.jpg" },
{ title: "Secure Vault", description: "End-to-end encrypted storage.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/female-pilot-futuristic-helmet-with-digital-data-overlay_1194-640243.jpg" },
{ title: "Data Cube", description: "Multi-dimensional analysis.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037181.jpg" },
{ title: "Mobile Core", description: "Universal app support.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149930155.jpg" },
{ title: "Holographic Map", description: "Visual pathing data.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/european-union-using-radar-system-detect-missiles-attacking-member-states_482257-89727.jpg" },
{ title: "Integration Bridge", description: "Zero-latency syncing.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg" },
{ title: "Sonic Wave", description: "Precision frequency control.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-flow-with-particle-wave-design_1048-13792.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards
tag="Proven Results"
title="Built for High Impact"
description="Our platform consistently delivers excellence for global companies."
metrics={[
{
value: "99.9%",
title: "Uptime Reliability",
description: "Consistent performance that never compromises your operational goals.",
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833344.jpg",
},
{
value: "500ms",
title: "Response Time",
description: "Ultra-fast execution across every single API endpoint we provide.",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg",
},
{
value: "10M+",
title: "Events Processed",
description: "Scalable architecture designed to handle massive data volume workloads.",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139249.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Proven Results"
title="Built for High Impact"
description="Our platform consistently delivers excellence for global companies."
metrics={[
{ value: "99.9%", title: "Uptime Reliability", description: "Consistent performance that never compromises your operational goals.", imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833344.jpg" },
{ value: "500ms", title: "Response Time", description: "Ultra-fast execution across every single API endpoint we provide.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg" },
{ value: "10M+", title: "Events Processed", description: "Scalable architecture designed to handle massive data volume workloads.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139249.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingCenteredCards
tag="Pricing Plans"
title="Scalable for Every Stage"
description="Choose the perfect plan to accelerate your development journey."
plans={[
{
tag: "Starter",
price: "$49",
description: "Perfect for small teams starting their journey.",
features: [
"10 Project Limit",
"Basic Analytics",
"Community Support",
],
primaryButton: {
text: "Get Started",
href: "#contact",
},
},
{
tag: "Professional",
price: "$199",
description: "For growing businesses needing robust features.",
features: [
"Unlimited Projects",
"Full Analytics",
"24/7 Priority Support",
],
primaryButton: {
text: "Get Started",
href: "#contact",
},
},
{
tag: "Enterprise",
price: "Custom",
description: "Full-scale solutions for massive deployments.",
features: [
"Advanced Security",
"Dedicated Account Manager",
"SLA Guarantee",
],
primaryButton: {
text: "Get Started",
href: "#contact",
},
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Pricing Plans"
title="Scalable for Every Stage"
description="Choose the perfect plan to accelerate your development journey."
plans={[
{ tag: "Starter", price: "$49", description: "Perfect for small teams starting their journey.", features: ["10 Project Limit", "Basic Analytics", "Community Support"], primaryButton: { text: "Get Started", href: "#contact" } },
{ tag: "Professional", price: "$199", description: "For growing businesses needing robust features.", features: ["Unlimited Projects", "Full Analytics", "24/7 Priority Support"], primaryButton: { text: "Get Started", href: "#contact" } },
{ tag: "Enterprise", price: "Custom", description: "Full-scale solutions for massive deployments.", features: ["Advanced Security", "Dedicated Account Manager", "SLA Guarantee"], primaryButton: { text: "Get Started", href: "#contact" } }
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards
tag="Client Stories"
title="Trusted by Visionaries"
description="Hear from the leaders who rely on our platform daily."
testimonials={[
{
name: "Sarah J.",
role: "CTO",
quote: "The platform revolutionized our workflow.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg",
},
{
name: "Michael K.",
role: "CEO",
quote: "Incredible performance and reliability.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
},
{
name: "Elena R.",
role: "Product Lead",
quote: "Everything we need in one dashboard.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-designer-holding-samples-swatches_1303-32119.jpg",
},
{
name: "David W.",
role: "Developer",
quote: "Best dev experience I've had so far.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg",
},
{
name: "Jessica M.",
role: "Designer",
quote: "A truly modern design philosophy.",
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg",
},
{
name: "Tom B.",
role: "Engineer",
quote: "Highly efficient and robust codebase.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Client Stories"
title="Trusted by Visionaries"
description="Hear from the leaders who rely on our platform daily."
testimonials={[
{ name: "Sarah J.", role: "CTO", quote: "The platform revolutionized our workflow.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg" },
{ name: "Michael K.", role: "CEO", quote: "Incredible performance and reliability.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
{ name: "Elena R.", role: "Product Lead", quote: "Everything we need in one dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-designer-holding-samples-swatches_1303-32119.jpg" },
{ name: "David W.", role: "Developer", quote: "Best dev experience I've had so far.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg" },
{ name: "Jessica M.", role: "Designer", quote: "A truly modern design philosophy.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg" },
{ name: "Tom B.", role: "Engineer", quote: "Highly efficient and robust codebase.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="FAQs"
title="Common Questions"
description="Find quick answers to your most pressing questions about our platform."
items={[
{
question: "Can I upgrade at any time?",
answer: "Absolutely! Scale your plan whenever your requirements grow.",
},
{
question: "What security measures are in place?",
answer: "We use AES-256 encryption and periodic third-party security audits.",
},
{
question: "Do you offer API access?",
answer: "Yes, our full REST and GraphQL API is included with all tiers.",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="FAQs"
title="Common Questions"
description="Find quick answers to your most pressing questions about our platform."
items={[
{ question: "Can I upgrade at any time?", answer: "Absolutely! Scale your plan whenever your requirements grow." },
{ question: "What security measures are in place?", answer: "We use AES-256 encryption and periodic third-party security audits." },
{ question: "Do you offer API access?", answer: "Yes, our full REST and GraphQL API is included with all tiers." }
]}
/>
</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 production? Connect with our team today."
primaryButton={{
text: "Contact Sales",
href: "#contact",
}}
secondaryButton={{
text: "Read Docs",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
tag="Get Started"
text="Ready to scale your production? Connect with our team today."
primaryButton={{ text: "Contact Sales", href: "#contact" }}
secondaryButton={{ text: "Read Docs", href: "#" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}
}