bender/dbb1d0bd-7d2e-48dc-ae0c-c86a1874b582
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-05-14 10:36:58 +00:00
parent 7af7beabd8 e0560f7ded
commit 8791a73b53
1 changed files with 19 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/app/page.tsx
View File

@@ -18,21 +18,23 @@ export default function LandingPage() {
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="noise"
cardStyle="gradient-mesh"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="medium"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Skills", id: "skills" },
{ name: "Timeline", id: "timeline" },
{ name: "Projects", id: "projects" },
{ name: "Contact", id: "contact" }
]}
brandName="DEVANSH"
@@ -41,9 +43,9 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "gradient-bars" }}
title="Hi, I'm Devansh."
description="A Levels student. Future CS engineer. AI enthusiast."
background={{ variant: "gradient-bars" }}
tag="// Mumbai, India"
buttons={[
{ text: "View my work ↓", href: "#projects" },
@@ -61,7 +63,6 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="// About Me"
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."
@@ -70,6 +71,7 @@ export default function LandingPage() {
icon={Code2}
imageAlt="abstract geometric dark background"
mediaAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -78,16 +80,14 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
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" }, items: [], 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" }, items: [], 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" }, items: [], reverse: false },
{ title: "Python", description: "Advanced logic for backend development.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg", imageAlt: "Abstract lines" }, items: [], reverse: false },
{ title: "HTML", description: "Semantic web architecture.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg", imageAlt: "Plexus design" }, items: [], reverse: true }
]}
title="Core Technical Stack"
description="A focused set of tools chosen for efficiency and impact."
tag="// what i work with"
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" }, items: [], 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" }, items: [], 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" }, items: [], reverse: false }
]}
/>
</div>
@@ -96,15 +96,14 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Timeline & Growth"
description="My journey through education and personal milestones."
metrics={[
{ 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: "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: "5", value: "2025", title: "Deep Learning", items: ["Exploring neural networks."] }
{ id: "4", value: "2025", title: "Portfolio Launch", items: ["Committing to a serious online presence."] }
]}
title="Timeline & Growth"
description="My journey through education and personal milestones."
/>
</div>