Update src/app/page.tsx
This commit is contained in:
261
src/app/page.tsx
261
src/app/page.tsx
@@ -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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user