bender/37c5666d-1c4a-40a6-9ae0-2d04ca6ef47e
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-03-25 17:19:00 +00:00
parent 325251a2c1
commit 93a2c0201e
1 changed files with 53 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

212
src/app/page.tsx
View File

@@ -31,29 +31,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Portfolio",
id: "portfolio",
},
name: "Portfolio", id: "portfolio"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Designer Portfolio"
bottomLeftText="Creative Solutions"
@@ -64,48 +52,31 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Crafting Visual Stories Through Design"
description="Transforming ideas into stunning visuals that captivate and communicate. Let's create something remarkable together."
tag="Graphic Designer"
tagIcon={Sparkles}
buttons={[
{
text: "View Portfolio",
href: "#portfolio",
},
text: "View Portfolio", href: "#portfolio"},
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
]}
buttonAnimation="opacity"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/flat-business-workshop-youtube-channel-art_23-2149510815.jpg",
imageAlt: "Graphic design elements",
},
imageSrc: "http://img.b2bpic.net/free-vector/flat-business-workshop-youtube-channel-art_23-2149510815.jpg", imageAlt: "Graphic design elements"},
{
imageSrc: "http://img.b2bpic.net/free-psd/luxury-real-estate-template-design_23-2150658915.jpg",
imageAlt: "Minimalist logo design",
},
imageSrc: "http://img.b2bpic.net/free-psd/luxury-real-estate-template-design_23-2150658915.jpg", imageAlt: "Minimalist logo design"},
{
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-story-collection_23-2149162620.jpg",
imageAlt: "Abstract design background",
},
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-story-collection_23-2149162620.jpg", imageAlt: "Abstract design background"},
{
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-art-cover-collection_23-2148975005.jpg",
imageAlt: "Editorial design layout",
},
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-art-cover-collection_23-2148975005.jpg", imageAlt: "Editorial design layout"},
{
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-element-collection_23-2148394289.jpg",
imageAlt: "Web design user interface",
},
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-element-collection_23-2148394289.jpg", imageAlt: "Web design user interface"},
{
imageSrc: "http://img.b2bpic.net/free-photo/colorful-liquid-marble-background-abstract-flowing-texture-experimental-art_53876-104555.jpg",
imageAlt: "3D rendering graphic design",
},
imageSrc: "http://img.b2bpic.net/free-photo/colorful-liquid-marble-background-abstract-flowing-texture-experimental-art_53876-104555.jpg", imageAlt: "3D rendering graphic design"},
]}
mediaAnimation="slide-up"
/>
@@ -119,13 +90,9 @@ export default function LandingPage() {
description="With a passion for aesthetics and a keen eye for detail, I specialize in crafting unique visual identities and engaging digital experiences. My approach blends artistic vision with strategic thinking to deliver designs that resonate and inspire."
bulletPoints={[
{
title: "Design Philosophy",
description: "Committed to creating purposeful and beautiful designs that solve problems and tell compelling stories.",
},
title: "Design Philosophy", description: "Committed to creating purposeful and beautiful designs that solve problems and tell compelling stories."},
{
title: "Client Collaboration",
description: "I believe in close collaboration, working alongside clients to bring their vision to life with precision and creativity.",
},
title: "Client Collaboration", description: "I believe in close collaboration, working alongside clients to bring their vision to life with precision and creativity."},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149713708.jpg"
imageAlt="Professional graphic designer working"
@@ -141,34 +108,22 @@ export default function LandingPage() {
features={[
{
icon: Lightbulb,
title: "Brand Identity",
description: "Crafting memorable logos, comprehensive brand guides, and consistent visual systems for your business.",
},
title: "Brand Identity", description: "Crafting memorable logos, comprehensive brand guides, and consistent visual systems for your business."},
{
icon: PenTool,
title: "Web & UI/UX Design",
description: "Designing intuitive and visually appealing websites and user interfaces that enhance user experience.",
},
title: "Web & UI/UX Design", description: "Designing intuitive and visually appealing websites and user interfaces that enhance user experience."},
{
icon: Palette,
title: "Print & Editorial",
description: "From stunning brochures and posters to engaging magazine layouts, I bring your print materials to life.",
},
title: "Print & Editorial", description: "From stunning brochures and posters to engaging magazine layouts, I bring your print materials to life."},
{
icon: Camera,
title: "Digital Illustration",
description: "Creating unique digital illustrations for various applications, including social media and web content.",
},
title: "Digital Illustration", description: "Creating unique digital illustrations for various applications, including social media and web content."},
{
icon: Smartphone,
title: "Social Media Graphics",
description: "Developing eye-catching visuals and campaign assets optimized for all major social media platforms.",
},
title: "Social Media Graphics", description: "Developing eye-catching visuals and campaign assets optimized for all major social media platforms."},
{
icon: Package,
title: "Packaging Design",
description: "Designing innovative and attractive packaging that makes your products stand out on the shelf.",
},
title: "Packaging Design", description: "Designing innovative and attractive packaging that makes your products stand out on the shelf."},
]}
title="My Creative Services"
description="Offering a diverse range of design solutions to help businesses and individuals achieve their visual communication goals."
@@ -179,33 +134,21 @@ export default function LandingPage() {
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
carouselMode="buttons"
products={[
{
id: "branding-project",
name: "Nexus Brand Identity",
price: "Brand Strategy",
imageSrc: "http://img.b2bpic.net/free-vector/monocolor-minimalist-web-design-agency-business-card_1421494-326.jpg",
imageAlt: "Brand Identity project",
},
id: "branding-project", name: "Brand Revitalization for NexusTech", price: "Strategic Brand Identity", imageSrc: "http://img.b2bpic.net/free-vector/monocolor-minimalist-web-design-agency-business-card_1421494-326.jpg", imageAlt: "Brand Identity project for NexusTech"},
{
id: "web-ui-project",
name: "Venture Website Design",
price: "UX/UI Design",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lifestyle-blogger-girl-records-video-her-camera-social-media-shows_1258-281864.jpg",
imageAlt: "Website UI design project",
},
id: "web-ui-project", name: "VentureCorp Web Platform UX/UI", price: "Intuitive Web Experience", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lifestyle-blogger-girl-records-video-her-camera-social-media-shows_1258-281864.jpg", imageAlt: "Website UI/UX design for VentureCorp"},
{
id: "print-project",
name: "Eco-Friendly Packaging",
price: "Packaging Design",
imageSrc: "http://img.b2bpic.net/free-psd/vertical-poster-modern-art-exposition_23-2148821268.jpg",
imageAlt: "Eco-friendly packaging design",
},
id: "print-project", name: "Sustainable Packaging for EcoHarvest", price: "Eco-Conscious Packaging", imageSrc: "http://img.b2bpic.net/free-psd/vertical-poster-modern-art-exposition_23-2148821268.jpg", imageAlt: "Sustainable packaging design for EcoHarvest"},
{
id: "illustration-project", name: "Digital Art Series: Urban Flow", price: "Editorial Illustration", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-art-cover-collection_23-2148975005.jpg", imageAlt: "Digital illustration series"},
]}
title="Featured Portfolio"
description="Explore a selection of my recent design projects, showcasing my versatility and creative problem-solving across various mediums."
title="My Latest Design Projects"
description="A showcase of recent work, demonstrating my approach to brand identity, web design, and creative solutions for diverse clients."
/>
</div>
@@ -215,44 +158,18 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
date: "2023-08-15",
title: "Outstanding Brand Development",
quote: "The designer's ability to capture our brand essence was phenomenal. The new logo and guidelines have revitalized our presence.",
tag: "Brand Identity",
avatarSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",
},
id: "1", name: "Sarah Johnson", date: "2023-08-15", title: "Outstanding Brand Development", quote: "The designer's ability to capture our brand essence was phenomenal. The new logo and guidelines have revitalized our presence.", tag: "Brand Identity", avatarSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg", avatarAlt: "Avatar of Sarah Johnson, Marketing Director"},
{
id: "2",
name: "Michael Chen",
date: "2023-09-01",
title: "Seamless UI/UX Experience",
quote: "Our new website design is not only beautiful but incredibly user-friendly. Customer feedback has been overwhelmingly positive.",
tag: "Web Design",
avatarSrc: "http://img.b2bpic.net/free-vector/man-with-different-clothes-illustrations_1107-5.jpg",
},
id: "2", name: "Michael Chen", date: "2023-09-01", title: "Seamless UI/UX Experience", quote: "Our new website design is not only beautiful but incredibly user-friendly. Customer feedback has been overwhelmingly positive.", tag: "Web Design", avatarSrc: "http://img.b2bpic.net/free-vector/man-with-different-clothes-illustrations_1107-5.jpg", avatarAlt: "Avatar of Michael Chen, Tech CEO"},
{
id: "3",
name: "Emily Rodriguez",
date: "2023-07-20",
title: "Creative & Professional",
quote: "Every print material delivered exceeded our expectations. The attention to detail and creative flair truly made a difference.",
tag: "Print Design",
avatarSrc: "http://img.b2bpic.net/free-photo/marketing-young-pretty-cute-business-lady-grey-blazer-office-annoyed-conference_140725-165636.jpg",
},
id: "3", name: "Emily Rodriguez", date: "2023-07-20", title: "Creative & Professional", quote: "Every print material delivered exceeded our expectations. The attention to detail and creative flair truly made a difference.", tag: "Print Design", avatarSrc: "http://img.b2bpic.net/free-photo/marketing-young-pretty-cute-business-lady-grey-blazer-office-annoyed-conference_140725-165636.jpg", avatarAlt: "Avatar of Emily Rodriguez, Creative Lead"},
{
id: "4",
name: "David Kim",
date: "2023-10-10",
title: "Exceptional Digital Graphics",
quote: "The social media graphics were impactful and engaging, significantly boosting our online presence and campaign performance.",
tag: "Digital Marketing",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg",
},
id: "4", name: "David Kim", date: "2023-10-10", title: "Exceptional Digital Graphics", quote: "The social media graphics were impactful and engaging, significantly boosting our online presence and campaign performance.", tag: "Digital Marketing", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg", avatarAlt: "Avatar of David Kim, E-commerce Founder"},
{
id: "5", name: "Jessica Lee", date: "2023-11-05", title: "Impactful Social Media Presence", quote: "The visual strategy developed for our social channels completely transformed our engagement. Truly exceptional work!", tag: "Social Media Graphics", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-laptop_23-2150348737.jpg", avatarAlt: "Avatar of Jessica Lee, Social Media Strategist"},
]}
title="What My Clients Say"
description="Hear directly from clients who have experienced the impact of thoughtful design and dedicated partnership."
title="Kind Words From Valued Clients"
description="Discover what clients have to say about my design process, collaboration, and the impact of our creative partnerships."
/>
</div>
@@ -260,18 +177,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready to bring your vision to life? Let's connect and discuss your next design project. I'm excited to collaborate!"
buttons={[
{
text: "Send a Message",
href: "mailto:hello@designer.com",
},
text: "Send a Message", href: "mailto:hello@designer.com"},
{
text: "Schedule a Call",
href: "#",
},
text: "Schedule a Call", href: "#"},
]}
/>
</div>
@@ -282,45 +194,27 @@ export default function LandingPage() {
imageAlt="Abstract footer background"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Portfolio",
href: "#portfolio",
},
label: "Portfolio", href: "#portfolio"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "LinkedIn",
href: "https://linkedin.com",
},
label: "LinkedIn", href: "https://linkedin.com"},
{
label: "Behance",
href: "https://behance.net",
},
label: "Behance", href: "https://behance.net"},
{
label: "Instagram",
href: "https://instagram.com",
},
label: "Instagram", href: "https://instagram.com"},
],
},
]}