Update src/app/page.tsx

This commit is contained in:
2026-06-02 19:13:06 +00:00
parent c8d74002fb
commit 746a6aab15

View File

@@ -31,25 +31,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Skills",
id: "#skills",
},
name: "Skills", id: "#skills"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/abstract-light-painting-dark_52683-92737.jpg"
logoAlt="Amira Zadi Logo"
@@ -62,121 +52,70 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Amira Zadi: Innovating Solutions Through Code"
description="Solving complex problems and building impactful tech solutions with a passion for algorithms, software development, and hardware interfaces."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-background-with-flowing-cyber-particles_1048-14188.jpg",
imageAlt: "Code blocks flowing into a digital circuit board",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-background-with-flowing-cyber-particles_1048-14188.jpg", imageAlt: "Code blocks flowing into a digital circuit board"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-background-with-connecting-lines-dots_1048-11639.jpg",
imageAlt: "AI neural network visualization",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-background-with-connecting-lines-dots_1048-11639.jpg", imageAlt: "AI neural network visualization"},
{
imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-143188.jpg",
imageAlt: "Holographic UI with analytics data",
},
imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-143188.jpg", imageAlt: "Holographic UI with analytics data"},
{
imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-52795.jpg",
imageAlt: "Minimalist digital code editor",
},
imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-52795.jpg", imageAlt: "Minimalist digital code editor"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212595.jpg",
imageAlt: "Dynamic data processing visualization",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212595.jpg", imageAlt: "Dynamic data processing visualization"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg",
imageAlt: "Quantum computing elements",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg", imageAlt: "Quantum computing elements"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-neon-sign_23-2151922454.jpg",
imageAlt: "Hands typing on a holographic keyboard",
},
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-neon-sign_23-2151922454.jpg", imageAlt: "Hands typing on a holographic keyboard"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-connecting-lines-dots_1048-8641.jpg",
imageAlt: "Abstract glowing brain silhouette",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-connecting-lines-dots_1048-8641.jpg", imageAlt: "Abstract glowing brain silhouette"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights-background_181624-26062.jpg",
imageAlt: "Server rack with glowing lights",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights-background_181624-26062.jpg", imageAlt: "Server rack with glowing lights"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-blue-background_1017-2653.jpg",
imageAlt: "Digital blueprint of software architecture",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-blue-background_1017-2653.jpg", imageAlt: "Digital blueprint of software architecture"},
{
imageSrc: "http://img.b2bpic.net/free-vector/neon-tunnel-effect-background_1048-11556.jpg",
imageAlt: "Secure data tunnel illustration",
},
imageSrc: "http://img.b2bpic.net/free-vector/neon-tunnel-effect-background_1048-11556.jpg", imageAlt: "Secure data tunnel illustration"},
{
imageSrc: "http://img.b2bpic.net/free-psd/techno-music-festival-banner-template_23-2148772348.jpg",
imageAlt: "Vibrant abstract geometric tech art",
},
imageSrc: "http://img.b2bpic.net/free-psd/techno-music-festival-banner-template_23-2148772348.jpg", imageAlt: "Vibrant abstract geometric tech art"},
]}
buttons={[
{
text: "Download CV",
href: "#",
},
text: "Download CV", href: "#"},
{
text: "View Projects",
href: "#projects",
},
text: "View Projects", href: "#projects"},
]}
carouselPosition="right"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
alt: "Amira's mentor",
},
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Amira's mentor"},
{
src: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-glasses-looking-front-smiling-broadly-happy-positive-standing-orange-wall_141793-53770.jpg",
alt: "Amira's peer",
},
src: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-glasses-looking-front-smiling-broadly-happy-positive-standing-orange-wall_141793-53770.jpg", alt: "Amira's peer"},
{
src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
alt: "Amira's academic advisor",
},
src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg", alt: "Amira's academic advisor"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg",
alt: "Amira's tech colleague",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg", alt: "Amira's tech colleague"},
{
src: "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",
alt: "Amira's project collaborator",
},
src: "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", alt: "Amira's project collaborator"},
]}
avatarText="Trusted by academic and industry professionals."
marqueeItems={[
{
type: "text",
text: "Python",
},
type: "text", text: "Python"},
{
type: "text",
text: "C++",
},
type: "text", text: "C++"},
{
type: "text",
text: "Java",
},
type: "text", text: "Java"},
{
type: "text",
text: "JavaScript",
},
type: "text", text: "JavaScript"},
{
type: "text",
text: "Git",
},
type: "text", text: "Git"},
{
type: "text",
text: "Docker",
},
type: "text", text: "Docker"},
]}
marqueeSpeed={40}
showMarqueeCard={true}
@@ -188,18 +127,11 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "A passionate Computer Science student dedicated to exploring the frontiers of technology. My journey is fueled by a profound curiosity for algorithms, a drive to build robust software, and an eagerness to innovate solutions that bridge the gap between complex ideas and practical applications.",
},
type: "text", content: "A passionate Computer Science student dedicated to exploring the frontiers of technology. My journey is fueled by a profound curiosity for algorithms, a drive to build robust software, and an eagerness to innovate solutions that bridge the gap between complex ideas and practical applications."},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/spray-paint-bottles-neglected-glowing-building-filled-with-graffiti-rusty-damaged-walls-containers-aerosols-deserted-space-ruins-illuminated-by-purple-fluorescent-lights-close-up_482257-66968.jpg",
alt: "Computer science student coding",
},
type: "image", src: "http://img.b2bpic.net/free-photo/spray-paint-bottles-neglected-glowing-building-filled-with-graffiti-rusty-damaged-walls-containers-aerosols-deserted-space-ruins-illuminated-by-purple-fluorescent-lights-close-up_482257-66968.jpg", imageAlt: "Computer science student coding"},
{
type: "text",
content: "Academically, I'm pursuing a Bachelor's in Computer Science, focusing on rigorous problem-solving and foundational principles. My coursework includes advanced data structures, computer architecture, operating systems, and object-oriented design, providing a solid theoretical and practical groundwork for my projects and research.",
},
type: "text", content: "Academically, I'm pursuing a Bachelor's in Computer Science, focusing on rigorous problem-solving and foundational principles. My coursework includes advanced data structures, computer architecture, operating systems, and object-oriented design, providing a solid theoretical and practical groundwork for my projects and research."},
]}
/>
</div>
@@ -212,23 +144,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Core Tech",
description: "Proficient in Data Structures, Algorithms, Object-Oriented Programming, and Computer Architecture.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-computer-engineering-concept_23-2148158083.jpg",
imageAlt: "Core Tech Icon",
},
title: "Core Tech", description: "Proficient in Data Structures, Algorithms, Object-Oriented Programming, and Computer Architecture.", imageSrc: "http://img.b2bpic.net/free-vector/flat-computer-engineering-concept_23-2148158083.jpg", imageAlt: "Core Tech Icon"},
{
title: "Languages & Tools",
description: "Expertise in Python, C/C++, Java, Assembly x86, JavaScript, Git, and Docker.",
imageSrc: "http://img.b2bpic.net/free-vector/web-design-banners_1284-10686.jpg",
imageAlt: "Languages & Tools Icon",
},
title: "Languages & Tools", description: "Expertise in Python, C/C++, Java, Assembly x86, JavaScript, Git, and Docker.", imageSrc: "http://img.b2bpic.net/free-vector/web-design-banners_1284-10686.jpg", imageAlt: "Languages & Tools Icon"},
{
title: "Specializations",
description: "Familiar with Hardware Interfaces, Embedded Systems, Web Development (Frontend basics), and Database Management.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-14317.jpg",
imageAlt: "Specializations Icon",
},
title: "Specializations", description: "Familiar with Hardware Interfaces, Embedded Systems, Web Development (Frontend basics), and Database Management.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-14317.jpg", imageAlt: "Specializations Icon"},
]}
title="My Technical Toolkit"
description="Proficient in a diverse range of computer science disciplines and programming languages."
@@ -241,67 +161,26 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
carouselMode="buttons"
animationType="slide-up"
products={[
{
id: "p1",
brand: "Python, Flask, SQL",
name: "Smart Task Manager",
price: "Live Demo / GitHub",
rating: 5,
reviewCount: "Efficient productivity tool",
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57295.jpg",
imageAlt: "Smart Task Manager Dashboard",
},
id: "p1", brand: "Python, Flask, SQL", name: "Smart Task Manager", price: "Live Demo / GitHub", rating: 5,
reviewCount: "Efficient productivity tool", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57295.jpg", imageAlt: "Smart Task Manager Dashboard"},
{
id: "p2",
brand: "React Native, Firebase",
name: "Health & Fitness Tracker",
price: "Live Demo / GitHub",
rating: 5,
reviewCount: "Personalized health companion",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=stryjs",
imageAlt: "Health & Fitness Mobile App",
},
id: "p2", brand: "React Native, Firebase", name: "Health & Fitness Tracker", price: "Live Demo / GitHub", rating: 5,
reviewCount: "Personalized health companion", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=stryjs", imageAlt: "Health & Fitness Mobile App"},
{
id: "p3",
brand: "C++, Arduino, Robotics",
name: "Automated Robotic Arm",
price: "Live Demo / GitHub",
rating: 5,
reviewCount: "Precision automation solution",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-hummingbird_23-2151443813.jpg",
imageAlt: "Automated Robotic Arm",
},
id: "p3", brand: "C++, Arduino, Robotics", name: "Automated Robotic Arm", price: "Live Demo / GitHub", rating: 5,
reviewCount: "Precision automation solution", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-hummingbird_23-2151443813.jpg", imageAlt: "Automated Robotic Arm"},
{
id: "p4",
brand: "Java, Spring Boot, Security",
name: "Secure File Sharing System",
price: "Live Demo / GitHub",
rating: 5,
reviewCount: "Encrypted and reliable transfers",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-background-design_1048-12972.jpg",
imageAlt: "Cybersecurity System Visualization",
},
id: "p4", brand: "Java, Spring Boot, Security", name: "Secure File Sharing System", price: "Live Demo / GitHub", rating: 5,
reviewCount: "Encrypted and reliable transfers", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-background-design_1048-12972.jpg", imageAlt: "Cybersecurity System Visualization"},
{
id: "p5",
brand: "Python, TensorFlow, Keras",
name: "Image Recognition AI",
price: "Live Demo / GitHub",
rating: 5,
reviewCount: "Deep learning for visual data",
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-connecting-flowing-lines-dots_1048-12209.jpg",
imageAlt: "Machine Learning Model Training",
},
id: "p5", brand: "Python, TensorFlow, Keras", name: "Image Recognition AI", price: "Live Demo / GitHub", rating: 5,
reviewCount: "Deep learning for visual data", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-connecting-flowing-lines-dots_1048-12209.jpg", imageAlt: "Machine Learning Model Training"},
{
id: "p6",
brand: "JavaScript, Next.js, Tailwind CSS",
name: "Portfolio Website Generator",
price: "Live Demo / GitHub",
rating: 5,
reviewCount: "Dynamic web project creation",
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg",
imageAlt: "Responsive Web Design",
},
id: "p6", brand: "JavaScript, Next.js, Tailwind CSS", name: "Portfolio Website Generator", price: "Live Demo / GitHub", rating: 5,
reviewCount: "Dynamic web project creation", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg", imageAlt: "Responsive Web Design"},
]}
title="Featured Projects"
description="Explore a selection of my impactful work, showcasing problem-solving and technical expertise."
@@ -314,59 +193,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Exceptional Problem-Solver",
quote: "Amira consistently demonstrates a keen ability to break down complex problems and devise elegant, efficient solutions. Her algorithmic thinking is truly impressive.",
name: "Dr. Sarah Chen",
role: "CS Professor, University of Tech",
imageSrc: "http://img.b2bpic.net/free-photo/skilled-businessman-his-office-desk-working-report-writing_482257-107893.jpg",
imageAlt: "Dr. Sarah Chen",
},
id: "1", title: "Exceptional Problem-Solver", quote: "Amira consistently demonstrates a keen ability to break down complex problems and devise elegant, efficient solutions. Her algorithmic thinking is truly impressive.", name: "Dr. Sarah Chen", role: "CS Professor, University of Tech", imageSrc: "http://img.b2bpic.net/free-photo/skilled-businessman-his-office-desk-working-report-writing_482257-107893.jpg", imageAlt: "Dr. Sarah Chen"},
{
id: "2",
title: "Dedicated and Skilled Developer",
quote: "Working with Amira on a software project was a pleasure. She's not only skilled in multiple languages but also very dedicated to delivering high-quality, clean code.",
name: "Michael Lee",
role: "Senior Software Engineer, InnovateCorp",
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
imageAlt: "Michael Lee",
},
id: "2", title: "Dedicated and Skilled Developer", quote: "Working with Amira on a software project was a pleasure. She's not only skilled in multiple languages but also very dedicated to delivering high-quality, clean code.", name: "Michael Lee", role: "Senior Software Engineer, InnovateCorp", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg", imageAlt: "Michael Lee"},
{
id: "3",
title: "A Future Tech Leader",
quote: "Amira's enthusiasm for learning and her proactive approach to new technologies make her stand out. She has the potential to be a significant contributor to the tech world.",
name: "Emily Rodriguez",
role: "Tech Recruiter, Global Solutions",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-asian-girl-dj-using-launchpad-synthesizer-keyboard_7861-2929.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", title: "A Future Tech Leader", quote: "Amira's enthusiasm for learning and her proactive approach to new technologies make her stand out. She has the potential to be a significant contributor to the tech world.", name: "Emily Rodriguez", role: "Tech Recruiter, Global Solutions", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-asian-girl-dj-using-launchpad-synthesizer-keyboard_7861-2929.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
title: "Insightful and Innovative",
quote: "Her insights into system architecture and optimization are remarkable for a student. Amira brings fresh, innovative perspectives to every challenge.",
name: "David Kim",
role: "Lead Architect, Quantum Systems",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
imageAlt: "David Kim",
},
id: "4", title: "Insightful and Innovative", quote: "Her insights into system architecture and optimization are remarkable for a student. Amira brings fresh, innovative perspectives to every challenge.", name: "David Kim", role: "Lead Architect, Quantum Systems", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", imageAlt: "David Kim"},
{
id: "5",
title: "Collaborative and Professional",
quote: "Amira is a fantastic team player. She communicates effectively, takes feedback gracefully, and contributes thoughtfully to discussions. A true professional.",
name: "Jessica Brown",
role: "Project Manager, Digital Nexus",
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-late-office_23-2148991378.jpg",
imageAlt: "Jessica Brown",
},
id: "5", title: "Collaborative and Professional", quote: "Amira is a fantastic team player. She communicates effectively, takes feedback gracefully, and contributes thoughtfully to discussions. A true professional.", name: "Jessica Brown", role: "Project Manager, Digital Nexus", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-late-office_23-2148991378.jpg", imageAlt: "Jessica Brown"},
{
id: "6",
title: "Deep Understanding of CS Principles",
quote: "I've been impressed by Amira's foundational understanding of computer science. She not only codes but truly comprehends the 'why' behind her implementations.",
name: "Prof. Alan Turing Jr.",
role: "CS Department Head, Tech Academy",
imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg",
imageAlt: "Prof. Alan Turing Jr.",
},
id: "6", title: "Deep Understanding of CS Principles", quote: "I've been impressed by Amira's foundational understanding of computer science. She not only codes but truly comprehends the 'why' behind her implementations.", name: "Prof. Alan Turing Jr.", role: "CS Department Head, Tech Academy", imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg", imageAlt: "Prof. Alan Turing Jr."},
]}
title="What People Say"
description="Feedback from mentors, peers, and collaborators on my skills and work ethic."
@@ -378,19 +215,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Python",
"C/C++",
"Java",
"JavaScript",
"Assembly x86",
"Git",
"Docker",
"Linux",
"VS Code",
"React",
"Tailwind CSS",
"SQL",
]}
"Python", "C/C++", "Java", "JavaScript", "Assembly x86", "Git", "Docker", "Linux", "VS Code", "React", "Tailwind CSS", "SQL"]}
title="Technologies I Master"
description="Leveraging a comprehensive toolkit of cutting-edge technologies and frameworks for robust development and innovative problem-solving."
/>
@@ -400,8 +225,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get In Touch"
title="Let's Build Something Great Together"
description="Reach out to collaborate on innovative projects, discuss exciting opportunities, or simply connect. You can find me on LinkedIn, GitHub, or send a direct email to zadiamira19@gmail.com."
@@ -419,41 +243,25 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Projects",
href: "#projects",
},
label: "Projects", href: "#projects"},
{
label: "Skills",
href: "#skills",
},
label: "Skills", href: "#skills"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "LinkedIn",
href: "https://linkedin.com/in/amira-zadi",
},
label: "LinkedIn", href: "https://linkedin.com/in/amira-zadi"},
{
label: "GitHub",
href: "https://github.com/amirazadi",
},
label: "GitHub", href: "https://github.com/amirazadi"},
{
label: "Email",
href: "mailto:zadiamira19@gmail.com",
},
label: "Email", href: "mailto:zadiamira19@gmail.com"},
],
},
]}