Merge version_1 into main #1
244
src/app/page.tsx
244
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "#skills",
|
||||
},
|
||||
{
|
||||
name: "Academic",
|
||||
id: "#academic",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Skills", id: "#skills" },
|
||||
{ name: "Academic", id: "#academic" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Portfolio"
|
||||
/>
|
||||
@@ -53,64 +41,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crafting Excellence Through Skill and Knowledge"
|
||||
description="Showcasing a unique blend of academic foundation, technical expertise, and a drive for meaningful innovation."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#skills",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Work", href: "#skills" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg"
|
||||
imageAlt="professional headshot minimalist studio"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg",
|
||||
alt: "Young beautiful girl smiling sitting on floor over white wall.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
|
||||
alt: "Portrait of a young female dentist Dentistry concept Dental treatment",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",
|
||||
alt: "Portrait of a young female dentist dentistry concept dental treatment",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021805.jpg",
|
||||
alt: "Portrait of stylish woman posing in a fashionable outfit",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg",
|
||||
alt: "Portrait of stylish woman posing in a fashionable outfit",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg", alt: "Young beautiful girl smiling sitting on floor over white wall." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg", alt: "Portrait of a young female dentist Dentistry concept Dental treatment" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg", alt: "Portrait of a young female dentist dentistry concept dental treatment" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021805.jpg", alt: "Portrait of stylish woman posing in a fashionable outfit" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg", alt: "Portrait of stylish woman posing in a fashionable outfit" }
|
||||
]}
|
||||
avatarText="Trusted by industry experts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Analysis",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Development",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{ type: "text", text: "Strategy" },
|
||||
{ type: "text", text: "Analysis" },
|
||||
{ type: "text", text: "Development" },
|
||||
{ type: "text", text: "Design" },
|
||||
{ type: "text", text: "Innovation" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,18 +73,9 @@ export default function LandingPage() {
|
||||
title="My Journey & Mission"
|
||||
description="Dedicated to bridging the gap between complex academic theories and practical, real-world solutions that drive impact."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Academic Rigor",
|
||||
description: "Foundation in analytical thinking and systematic problem-solving.",
|
||||
},
|
||||
{
|
||||
title: "Continuous Growth",
|
||||
description: "Always exploring new technologies and methodologies.",
|
||||
},
|
||||
{
|
||||
title: "Professional Values",
|
||||
description: "Integrity, collaboration, and quality-first mindset.",
|
||||
},
|
||||
{ title: "Academic Rigor", description: "Foundation in analytical thinking and systematic problem-solving." },
|
||||
{ title: "Continuous Growth", description: "Always exploring new technologies and methodologies." },
|
||||
{ title: "Professional Values", description: "Integrity, collaboration, and quality-first mindset." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-devices-decor-plants_23-2148223253.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -148,21 +90,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Technical Analysis",
|
||||
description: "Deep understanding of data and logic systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
},
|
||||
{
|
||||
title: "Strategy & Planning",
|
||||
description: "Translating goals into clear, actionable steps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-office-holding-tablet_23-2152013704.jpg",
|
||||
},
|
||||
{
|
||||
title: "Creative Innovation",
|
||||
description: "Applying unique angles to complex challenges.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sustainable-light-bulb-alternatives_23-2149165739.jpg",
|
||||
},
|
||||
{ title: "Technical Analysis", description: "Deep understanding of data and logic systems.", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg" },
|
||||
{ title: "Strategy & Planning", description: "Translating goals into clear, actionable steps.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-office-holding-tablet_23-2152013704.jpg" },
|
||||
{ title: "Creative Innovation", description: "Applying unique angles to complex challenges.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sustainable-light-bulb-alternatives_23-2149165739.jpg" }
|
||||
]}
|
||||
title="My Core Capabilities"
|
||||
description="Leveraging a diverse toolkit to solve modern problems."
|
||||
@@ -176,18 +106,9 @@ export default function LandingPage() {
|
||||
title="Academic Foundation"
|
||||
description="Building a solid base through dedicated research and structured learning."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Degree Name",
|
||||
description: "Focus areas including advanced theory and practice.",
|
||||
},
|
||||
{
|
||||
title: "Research Work",
|
||||
description: "In-depth studies on relevant industry topics.",
|
||||
},
|
||||
{
|
||||
title: "Certifications",
|
||||
description: "Validating professional skills and knowledge.",
|
||||
},
|
||||
{ title: "Degree Name", description: "Focus areas including advanced theory and practice." },
|
||||
{ title: "Research Work", description: "In-depth studies on relevant industry topics." },
|
||||
{ title: "Certifications", description: "Validating professional skills and knowledge." }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/contemporary-workspace-with-plant-glass-vase-desk_23-2148225535.jpg"
|
||||
@@ -197,30 +118,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Projects Completed",
|
||||
description: "Successful deliveries across various domains.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-programming-coding-solid-glyph-icon-pack_1142-25592.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Hours Research",
|
||||
description: "Dedicated academic and market studies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-partners-changing-light-bulb_23-2147676407.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Committed to excellence in everything.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-light-bulb-with-written-idea-text-wool-thread-chalkboard_23-2147873980.jpg",
|
||||
},
|
||||
{ id: "m1", value: "10+", title: "Projects Completed", description: "Successful deliveries across various domains.", imageSrc: "http://img.b2bpic.net/free-vector/25-programming-coding-solid-glyph-icon-pack_1142-25592.jpg" },
|
||||
{ id: "m2", value: "500+", title: "Hours Research", description: "Dedicated academic and market studies.", imageSrc: "http://img.b2bpic.net/free-vector/flat-partners-changing-light-bulb_23-2147676407.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Client Satisfaction", description: "Committed to excellence in everything.", imageSrc: "http://img.b2bpic.net/free-photo/white-light-bulb-with-written-idea-text-wool-thread-chalkboard_23-2147873980.jpg" }
|
||||
]}
|
||||
title="Key Accomplishments"
|
||||
description="Measurable results from personal and professional projects."
|
||||
@@ -233,41 +137,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice J.",
|
||||
role: "Project Lead",
|
||||
testimonial: "Exceptional analytical skills.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark S.",
|
||||
role: "Professor",
|
||||
testimonial: "Highly diligent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah P.",
|
||||
role: "Manager",
|
||||
testimonial: "Always delivers high-quality work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-136.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Partner",
|
||||
testimonial: "Innovative solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily C.",
|
||||
role: "Researcher",
|
||||
testimonial: "Deep commitment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice J.", role: "Project Lead", testimonial: "Exceptional analytical skills.", imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg" },
|
||||
{ id: "2", name: "Mark S.", role: "Professor", testimonial: "Highly diligent.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg" },
|
||||
{ id: "3", name: "Sarah P.", role: "Manager", testimonial: "Always delivers high-quality work.", imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-136.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Partner", testimonial: "Innovative solutions.", imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg" },
|
||||
{ id: "5", name: "Emily C.", role: "Researcher", testimonial: "Deep commitment.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg" }
|
||||
]}
|
||||
title="What Colleagues Say"
|
||||
description="Authentic experiences from working with me."
|
||||
@@ -278,21 +152,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your primary focus?",
|
||||
content: "I focus on delivering high-impact solutions.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you available for projects?",
|
||||
content: "Yes, please reach out via the contact form.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can we meet for a discussion?",
|
||||
content: "I am always open to meaningful conversations.",
|
||||
},
|
||||
{ id: "f1", title: "What is your primary focus?", content: "I focus on delivering high-impact solutions." },
|
||||
{ id: "f2", title: "Are you available for projects?", content: "Yes, please reach out via the contact form." },
|
||||
{ id: "f3", title: "Can we meet for a discussion?", content: "I am always open to meaningful conversations." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -302,9 +164,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Let's Talk"
|
||||
title="Get in touch"
|
||||
description="Whether it's a project inquiry or just a chat, feel free to drop a message."
|
||||
@@ -320,31 +180,11 @@ export default function LandingPage() {
|
||||
logoText="Portfolio"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Skills",
|
||||
href: "#skills",
|
||||
},
|
||||
],
|
||||
title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Skills", href: "#skills" }]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }]
|
||||
}
|
||||
]}
|
||||
imageAlt="minimalist abstract geometric shape"
|
||||
/>
|
||||
@@ -352,4 +192,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user