Merge version_1 into main #1
@@ -28,35 +28,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "/portfolio"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="m_m0rgan"
|
||||
button={{
|
||||
text: "Contact Me",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Contact Me", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -67,15 +53,15 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Cybersecurity interests",
|
||||
label: "Cybersecurity interests", value: "High"
|
||||
},
|
||||
{
|
||||
icon: Code,
|
||||
label: "Web development background",
|
||||
label: "Web development background", value: "Solid"
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Passion for aviation",
|
||||
label: "Passion for aviation", value: "Deep"
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -90,34 +76,16 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
metrics={[
|
||||
{
|
||||
id: "exp-1",
|
||||
value: "Security",
|
||||
title: "Monitoring",
|
||||
items: [
|
||||
"Threat Detection",
|
||||
"Incident Response",
|
||||
"Threat Hunting",
|
||||
],
|
||||
id: "exp-1", value: "Security", title: "Monitoring", items: [
|
||||
"Threat Detection", "Incident Response", "Threat Hunting"],
|
||||
},
|
||||
{
|
||||
id: "exp-2",
|
||||
value: "Web",
|
||||
title: "Development",
|
||||
items: [
|
||||
"Front-End",
|
||||
"Secure Application Design",
|
||||
"Technical Research",
|
||||
],
|
||||
id: "exp-2", value: "Web", title: "Development", items: [
|
||||
"Front-End", "Secure Application Design", "Technical Research"],
|
||||
},
|
||||
{
|
||||
id: "exp-3",
|
||||
value: "Aviation",
|
||||
title: "Knowledge",
|
||||
items: [
|
||||
"Pilot Training",
|
||||
"Flight Operations",
|
||||
"Aerospace Technology",
|
||||
],
|
||||
id: "exp-3", value: "Aviation", title: "Knowledge", items: [
|
||||
"Pilot Training", "Flight Operations", "Aerospace Technology"],
|
||||
},
|
||||
]}
|
||||
title="My Core Expertise"
|
||||
@@ -134,59 +102,23 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "achieve-1",
|
||||
name: "Certified Blue Team Analyst",
|
||||
handle: "Cybersecurity",
|
||||
testimonial: "Successfully completed advanced Blue Team training and certification, specializing in threat detection and incident response.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041839.jpg",
|
||||
imageAlt: "Cybersecurity certificate",
|
||||
},
|
||||
id: "achieve-1", name: "Certified Blue Team Analyst", handle: "Cybersecurity", testimonial: "Successfully completed advanced Blue Team training and certification, specializing in threat detection and incident response.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041839.jpg", imageAlt: "Cybersecurity certificate"},
|
||||
{
|
||||
id: "achieve-2",
|
||||
name: "Award-Winning Web Project",
|
||||
handle: "Web Development",
|
||||
testimonial: "Led the development of a highly acclaimed responsive portfolio website, recognized for its innovative design and user experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-writes-ai-code-laptop_482257-91012.jpg",
|
||||
imageAlt: "Web development project",
|
||||
},
|
||||
id: "achieve-2", name: "Award-Winning Web Project", handle: "Web Development", testimonial: "Led the development of a highly acclaimed responsive portfolio website, recognized for its innovative design and user experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-writes-ai-code-laptop_482257-91012.jpg", imageAlt: "Web development project"},
|
||||
{
|
||||
id: "achieve-3",
|
||||
name: "Private Pilot License",
|
||||
handle: "Aviation",
|
||||
testimonial: "Achieved Private Pilot License (PPL) after rigorous training, demonstrating proficiency in flight operations and airmanship.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1166.jpg",
|
||||
imageAlt: "Pilot in cockpit",
|
||||
},
|
||||
id: "achieve-3", name: "Private Pilot License", handle: "Aviation", testimonial: "Achieved Private Pilot License (PPL) after rigorous training, demonstrating proficiency in flight operations and airmanship.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1166.jpg", imageAlt: "Pilot in cockpit"},
|
||||
{
|
||||
id: "achieve-4",
|
||||
name: "Advanced Threat Hunter",
|
||||
handle: "Cybersecurity",
|
||||
testimonial: "Developed and implemented advanced threat hunting playbooks, significantly reducing mean time to detect (MTTD) for critical incidents.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-developer-data-center-using-artificial-intelligence_482257-106967.jpg",
|
||||
imageAlt: "Person at desk working on cybersecurity project",
|
||||
},
|
||||
id: "achieve-4", name: "Advanced Threat Hunter", handle: "Cybersecurity", testimonial: "Developed and implemented advanced threat hunting playbooks, significantly reducing mean time to detect (MTTD) for critical incidents.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-developer-data-center-using-artificial-intelligence_482257-106967.jpg", imageAlt: "Person at desk working on cybersecurity project"},
|
||||
{
|
||||
id: "achieve-5",
|
||||
name: "Security Consulting Lead",
|
||||
handle: "Cybersecurity",
|
||||
testimonial: "Provided expert security consulting for multiple organizations, enhancing their overall security posture and compliance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89895.jpg",
|
||||
imageAlt: "Network infrastructure",
|
||||
},
|
||||
id: "achieve-5", name: "Security Consulting Lead", handle: "Cybersecurity", testimonial: "Provided expert security consulting for multiple organizations, enhancing their overall security posture and compliance.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89895.jpg", imageAlt: "Network infrastructure"},
|
||||
{
|
||||
id: "achieve-6",
|
||||
name: "Full-Stack Project Developer",
|
||||
handle: "Web Development",
|
||||
testimonial: "Successfully delivered several end-to-end web projects, encompassing both front-end and back-end development with a focus on security.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mystery-box-with-gifts-concept_23-2150063178.jpg",
|
||||
imageAlt: "Laptop displaying a responsive website",
|
||||
},
|
||||
id: "achieve-6", name: "Full-Stack Project Developer", handle: "Web Development", testimonial: "Successfully delivered several end-to-end web projects, encompassing both front-end and back-end development with a focus on security.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mystery-box-with-gifts-concept_23-2150063178.jpg", imageAlt: "Laptop displaying a responsive website"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Achievements & Certifications"
|
||||
@@ -199,62 +131,37 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "/portfolio"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:omarsw@proton.me",
|
||||
},
|
||||
label: "Email", href: "mailto:omarsw@proton.me"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/m___m0rgan",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/m___m0rgan"},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "https://discord.gg/trhxfVnyX4",
|
||||
},
|
||||
label: "Discord", href: "https://discord.gg/trhxfVnyX4"},
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "https://t.me/m_m0rgan",
|
||||
},
|
||||
label: "Telegram", href: "https://t.me/m_m0rgan"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -26,35 +26,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "/portfolio"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="m_m0rgan"
|
||||
button={{
|
||||
text: "Contact Me",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Contact Me", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,15 +48,14 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
variant: "sparkles-gradient"
|
||||
}}
|
||||
tag="Contact Form"
|
||||
title="Get in Touch"
|
||||
description="I'm always open to new opportunities, collaborations, and discussions. Fill out the form below, and I'll get back to you as soon as possible."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
},
|
||||
text: "Send Message"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -80,14 +65,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Instagram",
|
||||
"Discord",
|
||||
"Telegram",
|
||||
"LinkedIn",
|
||||
"GitHub",
|
||||
"X (Twitter)",
|
||||
"Stack Overflow",
|
||||
]}
|
||||
"Instagram", "Discord", "Telegram", "LinkedIn", "GitHub", "X (Twitter)", "Stack Overflow"]}
|
||||
title="Connect with Me"
|
||||
description="Find me on various platforms and join my community to stay updated on my latest work and insights."
|
||||
tag="Social"
|
||||
@@ -100,62 +78,37 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "/portfolio"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:omarsw@proton.me",
|
||||
},
|
||||
label: "Email", href: "mailto:omarsw@proton.me"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/m___m0rgan",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/m___m0rgan"},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "https://discord.gg/trhxfVnyX4",
|
||||
},
|
||||
label: "Discord", href: "https://discord.gg/trhxfVnyX4"},
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "https://t.me/m_m0rgan",
|
||||
},
|
||||
label: "Telegram", href: "https://t.me/m_m0rgan"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user