Update src/app/page.tsx

This commit is contained in:
2026-05-28 00:52:10 +00:00
parent 3f89598a1d
commit b610ee7d13

View File

@@ -11,7 +11,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Clock, MessageSquare, Tool, Zap } from "lucide-react";
import { Clock, MessageSquare, Wrench, Zap } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,24 +32,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "#services"},
{
name: "Project",
id: "project",
},
name: "Project", id: "#project"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "#contact"},
]}
brandName="MS / network.eng"
animateOnLoad={true}
button={{ text: "Get in Touch", href: "#contact" }}
/>
</div>
@@ -57,119 +50,64 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
title="Mohammad Salamat"
description="Network performance optimization and infrastructure audits for startup environments. I reduce downtime, improve throughput, and keep your systems connected."
testimonials={[
{
name: "Sarah J.",
handle: "@sarah_tech",
testimonial: "Mohammad's network audit saved us from critical downtime. His expertise is invaluable for any growing tech startup.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg?_wi=1",
imageAlt: "Sarah Johnson avatar",
},
name: "Sarah J.", handle: "@sarah_tech", testimonial: "Mohammad's network audit saved us from critical downtime. His expertise is invaluable for any growing tech startup.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", imageAlt: "Sarah Johnson avatar"},
{
name: "David C.",
handle: "@david_connect",
testimonial: "Our network performance has seen a significant boost since Mohammad optimized our Cisco devices. Highly recommended!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg?_wi=1",
imageAlt: "David Chen avatar",
},
name: "David C.", handle: "@david_connect", testimonial: "Our network performance has seen a significant boost since Mohammad optimized our Cisco devices. Highly recommended!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg", imageAlt: "David Chen avatar"},
{
name: "Emily R.",
handle: "@emily_netops",
testimonial: "Quick, efficient, and incredibly knowledgeable. Mohammad resolved our connectivity issues faster than expected.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg",
imageAlt: "Emily Rodriguez avatar",
},
name: "Emily R.", handle: "@emily_netops", testimonial: "Quick, efficient, and incredibly knowledgeable. Mohammad resolved our connectivity issues faster than expected.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg", imageAlt: "Emily Rodriguez avatar"},
{
name: "Michael S.",
handle: "@michaels_dev",
testimonial: "Mohammad's practical solutions for our lean team were perfect. He truly understands startup needs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
imageAlt: "Michael Smith avatar",
},
name: "Michael S.", handle: "@michaels_dev", testimonial: "Mohammad's practical solutions for our lean team were perfect. He truly understands startup needs.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", imageAlt: "Michael Smith avatar"},
{
name: "Jessica L.",
handle: "@jess_infra",
testimonial: "His detailed performance optimization brought stability to our entire infrastructure. A true network guru.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/focused-young-man-eyeglasses-looking-laptop_74855-4237.jpg",
imageAlt: "Jessica Lee avatar",
},
name: "Jessica L.", handle: "@jess_infra", testimonial: "His detailed performance optimization brought stability to our entire infrastructure. A true network guru.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/focused-young-man-eyeglasses-looking-laptop_74855-4237.jpg", imageAlt: "Jessica Lee avatar"},
{
name: "Daniel T.",
handle: "@daniel_security",
testimonial: "Mohammad's insights into network security were crucial. He enhanced our defenses without disrupting operations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-tablet-device_23-2149749885.jpg",
imageAlt: "Daniel Thompson avatar",
},
name: "Daniel T.", handle: "@daniel_security", testimonial: "Mohammad's insights into network security were crucial. He enhanced our defenses without disrupting operations.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-tablet-device_23-2149749885.jpg", imageAlt: "Daniel Thompson avatar"},
]}
tag="Cisco Network Engineer"
tagAnimation="slide-up"
buttons={[
{
text: "View Services",
href: "#services",
},
text: "View Services", href: "#services"},
{
text: "Get in Touch",
href: "#contact",
},
text: "Get in Touch", href: "#contact"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/black-network-switch-with-optical-fiber-cables_23-2148242677.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/black-network-switch-with-optical-fiber-cables_23-2148242677.jpg"
imageAlt="Abstract network background"
mediaAnimation="opacity"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-serious-business-man-suit-looking-work-laptop-white-background_1258-103931.jpg",
alt: "Professional businessman",
},
src: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-serious-business-man-suit-looking-work-laptop-white-background_1258-103931.jpg", alt: "Professional businessman"},
{
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
alt: "Confident professional",
},
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", alt: "Confident professional"},
{
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
alt: "Smiling executive",
},
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Smiling executive"},
{
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
alt: "Experienced professional",
},
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "Experienced professional"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg",
alt: "Young confident leader",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg", alt: "Young confident leader"},
]}
marqueeItems={[
{
type: "text",
text: "Network Optimization",
},
type: "text", text: "Network Optimization"},
{
type: "text",
text: "Infrastructure Audits",
},
type: "text", text: "Infrastructure Audits"},
{
type: "text",
text: "Cisco Configuration",
},
type: "text", text: "Cisco Configuration"},
{
type: "text",
text: "Troubleshooting Expert",
},
type: "text", text: "Troubleshooting Expert"},
{
type: "text",
text: "Performance Enhancement",
},
type: "text", text: "Performance Enhancement"},
]}
/>
</div>
@@ -181,29 +119,17 @@ export default function LandingPage() {
description="Cisco-focused engineer with hands-on experience in real-world environments. My work helps businesses improve connectivity, reduce downtime, and maintain stable network performance. My approach centers on identifying bottlenecks, improving throughput, and ensuring reliable communication across network infrastructure — with clear communication and fast turnaround built in."
metrics={[
{
value: "•",
title: "Cisco Router & Switch Config",
},
value: "•", title: "Cisco Router & Switch Config"},
{
value: "•",
title: "Network Troubleshooting",
},
value: "•", title: "Network Troubleshooting"},
{
value: "•",
title: "Performance Optimization",
},
value: "•", title: "Performance Optimization"},
{
value: "•",
title: "Network Audits",
},
value: "•", title: "Network Audits"},
{
value: "•",
title: "TCP/IP Networking",
},
value: "•", title: "TCP/IP Networking"},
{
value: "•",
title: "VLAN Configuration",
},
value: "•", title: "VLAN Configuration"},
]}
imageSrc="http://img.b2bpic.net/free-photo/supervisor-overseeing-server-hub_482257-90833.jpg"
imageAlt="Network engineer working on server racks"
@@ -220,29 +146,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Network Audits",
description: "Comprehensive analysis of your network infrastructure to surface weaknesses, bottlenecks, and performance gaps before they cause problems.",
imageSrc: "http://img.b2bpic.net/free-photo/server-racks-storing-ai-datasets-simulation-training-predictive-tasks_482257-124190.jpg",
imageAlt: "Server racks storing AI datasets for simulation training and predictive tasks",
},
title: "Network Audits", description: "Comprehensive analysis of your network infrastructure to surface weaknesses, bottlenecks, and performance gaps before they cause problems.", imageSrc: "http://img.b2bpic.net/free-photo/server-racks-storing-ai-datasets-simulation-training-predictive-tasks_482257-124190.jpg", imageAlt: "Server racks storing AI datasets for simulation training and predictive tasks"},
{
title: "Performance Optimization",
description: "Improving throughput, stability, and overall efficiency across your network so operations run without disruption.",
imageSrc: "http://img.b2bpic.net/free-photo/black-network-switch-with-optical-fiber-cables_23-2148242677.jpg?_wi=2",
imageAlt: "Server racks storing AI datasets for simulation training and predictive tasks",
},
title: "Performance Optimization", description: "Improving throughput, stability, and overall efficiency across your network so operations run without disruption.", imageSrc: "http://img.b2bpic.net/free-photo/black-network-switch-with-optical-fiber-cables_23-2148242677.jpg", imageAlt: "Server racks storing AI datasets for simulation training and predictive tasks"},
{
title: "Cisco Device Configuration",
description: "Configuration and ongoing support for Cisco routers and switches, including VLAN setup and full connectivity builds.",
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg?_wi=2",
imageAlt: "Server racks storing AI datasets for simulation training and predictive tasks",
},
title: "Cisco Device Configuration", description: "Configuration and ongoing support for Cisco routers and switches, including VLAN setup and full connectivity builds.", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", imageAlt: "Server racks storing AI datasets for simulation training and predictive tasks"},
{
title: "Troubleshooting & Support",
description: "Rapid diagnosis and resolution of connectivity, latency, and performance issues to get your systems back online fast.",
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg?_wi=2",
imageAlt: "Server racks storing AI datasets for simulation training and predictive tasks",
},
title: "Troubleshooting & Support", description: "Rapid diagnosis and resolution of connectivity, latency, and performance issues to get your systems back online fast.", imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg", imageAlt: "Server racks storing AI datasets for simulation training and predictive tasks"},
]}
title="Services"
description="Practical networking solutions tailored for startups and growing businesses."
@@ -257,29 +167,11 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "project-1",
name: "Network Throughput Improvement",
price: "$12k Project",
variant: "Enhanced LAN/WAN efficiency, 20% latency reduction.",
imageSrc: "http://img.b2bpic.net/free-photo/federal-anti-terrorism-command-center-with-big-screen-radar-surveillance_482257-90030.jpg",
imageAlt: "Network analysis dashboard showing performance metrics",
},
id: "project-1", name: "Network Throughput Improvement", price: "$12k Project", variant: "Enhanced LAN/WAN efficiency, 20% latency reduction.", imageSrc: "http://img.b2bpic.net/free-photo/federal-anti-terrorism-command-center-with-big-screen-radar-surveillance_482257-90030.jpg", imageAlt: "Network analysis dashboard showing performance metrics"},
{
id: "project-2",
name: "Cloud Connectivity Optimization",
price: "$18k Project",
variant: "Seamless cloud integration, 15% cost savings.",
imageSrc: "http://img.b2bpic.net/free-photo/people-with-cloud-network-storage-symbols_53876-71519.jpg",
imageAlt: "Cloud network infrastructure diagram",
},
id: "project-2", name: "Cloud Connectivity Optimization", price: "$18k Project", variant: "Seamless cloud integration, 15% cost savings.", imageSrc: "http://img.b2bpic.net/free-photo/people-with-cloud-network-storage-symbols_53876-71519.jpg", imageAlt: "Cloud network infrastructure diagram"},
{
id: "project-3",
name: "Security Audit & Hardening",
price: "$9k Project",
variant: "Robust network defenses, Zero critical vulnerabilities.",
imageSrc: "http://img.b2bpic.net/free-photo/empty-governmental-hacking-room-showing-russian-flag_482257-115397.jpg",
imageAlt: "Cyber security analysis interface",
},
id: "project-3", name: "Security Audit & Hardening", price: "$9k Project", variant: "Robust network defenses, Zero critical vulnerabilities.", imageSrc: "http://img.b2bpic.net/free-photo/empty-governmental-hacking-room-showing-russian-flag_482257-115397.jpg", imageAlt: "Cyber security analysis interface"},
]}
title="Project highlight"
description="A real-world engagement demonstrating end-to-end network improvement."
@@ -294,32 +186,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "why-1",
value: "01",
title: "Clear communication",
description: "No jargon overload. I explain what's happening and what's being done about it.",
icon: MessageSquare,
id: "why-1", value: "01", title: "Clear communication", description: "No jargon overload. I explain what's happening and what's being done about it.", icon: MessageSquare,
},
{
id: "why-2",
value: "02",
title: "Fast response",
description: "Quick turnaround on diagnosis and support, minimizing the impact of issues.",
icon: Clock,
id: "why-2", value: "02", title: "Fast response", description: "Quick turnaround on diagnosis and support, minimizing the impact of issues.", icon: Clock,
},
{
id: "why-3",
value: "03",
title: "Practical solutions",
description: "Focused on what actually works in real environments, not theoretical fixes.",
icon: Tool,
id: "why-3", value: "03", title: "Practical solutions", description: "Focused on what actually works in real environments, not theoretical fixes.", icon: Wrench,
},
{
id: "why-4",
value: "04",
title: "Startup-friendly",
description: "Flexible support designed for lean teams and fast-moving businesses.",
icon: Zap,
id: "why-4", value: "04", title: "Startup-friendly", description: "Flexible support designed for lean teams and fast-moving businesses.", icon: Zap,
},
]}
title="The difference"
@@ -332,15 +208,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Cisco Networking Devices",
"CLI Configuration",
"TCP/IP",
"VLANs",
"Network Monitoring Tools",
"Routing & Switching",
"LAN / WAN",
"Bandwidth Management",
]}
"Cisco Networking Devices", "CLI Configuration", "TCP/IP", "VLANs", "Network Monitoring Tools", "Routing & Switching", "LAN / WAN", "Bandwidth Management"]}
title="Tools & technologies"
description="The equipment and protocols behind the work."
/>
@@ -350,16 +218,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact"
title="Let's work together"
description="Have a network challenge or want to discuss an audit? Reach out and let's talk."
buttons={[
{
text: "Send a message",
href: "mailto:mohammad@example.com",
},
text: "Send a message", href: "mailto:mohammad@example.com"},
]}
buttonAnimation="slide-up"
/>
@@ -370,29 +235,19 @@ export default function LandingPage() {
logoText="MS / network.eng"
columns={[
{
title: "Links",
items: [
title: "Links", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Project",
href: "#project",
},
label: "Project", href: "#project"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Email",
href: "mailto:mohammad@example.com",
},
label: "Email", href: "mailto:mohammad@example.com"},
],
},
]}