Update src/app/page.tsx

This commit is contained in:
2026-05-06 00:56:34 +00:00
parent f37c68cef5
commit 4e8f202360

View File

@@ -29,25 +29,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Projects",
id: "projects",
},
name: "Projects", id: "projects"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Mohamed Magdy"
/>
@@ -59,39 +49,23 @@ export default function LandingPage() {
description="I design intuitive and engaging digital experiences."
buttons={[
{
text: "View My Work",
href: "#projects",
},
text: "View My Work", href: "#projects"},
{
text: "Download CV",
href: "#",
},
text: "Download CV", href: "#"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/laptop-clipboard-empty-office-desk_482257-121090.jpg",
imageAlt: "Hero visual",
},
imageSrc: "http://img.b2bpic.net/free-photo/laptop-clipboard-empty-office-desk_482257-121090.jpg", imageAlt: "Hero visual"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-flowing-particles-design_1048-20453.jpg",
imageAlt: "Hero visual",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-flowing-particles-design_1048-20453.jpg", imageAlt: "Hero visual"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-designer-holding-smartphone_23-2149930986.jpg",
imageAlt: "Hero visual",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-designer-holding-smartphone_23-2149930986.jpg", imageAlt: "Hero visual"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-125872.jpg",
imageAlt: "Hero visual",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-125872.jpg", imageAlt: "Hero visual"},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192218.jpg",
imageAlt: "Hero visual",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192218.jpg", imageAlt: "Hero visual"},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-photography-studio-with-retouching-software-computer-nobody-media-production-workplace-with-equipment-editing-pictures-by-professional-photographer-image-retouch-office_482257-39965.jpg",
imageAlt: "Hero visual",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-photography-studio-with-retouching-software-computer-nobody-media-production-workplace-with-equipment-editing-pictures-by-professional-photographer-image-retouch-office_482257-39965.jpg", imageAlt: "Hero visual"},
]}
/>
</div>
@@ -101,14 +75,9 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "About Me",
},
type: "text", content: "About Me"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/smiling-woman-using-digital-tablet-home-office_329181-4278.jpg",
alt: "About visual",
},
type: "image", src: "http://img.b2bpic.net/free-photo/smiling-woman-using-digital-tablet-home-office_329181-4278.jpg", alt: "About visual"},
]}
/>
</div>
@@ -117,62 +86,27 @@ export default function LandingPage() {
<ProductCardTwo
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Design",
name: "Pure Violet",
price: "View Case Study",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-relaxing-home_23-2150652847.jpg",
},
id: "1", brand: "Design", name: "Pure Violet", price: "View Case Study", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-relaxing-home_23-2150652847.jpg"},
{
id: "2",
brand: "Design",
name: "CoffeeGo",
price: "View Case Study",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/ai-llm-chatbot-software-interface-pc-home-office-showing-virtual-assistant_482257-113943.jpg",
},
id: "2", brand: "Design", name: "CoffeeGo", price: "View Case Study", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/ai-llm-chatbot-software-interface-pc-home-office-showing-virtual-assistant_482257-113943.jpg"},
{
id: "3",
brand: "Design",
name: "Musa",
price: "View Case Study",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-code-testing-functional-test-usability_107791-16607.jpg",
},
id: "3", brand: "Design", name: "Musa", price: "View Case Study", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-code-testing-functional-test-usability_107791-16607.jpg"},
{
id: "4",
brand: "Design",
name: "Edura",
price: "View Case Study",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/internet-search-bar-website-browser_107791-15049.jpg",
},
id: "4", brand: "Design", name: "Edura", price: "View Case Study", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/internet-search-bar-website-browser_107791-15049.jpg"},
{
id: "5",
brand: "Design",
name: "Spicy",
price: "View Case Study",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749917.jpg",
},
id: "5", brand: "Design", name: "Spicy", price: "View Case Study", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749917.jpg"},
{
id: "6",
brand: "Design",
name: "Project Alpha",
price: "View Case Study",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/phone-16-pro-max_187299-46103.jpg",
},
id: "6", brand: "Design", name: "Project Alpha", price: "View Case Study", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/phone-16-pro-max_187299-46103.jpg"},
]}
title="Selected Projects"
description="A showcase of my recent design work and case studies."
@@ -187,29 +121,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "UI Design",
description: "Crafting beautiful interfaces that drive results.",
imageSrc: "http://img.b2bpic.net/free-photo/fast-time-clock-ui-icon-sign-symbol-3d-rendering_56104-1926.jpg",
imageAlt: "UI Design",
},
title: "UI Design", description: "Crafting beautiful interfaces that drive results.", imageSrc: "http://img.b2bpic.net/free-photo/fast-time-clock-ui-icon-sign-symbol-3d-rendering_56104-1926.jpg", imageAlt: "UI Design"},
{
title: "UX Research",
description: "Understanding user needs through data.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-forex-exchange-indices-notebook-screen_482257-107522.jpg",
imageAlt: "UX Research",
},
title: "UX Research", description: "Understanding user needs through data.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-forex-exchange-indices-notebook-screen_482257-107522.jpg", imageAlt: "UX Research"},
{
title: "Mobile Design",
description: "Engaging mobile-first experiences.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-using-his-mobile-phone_1134-53.jpg",
imageAlt: "Mobile App Design",
},
title: "Mobile Design", description: "Engaging mobile-first experiences.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-using-his-mobile-phone_1134-53.jpg", imageAlt: "Mobile App Design"},
{
title: "Web Design",
description: "Modern and responsive web design.",
imageSrc: "http://img.b2bpic.net/free-photo/y2k-website-window-illustration_23-2151874940.jpg",
imageAlt: "Web Design",
},
title: "Web Design", description: "Modern and responsive web design.", imageSrc: "http://img.b2bpic.net/free-photo/y2k-website-window-illustration_23-2151874940.jpg", imageAlt: "Web Design"},
]}
title="Services"
description="High-quality design services tailored to your needs."
@@ -220,16 +138,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Let's connect"
title="Get in touch"
description="Have a project in mind? Let's talk."
buttons={[
{
text: "Contact Me",
href: "mailto:mohamed@example.com",
},
text: "Contact Me", href: "mailto:mohamed@example.com"},
]}
/>
</div>
@@ -238,13 +153,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Mohamed Magdy"
leftLink={{
text: "© 2024 Mohamed Magdy",
href: "#",
}}
text: "© 2024 Mohamed Magdy", href: "#"}}
rightLink={{
text: "Back to top",
href: "#hero",
}}
text: "Back to top", href: "#hero"}}
/>
</div>
</ReactLenis>