diff --git a/src/app/page.tsx b/src/app/page.tsx index 11849d1..2f8530f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -18,7 +18,7 @@ export default function Portfolio() { borderRadius="pill" contentWidth="mediumLarge" sizing="mediumLarge" - background="floatingGradient" + background="circleGradient" cardStyle="soft-shadow" primaryButtonStyle="double-inset" secondaryButtonStyle="layered" @@ -45,26 +45,34 @@ export default function Portfolio() { tag="Portfolio" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "floatingGradient" }} + background={{ variant: "glowing-orb" }} leftCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/chroma-key-notebook-video-wall-stacked-with-diverse-entertainment-media-channels-isolated-screen_482257-136151.jpg?_wi=1", imageAlt: "Portfolio project showcase 1"}, + imageSrc: "http://img.b2bpic.net/free-photo/chroma-key-notebook-video-wall-stacked-with-diverse-entertainment-media-channels-isolated-screen_482257-136151.jpg", imageAlt: "Portfolio project showcase 1" + }, { - imageSrc: "http://img.b2bpic.net/free-vector/modern-elegant-photography-project-proposal_742173-5927.jpg?_wi=1", imageAlt: "Portfolio project showcase 2"}, + imageSrc: "http://img.b2bpic.net/free-vector/modern-elegant-photography-project-proposal_742173-5927.jpg", imageAlt: "Portfolio project showcase 2" + }, { - imageSrc: "http://img.b2bpic.net/free-vector/gradient-construction-landing-page-template_23-2149568012.jpg?_wi=1", imageAlt: "Portfolio project showcase 3"}, + imageSrc: "http://img.b2bpic.net/free-vector/gradient-construction-landing-page-template_23-2149568012.jpg", imageAlt: "Portfolio project showcase 3" + }, { - imageSrc: "http://img.b2bpic.net/free-vector/photography-template-design_23-2149752060.jpg?_wi=1", imageAlt: "Portfolio project showcase 4"}, + imageSrc: "http://img.b2bpic.net/free-vector/photography-template-design_23-2149752060.jpg", imageAlt: "Portfolio project showcase 4" + }, ]} rightCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-vector/modern-elegant-photography-project-proposal_742173-5927.jpg?_wi=2", imageAlt: "Portfolio project showcase 5"}, + imageSrc: "http://img.b2bpic.net/free-vector/modern-elegant-photography-project-proposal_742173-5927.jpg", imageAlt: "Portfolio project showcase 5" + }, { - imageSrc: "http://img.b2bpic.net/free-vector/gradient-construction-landing-page-template_23-2149568012.jpg?_wi=2", imageAlt: "Portfolio project showcase 6"}, + imageSrc: "http://img.b2bpic.net/free-vector/gradient-construction-landing-page-template_23-2149568012.jpg", imageAlt: "Portfolio project showcase 6" + }, { - imageSrc: "http://img.b2bpic.net/free-vector/photography-template-design_23-2149752060.jpg?_wi=2", imageAlt: "Portfolio project showcase 7"}, + imageSrc: "http://img.b2bpic.net/free-vector/photography-template-design_23-2149752060.jpg", imageAlt: "Portfolio project showcase 7" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/chroma-key-notebook-video-wall-stacked-with-diverse-entertainment-media-channels-isolated-screen_482257-136151.jpg?_wi=2", imageAlt: "Portfolio project showcase 8"}, + imageSrc: "http://img.b2bpic.net/free-photo/chroma-key-notebook-video-wall-stacked-with-diverse-entertainment-media-channels-isolated-screen_482257-136151.jpg", imageAlt: "Portfolio project showcase 8" + }, ]} carouselPosition="right" buttons={[ @@ -103,11 +111,14 @@ export default function Portfolio() { gridVariant="asymmetric-60-wide-40-narrow" products={[ { - id: "1", name: "E-Commerce Redesign", price: "2024", imageSrc: "http://img.b2bpic.net/free-vector/brutalism-web-design-template-design_52683-98425.jpg", imageAlt: "E-commerce platform redesign project"}, + id: "1", name: "E-Commerce Redesign", price: "2024", imageSrc: "http://img.b2bpic.net/free-vector/brutalism-web-design-template-design_52683-98425.jpg", imageAlt: "E-commerce platform redesign project" + }, { - id: "2", name: "Brand Identity System", price: "2024", imageSrc: "http://img.b2bpic.net/free-psd/business-concept_23-2150288633.jpg", imageAlt: "Comprehensive brand identity project"}, + id: "2", name: "Brand Identity System", price: "2024", imageSrc: "http://img.b2bpic.net/free-psd/business-concept_23-2150288633.jpg", imageAlt: "Comprehensive brand identity project" + }, { - id: "3", name: "Mobile App Experience", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-arrangement_23-2149386366.jpg", imageAlt: "Mobile application UX design"}, + id: "3", name: "Mobile App Experience", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-arrangement_23-2149386366.jpg", imageAlt: "Mobile application UX design" + }, ]} /> @@ -125,17 +136,20 @@ export default function Portfolio() { features={[ { id: "ui-design", label: "UI/UX", title: "User Interface & Experience Design", items: [ - "Wireframing & prototyping", "User research & testing", "Interactive design"], + "Wireframing & prototyping", "User research & testing", "Interactive design" + ], buttons: [{ text: "Learn More", href: "#" }], }, { id: "branding", label: "Branding", title: "Strategic Brand Development", items: [ - "Brand strategy & positioning", "Visual identity systems", "Brand guidelines"], + "Brand strategy & positioning", "Visual identity systems", "Brand guidelines" + ], buttons: [{ text: "Learn More", href: "#" }], }, { id: "digital", label: "Digital", title: "Digital Strategy & Solutions", items: [ - "Digital product strategy", "Web design & development", "Marketing campaigns"], + "Digital product strategy", "Web design & development", "Marketing campaigns" + ], buttons: [{ text: "Learn More", href: "#" }], }, ]} @@ -155,17 +169,23 @@ export default function Portfolio() { speed={40} testimonials={[ { - id: "1", name: "Sarah Johnson", handle: "@sarah_creative", testimonial: "Exceptional design work with thoughtful attention to detail. Elevated our brand presence significantly.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg?_wi=1", imageAlt: "Sarah Johnson"}, + id: "1", name: "Sarah Johnson", handle: "@sarah_creative", testimonial: "Exceptional design work with thoughtful attention to detail. Elevated our brand presence significantly.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", imageAlt: "Sarah Johnson" + }, { - id: "2", name: "Michael Chen", handle: "CEO, TechVenture", testimonial: "Professional, responsive, and truly understands user-centered design principles. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-reception_23-2149963923.jpg?_wi=1", imageAlt: "Michael Chen"}, + id: "2", name: "Michael Chen", handle: "CEO, TechVenture", testimonial: "Professional, responsive, and truly understands user-centered design principles. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-reception_23-2149963923.jpg", imageAlt: "Michael Chen" + }, { - id: "3", name: "Emily Rodriguez", handle: "Director, Creative Co", testimonial: "Delivered outstanding results on our digital transformation project. A true creative partner.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", imageAlt: "Emily Rodriguez"}, + id: "3", name: "Emily Rodriguez", handle: "Director, Creative Co", testimonial: "Delivered outstanding results on our digital transformation project. A true creative partner.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", imageAlt: "Emily Rodriguez" + }, { - id: "4", name: "David Kim", handle: "Product Manager, StartupXYZ", testimonial: "Brought our vision to life with innovative solutions and stellar execution throughout.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg", imageAlt: "David Kim"}, + id: "4", name: "David Kim", handle: "Product Manager, StartupXYZ", testimonial: "Brought our vision to life with innovative solutions and stellar execution throughout.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg", imageAlt: "David Kim" + }, { - id: "5", name: "Jessica Martinez", handle: "@jess_design", testimonial: "Collaborative approach and design excellence made the entire project a pleasure to work on.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg?_wi=2", imageAlt: "Jessica Martinez"}, + id: "5", name: "Jessica Martinez", handle: "@jess_design", testimonial: "Collaborative approach and design excellence made the entire project a pleasure to work on.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", imageAlt: "Jessica Martinez" + }, { - id: "6", name: "Robert Thompson", handle: "Founder, InnovateLab", testimonial: "Transformed our digital presence with strategic thinking and exceptional creative execution.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-reception_23-2149963923.jpg?_wi=2", imageAlt: "Robert Thompson"}, + id: "6", name: "Robert Thompson", handle: "Founder, InnovateLab", testimonial: "Transformed our digital presence with strategic thinking and exceptional creative execution.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-reception_23-2149963923.jpg", imageAlt: "Robert Thompson" + }, ]} />