bender/a0f44f39-03ca-49b8-9bd4-cc30ee83631d
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-05-07 21:58:50 +00:00
parent bbb21fe488
commit 92bc91668d
1 changed files with 52 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

238
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Work",
id: "projects",
},
name: "Work", id: "projects"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="KitchDesignz"
/>
@@ -55,45 +47,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Multimedia Design. Redefined."
description="Showcasing high-end digital artwork, motion graphics, and graphic design from 2023-2025. Kadien Coe, Multimedia Designer."
buttons={[
{
text: "View Work",
href: "#projects",
},
text: "View Work", href: "#projects"},
{
text: "Get In Touch",
href: "#contact",
},
text: "Get In Touch", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-68074.jpg?_wi=1",
imageAlt: "Digital Motion Art",
},
imageSrc: "https://static.wixstatic.com/media/737402_c5804300c0a9478f874287c9f874287c~mv2.jpg", imageAlt: "Digital Motion Art"},
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-tablet-paint_23-2148769814.jpg?_wi=1",
imageAlt: "Magazine Cover Design",
},
imageSrc: "https://static.wixstatic.com/media/737402_a98293049283049283049283~mv2.jpg", imageAlt: "Magazine Cover Design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/illustrated-rendering-twin-avatar_23-2151061402.jpg",
imageAlt: "Anime Header Design",
},
imageSrc: "https://static.wixstatic.com/media/737402_928374928374928374928374~mv2.jpg", imageAlt: "Anime Header Design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16383.jpg",
imageAlt: "Blender 3D Art",
},
imageSrc: "https://static.wixstatic.com/media/737402_472837492837492837492837~mv2.jpg", imageAlt: "Blender 3D Art"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-desk-working-office_23-2152013699.jpg",
imageAlt: "Vector Illustration",
},
imageSrc: "https://static.wixstatic.com/media/737402_928374928374928374928374~mv2.jpg", imageAlt: "Vector Illustration"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-filmmaker-editing-video-footage-with-professional-software_482257-119004.jpg",
imageAlt: "Video Editing Portfolio",
},
imageSrc: "https://static.wixstatic.com/media/737402_472837492837492837492837~mv2.jpg", imageAlt: "Video Editing Portfolio"},
]}
/>
</div>
@@ -113,32 +88,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "1",
title: "Design Suite Expertise",
descriptions: [
"Expertise in Photoshop, Illustrator, and Clip Studio EX for high-end digital imagery.",
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg",
imageAlt: "multimedia designer portrait professional",
},
id: "1", title: "Design Suite Expertise", descriptions: [
"Expertise in Photoshop, Illustrator, and Clip Studio EX for high-end digital imagery."],
imageSrc: "https://static.wixstatic.com/media/737402_c5804300c0a9478f874287c9f874287c~mv2.jpg", imageAlt: "multimedia designer portrait professional"},
{
id: "2",
title: "3D & Motion",
descriptions: [
"Advanced 3D visualization using Blender and professional video editing workflows in Premiere Pro & DaVinci Resolve.",
],
imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-68074.jpg?_wi=2",
imageAlt: "multimedia designer portrait professional",
},
id: "2", title: "3D & Motion", descriptions: [
"Advanced 3D visualization using Blender and professional video editing workflows in Premiere Pro & DaVinci Resolve."],
imageSrc: "https://static.wixstatic.com/media/737402_a98293049283049283049283~mv2.jpg", imageAlt: "multimedia designer portrait professional"},
{
id: "3",
title: "Education",
descriptions: [
"Associate’s Degree in Graphic Arts Technology / Interactive Multimedia Production.",
],
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-tablet-paint_23-2148769814.jpg?_wi=2",
imageAlt: "multimedia designer portrait professional",
},
id: "3", title: "Education", descriptions: [
"Associate’s Degree in Graphic Arts Technology / Interactive Multimedia Production."],
imageSrc: "https://static.wixstatic.com/media/737402_928374928374928374928374~mv2.jpg", imageAlt: "multimedia designer portrait professional"},
]}
title="Creative Philosophy & Skills"
description="Mastering the blend of technical precision and artistic imagination."
@@ -153,41 +113,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Magazine Cover Design",
price: "Art",
imageSrc: "http://img.b2bpic.net/free-photo/black-history-month-cover-concept_23-2151911281.jpg",
},
id: "1", name: "Magazine Cover Design", price: "Art", imageSrc: "https://static.wixstatic.com/media/737402_c5804300c0a9478f874287c9f874287c~mv2.jpg"},
{
id: "2",
name: "Anime Header Series",
price: "Art",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-people-collage-design_23-2149450429.jpg",
},
id: "2", name: "Anime Header Series", price: "Art", imageSrc: "https://static.wixstatic.com/media/737402_a98293049283049283049283~mv2.jpg"},
{
id: "3",
name: "Blender 3D Project",
price: "Art",
imageSrc: "http://img.b2bpic.net/free-photo/black-white-3d-background_23-2150505337.jpg",
},
id: "3", name: "Blender 3D Project", price: "Art", imageSrc: "https://static.wixstatic.com/media/737402_928374928374928374928374~mv2.jpg"},
{
id: "4",
name: "Vector Illustration",
price: "Art",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-artist-retouching-pictures-with-creative-software-computer-working-image-production-freelancer-editor-editing-photograph-with-color-grading-retouch-process_482257-48036.jpg",
},
id: "4", name: "Vector Illustration", price: "Art", imageSrc: "https://static.wixstatic.com/media/737402_472837492837492837492837~mv2.jpg", imageAlt: "Vector Illustration"},
{
id: "5",
name: "Video Production",
price: "Media",
imageSrc: "http://img.b2bpic.net/free-photo/mature-developer-coding-cloud-computing-with-ai-chatbot-pc_482257-119990.jpg",
},
id: "5", name: "Video Production", price: "Media", imageSrc: "https://static.wixstatic.com/media/737402_928374928374928374928374~mv2.jpg"},
{
id: "6",
name: "Digital Fine Art",
price: "Art",
imageSrc: "http://img.b2bpic.net/free-photo/one-person-hand-painting-colorful-abstract-design-generated-by-ai_188544-39056.jpg",
},
id: "6", name: "Digital Fine Art", price: "Art", imageSrc: "https://static.wixstatic.com/media/737402_472837492837492837492837~mv2.jpg"},
]}
title="Featured Multimedia Projects"
description="Selected digital artworks from 2023-2025."
@@ -201,52 +137,28 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "1",
badge: "Core",
price: "Branding",
subtitle: "Visual Identity",
buttons: [
id: "1", badge: "Core", price: "Branding", subtitle: "Visual Identity", buttons: [
{
text: "Inquire",
},
text: "Inquire"},
],
features: [
"Logo Design",
"Editorial Layout",
"Vector Art",
],
"Logo Design", "Editorial Layout", "Vector Art"],
},
{
id: "2",
badge: "Pro",
price: "Multimedia",
subtitle: "Digital Production",
buttons: [
id: "2", badge: "Pro", price: "Multimedia", subtitle: "Digital Production", buttons: [
{
text: "Inquire",
},
text: "Inquire"},
],
features: [
"Motion Graphics",
"Video Editing",
"3D Visualization",
],
"Motion Graphics", "Video Editing", "3D Visualization"],
},
{
id: "3",
badge: "Custom",
price: "Creative",
subtitle: "Full Studio",
buttons: [
id: "3", badge: "Custom", price: "Creative", subtitle: "Full Studio", buttons: [
{
text: "Inquire",
},
text: "Inquire"},
],
features: [
"UI/UX Design",
"Digital Art Direction",
"AI Workflow Integration",
],
"UI/UX Design", "Digital Art Direction", "AI Workflow Integration"],
},
]}
title="Professional Services"
@@ -261,40 +173,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Client A",
handle: "@client",
testimonial: "Exceptional work on my magazine project. Fast and creative.",
imageSrc: "http://img.b2bpic.net/free-psd/beautiful-woman-dancing-banner-template_23-2148470637.jpg",
},
id: "1", name: "Client A", handle: "@client", testimonial: "Exceptional work on my magazine project. Fast and creative.", imageSrc: "https://static.wixstatic.com/media/737402_c5804300c0a9478f874287c9f874287c~mv2.jpg"},
{
id: "2",
name: "Client B",
handle: "@brand",
testimonial: "Kadien delivered top-tier motion graphics that really elevated our brand.",
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-putting-headphones-order-polish-raw-footage-improve-audio-quality_482257-82218.jpg",
},
id: "2", name: "Client B", handle: "@brand", testimonial: "Kadien delivered top-tier motion graphics that really elevated our brand.", imageSrc: "https://static.wixstatic.com/media/737402_a98293049283049283049283~mv2.jpg"},
{
id: "3",
name: "Client C",
handle: "@user",
testimonial: "Professional communication and high quality digital output.",
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-illustration-graphic-designer_23-2151536952.jpg",
},
id: "3", name: "Client C", handle: "@user", testimonial: "Professional communication and high quality digital output.", imageSrc: "https://static.wixstatic.com/media/737402_928374928374928374928374~mv2.jpg"},
{
id: "4",
name: "Client D",
handle: "@studio",
testimonial: "His understanding of interactive multimedia is refreshing.",
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-vector-illustration-yellow-sticky-notes-pencil_1308-186781.jpg",
},
id: "4", name: "Client D", handle: "@studio", testimonial: "His understanding of interactive multimedia is refreshing.", imageSrc: "https://static.wixstatic.com/media/737402_472837492837492837492837~mv2.jpg"},
{
id: "5",
name: "Client E",
handle: "@agency",
testimonial: "The 3D work he did was beyond expectations.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-background_23-2150737847.jpg",
},
id: "5", name: "Client E", handle: "@agency", testimonial: "The 3D work he did was beyond expectations.", imageSrc: "https://static.wixstatic.com/media/737402_928374928374928374928374~mv2.jpg"},
]}
title="Client Impact"
description="What our collaborators say about the work."
@@ -306,20 +193,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What tools do you use?",
content: "I specialize in Photoshop, Illustrator, Blender, Clip Studio EX, Premiere Pro, and DaVinci Resolve.",
},
id: "1", title: "What tools do you use?", content: "I specialize in Photoshop, Illustrator, Blender, Clip Studio EX, Premiere Pro, and DaVinci Resolve."},
{
id: "2",
title: "Are you taking new clients?",
content: "I am currently accepting new projects. Please reach out via the contact form to discuss.",
},
id: "2", title: "Are you taking new clients?", content: "I am currently accepting new projects. Please reach out via the contact form to discuss."},
{
id: "3",
title: "Where are you based?",
content: "I am based in Memphis, TN, but collaborate globally.",
},
id: "3", title: "Where are you based?", content: "I am based in Memphis, TN, but collaborate globally."},
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about working with KitchDesignz."
@@ -334,24 +212,16 @@ export default function LandingPage() {
description="Ready to bring your vision to life? Contact KitchDesignz today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Project details",
required: true,
name: "message", placeholder: "Project details", required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301593.jpg"
imageSrc="https://static.wixstatic.com/media/737402_472837492837492837492837~mv2.jpg"
/>
</div>
@@ -359,16 +229,12 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="KitchDesignz"
leftLink={{
text: "designzkitch@gmail.com",
href: "mailto:designzkitch@gmail.com",
}}
text: "designzkitch@gmail.com", href: "mailto:designzkitch@gmail.com"}}
rightLink={{
text: "901-437-3213",
href: "tel:9014373213",
}}
text: "901-437-3213", href: "tel:9014373213"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}