Merge version_2 into main #1
175
src/app/page.tsx
175
src/app/page.tsx
@@ -13,14 +13,14 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About Me",
|
||||
id: "about",
|
||||
},
|
||||
name: "About Me", id: "about"},
|
||||
{
|
||||
name: "My Passions",
|
||||
id: "features",
|
||||
},
|
||||
name: "My Passions", id: "features"},
|
||||
{
|
||||
name: "My Journey",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "My Journey", id: "metrics"},
|
||||
{
|
||||
name: "Connect",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Connect", id: "contact"},
|
||||
]}
|
||||
brandName="Jaykanth Velan"
|
||||
bottomLeftText="9th Grader, Dindigul"
|
||||
@@ -55,67 +47,36 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
title="Jaykanth Velan: 9th Grader, Global Aspirations"
|
||||
description="A curious mind from Dindigul with a passion for innovation, immersive experiences, visual storytelling, and rich soundscapes. Charting a path from India to Harvard, with dreams of Switzerland and Dubai."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ms. Priya Sharma",
|
||||
handle: "@PriyaTeach",
|
||||
testimonial: "Jaykanth's curiosity is infectious. He approaches every subject with an open mind and a drive to truly understand, making him a joy to teach.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/professional-headshot-of-a-female-teache-1774245810468-2b75cf9b.png",
|
||||
imageAlt: "Ms. Priya Sharma",
|
||||
},
|
||||
name: "Ms. Priya Sharma", handle: "@PriyaTeach", testimonial: "Jaykanth's curiosity is infectious. He approaches every subject with an open mind and a drive to truly understand, making him a joy to teach.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/professional-headshot-of-a-female-teache-1774245810468-2b75cf9b.png", imageAlt: "Ms. Priya Sharma"},
|
||||
{
|
||||
name: "Arjun Kumar",
|
||||
handle: "@Arjun_Dev",
|
||||
testimonial: "Always pushing boundaries, Jaykanth is already showing a keen eye for technology and problem-solving beyond his years.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/professional-headshot-of-a-male-student--1774245810279-91174440.png",
|
||||
imageAlt: "Arjun Kumar",
|
||||
},
|
||||
name: "Arjun Kumar", handle: "@Arjun_Dev", testimonial: "Always pushing boundaries, Jaykanth is already showing a keen eye for technology and problem-solving beyond his years.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/professional-headshot-of-a-male-student--1774245810279-91174440.png", imageAlt: "Arjun Kumar"},
|
||||
{
|
||||
name: "Dr. Elena Petrova",
|
||||
handle: "@DrPetrovaEdu",
|
||||
testimonial: "His ambition is remarkable. Jaykanth embodies the spirit of a global learner, eager to explore new horizons and intellectual challenges.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/professional-headshot-of-a-female-mentor-1774245810381-c6ddbb49.png",
|
||||
imageAlt: "Dr. Elena Petrova",
|
||||
},
|
||||
name: "Dr. Elena Petrova", handle: "@DrPetrovaEdu", testimonial: "His ambition is remarkable. Jaykanth embodies the spirit of a global learner, eager to explore new horizons and intellectual challenges.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/professional-headshot-of-a-female-mentor-1774245810381-c6ddbb49.png", imageAlt: "Dr. Elena Petrova"},
|
||||
{
|
||||
name: "Rahul Singh",
|
||||
handle: "@Rahul_Clicks",
|
||||
testimonial: "Jaykanth has a unique perspective, whether it's discussing games or capturing stunning photos. His dedication is truly inspiring.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/professional-headshot-of-a-male-peer-fri-1774245809925-0c5f38af.png",
|
||||
imageAlt: "Rahul Singh",
|
||||
},
|
||||
name: "Rahul Singh", handle: "@Rahul_Clicks", testimonial: "Jaykanth has a unique perspective, whether it's discussing games or capturing stunning photos. His dedication is truly inspiring.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/professional-headshot-of-a-male-peer-fri-1774245809925-0c5f38af.png", imageAlt: "Rahul Singh"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore My World",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Explore My World", href: "#about"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/stylized-profile-picture-of-a-young-dive-1774245810423-4b32118d.png",
|
||||
alt: "Profile 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/stylized-profile-picture-of-a-young-dive-1774245810423-4b32118d.png", alt: "Profile 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/stylized-profile-picture-of-another-youn-1774245810236-d9b16939.png",
|
||||
alt: "Profile 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/stylized-profile-picture-of-another-youn-1774245810236-d9b16939.png", alt: "Profile 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/stylized-profile-picture-of-a-third-youn-1774245810660-aad5ed94.png",
|
||||
alt: "Profile 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/stylized-profile-picture-of-a-third-youn-1774245810660-aad5ed94.png", alt: "Profile 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/stylized-profile-picture-of-a-fourth-you-1774245812968-a6176297.png",
|
||||
alt: "Profile 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/stylized-profile-picture-of-a-fourth-you-1774245812968-a6176297.png", alt: "Profile 4"},
|
||||
]}
|
||||
avatarText="Connect with Me!"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/a-dynamic-and-ambitious-9th-grade-indian-1774245810684-c6f792df.png"
|
||||
@@ -128,12 +89,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="My World: Passions & Pursuits"
|
||||
description={[
|
||||
"Welcome to my corner of the internet! I'm Jaykanth Velan, a 9th grader from Dindigul with an insatiable curiosity and a wide array of interests that fuel my journey. From the complex algorithms of technology to the intricate soundscapes of audiophile-grade music, I thrive on exploration and discovery.",
|
||||
"Technology: My fascination with technology began early, diving into how things work and how they can be made better. I'm captivated by the potential of AI, the logic of programming, and the ever-evolving landscape of digital innovation. This isn't just a hobby; it's a foundational part of how I view and interact with the world.",
|
||||
"Video Games: Beyond the pixels and stories, video games are a realm of strategic thinking, problem-solving, and immersive experiences. They challenge my mind, improve my reflexes, and offer new perspectives on narrative and design.",
|
||||
"Photography: The world is full of beauty, and photography is my way of capturing it. I love experimenting with light, composition, and perspective to tell stories through images, finding art in everyday moments.",
|
||||
"Audiophile: For me, sound is an art form. I appreciate the nuances of high-fidelity audio, the intricate layers of music, and the immersive power of perfectly tuned soundscapes. It’s a journey of discovery for every note and beat.",
|
||||
]}
|
||||
"Welcome to my corner of the internet! I'm Jaykanth Velan, a 9th grader from Dindigul with an insatiable curiosity and a wide array of interests that fuel my journey. From the complex algorithms of technology to the intricate soundscapes of audiophile-grade music, I thrive on exploration and discovery.", "Technology: My fascination with technology began early, diving into how things work and how they can be made better. I'm captivated by the potential of AI, the logic of programming, and the ever-evolving landscape of digital innovation. This isn't just a hobby; it's a foundational part of how I view and interact with the world.", "Video Games: Beyond the pixels and stories, video games are a realm of strategic thinking, problem-solving, and immersive experiences. They challenge my mind, improve my reflexes, and offer new perspectives on narrative and design.", "Photography: The world is full of beauty, and photography is my way of capturing it. I love experimenting with light, composition, and perspective to tell stories through images, finding art in everyday moments.", "Audiophile: For me, sound is an art form. I appreciate the nuances of high-fidelity audio, the intricate layers of music, and the immersive power of perfectly tuned soundscapes. It’s a journey of discovery for every note and beat."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,29 +100,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Certified Omnivert",
|
||||
description: "Adapting to every social setting with ease, I'm a certified omnivert. Whether it's deep dives into complex topics or lighthearted banter, my energy shifts fluidly with the situation.",
|
||||
tag: "Personality",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/an-abstract-illustration-depicting-an-om-1774245810634-651ed8ad.png",
|
||||
imageAlt: "Omnivert personality illustration",
|
||||
},
|
||||
id: "1", title: "Certified Omnivert", description: "Adapting to every social setting with ease, I'm a certified omnivert. Whether it's deep dives into complex topics or lighthearted banter, my energy shifts fluidly with the situation.", tag: "Personality", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/an-abstract-illustration-depicting-an-om-1774245810634-651ed8ad.png", imageAlt: "Omnivert personality illustration"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Harvard Bound",
|
||||
description: "Actively pursuing an escape from the conventional, I'm setting my sights on academic excellence, dreaming of Harvard and shaping a future beyond borders.",
|
||||
tag: "Aspirations",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/a-stylized-illustration-of-harvard-unive-1774245810727-d47d35f8.png",
|
||||
imageAlt: "Harvard University gates illustration",
|
||||
},
|
||||
id: "2", title: "Harvard Bound", description: "Actively pursuing an escape from the conventional, I'm setting my sights on academic excellence, dreaming of Harvard and shaping a future beyond borders.", tag: "Aspirations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/a-stylized-illustration-of-harvard-unive-1774245810727-d47d35f8.png", imageAlt: "Harvard University gates illustration"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Swiss & Dubai Dreams",
|
||||
description: "My bucket list includes exploring the serene beauty of Switzerland and the futuristic marvels of Dubai, driven by a desire for global perspectives and unique experiences.",
|
||||
tag: "Travel Dreams",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/a-vibrant-panoramic-illustration-combini-1774245810845-05e2ee95.png",
|
||||
imageAlt: "Switzerland and Dubai travel illustration",
|
||||
},
|
||||
id: "3", title: "Swiss & Dubai Dreams", description: "My bucket list includes exploring the serene beauty of Switzerland and the futuristic marvels of Dubai, driven by a desire for global perspectives and unique experiences.", tag: "Travel Dreams", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/a-vibrant-panoramic-illustration-combini-1774245810845-05e2ee95.png", imageAlt: "Switzerland and Dubai travel illustration"},
|
||||
]}
|
||||
title="Beyond the Books: What Defines Me"
|
||||
description="A glimpse into my unique personality and the ambitious path I'm forging for myself."
|
||||
@@ -180,37 +118,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5+ Years",
|
||||
title: "In Tech Exploration",
|
||||
description: "Exploring the cutting edge of technology, from coding fundamentals to AI ethics, constantly learning and building in the digital realm.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/a-sleek-modern-icon-representing-technol-1774245809673-f28333b7.png",
|
||||
imageAlt: "Tech exploration icon",
|
||||
},
|
||||
id: "1", value: "5+ Years", title: "In Tech Exploration", description: "Exploring the cutting edge of technology, from coding fundamentals to AI ethics, constantly learning and building in the digital realm.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/a-sleek-modern-icon-representing-technol-1774245809673-f28333b7.png", imageAlt: "Tech exploration icon"},
|
||||
{
|
||||
id: "2",
|
||||
value: "100+ Titles",
|
||||
title: "Games Explored",
|
||||
description: "Immersed in narrative worlds and competitive arenas, mastering strategies and enjoying digital adventures across various gaming genres.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/an-iconic-representation-of-video-gaming-1774245810884-56b3458c.png",
|
||||
imageAlt: "Games explored icon",
|
||||
},
|
||||
id: "2", value: "100+ Titles", title: "Games Explored", description: "Immersed in narrative worlds and competitive arenas, mastering strategies and enjoying digital adventures across various gaming genres.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/an-iconic-representation-of-video-gaming-1774245810884-56b3458c.png", imageAlt: "Games explored icon"},
|
||||
{
|
||||
id: "3",
|
||||
value: "200+ Shots",
|
||||
title: "Photos Captured",
|
||||
description: "Capturing moments, light, and stories through the lens, always seeking the perfect frame and perfecting my visual storytelling skills.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/a-minimalist-camera-lens-icon-with-a-sub-1774245809878-4c7c0162.png",
|
||||
imageAlt: "Photos captured icon",
|
||||
},
|
||||
id: "3", value: "200+ Shots", title: "Photos Captured", description: "Capturing moments, light, and stories through the lens, always seeking the perfect frame and perfecting my visual storytelling skills.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/a-minimalist-camera-lens-icon-with-a-sub-1774245809878-4c7c0162.png", imageAlt: "Photos captured icon"},
|
||||
{
|
||||
id: "4",
|
||||
value: "1000+ Hours",
|
||||
title: "Audiophile Immersion",
|
||||
description: "Dedicated to the purest sound, discovering nuances in music and high-fidelity audio gear to experience sound as an art form.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/an-abstract-icon-representing-high-fidel-1774245811774-4de87119.png",
|
||||
imageAlt: "Audiophile immersion icon",
|
||||
},
|
||||
id: "4", value: "1000+ Hours", title: "Audiophile Immersion", description: "Dedicated to the purest sound, discovering nuances in music and high-fidelity audio gear to experience sound as an art form.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKlf8ml4xH0wffyWzaXhKexuPO/an-abstract-icon-representing-high-fidel-1774245811774-4de87119.png", imageAlt: "Audiophile immersion icon"},
|
||||
]}
|
||||
title="My Journey So Far: A Snapshot of My Passions"
|
||||
description="Quantifying my dedication and engagement across my core interests."
|
||||
@@ -221,8 +135,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
tag="Get in Touch"
|
||||
title="Let's Connect & Collaborate"
|
||||
description="Reach out and let's talk about tech, video games, photography, audiophile insights, or anything that sparks curiosity. I'm always open to new connections and opportunities!"
|
||||
@@ -241,33 +154,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Me",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "About Me", href: "#hero"},
|
||||
{
|
||||
label: "My Passions",
|
||||
href: "#about",
|
||||
},
|
||||
label: "My Passions", href: "#about"},
|
||||
{
|
||||
label: "My Journey",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "My Journey", href: "#metrics"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
label: "GitHub", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120a00e6;
|
||||
--primary-cta: #FF7B05;
|
||||
--background: #f7f6f7;
|
||||
--card: #ffffff;
|
||||
--foreground: #1b0c25;
|
||||
--primary-cta: #1b0c25;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #120a00e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #FF7B05;
|
||||
--accent: #ff93e4;
|
||||
--background-accent: #e8a8c3;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user