diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 657fa2a..e0af0c8 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -11,321 +11,133 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; export default function HomePage() { return ( <> -
- +
+ - -
+ 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" } + ]} + /> +
+
-
- +
+ - -
+ 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" } + ]} + /> +
+
-
- +
+ - -
+ 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" } + ]} + /> +
+
-
- +
+ - -
+ 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" } + ]} + /> +
+
-
- +
+ - -
+ 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" } } + ]} + /> +
+
-
- +
+ - -
+ 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" } + ]} + /> +
+
-
- +
+ - -
+ 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." } + ]} + /> +
+
-
- +
+ - -
+ 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: "#" }} + /> +
+
); -} +} \ No newline at end of file