Merge version_1_1777147995291 into main #2
@@ -6,293 +6,138 @@ import HeroBrandCarousel from '@/components/sections/hero/HeroBrandCarousel';
|
||||
import MetricsGradientCards from '@/components/sections/metrics/MetricsGradientCards';
|
||||
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
||||
import TestimonialDetailedCards from '@/components/sections/testimonial/TestimonialDetailedCards';
|
||||
import { Award, Clock, Cloud, HardDrive, Server, ShieldCheck } from "lucide-react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Award, Clock, Server, Cloud, ShieldCheck, HardDrive, Cpu, Globe, Lock } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBrandCarousel
|
||||
brand="Enterprise Technology Solutions You Can Trust"
|
||||
description="We deliver secure, scalable IT infrastructure and managed services that keep your business running. From cloud migration to 24/7 support, we're your technology partner."
|
||||
primaryButton={{
|
||||
text: "Schedule a Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Services",
|
||||
href: "#about",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-server-room-with-blue-and-w-1777148017644-647ed387.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/cloud-computing-visualization-with-netwo-1777148019435-2ea12b43.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/it-professional-monitoring-dashboard-on--1777148019826-c7949a41.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/cybersecurity-padlock-digital-concept-wi-1777148017871-1e73a038.png",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/futuristic-abstract-glowing-geometric-li-1777148019339-4f860ca1.png",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/team-of-diverse-it-professionals-working-1777148017975-6e660634.png",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBrandCarousel
|
||||
brand="Enterprise Technology Solutions You Can Trust"
|
||||
description="We deliver secure, scalable IT infrastructure and managed services that keep your business running. From cloud migration to 24/7 support, we're your technology partner."
|
||||
primaryButton={{
|
||||
text: "Schedule a Consultation", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Our Services", href: "#about"}}
|
||||
items={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-server-room-with-blue-and-w-1777148017644-647ed387.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/cloud-computing-visualization-with-netwo-1777148019435-2ea12b43.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/it-professional-monitoring-dashboard-on--1777148019826-c7949a41.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/cybersecurity-padlock-digital-concept-wi-1777148017871-1e73a038.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/futuristic-abstract-glowing-geometric-li-1777148019339-4f860ca1.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/team-of-diverse-it-professionals-working-1777148017975-6e660634.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Expertise"
|
||||
title="Comprehensive IT Infrastructure & Support"
|
||||
description="We specialize in managing the technical complexities of enterprise operations, allowing your team to focus on growth while we handle the foundation."
|
||||
items={[
|
||||
{
|
||||
icon: Cloud,
|
||||
title: "Cloud Strategy",
|
||||
description: "Seamless cloud migration and management.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Security & Compliance",
|
||||
description: "Robust cybersecurity and compliance audit support.",
|
||||
},
|
||||
{
|
||||
icon: HardDrive,
|
||||
title: "Managed Infrastructure",
|
||||
description: "24/7 proactive system maintenance.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/close-up-of-fiber-optic-cables-and-serve-1777148020105-53a6f81b.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Expertise"
|
||||
title="Comprehensive IT Infrastructure & Support"
|
||||
description="We specialize in managing the technical complexities of enterprise operations, allowing your team to focus on growth while we handle the foundation."
|
||||
items={[
|
||||
{ icon: "Cloud", title: "Cloud Strategy", description: "Seamless cloud migration and management." },
|
||||
{ icon: "ShieldCheck", title: "Security & Compliance", description: "Robust cybersecurity and compliance audit support." },
|
||||
{ icon: "HardDrive", title: "Managed Infrastructure", description: "24/7 proactive system maintenance." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/close-up-of-fiber-optic-cables-and-serve-1777148020105-53a6f81b.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesBento
|
||||
tag="Technology Solutions"
|
||||
title="Built for Modern Business"
|
||||
description="Harnessing industry-leading tech to drive operational efficiency."
|
||||
features={[
|
||||
{
|
||||
title: "System Analytics",
|
||||
description: "Real-time infrastructure performance monitoring.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-server-room-with-blue-and-w-1777148017644-647ed387.png?_wi=2",
|
||||
imageAlt: "Professional server room with blue and white LED lights, modern enterprise IT atmosphere.",
|
||||
},
|
||||
{
|
||||
title: "Our Approach",
|
||||
description: "Proven methodologies for technology implementation.",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "Implementation",
|
||||
subheading: "Five phases to success",
|
||||
items: [
|
||||
{
|
||||
label: "Assessment",
|
||||
detail: "Auditing current systems",
|
||||
},
|
||||
{
|
||||
label: "Planning",
|
||||
detail: "Developing roadmap",
|
||||
},
|
||||
{
|
||||
label: "Execution",
|
||||
detail: "Seamless transition",
|
||||
},
|
||||
],
|
||||
completedLabel: "Optimization",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/cloud-computing-visualization-with-netwo-1777148019435-2ea12b43.png?_wi=2",
|
||||
imageAlt: "Professional server room with blue and white LED lights, modern enterprise IT atmosphere.",
|
||||
},
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Certifications across all major platforms.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Award,
|
||||
items: [
|
||||
"ShieldCheck",
|
||||
"Cpu",
|
||||
"Globe",
|
||||
"Lock",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/it-professional-monitoring-dashboard-on--1777148019826-c7949a41.png?_wi=2",
|
||||
imageAlt: "Professional server room with blue and white LED lights, modern enterprise IT atmosphere.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesBento
|
||||
tag="Technology Solutions"
|
||||
title="Built for Modern Business"
|
||||
description="Harnessing industry-leading tech to drive operational efficiency."
|
||||
features={[
|
||||
{ title: "System Analytics", description: "Real-time infrastructure performance monitoring.", bentoComponent: "animated-bar-chart" },
|
||||
{ title: "Our Approach", description: "Proven methodologies for technology implementation.", bentoComponent: "checklist-timeline", heading: "Implementation", subheading: "Five phases to success", items: [{ label: "Assessment", detail: "Auditing current systems" }, { label: "Planning", detail: "Developing roadmap" }, { label: "Execution", detail: "Seamless transition" }], completedLabel: "Optimization" },
|
||||
{ title: "Expert Team", description: "Certifications across all major platforms.", bentoComponent: "orbiting-icons", centerIcon: "Award", items: ["ShieldCheck", "Cpu", "Globe", "Lock"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingMediaCards
|
||||
tag="Plans"
|
||||
title="Transparent Pricing"
|
||||
description="Scalable plans tailored to your needs."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essentials",
|
||||
price: "$1,500",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Proactive Monitoring",
|
||||
"Email Support",
|
||||
"Daily Backups",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-server-room-with-blue-and-w-1777148019507-34b17fc2.png",
|
||||
},
|
||||
{
|
||||
tag: "Professional",
|
||||
price: "$3,500",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"24/7 Phone Support",
|
||||
"Cloud Strategy",
|
||||
"Compliance Audits",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/cloud-computing-visualization-with-netwo-1777148020775-a324d450.png",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingMediaCards
|
||||
tag="Plans"
|
||||
title="Transparent Pricing"
|
||||
description="Scalable plans tailored to your needs."
|
||||
plans={[
|
||||
{ tag: "Essentials", price: "$1,500", period: "/mo", features: ["Proactive Monitoring", "Email Support", "Daily Backups"], primaryButton: { text: "Select", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-server-room-with-blue-and-w-1777148019507-34b17fc2.png" },
|
||||
{ tag: "Professional", price: "$3,500", period: "/mo", features: ["24/7 Phone Support", "Cloud Strategy", "Compliance Audits"], primaryButton: { text: "Select", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/cloud-computing-visualization-with-netwo-1777148020775-a324d450.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsGradientCards
|
||||
tag="Our Impact"
|
||||
title="Delivering Measurable Results"
|
||||
description="Core performance metrics driven by our technical support."
|
||||
metrics={[
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Uptime Guarantee",
|
||||
description: "Industry leading service availability.",
|
||||
icon: Server,
|
||||
},
|
||||
{
|
||||
value: "15min",
|
||||
title: "Response Time",
|
||||
description: "Priority support turnaround time.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Certifications",
|
||||
description: "Expert engineering team credentials.",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsGradientCards
|
||||
tag="Our Impact"
|
||||
title="Delivering Measurable Results"
|
||||
description="Core performance metrics driven by our technical support."
|
||||
metrics={[
|
||||
{ value: "99.9%", title: "Uptime Guarantee", description: "Industry leading service availability.", icon: "Server" },
|
||||
{ value: "15min", title: "Response Time", description: "Priority support turnaround time.", icon: "Clock" },
|
||||
{ value: "50+", title: "Certifications", description: "Expert engineering team credentials.", icon: "Award" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialDetailedCards
|
||||
tag="Trust"
|
||||
title="Client Success Stories"
|
||||
description="What partners say about our expertise."
|
||||
testimonials={[
|
||||
{
|
||||
title: "Highly Professional",
|
||||
quote: "TechCore transformed our IT infrastructure overnight.",
|
||||
name: "Alex Rivers",
|
||||
role: "CTO",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-an-it-decision--1777148019963-aa443970.png",
|
||||
},
|
||||
{
|
||||
title: "Exceptional Support",
|
||||
quote: "Their 24/7 team is a true partner to our growth.",
|
||||
name: "Sarah Miller",
|
||||
role: "IT Director",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-female-tech-s-1777148018976-f291a13f.png",
|
||||
},
|
||||
{
|
||||
title: "Efficient Migration",
|
||||
quote: "Seamless cloud transition, zero downtime.",
|
||||
name: "David Chen",
|
||||
role: "CEO",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-friendly-oper-1777148020085-232c3e5b.png",
|
||||
},
|
||||
{
|
||||
title: "Security First",
|
||||
quote: "Compliance made easy thanks to their team.",
|
||||
name: "Elena Voss",
|
||||
role: "Director",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-technical-con-1777148017573-81c77c49.png",
|
||||
},
|
||||
{
|
||||
title: "Reliable Partner",
|
||||
quote: "The gold standard in managed IT services.",
|
||||
name: "James Blunt",
|
||||
role: "Ops Lead",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-senior-system-1777148019133-fb4974e5.png",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialDetailedCards
|
||||
tag="Trust"
|
||||
title="Client Success Stories"
|
||||
description="What partners say about our expertise."
|
||||
testimonials={[
|
||||
{ title: "Highly Professional", quote: "TechCore transformed our IT infrastructure overnight.", name: "Alex Rivers", role: "CTO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-an-it-decision--1777148019963-aa443970.png" },
|
||||
{ title: "Exceptional Support", quote: "Their 24/7 team is a true partner to our growth.", name: "Sarah Miller", role: "IT Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-female-tech-s-1777148018976-f291a13f.png" },
|
||||
{ title: "Efficient Migration", quote: "Seamless cloud transition, zero downtime.", name: "David Chen", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-friendly-oper-1777148020085-232c3e5b.png" },
|
||||
{ title: "Security First", quote: "Compliance made easy thanks to their team.", name: "Elena Voss", role: "Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-technical-con-1777148017573-81c77c49.png" },
|
||||
{ title: "Reliable Partner", quote: "The gold standard in managed IT services.", name: "James Blunt", role: "Ops Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-senior-system-1777148019133-fb4974e5.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSimple
|
||||
tag="Support"
|
||||
title="Common Questions"
|
||||
description="Answers to your queries about our services."
|
||||
items={[
|
||||
{
|
||||
question: "What is your typical response time?",
|
||||
answer: "We pride ourselves on a 15-minute response time for critical issues.",
|
||||
},
|
||||
{
|
||||
question: "Do you provide cloud migration support?",
|
||||
answer: "Yes, we specialize in end-to-end cloud migrations for businesses.",
|
||||
},
|
||||
{
|
||||
question: "Are you HIPAA compliant?",
|
||||
answer: "Yes, our engineers are fully certified in compliance and security standards.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSimple
|
||||
tag="Support"
|
||||
title="Common Questions"
|
||||
description="Answers to your queries about our services."
|
||||
items={[
|
||||
{ question: "What is your typical response time?", answer: "We pride ourselves on a 15-minute response time for critical issues." },
|
||||
{ question: "Do you provide cloud migration support?", answer: "Yes, we specialize in end-to-end cloud migrations for businesses." },
|
||||
{ question: "Are you HIPAA compliant?", answer: "Yes, our engineers are fully certified in compliance and security standards." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
tag="Contact"
|
||||
title="Let's Talk Technology"
|
||||
description="Schedule a discovery call to discuss your business needs."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Company Name",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your requirements",
|
||||
rows: 4,
|
||||
}}
|
||||
buttonText="Schedule a Consultation"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/modern-office-meeting-room-with-natural--1777148019313-1b06e01f.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
tag="Contact"
|
||||
title="Let's Talk Technology"
|
||||
description="Schedule a discovery call to discuss your business needs."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
{ name: "company", type: "text", placeholder: "Company Name" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your requirements", rows: 4 }}
|
||||
buttonText="Schedule a Consultation"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/modern-office-meeting-room-with-natural--1777148019313-1b06e01f.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
brand="TechCore"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Cloud Services", href: "#" }, { label: "Cybersecurity", href: "#" }, { label: "24/7 Support", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
copyright="© 2024 TechCore IT Solutions. All rights reserved."
|
||||
links={[{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user