bender/f8406584-1d28-42f4-bc40-62226bcfcdeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-06-03 14:27:01 +00:00
parent 82428aa816 9ff083f8d8
commit 8adeb60214
3 changed files with 469 additions and 300 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,141 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FooterBase from '@/components/sections/footer/FooterBase';
import ReactLenis from "lenis/react";
export const metadata = {
title: 'Contact Jay Rao',
description: 'Reach out to Jay Rao for game development collaborations, job inquiries, or general discussions.',
};
export default function ContactPage() {
const navItems = [
{
name: "Home", id: "/"
},
{
name: "About", id: "/#about"
},
{
name: "Skills", id: "/#skills"
},
{
name: "Projects", id: "/#featured-projects"
},
{
name: "Blog", id: "/#blog"
},
{
name: "Contact", id: "/contact"
}
];
const footerColumns = [
{
title: "Quick Links", items: [
{
label: "Home", href: "/"
},
{
label: "About", href: "/#about"
},
{
label: "Skills", href: "/#skills"
}
]
},
{
title: "Projects", items: [
{
label: "Featured Projects", href: "/#featured-projects"
},
{
label: "Full Portfolio", href: "/#project-gallery"
},
{
label: "Devlog", href: "/#blog"
}
]
},
{
title: "Connect", items: [
{
label: "Contact Me", href: "/contact"
},
{
label: "LinkedIn", href: "https://linkedin.com/in/jayrao"
},
{
label: "GitHub", href: "https://github.com/jayrao"
}
]
}
];
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
logoSrc="http://img.b2bpic.net/free-vector/futuristic-samurai-skull-esports-gaming-logo_779267-3639.jpg"
logoAlt="Jay Rao Logo"
brandName="Jay Rao"
bottomLeftText="Aspiring Game Dev"
bottomRightText="connect@jayrao.dev"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Let's Connect & Collaborate"
description="Whether you have a project idea, a job inquiry, or just want to chat about game development, I'm always open to new connections. Reach out using the form or connect via my social channels."
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true
},
{
name: "email", type: "email", placeholder: "Your Email", required: true
},
{
name: "subject", type: "text", placeholder: "Subject", required: true
}
]}
textarea={{
name: "message", placeholder: "Your Message", rows: 5,
required: true
}}
imageSrc="http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282047.jpg"
imageAlt="Game development workstation"
mediaAnimation="opacity"
mediaPosition="left"
buttonText="Send Message"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={footerColumns}
logoText="Jay Rao"
copyrightText="© 2024 Jay Rao. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

610
src/app/page.tsx
View File

@@ -3,7 +3,6 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
@@ -14,309 +13,338 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() {
const navItems = [
{
name: "Home", id: "#home"
},
{
name: "About", id: "#about"
},
{
name: "Skills", id: "#skills"
},
{
name: "Projects", id: "#featured-projects"
},
{
name: "Blog", id: "#blog"
},
{
name: "Contact", id: "/contact"
}
];
const footerColumns = [
{
title: "Quick Links", items: [
{
label: "Home", href: "/"
},
{
label: "About", href: "/#about"
},
{
label: "Skills", href: "/#skills"
}
]
},
{
title: "Projects", items: [
{
label: "Featured Projects", href: "/#featured-projects"
},
{
label: "Full Portfolio", href: "/#project-gallery"
},
{
label: "Devlog", href: "/#blog"
}
]
},
{
title: "Connect", items: [
{
label: "Contact Me", href: "/contact"
},
{
label: "LinkedIn", href: "https://linkedin.com/in/jayrao"
},
{
label: "GitHub", href: "https://github.com/jayrao"
}
]
}
];
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="medium"
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "#home"},
{
name: "About", id: "#about"},
{
name: "Skills", id: "#skills"},
{
name: "Projects", id: "#featured-projects"},
{
name: "Blog", id: "#blog"},
{
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/futuristic-samurai-skull-esports-gaming-logo_779267-3639.jpg"
logoAlt="Jay Rao Logo"
brandName="Jay Rao"
bottomLeftText="Aspiring Game Dev"
bottomRightText="connect@jayrao.dev"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
logoSrc="http://img.b2bpic.net/free-vector/futuristic-samurai-skull-esports-gaming-logo_779267-3639.jpg"
logoAlt="Jay Rao Logo"
brandName="Jay Rao"
bottomLeftText="Aspiring Game Dev"
bottomRightText="connect@jayrao.dev"
/>
</div>
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated"}}
title="Jay Rao: Crafting Worlds, Building Dreams."
description="An aspiring game developer and college student passionate about creating immersive experiences through innovative design and cutting-edge technology."
buttons={[
{
text: "Explore My Projects", href: "#featured-projects"},
{
text: "Connect with Me", href: "#contact"},
]}
carouselItems={[
{
id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-landscape-floating-islands-illustration_23-2151844189.jpg", imageAlt: "Fantastical RPG Game World"},
{
id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-city-built-water_23-2151048129.jpg", imageAlt: "Cyberpunk City Skyline"},
{
id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-house-moon-illustration_23-2151627936.jpg", imageAlt: "Space Combat Scene"},
{
id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/view-white-puzzle-pieces-brown-background_23-2149299094.jpg", imageAlt: "Indie Puzzle Game"},
{
id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-city_23-2150900857.jpg", imageAlt: "Medieval Town Square"},
{
id: "hero-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-gothic-style_23-2151626603.jpg", imageAlt: "Horror Game Mansion"},
]}
autoPlay={true}
autoPlayInterval={4000}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated"
}}
title="Jay Rao: Crafting Worlds, Building Dreams."
description="An aspiring game developer and college student passionate about creating immersive experiences through innovative design and cutting-edge technology."
buttons={[
{
text: "Explore My Projects", href: "#featured-projects"
},
{
text: "Connect with Me", href: "/contact"
}
]}
carouselItems={[
{
id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-landscape-floating-islands-illustration_23-2151844189.jpg", imageAlt: "Fantastical RPG Game World"
},
{
id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-city-built-on-water_23-2151048129.jpg", imageAlt: "Cyberpunk City Skyline"
},
{
id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-house-moon-illustration_23-2151627936.jpg", imageAlt: "Space Combat Scene"
},
{
id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/view-white-puzzle-pieces-brown-background_23-2149299094.jpg", imageAlt: "Indie Puzzle Game"
},
{
id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-city_23-2150900857.jpg", imageAlt: "Medieval Town Square"
},
{
id: "hero-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-gothic-style_23-2151626603.jpg", imageAlt: "Horror Game Mansion"
}
]}
autoPlay={true}
autoPlayInterval={4000}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="A Journey in Game Development"
description={[
"I'm Jay Rao, a passionate game developer and college student, driven by a lifelong fascination with interactive storytelling and digital worlds. My journey began with a curiosity for how games are made, evolving into a dedicated pursuit of mastering the craft.", "My academic background in computer science provides a strong foundation in programming and algorithms, while hands-on experience with game engines like Unreal Engine and Blender allows me to bring creative visions to life. I believe in continuous learning, constantly exploring new technologies and design methodologies to push the boundaries of game development."]}
buttons={[
{
text: "Download Resume", href: "http://img.b2bpic.net/free-photo/notebook-icon-front-side-with-white-background_187299-39912.jpg"},
]}
buttonAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="A Journey in Game Development"
description={[
"I'm Jay Rao, a passionate game developer and college student, driven by a lifelong fascination with interactive storytelling and digital worlds. My journey began with a curiosity for how games are made, evolving into a dedicated pursuit of mastering the craft.", "My academic background in computer science provides a strong foundation in programming and algorithms, while hands-on experience with game engines like Unreal Engine and Blender allows me to bring creative visions to life. I believe in continuous learning, constantly exploring new technologies and design methodologies to push the boundaries of game development."
]}
buttons={[
{
text: "Download Resume", href: "http://img.b2bpic.net/free-photo/notebook-icon-front-side-with-white-background_187299-39912.jpg"
}
]}
buttonAnimation="slide-up"
/>
</div>
<div id="skills" data-section="skills">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Unreal Engine", description: "Mastery in game logic, Blueprint scripting, C++ integration, and advanced rendering techniques.", imageSrc: "http://img.b2bpic.net/free-vector/luxury-logo-gradient-design-illustrations_483537-1292.jpg", imageAlt: "Unreal Engine Logo"},
{
title: "Blender 3D", description: "Proficient in 3D modeling, sculpting, texturing, animation, and rendering for game assets.", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037634.jpg", imageAlt: "Blender Logo"},
{
title: "Game Design", description: "Expertise in crafting compelling mechanics, level design, narrative, and player experience.", imageSrc: "http://img.b2bpic.net/free-photo/social-media-still-life-items-top-view_23-2149019129.jpg", imageAlt: "Game Design Icon"},
{
title: "C++ / C#", description: "Strong programming skills for engine development, gameplay systems, and robust application logic.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-screen-software-developer-typing-programming-language-it-startup-agency-display-concept-system-engineer-writing-source-code-scrolling-text-database-functions-script_482257-33355.jpg", imageAlt: "Programming Icon"},
]}
title="My Toolkit for Innovation"
description="Proficient in leading game development tools and methodologies, constantly expanding my expertise to tackle new creative and technical challenges."
/>
</div>
<div id="skills" data-section="skills">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Unreal Engine", description: "Mastery in game logic, Blueprint scripting, C++ integration, and advanced rendering techniques.", imageSrc: "http://img.b2bpic.net/free-vector/luxury-logo-gradient-design-illustrations_483537-1292.jpg", imageAlt: "Unreal Engine Logo"
},
{
title: "Blender 3D", description: "Proficient in 3D modeling, sculpting, texturing, animation, and rendering for game assets.", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037634.jpg", imageAlt: "Blender Logo"
},
{
title: "Game Design", description: "Expertise in crafting compelling mechanics, level design, narrative, and player experience.", imageSrc: "http://img.b2bpic.net/free-photo/social-media-still-life-items-top-view_23-2149019129.jpg", imageAlt: "Game Design Icon"
},
{
title: "C++ / C#", description: "Strong programming skills for engine development, gameplay systems, and robust application logic.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-screen-software-developer-typing-programming-language-it-startup-agency-display-concept-system-engineer-writing-source-code-scrolling-text-database-functions-script_482257-33355.jpg", imageAlt: "Programming Icon"
}
]}
title="My Toolkit for Innovation"
description="Proficient in leading game development tools and methodologies, constantly expanding my expertise to tackle new creative and technical challenges."
/>
</div>
<div id="featured-projects" data-section="featured-projects">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
carouselMode="buttons"
products={[
{
id: "proj-nebula", name: "Project Nebula", price: "RPG", imageSrc: "http://img.b2bpic.net/free-photo/galaxy-planets-digital-art_23-2151727646.jpg", imageAlt: "Screenshot from Project Nebula"},
{
id: "proj-echoes", name: "Echoes of Aethel", price: "Adventure", imageSrc: "http://img.b2bpic.net/free-photo/spooky-forest-dark-mysterious-full-horror-generated-by-ai_188544-26063.jpg", imageAlt: "Concept art for Echoes of Aethel"},
{
id: "proj-cyberheist", name: "Cyber Heist", price: "Stealth Puzzle", imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900829.jpg", imageAlt: "Gameplay from Cyber Heist"},
{
id: "proj-mecharena", name: "Mech Arena", price: "Action", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128048.jpg", imageAlt: "Screenshot from Mech Arena"},
{
id: "proj-magictower", name: "Magic Tower Defense", price: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/mythical-video-game-inspired-landscape-with-human-castle_23-2150974569.jpg", imageAlt: "Screenshot from Magic Tower Defense"},
{
id: "proj-western", name: "Dusty Trails", price: "Open World", imageSrc: "http://img.b2bpic.net/free-photo/colourful-mexican-house_23-2151769281.jpg", imageAlt: "Screenshot from Dusty Trails"},
]}
title="Featured Creations"
description="Showcasing my most impactful projects, each reflecting a unique blend of technical mastery, innovative design, and creative problem-solving."
/>
</div>
<div id="featured-projects" data-section="featured-projects">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
carouselMode="buttons"
products={[
{
id: "proj-nebula", name: "Project Nebula", price: "RPG", imageSrc: "http://img.b2bpic.net/free-photo/galaxy-planets-digital-art_23-2151727646.jpg", imageAlt: "Screenshot from Project Nebula"
},
{
id: "proj-echoes", name: "Echoes of Aethel", price: "Adventure", imageSrc: "http://img.b2bpic.net/free-photo/spooky-forest-dark-mysterious-full-horror-generated-by-ai_188544-26063.jpg", imageAlt: "Concept art for Echoes of Aethel"
},
{
id: "proj-cyberheist", name: "Cyber Heist", price: "Stealth Puzzle", imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900829.jpg", imageAlt: "Gameplay from Cyber Heist"
},
{
id: "proj-mecharena", name: "Mech Arena", price: "Action", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128048.jpg", imageAlt: "Screenshot from Mech Arena"
},
{
id: "proj-magictower", name: "Magic Tower Defense", price: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/mythical-video-game-inspired-landscape-with-human-castle_23-2150974569.jpg", imageAlt: "Screenshot from Magic Tower Defense"
},
{
id: "proj-western", name: "Dusty Trails", price: "Open World", imageSrc: "http://img.b2bpic.net/free-photo/colourful-mexican-house_23-2151769281.jpg", imageAlt: "Screenshot from Dusty Trails"
}
]}
title="Featured Creations"
description="Showcasing my most impactful projects, each reflecting a unique blend of technical mastery, innovative design, and creative problem-solving."
/>
</div>
<div id="project-gallery" data-section="project-gallery">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
carouselMode="buttons"
products={[
{
id: "gal-survival", name: "Wasteland Survival", price: "Survival", imageSrc: "http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153759.jpg", imageAlt: "Screenshot from Wasteland Survival"},
{
id: "gal-racing", name: "Neon Velocity", price: "Racing", imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649844.jpg", imageAlt: "Screenshot from Neon Velocity"},
{
id: "gal-platformer", name: "Whimsical Wanderer", price: "Platformer", imageSrc: "http://img.b2bpic.net/free-photo/rendering-cartoon-fantasy-scene-illustration_23-2151150852.jpg", imageAlt: "Screenshot from Whimsical Wanderer"},
{
id: "gal-horror", name: "Silent Halls", price: "Horror", imageSrc: "http://img.b2bpic.net/free-photo/hand-sticking-out-ground-fog_23-2147898934.jpg", imageAlt: "Screenshot from Silent Halls"},
{
id: "gal-puzzle", name: "Geometric Flow", price: "Puzzle", imageSrc: "http://img.b2bpic.net/free-photo/missing-white-jigsaw-puzzle-yellow-frame-blue-background_23-2147873460.jpg", imageAlt: "Screenshot from Geometric Flow"},
{
id: "gal-citybuilder", name: "Eternal Empire", price: "City Builder", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-comic-style-earthquake-scene_23-2151789060.jpg", imageAlt: "Screenshot from Eternal Empire"},
]}
title="Full Project Portfolio"
description="A broader look at my diverse range of game development projects, from early prototypes to polished experiences, highlighting different genres and challenges."
/>
</div>
<div id="project-gallery" data-section="project-gallery">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
carouselMode="buttons"
products={[
{
id: "gal-survival", name: "Wasteland Survival", price: "Survival", imageSrc: "http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153759.jpg", imageAlt: "Screenshot from Wasteland Survival"
},
{
id: "gal-racing", name: "Neon Velocity", price: "Racing", imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649844.jpg", imageAlt: "Screenshot from Neon Velocity"
},
{
id: "gal-platformer", name: "Whimsical Wanderer", price: "Platformer", imageSrc: "http://img.b2bpic.net/free-photo/rendering-cartoon-fantasy-scene-illustration_23-2151150852.jpg", imageAlt: "Screenshot from Whimsical Wanderer"
},
{
id: "gal-horror", name: "Silent Halls", price: "Horror", imageSrc: "http://img.b2bpic.net/free-photo/hand-sticking-out-ground-fog_23-2147898934.jpg", imageAlt: "Screenshot from Silent Halls"
},
{
id: "gal-puzzle", name: "Geometric Flow", price: "Puzzle", imageSrc: "http://img.b2bpic.net/free-photo/missing-white-jigsaw-puzzle-yellow-frame-blue-background_23-2147873460.jpg", imageAlt: "Screenshot from Geometric Flow"
},
{
id: "gal-citybuilder", name: "Eternal Empire", price: "City Builder", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-comic-style-earthquake-scene_23-2151789060.jpg", imageAlt: "Screenshot from Eternal Empire"
}
]}
title="Full Project Portfolio"
description="A broader look at my diverse range of game development projects, from early prototypes to polished experiences, highlighting different genres and challenges."
/>
</div>
<div id="achievements" data-section="achievements">
<MetricCardSeven
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
carouselMode="buttons"
metrics={[
{
id: "metric-years", value: "3+", title: "Years of Experience", items: [
"Self-taught & academic", "Diverse projects"],
},
{
id: "metric-projects", value: "10+", title: "Projects Completed", items: [
"Variety of genres", "Individual & team efforts"],
},
{
id: "metric-jams", value: "2", title: "Game Jams Won", items: [
"Award-winning designs", "Rapid prototyping skills"],
},
]}
title="My Journey & Milestones"
description="Celebrating key achievements, learning milestones, and the continuous growth that defines my path in game development."
/>
</div>
<div id="achievements" data-section="achievements">
<MetricCardSeven
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
carouselMode="buttons"
metrics={[
{
id: "metric-years", value: "3+", title: "Years of Experience", items: [
"Self-taught & academic", "Diverse projects"
]
},
{
id: "metric-projects", value: "10+", title: "Projects Completed", items: [
"Variety of genres", "Individual & team efforts"
]
},
{
id: "metric-jams", value: "2", title: "Game Jams Won", items: [
"Award-winning designs", "Rapid prototyping skills"
]
}
]}
title="My Journey & Milestones"
description="Celebrating key achievements, learning milestones, and the continuous growth that defines my path in game development."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="auto"
testimonials={[
{
id: "test-1", name: "Dr. Anya Sharma", role: "Game Design Professor", company: "University of Tech", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-boy-posing-studio_176474-76386.jpg", imageAlt: "Dr. Anya Sharma"},
{
id: "test-2", name: "Ethan Vance", role: "Lead Developer", company: "Quantum Play Studios", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-man-using-table-couch_23-2147986088.jpg", imageAlt: "Ethan Vance"},
{
id: "test-3", name: "Chloe Wong", role: "Indie Game Designer", company: "Pixel Dreams Co.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269908.jpg", imageAlt: "Chloe Wong"},
{
id: "test-4", name: "Marcus Bell", role: "Project Lead", company: "Nova Interactive", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-joyful-black-multiplier-blinks-with-eyes_273609-43895.jpg", imageAlt: "Marcus Bell"},
{
id: "test-5", name: "Sophia Rodriguez", role: "Mentor & Artist", company: "Digital Canvas Lab", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gamer-looking-camera-while-playing-space-shooter-online-video-game-rgb-powerful-personal-computer-egames-championship-esport-cyber-performing-gaming-tournament_482257-12498.jpg", imageAlt: "Sophia Rodriguez"},
]}
kpiItems={[
{
value: "5/5", label: "Collaboration Rating"},
{
value: "95%", label: "Project Success"},
{
value: "100%", label: "Dedication"},
]}
title="What My Collaborators Say"
description="Hear from peers, mentors, and collaborators about my dedication, skills, and collaborative spirit in game development."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="auto"
testimonials={[
{
id: "test-1", name: "Dr. Anya Sharma", role: "Game Design Professor", company: "University of Tech", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-boy-posing-studio_176474-76386.jpg", imageAlt: "Dr. Anya Sharma"
},
{
id: "test-2", name: "Ethan Vance", role: "Lead Developer", company: "Quantum Play Studios", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-man-using-table-couch_23-2147986088.jpg", imageAlt: "Ethan Vance"
},
{
id: "test-3", name: "Chloe Wong", role: "Indie Game Designer", company: "Pixel Dreams Co.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269908.jpg", imageAlt: "Chloe Wong"
},
{
id: "test-4", name: "Marcus Bell", role: "Project Lead", company: "Nova Interactive", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-joyful-black-multiplier-blinks-with-eyes_273609-43895.jpg", imageAlt: "Marcus Bell"
},
{
id: "test-5", name: "Sophia Rodriguez", role: "Mentor & Artist", company: "Digital Canvas Lab", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gamer-looking-camera-while-playing-space-shooter-online-video-game-rgb-powerful-personal-computer-egames-championship-esport-cyber-performing-gaming-tournament_482257-12498.jpg", imageAlt: "Sophia Rodriguez"
}
]}
kpiItems={[
{
value: "5/5", label: "Collaboration Rating"
},
{
value: "95%", label: "Project Success"
},
{
value: "100%", label: "Dedication"
}
]}
title="What My Collaborators Say"
description="Hear from peers, mentors, and collaborators about my dedication, skills, and collaborative spirit in game development."
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Devlog & Insights"
description="Documenting my game development journey, sharing technical insights, project updates, and reflections on the ever-evolving world of gaming."
blogs={[
{
id: "blog-1", category: "Technical Insight", title: "Optimizing Game Performance in Unreal Engine", excerpt: "A deep dive into common bottlenecks and advanced optimization techniques for smoother gameplay.", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-home-wearing-vr-goggles-using-augmented-reality-visualize-final-result-after-working-machinery-construction-using-cad-engineering-software-computer-developing-engine-product_482257-67895.jpg", imageAlt: "Unreal Engine optimization", authorName: "Jay Rao", authorAvatar: "http://img.b2bpic.net/free-vector/futuristic-samurai-skull-esports-gaming-logo_779267-3639.jpg", date: "July 24, 2024"
},
{
id: "blog-2", category: "Art & Design", title: "Procedural Generation in Blender for Game Assets", excerpt: "Exploring the power of procedural workflows to create dynamic and varied game environments with Blender.", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128004.jpg", imageAlt: "Blender procedural generation", authorName: "Jay Rao", authorAvatar: "http://img.b2bpic.net/free-vector/futuristic-samurai-skull-esports-gaming-logo_779267-3639.jpg", date: "July 15, 2024"
},
{
id: "blog-3", category: "Journey", title: "My First Game Jam: Lessons Learned and Triumphs", excerpt: "A personal reflection on the intensity, creativity, and invaluable lessons gained from my inaugural game jam.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-playing-videogames_23-2149349982.jpg", imageAlt: "Game jam collaboration", authorName: "Jay Rao", authorAvatar: "http://img.b2bpic.net/free-vector/futuristic-samurai-skull-esports-gaming-logo_779267-3639.jpg", date: "July 01, 2024"
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Devlog & Insights"
description="Documenting my game development journey, sharing technical insights, project updates, and reflections on the ever-evolving world of gaming."
blogs={[
{
id: "blog-1", category: "Technical Insight", title: "Optimizing Game Performance in Unreal Engine", excerpt: "A deep dive into common bottlenecks and advanced optimization techniques for smoother gameplay.", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-home-wearing-vr-goggles-using-augmented-reality-visualize-final-result-after-working-machinery-construction-using-cad-engineering-software-computer-developing-engine-product_482257-67895.jpg", imageAlt: "Unreal Engine optimization", authorName: "Jay Rao", authorAvatar: "http://img.b2bpic.net/free-vector/futuristic-samurai-skull-esports-gaming-logo_779267-3639.jpg", date: "July 24, 2024"
},
{
id: "blog-2", category: "Art & Design", title: "Procedural Generation in Blender for Game Assets", excerpt: "Exploring the power of procedural workflows to create dynamic and varied game environments with Blender.", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128004.jpg", imageAlt: "Blender procedural generation", authorName: "Jay Rao", authorAvatar: "http://img.b2bpic.net/free-vector/futuristic-samurai-skull-esports-gaming-logo_779267-3639.jpg", date: "July 15, 2024"
},
{
id: "blog-3", category: "Journey", title: "My First Game Jam: Lessons Learned and Triumphs", excerpt: "A personal reflection on the intensity, creativity, and invaluable lessons gained from my inaugural game jam.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-playing-videogames_23-2149349982.jpg", imageAlt: "Game jam collaboration", authorName: "Jay Rao", authorAvatar: "http://img.b2bpic.net/free-vector/futuristic-samurai-skull-esports-gaming-logo_779267-3639.jpg", date: "July 01, 2024"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Let's Connect & Collaborate"
description="Whether you have a project idea, a job inquiry, or just want to chat about game development, I'm always open to new connections. Reach out using the form or connect via my social channels."
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "subject", type: "text", placeholder: "Subject", required: true,
},
]}
textarea={{
name: "message", placeholder: "Your Message", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282047.jpg"
imageAlt="Game development workstation"
mediaAnimation="opacity"
mediaPosition="left"
buttonText="Send Message"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Quick Links", items: [
{
label: "Home", href: "#home"},
{
label: "About", href: "#about"},
{
label: "Skills", href: "#skills"},
],
},
{
title: "Projects", items: [
{
label: "Featured Projects", href: "#featured-projects"},
{
label: "Full Portfolio", href: "#project-gallery"},
{
label: "Devlog", href: "#blog"},
],
},
{
title: "Connect", items: [
{
label: "Contact Me", href: "#contact"},
{
label: "LinkedIn", href: "https://linkedin.com/in/jayrao"},
{
label: "GitHub", href: "https://github.com/jayrao"},
],
},
]}
logoText="Jay Rao"
copyrightText="© 2024 Jay Rao. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={footerColumns}
logoText="Jay Rao"
copyrightText="© 2024 Jay Rao. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #f5f5f5;
--primary-cta: #ffdf7d;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff;
--accent: #b8860b;
--background-accent: #8b6914;
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1f3251;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #15479c;
--background-accent: #a8cce8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);