bender/3f0d1dc7-489c-46e9-8507-bb6a3ab8cb06
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-02 08:27:09 +00:00
parent ea10b2a383
commit 4effa5443e
1 changed files with 51 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

323
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Activity, Cloud, Globe, Lock, Shield } from "lucide-react";
import { Activity, Cloud, Globe, Lock, Shield, Cpu } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,22 +33,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="TechFlow IT"
/>
@@ -56,22 +44,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
logoText="TechFlow IT Solutions"
description="Enterprise-grade IT infrastructure, cloud migration, and cybersecurity management for growing digital businesses."
buttons={[
{
text: "Get Started",
href: "#contact",
},
{
text: "Our Services",
href: "#features",
},
{ text: "Get Started", href: "#contact" },
{ text: "Our Services", href: "#features" },
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg"
imageAlt="it network connectivity visualization"
mediaAnimation="slide-up"
/>
@@ -83,20 +63,11 @@ export default function LandingPage() {
title="Your Trusted IT Partner"
description="We specialize in streamlining technical operations through robust, scalable, and secure infrastructure. Our mission is to empower your business growth through reliable IT management."
metrics={[
{
value: "99.9%",
title: "Uptime Guarantee",
},
{
value: "24/7",
title: "Expert Support",
},
{
value: "50+",
title: "Enterprise Clients",
},
{ value: "99.9%", title: "Uptime Guarantee" },
{ value: "24/7", title: "Expert Support" },
{ value: "50+", title: "Enterprise Clients" },
]}
imageSrc="http://img.b2bpic.net/free-photo/data-center-programmer-using-pc-update-servers-tech-configuring-gear_482257-126280.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/data-center-programmer-using-pc-update-servers-tech-configuring-gear_482257-126280.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
imageAlt="it specialist server room"
@@ -110,67 +81,31 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Cloud Infrastructure",
description: "Seamless migration to scalable cloud platforms.",
items: [
{
icon: Cloud,
text: "Multi-cloud management",
},
{
icon: Shield,
text: "Secure backups",
},
title: "Cloud Infrastructure", description: "Seamless migration to scalable cloud platforms.", items: [
{ icon: Cloud, text: "Multi-cloud management" },
{ icon: Shield, text: "Secure backups" },
],
reverse: false,
media: {
imageSrc: "http://img.b2bpic.net/free-photo/admin-walking-data-center_482257-91108.jpg",
imageAlt: "it specialist server room",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg?_wi=2",
imageAlt: "it specialist server room",
imageSrc: "http://img.b2bpic.net/free-photo/admin-walking-data-center_482257-91108.jpg", imageAlt: "it specialist server room"},
},
{
title: "Cybersecurity",
description: "Proactive protection against evolving cyber threats.",
items: [
{
icon: Lock,
text: "Endpoint security",
},
{
icon: Activity,
text: "Real-time threat monitoring",
},
title: "Cybersecurity", description: "Proactive protection against evolving cyber threats.", items: [
{ icon: Lock, text: "Endpoint security" },
{ icon: Activity, text: "Real-time threat monitoring" },
],
reverse: true,
media: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg",
imageAlt: "it network connectivity visualization",
},
imageSrc: "http://img.b2bpic.net/free-photo/data-center-programmer-using-pc-update-servers-tech-configuring-gear_482257-126280.jpg?_wi=2",
imageAlt: "it specialist server room",
imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg", imageAlt: "it network connectivity visualization"},
},
{
title: "Network Optimization",
description: "High-performance connectivity for global teams.",
items: [
{
icon: Globe,
text: "Low latency infrastructure",
},
{
icon: Cpu,
text: "Automated traffic routing",
},
title: "Network Optimization", description: "High-performance connectivity for global teams.", items: [
{ icon: Globe, text: "Low latency infrastructure" },
{ icon: Cpu, text: "Automated traffic routing" },
],
reverse: false,
media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-coding-data-center-testing-failover-scenarios-using-notebook_482257-119863.jpg",
imageAlt: "it specialist server room",
},
imageSrc: "http://img.b2bpic.net/free-photo/solar-energy-male-supervisor-offering-remote-support-high-tech-factory_482257-125083.jpg?_wi=1",
imageAlt: "it specialist server room",
imageSrc: "http://img.b2bpic.net/free-photo/man-coding-data-center-testing-failover-scenarios-using-notebook_482257-119863.jpg", imageAlt: "it specialist server room"},
},
]}
title="Core IT Infrastructure Services"
@@ -184,21 +119,9 @@ export default function LandingPage() {
title="Performance Benchmarks"
tag="Reliability"
metrics={[
{
id: "1",
value: "15ms",
description: "Average response latency",
},
{
id: "2",
value: "200+",
description: "Cloud instances managed",
},
{
id: "3",
value: "99.9%",
description: "Network reliability",
},
{ id: "1", value: "15ms", description: "Average response latency" },
{ id: "2", value: "200+", description: "Cloud instances managed" },
{ id: "3", value: "99.9%", description: "Network reliability" },
]}
metricsAnimation="slide-up"
/>
@@ -211,36 +134,12 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Essentials",
price: "$1,200",
period: "/mo",
description: "Ideal for small teams requiring basic monitoring.",
button: {
text: "Contact Us",
},
featuresTitle: "Core Features",
features: [
"Infrastructure monitoring",
"Business hours support",
"Security updates",
],
id: "basic", tag: "Essentials", price: "$1,200", period: "/mo", description: "Ideal for small teams requiring basic monitoring.", button: { text: "Contact Us" },
featuresTitle: "Core Features", features: ["Infrastructure monitoring", "Business hours support", "Security updates"],
},
{
id: "pro",
tag: "Growth",
price: "$3,500",
period: "/mo",
description: "Best for scaling companies needing robust operations.",
button: {
text: "Contact Us",
},
featuresTitle: "Includes Basic, plus:",
features: [
"24/7 proactive monitoring",
"Priority support",
"Cloud cost optimization",
],
id: "pro", tag: "Growth", price: "$3,500", period: "/mo", description: "Best for scaling companies needing robust operations.", button: { text: "Contact Us" },
featuresTitle: "Includes Basic, plus:", features: ["24/7 proactive monitoring", "Priority support", "Cloud cost optimization"],
},
]}
title="Service Plans"
@@ -255,41 +154,11 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
members={[
{
id: "m1",
name: "Marcus Chen",
role: "CTO",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",
imageAlt: "business executive portrait",
},
{
id: "m2",
name: "Sarah Miller",
role: "Lead Architect",
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-working-office_1098-22034.jpg",
imageAlt: "it consultant portrait",
},
{
id: "m3",
name: "David Okafor",
role: "Security Lead",
imageSrc: "http://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150062008.jpg",
imageAlt: "female software engineer",
},
{
id: "m4",
name: "Elena Rossi",
role: "DevOps Engineer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-her-own-cafe-manager-standing-near-entrance-inviting-you-posi_1258-123855.jpg",
imageAlt: "tech startup founder portrait",
},
{
id: "m5",
name: "James Wilson",
role: "Network Ops",
imageSrc: "http://img.b2bpic.net/free-photo/office-administrator-exploring-collaborations-opportunities_482257-91029.jpg?_wi=1",
imageAlt: "data scientist portrait",
},
{ id: "m1", name: "Marcus Chen", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg", imageAlt: "business executive portrait" },
{ id: "m2", name: "Sarah Miller", role: "Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-working-office_1098-22034.jpg", imageAlt: "it consultant portrait" },
{ id: "m3", name: "David Okafor", role: "Security Lead", imageSrc: "http://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150062008.jpg", imageAlt: "female software engineer" },
{ id: "m4", name: "Elena Rossi", role: "DevOps Engineer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-her-own-cafe-manager-standing-near-entrance-inviting-you-posi_1258-123855.jpg", imageAlt: "tech startup founder portrait" },
{ id: "m5", name: "James Wilson", role: "Network Ops", imageSrc: "http://img.b2bpic.net/free-photo/office-administrator-exploring-collaborations-opportunities_482257-91029.jpg", imageAlt: "data scientist portrait" },
]}
title="Our Engineering Experts"
description="Backed by a team of veterans in cloud architecture and cybersecurity."
@@ -302,46 +171,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alice Wang",
role: "VP Engineering",
testimonial: "TechFlow transformed our cloud architecture, cutting costs by 30% while increasing speed.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-his-office-businessperson-professional-environment_482257-32719.jpg",
imageAlt: "business executive portrait",
},
{
id: "2",
name: "Robert Smith",
role: "Founder",
testimonial: "Their security team is proactive and responsive. We sleep better knowing our network is in their hands.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-using-laptop-tablet-same-time_482257-8141.jpg",
imageAlt: "it consultant portrait",
},
{
id: "3",
name: "Jane Doe",
role: "Ops Manager",
testimonial: "Exceptional support quality and clear communication. A true partner in our growth.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg",
imageAlt: "female software engineer",
},
{
id: "4",
name: "Kevin Lee",
role: "CTO",
testimonial: "Reliable experts who understand the complexities of modern IT infrastructure.",
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
imageAlt: "tech startup founder portrait",
},
{
id: "5",
name: "Maria Garcia",
role: "Engineering Lead",
testimonial: "The best infrastructure partner we've ever engaged with.",
imageSrc: "http://img.b2bpic.net/free-photo/office-administrator-exploring-collaborations-opportunities_482257-91029.jpg?_wi=2",
imageAlt: "data scientist portrait",
},
{ id: "1", name: "Alice Wang", role: "VP Engineering", testimonial: "TechFlow transformed our cloud architecture, cutting costs by 30% while increasing speed.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-his-office-businessperson-professional-environment_482257-32719.jpg", imageAlt: "business executive portrait" },
{ id: "2", name: "Robert Smith", role: "Founder", testimonial: "Their security team is proactive and responsive. We sleep better knowing our network is in their hands.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-using-laptop-tablet-same-time_482257-8141.jpg", imageAlt: "it consultant portrait" },
{ id: "3", name: "Jane Doe", role: "Ops Manager", testimonial: "Exceptional support quality and clear communication. A true partner in our growth.", imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg", imageAlt: "female software engineer" },
{ id: "4", name: "Kevin Lee", role: "CTO", testimonial: "Reliable experts who understand the complexities of modern IT infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageAlt: "tech startup founder portrait" },
{ id: "5", name: "Maria Garcia", role: "Engineering Lead", testimonial: "The best infrastructure partner we've ever engaged with.", imageSrc: "http://img.b2bpic.net/free-photo/office-administrator-exploring-collaborations-opportunities_482257-91029.jpg", imageAlt: "data scientist portrait" },
]}
title="Client Success Stories"
description="Trusted by industry leaders to deliver secure and scalable infrastructure."
@@ -353,23 +187,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What kind of support is included?",
content: "We offer tiered support ranging from standard business hours to 24/7 emergency response.",
},
{
id: "q2",
title: "Do you offer cloud migration?",
content: "Yes, we specialize in end-to-end cloud migrations for AWS, Azure, and Google Cloud.",
},
{
id: "q3",
title: "How secure is my data?",
content: "Security is our top priority. We implement encryption, regular auditing, and real-time monitoring.",
},
{ id: "q1", title: "What kind of support is included?", content: "We offer tiered support ranging from standard business hours to 24/7 emergency response." },
{ id: "q2", title: "Do you offer cloud migration?", content: "Yes, we specialize in end-to-end cloud migrations for AWS, Azure, and Google Cloud." },
{ id: "q3", title: "How secure is my data?", content: "Security is our top priority. We implement encryption, regular auditing, and real-time monitoring." },
]}
imageSrc="http://img.b2bpic.net/free-photo/solar-energy-male-supervisor-offering-remote-support-high-tech-factory_482257-125083.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/solar-energy-male-supervisor-offering-remote-support-high-tech-factory_482257-125083.jpg"
title="Frequently Asked Questions"
description="Answers to common concerns about our managed services."
faqsAnimation="slide-up"
@@ -380,61 +202,18 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Ready to transform your IT infrastructure? Contact our engineering team today for a free initial consultation."
buttons={[
{
text: "Contact Support",
href: "mailto:support@techflow.com",
},
]}
buttons={[{ text: "Contact Support", href: "mailto:support@techflow.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Resources",
items: [
{
label: "Security Blog",
href: "#",
},
{
label: "Case Studies",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Help Center",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Resources", items: [{ label: "Security Blog", href: "#" }, { label: "Case Studies", href: "#" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Help Center", href: "#" }] },
]}
logoText="TechFlow IT"
copyrightText="© 2025 TechFlow IT Solutions"