Merge version_1 into main #2
158
src/app/page.tsx
158
src/app/page.tsx
@@ -29,27 +29,20 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Info",
|
||||
id: "info",
|
||||
},
|
||||
name: "Info", id: "info"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="𝔑onefolio"
|
||||
button={{
|
||||
text: "Contact Me", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,39 +52,23 @@ export default function LandingPage() {
|
||||
description="Frontend Developer & UI/UX Designer. I design fast, modern websites that help brands grow."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Projects", href: "#projects"},
|
||||
{
|
||||
text: "Hire Me",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Hire Me", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=1",
|
||||
imageAlt: "3D Developer Object",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3D Developer Object"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=2",
|
||||
imageAlt: "3D Developer Object",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3D Developer Object"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=3",
|
||||
imageAlt: "3D Developer Object",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3D Developer Object"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=4",
|
||||
imageAlt: "3D Developer Object",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3D Developer Object"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=5",
|
||||
imageAlt: "3D Developer Object",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3D Developer Object"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=6",
|
||||
imageAlt: "3D Developer Object",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3D Developer Object"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,23 +87,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Frontend/UI",
|
||||
description: "HTML, CSS, Figma, JS, TypeScript, ReactJS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=7",
|
||||
imageAlt: "3d floating sphere abstract",
|
||||
},
|
||||
title: "Frontend/UI", description: "HTML, CSS, Figma, JS, TypeScript, ReactJS", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3d floating sphere abstract"},
|
||||
{
|
||||
title: "Backend & Tools",
|
||||
description: "Node.js, Git, Tailwind, MongoDB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg?_wi=1",
|
||||
imageAlt: "modern app interface mobile",
|
||||
},
|
||||
title: "Backend & Tools", description: "Node.js, Git, Tailwind, MongoDB", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg", imageAlt: "modern app interface mobile"},
|
||||
{
|
||||
title: "Performance",
|
||||
description: "SEO Optimization, Accessibility, Mobile-First Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=1",
|
||||
imageAlt: "religious app interface design",
|
||||
},
|
||||
title: "Performance", description: "SEO Optimization, Accessibility, Mobile-First Design", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg", imageAlt: "religious app interface design"},
|
||||
]}
|
||||
title="Skills & Experience"
|
||||
description="Tools and technologies I use to build seamless web experiences."
|
||||
@@ -141,59 +106,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "React Native",
|
||||
name: "Social Platform",
|
||||
price: "View Demo",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg?_wi=2",
|
||||
},
|
||||
id: "1", brand: "React Native", name: "Social Platform", price: "View Demo", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "React Native",
|
||||
name: "Muslims App",
|
||||
price: "View Demo",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=2",
|
||||
},
|
||||
id: "2", brand: "React Native", name: "Muslims App", price: "View Demo", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Node.js",
|
||||
name: "Recipe Dashboard",
|
||||
price: "View Demo",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-with-smartphone-arrangement_23-2149089685.jpg?_wi=1",
|
||||
},
|
||||
id: "3", brand: "Node.js", name: "Recipe Dashboard", price: "View Demo", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-with-smartphone-arrangement_23-2149089685.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "React Native",
|
||||
name: "Personal Portfolio",
|
||||
price: "View Demo",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg?_wi=3",
|
||||
},
|
||||
id: "4", brand: "React Native", name: "Personal Portfolio", price: "View Demo", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Node.js",
|
||||
name: "E-Commerce",
|
||||
price: "View Demo",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=3",
|
||||
},
|
||||
id: "5", brand: "Node.js", name: "E-Commerce", price: "View Demo", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Tailwind",
|
||||
name: "Landing Page",
|
||||
price: "View Demo",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-with-smartphone-arrangement_23-2149089685.jpg?_wi=2",
|
||||
},
|
||||
id: "6", brand: "Tailwind", name: "Landing Page", price: "View Demo", rating: 5,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-with-smartphone-arrangement_23-2149089685.jpg"},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A collection of my recent work."
|
||||
@@ -204,8 +133,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
text="Available for new projects. Let's create something extraordinary."
|
||||
/>
|
||||
</div>
|
||||
@@ -214,29 +142,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
label: "GitHub", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user