Merge version_2 into main #1
187
src/app/page.tsx
187
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Portfolio"
|
||||
/>
|
||||
@@ -55,63 +47,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Aspiring Creative Developer"
|
||||
description="Crafting digital experiences through code, curiosity, and design thinking. Building the future, one project at a time."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5yikkt",
|
||||
alt: "student smiling holding books",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5yikkt", alt: "student smiling holding books"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3r6t0t",
|
||||
alt: "happy professional portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3r6t0t", alt: "happy professional portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=riyfnb",
|
||||
alt: "successful student professional",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=riyfnb", alt: "successful student professional"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qv33ma",
|
||||
alt: "professional headshot man",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qv33ma", alt: "professional headshot man"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eql5xb",
|
||||
alt: "happy female professional",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eql5xb", alt: "happy female professional"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Projects", href: "#projects"},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Me", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "React",
|
||||
},
|
||||
type: "text", text: "React"},
|
||||
{
|
||||
type: "text",
|
||||
text: "TypeScript",
|
||||
},
|
||||
type: "text", text: "TypeScript"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tailwind CSS",
|
||||
},
|
||||
type: "text", text: "Tailwind CSS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Figma",
|
||||
},
|
||||
type: "text", text: "Figma"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Node.js",
|
||||
},
|
||||
type: "text", text: "Node.js"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,7 +87,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Me"
|
||||
title="Hello, I'm the Student Portfolio Creator"
|
||||
title="Bridging Design & Code to Solve Real-World Problems"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,20 +98,11 @@ export default function LandingPage() {
|
||||
tag="Expertise"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
description: "Academic Excellence",
|
||||
},
|
||||
id: "m2", value: "95%", description: "Academic Excellence"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4",
|
||||
description: "Years of Study",
|
||||
},
|
||||
id: "m3", value: "4", description: "Years of Study"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -158,41 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Academic Research Portal",
|
||||
price: "Research",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=av38xm",
|
||||
},
|
||||
id: "p1", name: "Academic Research Portal", price: "Research", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=av38xm"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Design Branding System",
|
||||
price: "Design",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6fgani",
|
||||
},
|
||||
id: "p2", name: "Design Branding System", price: "Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6fgani"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "SaaS Platform Prototype",
|
||||
price: "Code",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbpivc",
|
||||
},
|
||||
id: "p3", name: "SaaS Platform Prototype", price: "Code", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbpivc"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "UI/UX Case Study",
|
||||
price: "Research",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yl1yep",
|
||||
},
|
||||
id: "p4", name: "UI/UX Case Study", price: "Research", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yl1yep"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Open Source Contribution",
|
||||
price: "Code",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ks4i0m",
|
||||
},
|
||||
id: "p5", name: "Open Source Contribution", price: "Code", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ks4i0m"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Digital Marketing Concept",
|
||||
price: "Design",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2hvz32",
|
||||
},
|
||||
id: "p6", name: "Digital Marketing Concept", price: "Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2hvz32"},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A showcase of my recent work in web development, design, and research."
|
||||
@@ -207,25 +141,15 @@ export default function LandingPage() {
|
||||
author="Prof. Smith"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3r6t0t",
|
||||
alt: "happy professional portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3r6t0t", alt: "happy professional portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=riyfnb",
|
||||
alt: "successful student professional",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=riyfnb", alt: "successful student professional"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qv33ma",
|
||||
alt: "professional headshot man",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qv33ma", alt: "professional headshot man"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eql5xb",
|
||||
alt: "happy female professional",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eql5xb", alt: "happy female professional"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=at27nc",
|
||||
alt: "friendly student portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=at27nc", alt: "friendly student portrait"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -239,20 +163,11 @@ export default function LandingPage() {
|
||||
description="Internships, volunteer work, and leadership roles."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "ex1",
|
||||
title: "Summer Intern at TechCorp",
|
||||
content: "Led the front-end transition for internal tools.",
|
||||
},
|
||||
id: "ex1", title: "Summer Intern at TechCorp", content: "Led the front-end transition for internal tools."},
|
||||
{
|
||||
id: "ex2",
|
||||
title: "Volunteer Lead at CharityHub",
|
||||
content: "Managed the digital outreach strategy.",
|
||||
},
|
||||
id: "ex2", title: "Volunteer Lead at CharityHub", content: "Managed the digital outreach strategy."},
|
||||
{
|
||||
id: "ex3",
|
||||
title: "University Research Assistant",
|
||||
content: "Conducted data analysis and paper publication.",
|
||||
},
|
||||
id: "ex3", title: "University Research Assistant", content: "Conducted data analysis and paper publication."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ky1ms3"
|
||||
@@ -264,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What tools do you use?",
|
||||
content: "React, TypeScript, Tailwind, Figma.",
|
||||
},
|
||||
id: "q1", title: "What tools do you use?", content: "React, TypeScript, Tailwind, Figma."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you looking for opportunities?",
|
||||
content: "Yes, I am currently exploring internships.",
|
||||
},
|
||||
id: "q2", title: "Are you looking for opportunities?", content: "Yes, I am currently exploring internships."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How can I contact you?",
|
||||
content: "Feel free to email or connect on LinkedIn.",
|
||||
},
|
||||
id: "q3", title: "How can I contact you?", content: "Feel free to email or connect on LinkedIn."},
|
||||
]}
|
||||
sideTitle="Questions? Ask Away."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -288,14 +194,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Let's build something amazing together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send an Email",
|
||||
href: "mailto:hello@student.edu",
|
||||
},
|
||||
text: "Send an Email", href: "mailto:hello@student.edu"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -304,16 +207,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Student Portfolio © 2024"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
}}
|
||||
text: "LinkedIn", href: "https://linkedin.com"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user