343 lines
23 KiB
TypeScript
343 lines
23 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import Link from "next/link";
|
|
import { Zap, Shield, Star, Code, Sparkles } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Portfolio", id: "/portfolio" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Zyber Zing"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Book Consultation", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Global Technology Solutions for Your Business"
|
|
description="Custom software development, AI engineering, blockchain, web & mobile apps, and cloud infrastructure. Trusted by startups and enterprises worldwide."
|
|
tag="Technology Partner"
|
|
tagIcon={Zap}
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-modern-technology-hero-background-feat-1772811458631-d1b3869c.png"
|
|
imageAlt="Zyber Zing Technology Services Hero Background"
|
|
buttons={[
|
|
{
|
|
text: "Book Consultation Call", href: "#contact"
|
|
},
|
|
{
|
|
text: "Start Your Project", href: "#contact"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Services Section */}
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
title="Our Technology Services"
|
|
description="Comprehensive solutions spanning custom development, AI/ML, blockchain, cloud infrastructure, and enterprise software."
|
|
tag="What We Offer"
|
|
tagIcon={Code}
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Custom Software Development", content: "Tailor-made enterprise solutions built from scratch. We specialize in scalable architecture, modern tech stacks, and agile methodologies to deliver software that grows with your business."
|
|
},
|
|
{
|
|
id: "2", title: "AI & Machine Learning Engineering", content: "Advanced AI solutions including predictive analytics, natural language processing, computer vision, and custom ML models. We transform data into actionable intelligence for competitive advantage."
|
|
},
|
|
{
|
|
id: "3", title: "Web & Mobile Development", content: "Responsive web applications and native mobile apps using React, Node.js, Flutter, and more. We create engaging digital experiences optimized for performance and user satisfaction."
|
|
},
|
|
{
|
|
id: "4", title: "Blockchain & Web3 Solutions", content: "Smart contracts, DApp development, and blockchain infrastructure. We build secure, decentralized solutions leveraging Ethereum, Polygon, and other leading blockchains."
|
|
},
|
|
{
|
|
id: "5", title: "Cloud & DevOps Infrastructure", content: "AWS, Azure, and GCP expertise. We design scalable cloud architectures, CI/CD pipelines, containerization, and infrastructure automation for seamless deployment."
|
|
},
|
|
{
|
|
id: "6", title: "VoIP & Communication Systems", content: "Enterprise communication solutions including VoIP systems, unified communications, and real-time collaboration platforms integrated with your existing infrastructure."
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-professional-technology-stack-visualiz-1772811458873-eb46b299.png"
|
|
imageAlt="Zyber Zing Technology Stack and Services"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
mediaPosition="right"
|
|
buttons={[
|
|
{
|
|
text: "Explore All Services", href: "/services"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Why Choose Us Section */}
|
|
<div id="why-choose" data-section="why-choose">
|
|
<TestimonialAboutCard
|
|
tag="Why Choose Zyber Zing"
|
|
tagIcon={Star}
|
|
title="Enterprise-Grade Expertise with Global Reach"
|
|
description="Proven Track Record"
|
|
subdescription="Trusted Technology Partner"
|
|
icon={Shield}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-professional-corporate-team-collaborat-1772811458434-7d834a15.png"
|
|
imageAlt="Why Choose Zyber Zing - Global Technology Partner"
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Metrics Section */}
|
|
<div id="work-process" data-section="work-process">
|
|
<MetricCardSeven
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500+", title: "Projects Delivered", items: [
|
|
"Across 25+ countries", "Multiple industries", "98% client satisfaction"
|
|
]
|
|
},
|
|
{
|
|
id: "2", value: "15+", title: "Years of Excellence", items: [
|
|
"Since 2008", "Proven expertise", "Industry leadership"
|
|
]
|
|
},
|
|
{
|
|
id: "3", value: "50+", title: "Technology Experts", items: [
|
|
"Full-stack developers", "AI specialists", "Cloud architects"
|
|
]
|
|
},
|
|
{
|
|
id: "4", value: "24/7", title: "Global Support", items: [
|
|
"Round-the-clock assistance", "Multiple time zones", "Dedicated teams"
|
|
]
|
|
}
|
|
]}
|
|
title="Our Impact by the Numbers"
|
|
description="Delivering measurable results and proven expertise across industries and technologies."
|
|
tag="Key Metrics"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Testimonials Section */}
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen, CTO of TechFlow", date: "Date: 15 January 2025", title: "Transformed Our Development Pipeline", quote: "Zyber Zing's team delivered a complete cloud migration solution that reduced our infrastructure costs by 40% and improved deployment speed significantly. Their expertise in DevOps was instrumental.", tag: "Enterprise", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/professional-headshot-of-a-confident-fem-1772811457649-ed750aed.png", avatarAlt: "Sarah Chen CTO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-modern-cloud-infrastructure-architectu-1772811459728-06d52dec.png"
|
|
},
|
|
{
|
|
id: "2", name: "James Rodriguez, Founder of AI Innovations", date: "Date: 12 January 2025", title: "AI Solution Exceeded Expectations", quote: "We partnered with Zyber Zing for a custom ML model to predict customer behavior. The results were beyond our expectations - accuracy rates of 94% and seamless integration with existing systems.", tag: "Startup", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/professional-headshot-of-a-male-startup--1772811457730-6c940559.png", avatarAlt: "James Rodriguez Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-visualization-of-ai-ml-model-architect-1772811459066-3e950980.png"
|
|
},
|
|
{
|
|
id: "3", name: "Elena Martinez, VP Product at RetailCorp", date: "Date: 8 January 2025", title: "Mobile App Delivered On Time", quote: "Zyber Zing built our flagship mobile app in React Native with exceptional attention to detail. The app has been downloaded 100K+ times with stellar user reviews. Fantastic team to work with.", tag: "Enterprise", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/professional-headshot-of-a-woman-in-her--1772811457490-2355f7ec.png", avatarAlt: "Elena Martinez VP Product", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-beautiful-mobile-app-interface-showcas-1772811459177-0acbc18b.png"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim, CEO of FinTech Solutions", date: "Date: 5 January 2025", title: "Blockchain Integration Flawless", quote: "Zyber Zing's blockchain expertise helped us launch a secure payment platform on Ethereum. Their smart contract development was meticulous, and security audits were thorough.", tag: "Enterprise", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/professional-headshot-of-an-asian-male-c-1772811459024-469288e7.png", avatarAlt: "David Kim CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-blockchain-and-cryptocurrency-visualiz-1772811458465-43de736d.png"
|
|
},
|
|
{
|
|
id: "5", name: "Priya Kapoor, Marketing Director of HealthTech", date: "Date: 2 January 2025", title: "Reliable Partner for Digital Transformation", quote: "We've worked with Zyber Zing on multiple projects over 3 years. Their commitment to quality, communication, and deadline adherence has been consistently excellent. Highly recommended.", tag: "Long-term Partner", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/professional-headshot-of-an-indian-woman-1772811457147-7047f448.png", avatarAlt: "Priya Kapoor Marketing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-long-term-partnership-and-successful-c-1772811458770-d0ba04a1.png"
|
|
},
|
|
{
|
|
id: "6", name: "Michael Thompson, COO of ManufactureTech", date: "Date: 28 December 2024", title: "Custom ERP System Successful", quote: "Zyber Zing developed a bespoke ERP system tailored to our manufacturing workflows. Implementation was smooth, training was comprehensive, and ROI was achieved within 6 months.", tag: "Enterprise", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/professional-headshot-of-a-male-coo-manu-1772811457688-02ab7aa7.png", avatarAlt: "Michael Thompson COO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/an-enterprise-erp-system-interface-showi-1772811459260-515dfb3f.png"
|
|
}
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear from businesses that have transformed with Zyber Zing's technology solutions."
|
|
tag="Client Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Global Presence Section */}
|
|
<div id="global-presence" data-section="global-presence">
|
|
<TeamCardEleven
|
|
groups={[
|
|
{
|
|
id: "asia", groupTitle: "Asia", members: [
|
|
{
|
|
id: "1", title: "Mumbai, India", subtitle: "Main Development Hub", detail: "bangalore@zyberzing.com", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-modern-tech-office-in-mumbai-with-soft-1772811458595-5dbb9d40.png", imageAlt: "Mumbai Office"
|
|
},
|
|
{
|
|
id: "2", title: "Singapore", subtitle: "Southeast Asia Office", detail: "singapore@zyberzing.com", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-professional-southeast-asia-tech-offic-1772811458074-e2f35c35.png", imageAlt: "Singapore Office"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "americas", groupTitle: "Americas", members: [
|
|
{
|
|
id: "3", title: "New York, USA", subtitle: "North America Center", detail: "newyork@zyberzing.com", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-new-york-tech-office-with-manhattan-sk-1772811457803-588655e2.png", imageAlt: "New York Office"
|
|
},
|
|
{
|
|
id: "4", title: "São Paulo, Brazil", subtitle: "South America Office", detail: "saopaulo@zyberzing.com", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-vibrant-brazilian-tech-office-in-s-o-p-1772811458939-00e244ab.png", imageAlt: "São Paulo Office"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "europe", groupTitle: "Europe", members: [
|
|
{
|
|
id: "5", title: "London, UK", subtitle: "Europe Operations", detail: "london@zyberzing.com", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-london-tech-office-with-contemporary-d-1772811460207-55291e9f.png", imageAlt: "London Office"
|
|
},
|
|
{
|
|
id: "6", title: "Berlin, Germany", subtitle: "Central Europe Hub", detail: "berlin@zyberzing.com", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-modern-german-tech-office-in-berlin-wi-1772811461140-f9eec7fd.png", imageAlt: "Berlin Office"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
title="Global Presence, Local Expertise"
|
|
description="We have offices and teams across major tech hubs worldwide, ensuring 24/7 support and time-zone advantages."
|
|
tag="Offices"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Social Proof Section */}
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Global brands and innovative startups partner with Zyber Zing for their technology needs."
|
|
tag="Our Clients"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"TechCorp", "FinFlow", "HealthPlus", "RetailHub", "ManuTech", "SaasPro", "MediaOne", "EduSmart"
|
|
]}
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-professional-tech-company-logo-represe-1772811458274-768fa421.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-professional-fintech-company-logo-repr-1772811456829-c3a5559b.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-professional-healthcare-biotech-compan-1772811456651-c0515735.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-professional-e-commerce-retail-company-1772811457034-32afe1a7.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-professional-manufacturing-industrial--1772811457856-8f2b6b8e.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-professional-saas-platform-company-log-1772811457351-24b90c26.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-professional-media-entertainment-compa-1772811459229-c170b93d.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-professional-education-edtech-company--1772811458189-32e44ce3.png"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* FAQ Section */}
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is your engagement model?", content: "We offer flexible engagement models including dedicated teams, project-based delivery, time & materials, and staff augmentation. Choose what works best for your project needs and budget."
|
|
},
|
|
{
|
|
id: "2", title: "How do you ensure quality?", content: "Quality is built into every phase: code reviews, automated testing, QA cycles, security audits, and continuous integration/deployment. We maintain 98%+ customer satisfaction rates."
|
|
},
|
|
{
|
|
id: "3", title: "What technologies do you specialize in?", content: "We specialize in modern tech stacks: React/Vue/Angular, Node.js/Python/Go, AWS/Azure/GCP, Kubernetes, MongoDB/PostgreSQL, Ethereum/Polygon, and more. We choose the best fit for your project."
|
|
},
|
|
{
|
|
id: "4", title: "How long does a typical project take?", content: "Project timelines vary based on complexity and scope. Small projects (2-3 weeks), medium projects (2-3 months), large enterprise solutions (3-12+ months). We provide detailed estimates upfront."
|
|
},
|
|
{
|
|
id: "5", title: "Do you provide post-launch support?", content: "Yes. We offer comprehensive post-launch support including bug fixes, performance optimization, feature enhancements, and 24/7 monitoring. Support packages can be customized."
|
|
},
|
|
{
|
|
id: "6", title: "Can you work with existing teams?", content: "Absolutely. We have extensive experience augmenting existing teams with specialized developers, architects, and QA engineers. We integrate seamlessly with your workflows and processes."
|
|
}
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Get answers to common questions about our services, processes, and engagement models."
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact Section */}
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Started"
|
|
tagIcon={Sparkles}
|
|
title="Ready to Transform Your Vision Into Reality?"
|
|
description="Schedule a free consultation with our technology experts to discuss your project requirements, timelines, and investment."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZrYlFLhLjWPzd5ntCD5GOqvUv/a-professional-consultation-meeting-visu-1772811458710-0cb5f52f.png"
|
|
imageAlt="Contact Zyber Zing for Technology Solutions"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Get Free Consultation"
|
|
termsText="We respect your privacy. Unsubscribe anytime from marketing communications."
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "Portfolio", href: "/portfolio" },
|
|
{ label: "Pricing", href: "#" },
|
|
{ label: "Case Studies", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "News", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Email", href: "#" },
|
|
{ label: "Phone", href: "#" },
|
|
{ label: "Locations", href: "#" },
|
|
{ label: "Contact Form", href: "/contact" }
|
|
]
|
|
}
|
|
]}
|
|
logoText="Zyber Zing"
|
|
copyrightText="© 2025 Zyber Zing Global. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |