bender/475af420-d220-4f53-9d5b-be656d17cdb9
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-01 13:12:28 +00:00
parent ebfb52f9be
commit b8f795a8df
1 changed files with 52 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
src/app/page.tsx
View File

@@ -43,8 +43,8 @@ export default function LandingPage() {
{
name: "Contact", id: "#contact"},
]}
brandName="Digital Creator"
bottomLeftText="Innovation in Digital Arts"
brandName="Pixel Dreams"
bottomLeftText="Where Pixels Come Alive"
bottomRightText="hello@digitalcreator.com"
/>
</div>
@@ -54,14 +54,14 @@ export default function LandingPage() {
background={{
variant: "glowing-orb"}}
imagePosition="right"
title="Digital Creator: Design, Code & Innovation"
description="Explore my work across 3D design, programming, and creative media. Each project demonstrates technical skill and creative vision."
title="Welcome to My Creative Universe!"
description="Dive into a whimsical world of 3D models, quirky code, and visual stories. It's all about experimenting and having a blast!"
buttons={[
{
text: "View My Work", href: "#portfolio"},
text: "See My Latest Creations", href: "#portfolio"},
]}
imageSrc="http://img.b2bpic.net/free-photo/laptop-keyboard-blue-neon-glow-night-cyber-office_169016-70821.jpg"
imageAlt="Abstract digital art studio with glowing interfaces and geometric shapes"
imageAlt="A playful digital art studio with vibrant colors and whimsical shapes"
mediaAnimation="slide-up"
fixedMediaHeight={true}
avatars={[
@@ -76,22 +76,21 @@ export default function LandingPage() {
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-glasses_23-2148766932.jpg", alt: "Collaborative designer"},
]}
avatarText="Trusted by creative professionals"
marqueeItems={[
{
type: "text-icon", text: "3D Modeling", icon: Box,
type: "text-icon", text: "3D Doodles", icon: Box,
},
{
type: "text-icon", text: "Creative Code", icon: Code,
type: "text-icon", text: "Coding Shenanigans", icon: Code,
},
{
type: "text-icon", text: "Visual Storytelling", icon: Camera,
type: "text-icon", text: "Visual Tales", icon: Camera,
},
{
type: "text-icon", text: "Brand Identity", icon: Palette,
type: "text-icon", text: "Pixel Magic", icon: Palette,
},
{
type: "text-icon", text: "Interactive Experiences", icon: Activity,
type: "text-icon", text: "Interactive Fun", icon: Activity,
},
]}
/>
@@ -100,20 +99,20 @@ export default function LandingPage() {
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="Unlocking Creative Potential Across Digital Disciplines"
title="Adventures in Digital Art-Making"
metrics={[
{
icon: Box,
label: "Years Experience", value: "8+"},
label: "Years of Play", value: "8+"},
{
icon: Code,
label: "Projects Completed", value: "50+"},
label: "Art Pieces Created", value: "50+"},
{
icon: Users,
label: "Clients Served", value: "15+"},
label: "Awesome Collaborations", value: "15+"},
{
icon: Zap,
label: "Innovations Delivered", value: "10+"},
label: "Fun Experiments", value: "10+"},
]}
metricsAnimation="slide-up"
/>
@@ -126,24 +125,24 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "3d-design", title: "3D Design & Modeling", descriptions: [
"Expertise in creating complex 3D models, textures, and environments for games, animation, and visualization. Proficient in Maya, Blender, and ZBrush."],
id: "3d-design", title: "3D Sculpting & World-Building", descriptions: [
"Crafting fantastical creatures and immersive worlds using Maya, Blender, and ZBrush. It's all about bringing imagination to life in three dimensions!"],
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688619.jpg", imageAlt: "Abstract 3D rendering of geometric shapes"},
{
id: "programming", title: "Creative Coding & Development", descriptions: [
"Developing interactive art installations, web-based experiences, and custom tools using Python, JavaScript, and creative frameworks like p5.js and Three.js."],
id: "programming", title: "Coding for Art & Play", descriptions: [
"Whipping up interactive art, trippy visuals, and custom digital toys using Python, JavaScript, and creative frameworks like p5.js and Three.js. Code can be fun!"],
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg", imageAlt: "Code snippets with syntax highlighting"},
{
id: "media-literacy", title: "Media Literacy & Storytelling", descriptions: [
"Crafting compelling narratives and visual content across various media platforms, with a strong understanding of audience engagement and impactful communication."],
id: "media-literacy", title: "Visual Storytelling & Magic", descriptions: [
"Spinning tales with pixels, making sure my art speaks volumes and connects with fellow dreamers. It's not just pretty pictures, it's a whole vibe."],
imageSrc: "http://img.b2bpic.net/free-photo/business-process-goals-target-success-graph_53876-133766.jpg", imageAlt: "Collage of digital media types"},
{
id: "graphic-design", title: "Graphic Design & Branding", descriptions: [
"Designing captivating visuals, branding identities, and marketing materials that resonate with target audiences using Adobe Creative Suite."],
id: "graphic-design", title: "Drawing & Digital Doodling", descriptions: [
"Designing eye-catching visuals, from quirky logos to vibrant illustrations, all with a sprinkle of magic using Adobe Creative Suite. Making things look cool is my jam."],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-multicolored-water-splashing-black-backdrop_23-2147837298.jpg", imageAlt: "Bold graphic design with typography"},
]}
title="My Diverse Digital Arts Skillset"
description="A comprehensive overview of my capabilities in the digital arts, combining technical proficiency with creative execution."
title="My Bag of Digital Art Tricks"
description="Just a peek into the tools and techniques I use to bring my wildest digital dreams to life!"
/>
</div>
@@ -155,20 +154,20 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "project-1", name: "Futuristic Robot Concept", price: "3D Design", variant: "Character Modeling", imageSrc: "http://img.b2bpic.net/free-photo/view-purple-female-robot-women-s-day-celebration_23-2151257683.jpg", imageAlt: "Realistic 3D render of a futuristic robot"},
id: "project-1", name: "Futuristic Robot Concept", price: "3D Fun", variant: "Character Crafter", imageSrc: "http://img.b2bpic.net/free-photo/view-purple-female-robot-women-s-day-celebration_23-2151257683.jpg", imageAlt: "Realistic 3D render of a futuristic robot"},
{
id: "project-2", name: "Interactive Web Art", price: "Programming", variant: "Generative Animation", imageSrc: "http://img.b2bpic.net/free-vector/geometric-shapes-landing-page-gradient_23-2148266746.jpg", imageAlt: "Screenshot of an interactive web art experience"},
id: "project-2", name: "Interactive Web Art", price: "Code Magic", variant: "Animated Whimsy", imageSrc: "http://img.b2bpic.net/free-vector/geometric-shapes-landing-page-gradient_23-2148266746.jpg", imageAlt: "Screenshot of an interactive web art experience"},
{
id: "project-3", name: "Data Visualization Infographic", price: "Graphic Design", variant: "Information Design", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-science-infographic_23-2149186854.jpg", imageAlt: "Visually compelling infographic design"},
id: "project-3", name: "Data Visualization Infographic", price: "Visual Treats", variant: "Storyteller", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-science-infographic_23-2149186854.jpg", imageAlt: "Visually compelling infographic design"},
{
id: "project-4", name: "Fantastical Landscape Painting", price: "Digital Painting", variant: "Concept Art", imageSrc: "http://img.b2bpic.net/free-photo/solitary-figure-cliff-overlooking-mountains_23-2151998937.jpg", imageAlt: "Digital painting of a fantastical landscape"},
id: "project-4", name: "Fantastical Landscape Painting", price: "Pixel Painting", variant: "Dream Weaver", imageSrc: "http://img.b2bpic.net/free-photo/solitary-figure-cliff-overlooking-mountains_23-2151998937.jpg", imageAlt: "Digital painting of a fantastical landscape"},
{
id: "project-5", name: "Mobile App UI/UX Redesign", price: "UI/UX Design", variant: "Product Design", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-picture-city_53876-104761.jpg", imageAlt: "Stylized user interface concept for a mobile app"},
id: "project-5", name: "Mobile App UI/UX Redesign", price: "Playful Interfaces", variant: "Experience Builder", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-picture-city_53876-104761.jpg", imageAlt: "Stylized user interface concept for a mobile app"},
{
id: "project-6", name: "Animated Short: 'The Wanderer'", price: "3D Animation", variant: "Character Rigging", imageSrc: "http://img.b2bpic.net/free-photo/customer-feedback-concept-with-hand-holding-balls_23-2150030252.jpg", imageAlt: "Animation loop of a character"},
id: "project-6", name: "Animated Short: 'The Wanderer'", price: "Animated Tales", variant: "Digital Puppeteer", imageSrc: "http://img.b2bpic.net/free-photo/customer-feedback-concept-with-hand-holding-balls_23-2150030252.jpg", imageAlt: "Animation loop of a character"},
]}
title="My Portfolio of Digital Art Projects"
description="Showcasing a curated selection of projects across various digital art disciplines, highlighting my creative vision and technical execution."
title="A Glimpse into My Digital Sketchbook"
description="A collection of my favorite digital creations, from playful characters to immersive scenes. Hope you enjoy the ride!"
/>
</div>
@@ -180,17 +179,17 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "disciplines-mastered", value: "4+", title: "Disciplines Mastered", description: "Proficiency across 3D, coding, media, & graphic design.", icon: Award,
id: "disciplines-mastered", value: "4+", title: "Creative Realms Explored", description: "Diving into 3D, coding, media, & graphic design for the sheer joy of it.", icon: Award,
},
{
id: "innovation-rate", value: "95%", title: "Innovation Rate", description: "Projects featuring novel techniques or concepts.", icon: Lightbulb,
id: "innovation-rate", value: "95%", title: "Experimentation Score", description: "Projects where I tried something new and wild.", icon: Lightbulb,
},
{
id: "satisfaction-score", value: "4.9/5", title: "Client Satisfaction", description: "Average rating from past collaborations and projects.", icon: Star,
id: "satisfaction-score", value: "4.9/5", title: "Smiles Delivered", description: "The average happiness level from my art buddies and collabs.", icon: Star,
},
]}
title="Quantifying My Impact in Digital Arts"
description="Key metrics reflecting the breadth and quality of my work, demonstrating dedication to excellence and client success."
title="A Few Fun Facts About My Creations"
description="These numbers show how much fun I've had and how many cool things I've learned along the way."
/>
</div>
@@ -222,18 +221,18 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1", title: "What tools do you primarily use for 3D design?", content: "For 3D design, I primarily use industry-standard software such as Maya and Blender for modeling and animation, and ZBrush for high-detail sculpting. I also integrate Substance Painter for texturing workflows."},
id: "faq-1", title: "What cool tools do you use for 3D art?", content: "For 3D art, I have a blast with Maya and Blender for modeling, and ZBrush for sculpting all the tiny details. Plus, Substance Painter helps me make things look super real (or super cartoony!)."},
{
id: "faq-2", title: "Can you develop interactive web experiences?", content: "Absolutely! I specialize in creative coding using JavaScript with libraries like p5.js and Three.js to build engaging and interactive web-based digital art experiences and visualizations."},
id: "faq-2", title: "Can you make artsy stuff happen on the web?", content: "Totally! I love playing with JavaScript and libraries like p5.js and Three.js to craft interactive web experiences, trippy visualizers, and anything else that makes the browser a canvas."},
{
id: "faq-3", title: "How do you approach media literacy in your projects?", content: "My approach to media literacy involves not only creating diverse media content but also critically analyzing its impact and effectiveness. This ensures my projects communicate clearly and resonate deeply with the intended audience."},
id: "faq-3", title: "How do you make your art tell a story?", content: "My secret is thinking about the feeling and message first. Then I pick colors, shapes, and movements that whisper (or shout!) that story, making sure it connects with anyone who sees it."},
{
id: "faq-4", title: "Do you offer branding and graphic design services?", content: "Yes, I provide comprehensive graphic design services including brand identity development, logo design, marketing collateral, and visual communication strategies using the Adobe Creative Suite (Photoshop, Illustrator, InDesign)."},
id: "faq-4", title: "Do you do graphic design and funky logos?", content: "You bet! I can whip up eye-catching visuals, from quirky logos for your band to vibrant posters for your imaginary event, all with the Adobe Creative Suite and a splash of my own style."},
{
id: "faq-5", title: "What is your process for a new project?", content: "My process typically starts with a discovery call to understand your vision, followed by concept development, iterative design, technical execution, and final delivery. Communication and collaboration are key at every stage."},
id: "faq-5", title: "How do you start a new art project?", content: "It usually kicks off with a brain-dump of wild ideas! Then I sketch, experiment, and collaborate to bring the vision to life. It's an adventure every time, full of happy accidents and creative discoveries."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to common questions about my digital arts expertise and project collaborations."
sideTitle="Curious About My Art?"
sideDescription="Here are some answers to things people often wonder about my digital art adventures!"
faqsAnimation="slide-up"
textPosition="left"
/>
@@ -245,13 +244,11 @@ export default function LandingPage() {
background={{
variant: "sparkles-gradient"}}
tag="Connect"
title="Ready to Create Something Amazing?"
description="Whether you have a project idea, a collaboration proposal, or just want to chat about digital arts, I'd love to hear from you. Let's bring your vision to life."
title="Got a Wild Idea? Let's Chat!"
description="If you've got a quirky art project, a fun collab in mind, or just want to geek out about digital creativity, send me a message! No fancy proposals needed."
buttons={[
{
text: "Get in Touch", href: "mailto:hello@digitalcreator.com"},
{
text: "View My Résumé", href: "#"},
text: "Ping Me!", href: "mailto:hello@digitalcreator.com"},
]}
buttonAnimation="slide-up"
/>
@@ -293,11 +290,11 @@ export default function LandingPage() {
],
},
]}
bottomLeftText="© 2024 Digital Creator. All rights reserved."
bottomRightText="Built with passion."
bottomLeftText="© 2024 Pixel Dreams. All rights reserved. Made with love & pixels."
bottomRightText="Dreamed up digitally."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}