diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 7867412..9db6e68 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -13,315 +13,149 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; export default function HomePage() { return ( <> -
- +
+ - -
+ 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" } + ]} + /> + +
-
- +
+ - -
+ title="Driven by Innovation, Powered by Scale." + primaryButton={{ text: "Our Mission", href: "#contact" }} + /> + +
-
- +
+ - -
+ 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%" } + ] + } + ]} + /> + +
-
- +
+ - -
+ 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" } + ]} + /> + +
-
- +
+ - -
+ 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." + /> + +
-
- +
+ - -
+ 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." + /> + +
-
- +
+ - -
+ tag="Trusted By" + title="Industry Leaders" + names={["Microsoft", "Google", "Amazon", "Apple", "Oracle", "IBM", "Meta"]} + description="Working with the best in the business." + /> + +
-
- +
+ - -
+ 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." + /> + +
-
- +
+ - -
+ tag="Get Started" + text="Ready to scale your infrastructure? Join today." + primaryButton={{ text: "Contact Sales", href: "#" }} + secondaryButton={{ text: "Book a Demo", href: "#" }} + /> + +
); -} +} \ No newline at end of file