bender/fc40fe94-35d6-4db1-bf5c-30f23a78a53c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 23:55:32 +00:00
parent 937521150d
commit 0f4ce645ab
1 changed files with 40 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
src/app/page.tsx
View File

@@ -31,41 +31,23 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Me",
id: "#about-me",
},
name: "About Me", id: "#about-me"},
{
name: "Sports",
id: "#sports",
},
name: "Sports", id: "#sports"},
{
name: "Technology",
id: "#technology",
},
name: "Technology", id: "#technology"},
{
name: "Math",
id: "#math-learning",
},
name: "Math", id: "#math-learning"},
{
name: "Cars",
id: "#cars",
},
name: "Cars", id: "#cars"},
{
name: "Pets",
id: "#pets",
},
name: "Pets", id: "#pets"},
{
name: "Games",
id: "#games",
},
name: "Games", id: "#games"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Jonathan's World"
/>
@@ -74,19 +56,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "glowing-orb",
}}
variant: "glowing-orb"}}
logoText="Jonathan's World"
description="Athlete • Student • Creator • Technology Enthusiast"
buttons={[
{
text: "Explore My World",
href: "#about-me",
},
text: "Explore My World", href: "#about-me"},
{
text: "Connect with Me",
href: "#contact",
},
text: "Connect with Me", href: "#contact"},
]}
imageAlt="Futuristic abstract background with glowing particles"
mediaAnimation="slide-up"
@@ -103,7 +80,7 @@ export default function LandingPage() {
subdescription="From the strategic plays on the soccer field to the intricate logic of coding, I thrive on continuous learning and creative exploration, constantly seeking new challenges and mastering new skills."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-male-red-sweater-smiling-black-wall_140725-143151.jpg"
mediaAnimation="reveal-blur"
mediaAnimation="blur-reveal"
/>
</div>
@@ -115,19 +92,13 @@ export default function LandingPage() {
features={[
{
icon: Activity,
title: "Soccer Star",
description: "Playing midfielder for the local league, focusing on strategy, endurance, and precision passing. Favorite team: Manchester City.",
},
title: "Soccer Star", description: "Playing midfielder for the local league, focusing on strategy, endurance, and precision passing. Favorite team: Manchester City."},
{
icon: Activity,
title: "Table Tennis Ace",
description: "Achieving regional rankings and constantly training to improve my serve and spin techniques. Always ready for a friendly match.",
},
title: "Table Tennis Ace", description: "Achieving regional rankings and constantly training to improve my serve and spin techniques. Always ready for a friendly match."},
{
icon: Activity,
title: "General Fitness",
description: "Maintaining peak physical condition through consistent gym workouts and cardio, essential for competitive performance and overall well-being.",
},
title: "General Fitness", description: "Maintaining peak physical condition through consistent gym workouts and cardio, essential for competitive performance and overall well-being."},
]}
title="Athletic Pursuits"
description="From the pitch to the table, my commitment to sports is fueled by passion and perseverance, driving me to excel in every game."
@@ -142,47 +113,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Project Management Dashboard",
price: "Open Source",
imageSrc: "http://img.b2bpic.net/free-photo/german-stock-exchange-frankfurt-germany_1268-20930.jpg",
imageAlt: "Project management dashboard interface",
},
id: "p1", name: "Project Management Dashboard", price: "Open Source", imageSrc: "http://img.b2bpic.net/free-photo/german-stock-exchange-frankfurt-germany_1268-20930.jpg", imageAlt: "Project management dashboard interface"},
{
id: "p2",
name: "AI Model Interface",
price: "Experimental",
imageSrc: "http://img.b2bpic.net/free-photo/army-soldier-reviews-targets-satellite-world-map-ensure-global-protection_482257-91236.jpg",
imageAlt: "AI model interface with neural network graphs",
},
id: "p2", name: "AI Model Interface", price: "Experimental", imageSrc: "http://img.b2bpic.net/free-photo/army-soldier-reviews-targets-satellite-world-map-ensure-global-protection_482257-91236.jpg", imageAlt: "AI model interface with neural network graphs"},
{
id: "p3",
name: "Web Development Environment",
price: "Personal Use",
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645638.jpg",
imageAlt: "Web development coding environment",
},
id: "p3", name: "Web Development Environment", price: "Personal Use", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645638.jpg", imageAlt: "Web development coding environment"},
{
id: "p4",
name: "Data Analytics Dashboard",
price: "Analytics Tool",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg",
imageAlt: "Data analytics dashboard",
},
id: "p4", name: "Data Analytics Dashboard", price: "Analytics Tool", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg", imageAlt: "Data analytics dashboard"},
{
id: "p5",
name: "Blockchain Platform UI",
price: "Concept",
imageSrc: "http://img.b2bpic.net/free-photo/neon-purple-lights-with-bokeh-effect_1017-2671.jpg",
imageAlt: "Blockchain platform interface",
},
id: "p5", name: "Blockchain Platform UI", price: "Concept", imageSrc: "http://img.b2bpic.net/free-photo/neon-purple-lights-with-bokeh-effect_1017-2671.jpg", imageAlt: "Blockchain platform interface"},
{
id: "p6",
name: "IoT Smart Home System",
price: "Prototype",
imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-his-smart-home_23-2149036899.jpg",
imageAlt: "IoT smart home system interface",
},
id: "p6", name: "IoT Smart Home System", price: "Prototype", imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-his-smart-home_23-2149036899.jpg", imageAlt: "IoT smart home system interface"},
]}
title="Tech & Innovation"
description="Exploring the frontiers of technology through code, development, and innovative projects that push boundaries."
@@ -197,25 +138,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "Algebra",
title: "Equation Mastery",
description: "Proficient in complex algebraic problem-solving and abstract reasoning.",
icon: GraduationCap,
id: "m1", value: "Algebra", title: "Equation Mastery", description: "Proficient in complex algebraic problem-solving and abstract reasoning.", icon: GraduationCap,
},
{
id: "m2",
value: "Calculus",
title: "Dynamic Analysis",
description: "Skilled in differential and integral calculus for understanding rates of change and accumulation.",
icon: Gauge,
id: "m2", value: "Calculus", title: "Dynamic Analysis", description: "Skilled in differential and integral calculus for understanding rates of change and accumulation.", icon: Gauge,
},
{
id: "m3",
value: "Geometry",
title: "Spatial Reasoning",
description: "Adept at Euclidean and analytical geometry, visualizing and solving spatial challenges.",
icon: Sparkles,
id: "m3", value: "Geometry", title: "Spatial Reasoning", description: "Adept at Euclidean and analytical geometry, visualizing and solving spatial challenges.", icon: Sparkles,
},
]}
title="The Logic of Learning"
@@ -232,47 +161,17 @@ export default function LandingPage() {
carouselMode="auto"
products={[
{
id: "car1",
name: "Lamborghini Aventador",
price: "V12 Power",
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674321.jpg",
imageAlt: "Lamborghini Aventador",
},
id: "car1", name: "Lamborghini Aventador", price: "V12 Power", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674321.jpg", imageAlt: "Lamborghini Aventador"},
{
id: "car2",
name: "Ferrari F8 Tributo",
price: "Italian Icon",
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021178.jpg",
imageAlt: "Ferrari F8 Tributo",
},
id: "car2", name: "Ferrari F8 Tributo", price: "Italian Icon", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021178.jpg", imageAlt: "Ferrari F8 Tributo"},
{
id: "car3",
name: "Porsche 911 GT3",
price: "Track Focused",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138974.jpg",
imageAlt: "Porsche 911 GT3",
},
id: "car3", name: "Porsche 911 GT3", price: "Track Focused", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138974.jpg", imageAlt: "Porsche 911 GT3"},
{
id: "car4",
name: "Bugatti Chiron",
price: "Hypersport Legend",
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674298.jpg",
imageAlt: "Bugatti Chiron",
},
id: "car4", name: "Bugatti Chiron", price: "Hypersport Legend", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674298.jpg", imageAlt: "Bugatti Chiron"},
{
id: "car5",
name: "McLaren 720S",
price: "British Engineering",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918938.jpg",
imageAlt: "McLaren 720S",
},
id: "car5", name: "McLaren 720S", price: "British Engineering", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918938.jpg", imageAlt: "McLaren 720S"},
{
id: "car6",
name: "Aston Martin DB11",
price: "Elegant Power",
imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649852.jpg",
imageAlt: "Aston Martin DB11",
},
id: "car6", name: "Aston Martin DB11", price: "Elegant Power", imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649852.jpg", imageAlt: "Aston Martin DB11"},
]}
title="Automotive Excellence"
description="A curated collection of the world's most iconic supercars, blending art with engineering and raw power."
@@ -288,7 +187,7 @@ export default function LandingPage() {
subdescription="He loves long walks, playing fetch, and his favorite squeaky toys. A true companion and an essential part of Jonathan's world, always ready for an adventure."
icon={Heart}
imageSrc="http://img.b2bpic.net/free-photo/futuristic-style-dog-with-robot-suit_23-2151107698.jpg"
mediaAnimation="reveal-blur"
mediaAnimation="blur-reveal"
/>
</div>
@@ -300,19 +199,13 @@ export default function LandingPage() {
features={[
{
icon: Lightbulb,
title: "Logic Puzzles",
description: "Challenge your mind with a variety of brain-teasing puzzles, designed to test your critical thinking and problem-solving skills.",
},
title: "Logic Puzzles", description: "Challenge your mind with a variety of brain-teasing puzzles, designed to test your critical thinking and problem-solving skills."},
{
icon: Activity,
title: "Arcade Classics",
description: "Relive the golden age of gaming with fast-paced arcade mini-games, featuring retro graphics and modern twists.",
},
title: "Arcade Classics", description: "Relive the golden age of gaming with fast-paced arcade mini-games, featuring retro graphics and modern twists."},
{
icon: Trophy,
title: "Achievement System",
description: "Earn badges and climb the global leaderboards by mastering games and completing special challenges.",
},
title: "Achievement System", description: "Earn badges and climb the global leaderboards by mastering games and completing special challenges."},
]}
title="Digital Playground"
description="Dive into a collection of interactive browser mini-games, track your progress on leaderboards, and unlock achievements."
@@ -323,8 +216,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
tag="Get in Touch"
title="Let's Connect"
description="Feel free to reach out for collaborations, questions, or just to say hello! I'm always open to new ideas and opportunities."
@@ -344,24 +236,16 @@ export default function LandingPage() {
socialLinks={[
{
icon: Linkedin,
href: "https://linkedin.com/in/jonathan",
ariaLabel: "LinkedIn profile",
},
href: "https://linkedin.com/in/jonathan", ariaLabel: "LinkedIn profile"},
{
icon: Github,
href: "https://github.com/jonathan",
ariaLabel: "GitHub profile",
},
href: "https://github.com/jonathan", ariaLabel: "GitHub profile"},
{
icon: Twitter,
href: "https://twitter.com/jonathan",
ariaLabel: "Twitter profile",
},
href: "https://twitter.com/jonathan", ariaLabel: "Twitter profile"},
{
icon: Instagram,
href: "https://instagram.com/jonathan",
ariaLabel: "Instagram profile",
},
href: "https://instagram.com/jonathan", ariaLabel: "Instagram profile"},
]}
/>
</div>