Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
170
src/app/page.tsx
170
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="ABUZIR"
|
||||
/>
|
||||
@@ -52,58 +40,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Mohammad Ibrahim Abuzir"
|
||||
description="CIS Student at Al al-Bayt University | Web Developer | Photographer. Building digital solutions for the future."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-teammates-working-late_23-2148991315.jpg"
|
||||
imageAlt="software developer workspace dark mode"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-office-equipment-blue-desk-generated-by-ai_188544-27062.jpg",
|
||||
alt: "Modern office equipment on a blue desk generated by AI",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-office-with-analytics-diagrams-screen-running-economy-statistics-computers-business-space-startup-company-with-research-plans-charts-late-night-handheld-shot_482257-65066.jpg",
|
||||
alt: "Empty office with analytics and diagrams on screen",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/remote-worker-organizing-project-data-reviewing-his-handwritten-notes_482257-120825.jpg",
|
||||
alt: "Remote worker organizing project data",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/overworked-business-people-using-laptops_74855-3003.jpg",
|
||||
alt: "Overworked business people using laptops",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280982.jpg",
|
||||
alt: "High angle man working late at night",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-office-equipment-blue-desk-generated-by-ai_188544-27062.jpg", alt: "Modern office equipment on a blue desk generated by AI" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-office-with-analytics-diagrams-screen-running-economy-statistics-computers-business-space-startup-company-with-research-plans-charts-late-night-handheld-shot_482257-65066.jpg", alt: "Empty office with analytics and diagrams on screen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/remote-worker-organizing-project-data-reviewing-his-handwritten-notes_482257-120825.jpg", alt: "Remote worker organizing project data" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/overworked-business-people-using-laptops_74855-3003.jpg", alt: "Overworked business people using laptops" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280982.jpg", alt: "High angle man working late at night" }
|
||||
]}
|
||||
avatarText="Trusted by Peers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Web Development",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "UI/UX Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Architecture",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Photography",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "System Analysis",
|
||||
},
|
||||
{ type: "text", text: "Web Development" },
|
||||
{ type: "text", text: "UI/UX Design" },
|
||||
{ type: "text", text: "Cloud Architecture" },
|
||||
{ type: "text", text: "Photography" },
|
||||
{ type: "text", text: "System Analysis" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,21 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Languages",
|
||||
description: "C++, Java, Python, and Dart",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-programming-coding-solid-glyph-icon-presentation_1142-24709.jpg",
|
||||
},
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "Full-stack development using modern stacks",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tooling & Infrastructure",
|
||||
description: "Supabase for backend, Netlify for deployment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-computer-website-loading-speed-test_107791-17929.jpg",
|
||||
},
|
||||
{ title: "Languages", description: "C++, Java, Python, and Dart", imageSrc: "http://img.b2bpic.net/free-vector/20-programming-coding-solid-glyph-icon-presentation_1142-24709.jpg" },
|
||||
{ title: "Web Development", description: "Full-stack development using modern stacks", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg" },
|
||||
{ title: "Tooling & Infrastructure", description: "Supabase for backend, Netlify for deployment", imageSrc: "http://img.b2bpic.net/free-photo/3d-computer-website-loading-speed-test_107791-17929.jpg" }
|
||||
]}
|
||||
title="Technical Skills"
|
||||
description="A diverse toolkit covering back-end logic, front-end development, and data-driven solutions."
|
||||
@@ -151,13 +95,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "edu-1",
|
||||
value: "3rd Year",
|
||||
title: "Current Status",
|
||||
description: "Computer Information Systems",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-love-embracing-near-wall_8353-7511.jpg",
|
||||
},
|
||||
{ id: "edu-1", value: "3rd Year", title: "Current Status", description: "Computer Information Systems", imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-love-embracing-near-wall_8353-7511.jpg" }
|
||||
]}
|
||||
title="Academic Journey"
|
||||
description="Focused on academic excellence and continuous growth at Al al-Bayt University."
|
||||
@@ -166,31 +104,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Jovia Academy",
|
||||
price: "Academic Project",
|
||||
variant: "Management Platform",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-holding-papers_23-2148452649.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "ABUZIR Portfolio",
|
||||
price: "Personal Project",
|
||||
variant: "Next.js Web Portfolio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913281.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "In Development",
|
||||
price: "Stay Tuned",
|
||||
variant: "Future Projects",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gradient-blurred-multicolored-rainbow-light-spectrum-circle_23-2147948901.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Jovia Academy", price: "Academic Project", variant: "Management Platform", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-holding-papers_23-2148452649.jpg" },
|
||||
{ id: "p2", name: "ABUZIR Portfolio", price: "Personal Project", variant: "Next.js Web Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913281.jpg" },
|
||||
{ id: "p3", name: "In Development", price: "Stay Tuned", variant: "Future Projects", imageSrc: "http://img.b2bpic.net/free-photo/abstract-gradient-blurred-multicolored-rainbow-light-spectrum-circle_23-2147948901.jpg" }
|
||||
]}
|
||||
title="Key Projects"
|
||||
description="Explore my latest work, including academic and personal initiatives."
|
||||
@@ -203,11 +124,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "JoCodes Participant",
|
||||
description: "Collaboration program powered by Udacity, enhancing technical skillsets through practical projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/game-delayed-due-coronavirus_23-2148570733.jpg",
|
||||
},
|
||||
{ title: "JoCodes Participant", description: "Collaboration program powered by Udacity, enhancing technical skillsets through practical projects.", imageSrc: "http://img.b2bpic.net/free-photo/game-delayed-due-coronavirus_23-2148570733.jpg" }
|
||||
]}
|
||||
title="Achievements"
|
||||
description="Professional growth through industry programs and challenges."
|
||||
@@ -230,21 +147,10 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Let's build something amazing together."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "What's on your mind?",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "What's on your mind?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -252,26 +158,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Portfolio", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="ABUZIR"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user