From a04254b98afe13040c3e7307d369e3ee637e8ddd Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 4 Mar 2026 08:41:52 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 138 +++++++++-------------------------------------- 1 file changed, 24 insertions(+), 114 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9b36491..ebc01ef 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,8 +21,7 @@ export default function HomePage() { const footerColumns = [ { - title: "Navigation", - items: [ + title: "Navigation", items: [ { label: "Home", href: "/" }, { label: "Projects", href: "/projects" }, { label: "About", href: "/about" }, @@ -30,8 +29,7 @@ export default function HomePage() { ], }, { - title: "Social", - items: [ + title: "Social", items: [ { label: "LinkedIn", href: "https://linkedin.com" }, { label: "Dribbble", href: "https://dribbble.com" }, { label: "Instagram", href: "https://instagram.com" }, @@ -39,8 +37,7 @@ export default function HomePage() { ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { label: "Portfolio", href: "/projects" }, { label: "Case Studies", href: "/projects" }, { label: "Blog", href: "#" }, @@ -85,13 +82,9 @@ export default function HomePage() { buttonAnimation="slide-up" mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg", - imageAlt: "Modern web design workspace", - }, + imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg", imageAlt: "Modern web design workspace"}, { - imageSrc: "http://img.b2bpic.net/free-photo/education-concept-student-studying-brainstorming-campus-concept-close-up-students-discussing-their-subject-books-textbooks-selective-focus_1418-654.jpg", - imageAlt: "Design process in action", - }, + imageSrc: "http://img.b2bpic.net/free-photo/education-concept-student-studying-brainstorming-campus-concept-close-up-students-discussing-their-subject-books-textbooks-selective-focus_1418-654.jpg", imageAlt: "Design process in action"}, ]} mediaAnimation="slide-up" rating={5} @@ -107,29 +100,14 @@ export default function HomePage() { description="A collection of recent design and development projects showcasing clean aesthetics and conversion-focused strategies." features={[ { - id: "01", - title: "SaaS Landing Page", - description: "Modern landing page design for a productivity tool. Clean layout with clear value proposition and strong CTAs.", - imageSrc: "http://img.b2bpic.net/free-vector/flat-design-technology-landing-page-template_23-2149200405.jpg", - imageAlt: "SaaS landing page design", - }, + id: "01", title: "SaaS Landing Page", description: "Modern landing page design for a productivity tool. Clean layout with clear value proposition and strong CTAs.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-technology-landing-page-template_23-2149200405.jpg", imageAlt: "SaaS landing page design"}, { - id: "02", - title: "E-commerce Redesign", - description: "Complete redesign of an online retail platform. Improved navigation and checkout experience increased conversions by 34%.", - imageSrc: "http://img.b2bpic.net/free-photo/online-shop-buy-internet-shopping-store-concept_53876-127377.jpg", - imageAlt: "E-commerce platform redesign", - }, + id: "02", title: "E-commerce Redesign", description: "Complete redesign of an online retail platform. Improved navigation and checkout experience increased conversions by 34%.", imageSrc: "http://img.b2bpic.net/free-photo/online-shop-buy-internet-shopping-store-concept_53876-127377.jpg", imageAlt: "E-commerce platform redesign"}, { - id: "03", - title: "Brand Portfolio Site", - description: "Elegant portfolio website for a creative agency. Minimal design with smooth animations highlighting their best work.", - imageSrc: "http://img.b2bpic.net/free-vector/flat-design-financial-consultancy-landing-page_23-2150871221.jpg", - imageAlt: "Creative agency portfolio website", - }, + id: "03", title: "Brand Portfolio Site", description: "Elegant portfolio website for a creative agency. Minimal design with smooth animations highlighting their best work.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-financial-consultancy-landing-page_23-2150871221.jpg", imageAlt: "Creative agency portfolio website"}, ]} textboxLayout="default" - gridVariant="three-columns-all-equal-width" + gridVariant="uniform-all-items-equal" animationType="slide-up" useInvertedBackground={false} /> @@ -142,33 +120,13 @@ export default function HomePage() { description="End-to-end design and development services tailored to elevate your brand and drive user engagement." features={[ { - id: "01", - title: "Website Design", - description: "Complete custom website design from concept to final handoff. Focused on user experience and brand alignment.", - imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-financial-growth-report_482257-77710.jpg", - imageAlt: "Web design services", - }, + id: "01", title: "Website Design", description: "Complete custom website design from concept to final handoff. Focused on user experience and brand alignment.", imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-financial-growth-report_482257-77710.jpg", imageAlt: "Web design services"}, { - id: "02", - title: "Landing Page Design", - description: "High-converting landing pages optimized for specific campaigns. Clear messaging and compelling CTAs.", - imageSrc: "http://img.b2bpic.net/free-vector/marketing-business-landing-page_23-2148978899.jpg", - imageAlt: "Landing page design", - }, + id: "02", title: "Landing Page Design", description: "High-converting landing pages optimized for specific campaigns. Clear messaging and compelling CTAs.", imageSrc: "http://img.b2bpic.net/free-vector/marketing-business-landing-page_23-2148978899.jpg", imageAlt: "Landing page design"}, { - id: "03", - title: "UI/UX Design", - description: "User-centered interface design and experience optimization. Prototyping and iterative refinement.", - imageSrc: "http://img.b2bpic.net/free-vector/making-new-memories-travel-mobile-app_23-2148497898.jpg", - imageAlt: "UI UX design services", - }, + id: "03", title: "UI/UX Design", description: "User-centered interface design and experience optimization. Prototyping and iterative refinement.", imageSrc: "http://img.b2bpic.net/free-vector/making-new-memories-travel-mobile-app_23-2148497898.jpg", imageAlt: "UI UX design services"}, { - id: "04", - title: "Redesign & Optimization", - description: "Analyze and improve existing websites for better performance, aesthetics, and user satisfaction.", - imageSrc: "http://img.b2bpic.net/free-photo/online-business-opportunity_53876-94867.jpg", - imageAlt: "Website redesign optimization", - }, + id: "04", title: "Redesign & Optimization", description: "Analyze and improve existing websites for better performance, aesthetics, and user satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/online-business-opportunity_53876-94867.jpg", imageAlt: "Website redesign optimization"}, ]} textboxLayout="default" gridVariant="four-items-2x2-equal-grid" @@ -184,28 +142,16 @@ export default function HomePage() { description="What sets my design approach apart and delivers real value to your business." metrics={[ { - id: "1", - value: "Clean", - title: "Modern Aesthetic", - description: "Minimal, sophisticated design that reflects your brand's professionalism and innovation.", - icon: Sparkles, + id: "1", value: "Clean", title: "Modern Aesthetic", description: "Minimal, sophisticated design that reflects your brand's professionalism and innovation.", icon: Sparkles, }, { - id: "2", - value: "Conversion", - title: "Focused Design", - description: "Every pixel serves a purpose. Design decisions driven by user behavior and business goals.", - icon: Target, + id: "2", value: "Conversion", title: "Focused Design", description: "Every pixel serves a purpose. Design decisions driven by user behavior and business goals.", icon: Target, }, { - id: "3", - value: "Clear", - title: "Communication", - description: "Transparent process with regular updates and collaborative feedback throughout the project.", - icon: Sparkles, + id: "3", value: "Clear", title: "Communication", description: "Transparent process with regular updates and collaborative feedback throughout the project.", icon: Sparkles, }, ]} - gridVariant="three-columns-all-equal-width" + gridVariant="uniform-all-items-equal" animationType="slide-up" useInvertedBackground={false} textboxLayout="default" @@ -230,56 +176,20 @@ export default function HomePage() { description="A comprehensive view of design and development work across various industries and project types." products={[ { - id: "proj-1", - name: "Tech Startup Landing", - price: "UI/UX Design", - variant: "Webflow, Figma", - imageSrc: "http://img.b2bpic.net/free-vector/isometric-landing-page_23-2148101273.jpg?_wi=1", - imageAlt: "Tech startup landing page", - }, + id: "proj-1", name: "Tech Startup Landing", price: "UI/UX Design", variant: "Webflow, Figma", imageSrc: "http://img.b2bpic.net/free-vector/isometric-landing-page_23-2148101273.jpg", imageAlt: "Tech startup landing page"}, { - id: "proj-2", - name: "E-commerce Platform", - price: "Full Design", - variant: "Responsive, Mobile-First", - imageSrc: "http://img.b2bpic.net/free-vector/flat-design-responsive-website-design_23-2149483805.jpg?_wi=1", - imageAlt: "E-commerce platform design", - }, + id: "proj-2", name: "E-commerce Platform", price: "Full Design", variant: "Responsive, Mobile-First", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-responsive-website-design_23-2149483805.jpg", imageAlt: "E-commerce platform design"}, { - id: "proj-3", - name: "Corporate Website", - price: "Web Design", - variant: "Branding Integration", - imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-template-with-photo_52683-20377.jpg?_wi=1", - imageAlt: "Corporate website design", - }, + id: "proj-3", name: "Corporate Website", price: "Web Design", variant: "Branding Integration", imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-template-with-photo_52683-20377.jpg", imageAlt: "Corporate website design"}, { - id: "proj-4", - name: "Mobile App Design", - price: "App UI/UX", - variant: "iOS, Android", - imageSrc: "http://img.b2bpic.net/free-vector/app-template-travel-booking_23-2148636701.jpg?_wi=1", - imageAlt: "Mobile app UI design", - }, + id: "proj-4", name: "Mobile App Design", price: "App UI/UX", variant: "iOS, Android", imageSrc: "http://img.b2bpic.net/free-vector/app-template-travel-booking_23-2148636701.jpg", imageAlt: "Mobile app UI design"}, { - id: "proj-5", - name: "SaaS Dashboard", - price: "Interface Design", - variant: "Data Visualization", - imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=1", - imageAlt: "SaaS dashboard interface", - }, + id: "proj-5", name: "SaaS Dashboard", price: "Interface Design", variant: "Data Visualization", imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg", imageAlt: "SaaS dashboard interface"}, { - id: "proj-6", - name: "Brand Guidelines", - price: "Design System", - variant: "Comprehensive", - imageSrc: "http://img.b2bpic.net/free-vector/flat-design-science-landing-page_23-2149180329.jpg?_wi=1", - imageAlt: "Design system guidelines", - }, + id: "proj-6", name: "Brand Guidelines", price: "Design System", variant: "Comprehensive", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-science-landing-page_23-2149180329.jpg", imageAlt: "Design system guidelines"}, ]} textboxLayout="default" - gridVariant="three-columns-all-equal-width" + gridVariant="uniform-all-items-equal" animationType="slide-up" useInvertedBackground={false} /> -- 2.49.1