bender/3a104a90-877b-4e0a-8ca9-d4cd864c451e
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-02 18:52:14 +00:00
parent 7b8789b37e
commit 984687a7be
1 changed files with 50 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

225
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Price",
id: "pricing",
},
name: "Price", id: "pricing"},
{
name: "Projects",
id: "projects",
},
name: "Projects", id: "projects"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Jack"
bottomLeftText="3D CREATOR PORTFOLIO"
@@ -58,53 +50,30 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
title="Hi, i'm jack"
description="a 3d creator driven by crafting striking and unforgettable projects"
testimonials={[
{
name: "Alex P.",
handle: "@alex_creates",
testimonial: "Jack's 3D models brought our game to life! Incredible detail and artistic vision.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg",
},
name: "Alex P.", handle: "@alex_creates", testimonial: "Jack's 3D models brought our game to life! Incredible detail and artistic vision.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg"},
{
name: "Maria S.",
handle: "@renders_by_maria",
testimonial: "His motion graphics added such a dynamic flair to our brand campaign. Truly a master.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-confident-woman-indoors_23-2148974061.jpg",
},
name: "Maria S.", handle: "@renders_by_maria", testimonial: "His motion graphics added such a dynamic flair to our brand campaign. Truly a master.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-confident-woman-indoors_23-2148974061.jpg"},
{
name: "Chris L.",
handle: "@digital_visions",
testimonial: "The web design work was exceptional, perfectly capturing our vision and engaging our users.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
},
name: "Chris L.", handle: "@digital_visions", testimonial: "The web design work was exceptional, perfectly capturing our vision and engaging our users.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg"},
{
name: "Sophia G.",
handle: "@artful_designs",
testimonial: "Jack is a visionary! He transformed our abstract ideas into stunning 3D realities.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-african-american-girl-black-jacket_176420-32201.jpg",
},
name: "Sophia G.", handle: "@artful_designs", testimonial: "Jack is a visionary! He transformed our abstract ideas into stunning 3D realities.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-african-american-girl-black-jacket_176420-32201.jpg"},
{
name: "Ben T.",
handle: "@tech_visuals",
testimonial: "Professional, efficient, and incredibly talented. Our product renders exceeded expectations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg",
},
name: "Ben T.", handle: "@tech_visuals", testimonial: "Professional, efficient, and incredibly talented. Our product renders exceeded expectations.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg"},
]}
testimonialRotationInterval={5000}
buttons={[
{
text: "Contact Me",
href: "#contact",
},
text: "Contact Me", href: "#contact"},
]}
imageSrc="https://shrug-person-78902957.figma.site/_components/v2/d24c01ad3a56fc65e942a1f501eb73db42d7cf9a/Rectangle_40443.81459862.png"
imageAlt="Jack, 3D Creator Portrait"
@@ -112,48 +81,31 @@ export default function LandingPage() {
showMarqueeCard={false}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
alt: "Happy mature businessman showing thumb up",
},
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Happy mature businessman showing thumb up"},
{
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
alt: "Smiling senior businessman pointing with finger",
},
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Smiling senior businessman pointing with finger"},
{
src: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
alt: "Smiling Business Woman Looking up at Copy Space",
},
src: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg", alt: "Smiling Business Woman Looking up at Copy Space"},
{
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
alt: "Girl sitting at the table and holding mobile phone indoors",
},
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Girl sitting at the table and holding mobile phone indoors"},
{
src: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors_23-2150296635.jpg",
alt: "Portrait of senior woman in professional blazer outdoors",
},
src: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors_23-2150296635.jpg", alt: "Portrait of senior woman in professional blazer outdoors"},
]}
marqueeItems={[
{
type: "text",
content: "3D Artist",
type: "text", text: "3D Artist"
},
{
type: "text-icon",
text: "VFX",
icon: Film,
type: "text-icon", text: "VFX", icon: Film,
},
{
type: "text",
content: "Digital Sculptor",
type: "text", text: "Digital Sculptor"
},
{
type: "text-icon",
text: "Motion Graphics",
icon: Zap,
type: "text-icon", text: "Motion Graphics", icon: Zap,
},
{
type: "text",
content: "Brand Visualizer",
type: "text", text: "Brand Visualizer"
},
]}
/>
@@ -166,9 +118,7 @@ export default function LandingPage() {
description="With more than five years of experience in design, i focus on branding, web design, and user experience, i truly enjoy working with businesses that aim to stand out and present their best image. Let's build something incredible together!"
buttons={[
{
text: "Contact Me",
href: "#contact",
},
text: "Contact Me", href: "#contact"},
]}
imageSrc="https://shrug-person-78902957.figma.site/_components/v2/ebb2b8f25d8e24d5f0a5ca8af4c950de81aa2fd7/moon_icon.11395d36.png"
imageAlt="3D Moon Icon"
@@ -183,29 +133,19 @@ export default function LandingPage() {
features={[
{
icon: Box,
title: "3D Modeling",
description: "Creation of detailed objects, characters, or environments tailored to specific client needs, ideal for games, products, and visualizations.",
},
title: "3D Modeling", description: "Creation of detailed objects, characters, or environments tailored to specific client needs, ideal for games, products, and visualizations."},
{
icon: Camera,
title: "Rendering",
description: "High-quality, photorealistic renders that showcase designs with custom lighting, textures, and materials to bring concepts to life.",
},
title: "Rendering", description: "High-quality, photorealistic renders that showcase designs with custom lighting, textures, and materials to bring concepts to life."},
{
icon: Sparkles,
title: "Motion Design",
description: "Dynamic animations and motion graphics that add energy and storytelling to brands, products, and digital experiences.",
},
title: "Motion Design", description: "Dynamic animations and motion graphics that add energy and storytelling to brands, products, and digital experiences."},
{
icon: Palette,
title: "Branding",
description: "Crafting cohesive visual identities -- from logos to full brand systems -- that communicate a clear and memorable presence.",
},
title: "Branding", description: "Crafting cohesive visual identities -- from logos to full brand systems -- that communicate a clear and memorable presence."},
{
icon: Monitor,
title: "Web Design",
description: "Designing clean, modern, and conversion-focused websites with attention to layout, typography, and user experience.",
},
title: "Web Design", description: "Designing clean, modern, and conversion-focused websites with attention to layout, typography, and user experience."},
]}
title="Services"
description="Offering a comprehensive suite of creative services to bring your visions to life."
@@ -220,35 +160,14 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Client",
name: "Nextlevel Studio",
price: "$50,000",
rating: 5,
reviewCount: "12",
imageSrc: "https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260412_055451_e317bf2d-28d4-48cc-86b0-6f72f25b6327.png&w=1280&q=85",
imageAlt: "Nextlevel Studio project image",
},
id: "p1", brand: "Client", name: "Nextlevel Studio", price: "$50,000", rating: 5,
reviewCount: "12", imageSrc: "https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260412_055451_e317bf2d-28d4-48cc-86b0-6f72f25b6327.png&w=1280&q=85", imageAlt: "Nextlevel Studio project image"},
{
id: "p2",
brand: "Personal",
name: "Aura Brand Identity",
price: "$30,000",
rating: 5,
reviewCount: "8",
imageSrc: "https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260412_055753_adc5dcbd-a8e6-49c0-b43a-b9b030d835cea.png&w=1280&q=85",
imageAlt: "Aura Brand Identity project image",
},
id: "p2", brand: "Personal", name: "Aura Brand Identity", price: "$30,000", rating: 5,
reviewCount: "8", imageSrc: "https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260412_055753_adc5dcbd-a8e6-49c0-b43a-b9b030d835cea.png&w=1280&q=85", imageAlt: "Aura Brand Identity project image"},
{
id: "p3",
brand: "Client",
name: "Solaris Digital",
price: "$60,000",
rating: 5,
reviewCount: "15",
imageSrc: "https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260412_055818_9d062121-ad7e-46b9-999a-1a6a692ef1ee.png&w=1280&q=85",
imageAlt: "Solaris Digital project image",
},
id: "p3", brand: "Client", name: "Solaris Digital", price: "$60,000", rating: 5,
reviewCount: "15", imageSrc: "https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260412_055818_9d062121-ad7e-46b9-999a-1a6a692ef1ee.png&w=1280&q=85", imageAlt: "Solaris Digital project image"},
]}
title="Projects"
description="Explore a selection of my latest 3D creations, brand identities, and digital experiences."
@@ -262,47 +181,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "testimonial-1",
name: "Sarah Johnson",
handle: "CEO, TechInnovate",
testimonial: "Jack's attention to detail and ability to translate complex ideas into stunning visuals is unmatched. A true professional!",
imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
},
id: "testimonial-1", name: "Sarah Johnson", handle: "CEO, TechInnovate", testimonial: "Jack's attention to detail and ability to translate complex ideas into stunning visuals is unmatched. A true professional!", imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg"},
{
id: "testimonial-2",
name: "Michael Chen",
handle: "Marketing Director, AuraVerse",
testimonial: "The 3D animations were breathtaking and perfectly captured our brand essence. Our campaign saw incredible engagement.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
},
id: "testimonial-2", name: "Michael Chen", handle: "Marketing Director, AuraVerse", testimonial: "The 3D animations were breathtaking and perfectly captured our brand essence. Our campaign saw incredible engagement.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg"},
{
id: "testimonial-3",
name: "Emily Rodriguez",
handle: "Product Lead, Quantum Dynamics",
testimonial: "From concept to final render, Jack delivered exceptional quality. Our product launch was a massive success thanks to his vision.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25656.jpg",
},
id: "testimonial-3", name: "Emily Rodriguez", handle: "Product Lead, Quantum Dynamics", testimonial: "From concept to final render, Jack delivered exceptional quality. Our product launch was a massive success thanks to his vision.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25656.jpg"},
{
id: "testimonial-4",
name: "David Kim",
handle: "Founder, PixelForge Studio",
testimonial: "Collaborating with Jack was a pleasure. His creative insights and technical skills elevated our project to new heights.",
imageSrc: "http://img.b2bpic.net/free-photo/laughing-young-girl-dressed-elegant-gray-dress-standing-with-crossed-arms-while-leaning-against-brick-wall-looking-camera_613910-6516.jpg",
},
id: "testimonial-4", name: "David Kim", handle: "Founder, PixelForge Studio", testimonial: "Collaborating with Jack was a pleasure. His creative insights and technical skills elevated our project to new heights.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-young-girl-dressed-elegant-gray-dress-standing-with-crossed-arms-while-leaning-against-brick-wall-looking-camera_613910-6516.jpg"},
{
id: "testimonial-5",
name: "Olivia White",
handle: "Brand Manager, Stellar Goods",
testimonial: "Jack's branding work is simply phenomenal. He crafted an identity that resonates deeply with our target audience.",
imageSrc: "http://img.b2bpic.net/free-photo/older-man-home-showing-graph-notepad-with-tablet-desk_23-2148991661.jpg",
},
id: "testimonial-5", name: "Olivia White", handle: "Brand Manager, Stellar Goods", testimonial: "Jack's branding work is simply phenomenal. He crafted an identity that resonates deeply with our target audience.", imageSrc: "http://img.b2bpic.net/free-photo/older-man-home-showing-graph-notepad-with-tablet-desk_23-2148991661.jpg"},
{
id: "testimonial-6",
name: "James Brown",
handle: "Creative Lead, NextGen Games",
testimonial: "The characters and environments Jack created for our game are just stunning. He captured the mood perfectly.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-casual-asian-girl-happily-looking-camera-working-laptop-modern-home_574295-1975.jpg",
},
id: "testimonial-6", name: "James Brown", handle: "Creative Lead, NextGen Games", testimonial: "The characters and environments Jack created for our game are just stunning. He captured the mood perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-casual-asian-girl-happily-looking-camera-working-laptop-modern-home_574295-1975.jpg"},
]}
title="What Clients Say"
description="Hear from those who've experienced the impact of my creative work."
@@ -315,20 +204,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What kind of 3D projects do you specialize in?",
content: "I specialize in a wide range of 3D projects including architectural visualization, product rendering, character modeling for games, and motion graphics for advertising and branding.",
},
id: "q1", title: "What kind of 3D projects do you specialize in?", content: "I specialize in a wide range of 3D projects including architectural visualization, product rendering, character modeling for games, and motion graphics for advertising and branding."},
{
id: "q2",
title: "What is your typical project timeline?",
content: "Project timelines vary depending on complexity and scope. A typical small project might take 2-4 weeks, while larger projects can range from 1-3 months. We'll establish a clear timeline during our initial consultation.",
},
id: "q2", title: "What is your typical project timeline?", content: "Project timelines vary depending on complexity and scope. A typical small project might take 2-4 weeks, while larger projects can range from 1-3 months. We'll establish a clear timeline during our initial consultation."},
{
id: "q3",
title: "How do you handle revisions and feedback?",
content: "Client feedback is crucial! I incorporate a structured revision process, typically allowing for 2-3 rounds of revisions to ensure you are completely satisfied with the final output. Communication is key throughout the process.",
},
id: "q3", title: "How do you handle revisions and feedback?", content: "Client feedback is crucial! I incorporate a structured revision process, typically allowing for 2-3 rounds of revisions to ensure you are completely satisfied with the final output. Communication is key throughout the process."},
]}
imageSrc="https://shrug-person-78902957.figma.site/_components/v2/ebb2b8f25d8e24d5f0a5ca8af4c950de81aa2fd7/Group_134-1.2e04f3ce.png"
imageAlt="Abstract 3D Group"
@@ -343,8 +223,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Let's Connect"
title="Ready to bring your ideas to life?"
description="Whether you have a groundbreaking project in mind or just want to chat about 3D, I'd love to hear from you. Reach out and let's create something extraordinary."
@@ -361,13 +240,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Jack -- 3D Creator"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>