Merge version_1 into main #2
131
src/app/page.tsx
131
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "skills",
|
||||
},
|
||||
name: "Skills", id: "skills"},
|
||||
{
|
||||
name: "Timeline",
|
||||
id: "timeline",
|
||||
},
|
||||
name: "Timeline", id: "timeline"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DEVANSH"
|
||||
/>
|
||||
@@ -54,42 +46,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Hi, I'm Devansh."
|
||||
description="A Levels student. Future CS engineer. AI enthusiast."
|
||||
tag="// Mumbai, India"
|
||||
buttons={[
|
||||
{
|
||||
text: "View my work ↓",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View my work ↓", href: "#projects"},
|
||||
{
|
||||
text: "Get in touch",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get in touch", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-cyber-particles_1048-13211.jpg?_wi=1",
|
||||
imageAlt: "abstract geometric dark background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-cyber-particles_1048-13211.jpg", imageAlt: "abstract geometric dark background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-boho-frame-pack_23-2149014818.jpg?_wi=1",
|
||||
imageAlt: "abstract geometric dark background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg",
|
||||
imageAlt: "3D render of an abstract with connecting lines and dots, modern communications",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg",
|
||||
imageAlt: "3D modern plexus low poly design with selective focus",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-low-poly-plexus-shapes-with-floating-particles_1048-12476.jpg",
|
||||
imageAlt: "3D modern low poly plexus shapes with floating particles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-boho-frame-pack_23-2149014818.jpg", imageAlt: "abstract geometric dark background"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -104,7 +75,7 @@ export default function LandingPage() {
|
||||
title="Driven to build the future."
|
||||
description="I'm a 17-year-old student in Mumbai, juggling five A Level subjects including Further Maths and Chemistry. I started coding with Python, found my way to web design, and now I'm building things that matter."
|
||||
subdescription="Outside academics, I game competitively and play sports. I believe the same mindset that wins games wins problems. My goal: join a top CS program and work on meaningful AI."
|
||||
imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-illustration_23-2149265565.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-illustration_23-2149265565.jpg"
|
||||
icon={Code2}
|
||||
imageAlt="abstract geometric dark background"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -118,41 +89,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Python",
|
||||
description: "Scripting, automation, and logic-building for AI experiments.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-shapes-cover-collection_23-2148924494.jpg",
|
||||
imageAlt: "Hand drawn abstract shapes cover collection",
|
||||
},
|
||||
title: "Python", description: "Scripting, automation, and logic-building for AI experiments.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-shapes-cover-collection_23-2148924494.jpg", imageAlt: "Hand drawn abstract shapes cover collection"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-cyber-particles_1048-13211.jpg?_wi=2",
|
||||
imageAlt: "Hand drawn abstract shapes cover collection",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "HTML",
|
||||
description: "Semantic structure for accessible, performant web markup.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-illustration_23-2149291049.jpg",
|
||||
imageAlt: "Hand drawn one line art illustration",
|
||||
},
|
||||
title: "HTML", description: "Semantic structure for accessible, performant web markup.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-illustration_23-2149291049.jpg", imageAlt: "Hand drawn one line art illustration"},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-boho-frame-pack_23-2149014818.jpg?_wi=2",
|
||||
imageAlt: "Hand drawn abstract shapes cover collection",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "CSS",
|
||||
description: "Responsive layouts, animations, and precise pixel-perfect design.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-poster-set_23-2149291047.jpg",
|
||||
imageAlt: "Hand drawn one line art poster set",
|
||||
},
|
||||
title: "CSS", description: "Responsive layouts, animations, and precise pixel-perfect design.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-poster-set_23-2149291047.jpg", imageAlt: "Hand drawn one line art poster set"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-one-line-art-illustration_23-2149265565.jpg?_wi=2",
|
||||
imageAlt: "Hand drawn abstract shapes cover collection",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Core Technical Stack"
|
||||
description="A focused set of tools chosen for efficiency and impact."
|
||||
@@ -162,40 +115,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="timeline" data-section="timeline">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "2023",
|
||||
title: "Completed IGCSE",
|
||||
items: [
|
||||
"Finished with top results in Maths and CS.",
|
||||
],
|
||||
id: "1", value: "2023", title: "Completed IGCSE", items: [
|
||||
"Finished with top results in Maths and CS."],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "2024",
|
||||
title: "Started A Levels",
|
||||
items: [
|
||||
"Challenging myself with Further Maths and Chemistry.",
|
||||
],
|
||||
id: "2", value: "2024", title: "Started A Levels", items: [
|
||||
"Challenging myself with Further Maths and Chemistry."],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "2024",
|
||||
title: "First Webpage",
|
||||
items: [
|
||||
"Zero to working HTML/CSS in weeks.",
|
||||
],
|
||||
id: "3", value: "2024", title: "First Webpage", items: [
|
||||
"Zero to working HTML/CSS in weeks."],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "2025",
|
||||
title: "Portfolio Launch",
|
||||
items: [
|
||||
"Committing to a serious online presence.",
|
||||
],
|
||||
id: "4", value: "2025", title: "Portfolio Launch", items: [
|
||||
"Committing to a serious online presence."],
|
||||
},
|
||||
]}
|
||||
title="Timeline & Growth"
|
||||
@@ -218,20 +156,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="// Contact"
|
||||
title="Let's talk."
|
||||
description="I'm always up for a conversation about code, AI, or anything interesting."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Me",
|
||||
href: "mailto:thakkar.devansh@gmail.com",
|
||||
},
|
||||
text: "Email Me", href: "mailto:thakkar.devansh@gmail.com"},
|
||||
{
|
||||
text: "LinkedIn",
|
||||
href: "https://linkedin.com/in/devansh-thakkar-584b66378",
|
||||
},
|
||||
text: "LinkedIn", href: "https://linkedin.com/in/devansh-thakkar-584b66378"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user