Update src/app/page.tsx
This commit is contained in:
285
src/app/page.tsx
285
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Cloud, Code, Database, Lock, Server, Shield, Smartphone } from "lucide-react";
|
||||
import { Cloud, Code, Database, Lock, Server, Shield, Smartphone, Fingerprint, GitBranch } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,80 +32,45 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Metrics", id: "#metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Siyaphambili Systems"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Innovating the Future of IT Systems"
|
||||
description="Siyaphambili Systems Pvt Ltd provides cutting-edge IT solutions, driving efficiency and growth for businesses. Experience seamless integration and robust performance with our expert team."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "carousel-item-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-with-server-racks-corridor-room-3d-render-digital-data-cloud-technology_482257-27722.jpg?_wi=1",
|
||||
imageAlt: "Futuristic server room",
|
||||
},
|
||||
id: "carousel-item-1", imageSrc: "http://img.b2bpic.net/free-photo/data-center-with-server-racks-corridor-room-3d-render-digital-data-cloud-technology_482257-27722.jpg", imageAlt: "Futuristic server room"},
|
||||
{
|
||||
id: "carousel-item-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-architecture-landscape-digital-art_23-2151065641.jpg?_wi=1",
|
||||
imageAlt: "Global data network",
|
||||
},
|
||||
id: "carousel-item-2", imageSrc: "http://img.b2bpic.net/free-photo/city-architecture-landscape-digital-art_23-2151065641.jpg", imageAlt: "Global data network"},
|
||||
{
|
||||
id: "carousel-item-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-marketing-statistics-working-late-night-project-strategy-startup-office-businessman-planning-business-investment-help-increase-company-profit_482257-63809.jpg?_wi=1",
|
||||
imageAlt: "IT professionals collaborating",
|
||||
},
|
||||
id: "carousel-item-3", imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-marketing-statistics-working-late-night-project-strategy-startup-office-businessman-planning-business-investment-help-increase-company-profit_482257-63809.jpg", imageAlt: "IT professionals collaborating"},
|
||||
{
|
||||
id: "carousel-item-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-digital-security-concept_23-2151998498.jpg",
|
||||
imageAlt: "Secure cloud interface",
|
||||
},
|
||||
id: "carousel-item-4", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-digital-security-concept_23-2151998498.jpg", imageAlt: "Secure cloud interface"},
|
||||
{
|
||||
id: "carousel-item-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003754.jpg",
|
||||
imageAlt: "Digital transformation graphic",
|
||||
},
|
||||
id: "carousel-item-5", imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003754.jpg", imageAlt: "Digital transformation graphic"},
|
||||
{
|
||||
id: "carousel-item-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spectacular-sci-fi-landscape_23-2151954455.jpg",
|
||||
imageAlt: "Holographic network interface",
|
||||
},
|
||||
id: "carousel-item-6", imageSrc: "http://img.b2bpic.net/free-photo/spectacular-sci-fi-landscape_23-2151954455.jpg", imageAlt: "Holographic network interface"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
/>
|
||||
@@ -119,17 +84,11 @@ export default function LandingPage() {
|
||||
description="We are a leading IT systems provider dedicated to transforming businesses through technology. Our comprehensive solutions empower organizations to achieve their strategic goals with unparalleled reliability and innovation."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Our certified professionals bring years of experience and deep industry knowledge to every project.",
|
||||
},
|
||||
title: "Expert Team", description: "Our certified professionals bring years of experience and deep industry knowledge to every project."},
|
||||
{
|
||||
title: "Innovative Solutions",
|
||||
description: "We leverage the latest technologies to deliver forward-thinking and effective IT strategies.",
|
||||
},
|
||||
title: "Innovative Solutions", description: "We leverage the latest technologies to deliver forward-thinking and effective IT strategies."},
|
||||
{
|
||||
title: "Client-Centric Approach",
|
||||
description: "Your business goals are our priority; we tailor solutions to meet your unique needs and challenges.",
|
||||
},
|
||||
title: "Client-Centric Approach", description: "Your business goals are our priority; we tailor solutions to meet your unique needs and challenges."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg"
|
||||
imageAlt="Modern IT office interior"
|
||||
@@ -144,79 +103,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Cloud Solutions",
|
||||
description: "Migrate and manage your infrastructure on secure cloud platforms for unparalleled scalability and access.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-electronic-chip-board-cloud-computer-is-system-transfer-data-information-upload-download-application-technology-transformation-concept_616485-59.jpg",
|
||||
imageAlt: "Cloud data storage",
|
||||
},
|
||||
title: "Cloud Solutions", description: "Migrate and manage your infrastructure on secure cloud platforms for unparalleled scalability and access.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-electronic-chip-board-cloud-computer-is-system-transfer-data-information-upload-download-application-technology-transformation-concept_616485-59.jpg", imageAlt: "Cloud data storage"},
|
||||
items: [
|
||||
{
|
||||
icon: Cloud,
|
||||
text: "Scalable Infrastructure",
|
||||
},
|
||||
text: "Scalable Infrastructure"},
|
||||
{
|
||||
icon: Server,
|
||||
text: "Managed Services",
|
||||
},
|
||||
text: "Managed Services"},
|
||||
{
|
||||
icon: Database,
|
||||
text: "Data Migration",
|
||||
},
|
||||
text: "Data Migration"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-with-server-racks-corridor-room-3d-render-digital-data-cloud-technology_482257-27722.jpg?_wi=2",
|
||||
imageAlt: "cloud data storage abstract",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Cybersecurity",
|
||||
description: "Protect your digital assets from evolving threats with our advanced security protocols and monitoring services.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-center_23-2151997031.jpg",
|
||||
imageAlt: "Cybersecurity shield",
|
||||
},
|
||||
title: "Cybersecurity", description: "Protect your digital assets from evolving threats with our advanced security protocols and monitoring services.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-center_23-2151997031.jpg", imageAlt: "Cybersecurity shield"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Threat Detection",
|
||||
},
|
||||
text: "Threat Detection"},
|
||||
{
|
||||
icon: Lock,
|
||||
text: "Endpoint Protection",
|
||||
},
|
||||
text: "Endpoint Protection"},
|
||||
{
|
||||
icon: Fingerprint,
|
||||
text: "Identity Management",
|
||||
},
|
||||
text: "Identity Management"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-architecture-landscape-digital-art_23-2151065641.jpg?_wi=2",
|
||||
imageAlt: "cloud data storage abstract",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Software Development",
|
||||
description: "Custom software solutions tailored to your business needs, from enterprise applications to mobile development.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-workers-using-laptop-device-write-emails-solving-tasks_482257-123663.jpg",
|
||||
imageAlt: "Agile software development",
|
||||
},
|
||||
title: "Software Development", description: "Custom software solutions tailored to your business needs, from enterprise applications to mobile development.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-workers-using-laptop-device-write-emails-solving-tasks_482257-123663.jpg", imageAlt: "Agile software development"},
|
||||
items: [
|
||||
{
|
||||
icon: Code,
|
||||
text: "Custom Applications",
|
||||
},
|
||||
text: "Custom Applications"},
|
||||
{
|
||||
icon: Smartphone,
|
||||
text: "Mobile Development",
|
||||
},
|
||||
text: "Mobile Development"},
|
||||
{
|
||||
icon: GitBranch,
|
||||
text: "DevOps & Integration",
|
||||
},
|
||||
text: "DevOps & Integration"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-marketing-statistics-working-late-night-project-strategy-startup-office-businessman-planning-business-investment-help-increase-company-profit_482257-63809.jpg?_wi=2",
|
||||
imageAlt: "cloud data storage abstract",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Core IT Solutions"
|
||||
@@ -232,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Uptime Reliability",
|
||||
},
|
||||
id: "m1", value: "99.9%", description: "Uptime Reliability"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Support Availability",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Support Availability"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "150+",
|
||||
description: "Successful Projects",
|
||||
},
|
||||
id: "m3", value: "150+", description: "Successful Projects"},
|
||||
]}
|
||||
title="Driving Success with Data"
|
||||
description="Our commitment to excellence is reflected in the tangible results and growth our clients achieve through our reliable IT systems."
|
||||
@@ -259,50 +182,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@TechInnovate",
|
||||
testimonial: "Siyaphambili Systems transformed our outdated infrastructure into a seamless, high-performance environment. Their expertise is unmatched!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-businessman_1163-3880.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", handle: "@TechInnovate", testimonial: "Siyaphambili Systems transformed our outdated infrastructure into a seamless, high-performance environment. Their expertise is unmatched!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-businessman_1163-3880.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@GlobalTech",
|
||||
testimonial: "The cybersecurity solutions provided by Siyaphambili Systems gave us peace of mind. Their proactive approach saved us from potential threats.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", handle: "@GlobalTech", testimonial: "The cybersecurity solutions provided by Siyaphambili Systems gave us peace of mind. Their proactive approach saved us from potential threats.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@GrowthCorp",
|
||||
testimonial: "Our custom software project was delivered on time and exceeded expectations. The team's communication and dedication were exceptional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", handle: "@GrowthCorp", testimonial: "Our custom software project was delivered on time and exceeded expectations. The team's communication and dedication were exceptional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@StartupGenius",
|
||||
testimonial: "As a startup, we needed reliable IT support without breaking the bank. Siyaphambili provided exactly that, allowing us to focus on innovation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "t4", name: "David Kim", handle: "@StartupGenius", testimonial: "As a startup, we needed reliable IT support without breaking the bank. Siyaphambili provided exactly that, allowing us to focus on innovation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@FutureForward",
|
||||
testimonial: "Their cloud migration strategy was flawless. We experienced zero downtime and a significant boost in operational efficiency.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-indicating-up_23-2148320014.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", handle: "@FutureForward", testimonial: "Their cloud migration strategy was flawless. We experienced zero downtime and a significant boost in operational efficiency.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-indicating-up_23-2148320014.jpg", imageAlt: "Jessica Lee"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -316,35 +209,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What kind of IT solutions do you offer?",
|
||||
content: "We offer a comprehensive range of IT solutions including cloud computing, cybersecurity, custom software development, IT infrastructure management, and technical support services.",
|
||||
},
|
||||
id: "faq1", title: "What kind of IT solutions do you offer?", content: "We offer a comprehensive range of IT solutions including cloud computing, cybersecurity, custom software development, IT infrastructure management, and technical support services."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How can Siyaphambili Systems help my business grow?",
|
||||
content: "Our solutions are designed to optimize your operations, enhance security, improve scalability, and drive innovation, directly contributing to your business growth and competitive edge.",
|
||||
},
|
||||
id: "faq2", title: "How can Siyaphambili Systems help my business grow?", content: "Our solutions are designed to optimize your operations, enhance security, improve scalability, and drive innovation, directly contributing to your business growth and competitive edge."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you provide 24/7 technical support?",
|
||||
content: "Yes, we offer 24/7 technical support to ensure your systems are always running smoothly and any issues are addressed promptly, minimizing downtime.",
|
||||
},
|
||||
id: "faq3", title: "Do you provide 24/7 technical support?", content: "Yes, we offer 24/7 technical support to ensure your systems are always running smoothly and any issues are addressed promptly, minimizing downtime."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "What is your approach to cybersecurity?",
|
||||
content: "We employ a multi-layered security approach, including threat detection, endpoint protection, identity management, and regular security audits to safeguard your digital assets.",
|
||||
},
|
||||
id: "faq4", title: "What is your approach to cybersecurity?", content: "We employ a multi-layered security approach, including threat detection, endpoint protection, identity management, and regular security audits to safeguard your digital assets."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "Can you develop custom software for specific business needs?",
|
||||
content: "Absolutely. Our expert software development team specializes in creating bespoke applications tailored to your unique operational requirements and strategic objectives.",
|
||||
},
|
||||
id: "faq5", title: "Can you develop custom software for specific business needs?", content: "Absolutely. Our expert software development team specializes in creating bespoke applications tailored to your unique operational requirements and strategic objectives."},
|
||||
{
|
||||
id: "faq6",
|
||||
title: "How do you handle data migration to the cloud?",
|
||||
content: "We follow a meticulous, phased approach to cloud data migration, ensuring minimal disruption, data integrity, and optimal performance in the new cloud environment.",
|
||||
},
|
||||
id: "faq6", title: "How do you handle data migration to the cloud?", content: "We follow a meticulous, phased approach to cloud data migration, ensuring minimal disruption, data integrity, and optimal performance in the new cloud environment."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our services, support, and partnership opportunities."
|
||||
@@ -356,8 +231,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Get in Touch with Siyaphambili"
|
||||
description="Ready to elevate your IT infrastructure? Contact us today to discuss your project and discover how we can help."
|
||||
@@ -371,54 +245,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
title: "Solutions", items: [
|
||||
{
|
||||
label: "Cloud Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Cloud Services", href: "#services"},
|
||||
{
|
||||
label: "Cybersecurity",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Cybersecurity", href: "#services"},
|
||||
{
|
||||
label: "Software Development",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Software Development", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Clients",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Clients", href: "#testimonials"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Service Status",
|
||||
href: "#",
|
||||
},
|
||||
label: "Service Status", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user