From 5c655d82e674b2c604bd48a974706f08fc97111c Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 18 Mar 2026 21:18:19 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index b3c0b5c..282415f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -71,11 +71,11 @@ export default function LandingPage() { products={[ { id: "proj-1", brand: "Interactive", name: "Dashboard Platform", price: "React + Framer", rating: 5, - reviewCount: "Live", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-sleek-interactive-web-application-dash-1773868660387-f4696982.png", imageAlt: "Interactive dashboard with smooth animations" + reviewCount: "Live", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-sleek-interactive-web-application-dash-1773868660387-f4696982.png?_wi=1", imageAlt: "Interactive dashboard with smooth animations" }, { id: "proj-2", brand: "Creative", name: "Portfolio Showcase", price: "Next.js + Motion", rating: 5, - reviewCount: "Live", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-creative-portfolio-website-with-smooth-1773868660799-1ef6c368.png", imageAlt: "Portfolio website with engaging animations" + reviewCount: "Live", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-creative-portfolio-website-with-smooth-1773868660799-1ef6c368.png?_wi=1", imageAlt: "Portfolio website with engaging animations" }, { id: "proj-3", brand: "Mobile App", name: "User Experience", price: "React Native + Reanimated", rating: 5, @@ -87,7 +87,7 @@ export default function LandingPage() { }, { id: "proj-5", brand: "Analytics", name: "Data Dashboard", price: "React + D3.js", rating: 5, - reviewCount: "Live", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-real-time-analytics-dashboard-with-ani-1773868659528-6b43fc31.png", imageAlt: "Real-time analytics with animations" + reviewCount: "Live", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-real-time-analytics-dashboard-with-ani-1773868659528-6b43fc31.png?_wi=1", imageAlt: "Real-time analytics with animations" }, { id: "proj-6", brand: "Collaboration", name: "Design Platform", price: "Web Tech", rating: 5, @@ -110,19 +110,19 @@ export default function LandingPage() { features={[ { id: "skill-1", title: "Framer Motion", author: "Animation Library", description: "Advanced animations and interactive motion design with Framer Motion. Creating smooth, performant transitions and complex animation sequences.", tags: ["React", "Animation", "Motion Design"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/abstract-visual-representation-of-techni-1773868661557-f9211ecd.png", imageAlt: "Framer Motion animations showcase" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/abstract-visual-representation-of-techni-1773868661557-f9211ecd.png?_wi=1", imageAlt: "Framer Motion animations showcase" }, { id: "skill-2", title: "React & Next.js", author: "Frontend Framework", description: "Building performant, scalable applications with React and Next.js. Expertise in component architecture and state management.", tags: ["React", "Next.js", "SSR"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/abstract-visual-representation-of-techni-1773868661557-f9211ecd.png", imageAlt: "React and Next.js development" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/abstract-visual-representation-of-techni-1773868661557-f9211ecd.png?_wi=2", imageAlt: "React and Next.js development" }, { id: "skill-3", title: "TypeScript", author: "Language", description: "Type-safe development with TypeScript. Building robust, maintainable codebases with strong typing and error prevention.", tags: ["TypeScript", "Type Safety", "Development"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/abstract-visual-representation-of-techni-1773868661557-f9211ecd.png", imageAlt: "TypeScript development practices" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/abstract-visual-representation-of-techni-1773868661557-f9211ecd.png?_wi=3", imageAlt: "TypeScript development practices" }, { id: "skill-4", title: "Tailwind CSS", author: "Styling", description: "Rapid UI development with Tailwind CSS. Creating responsive, beautiful designs with utility-first CSS framework.", tags: ["CSS", "Tailwind", "Design"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/abstract-visual-representation-of-techni-1773868661557-f9211ecd.png", imageAlt: "Tailwind CSS styling" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/abstract-visual-representation-of-techni-1773868661557-f9211ecd.png?_wi=4", imageAlt: "Tailwind CSS styling" } ]} /> @@ -154,13 +154,13 @@ export default function LandingPage() { animationType="slide-up" blogs={[ { - id: "blog-1", category: "Tutorial", title: "Mastering Framer Motion Animations", excerpt: "A comprehensive guide to creating smooth, performant animations with Framer Motion in React applications.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-sleek-interactive-web-application-dash-1773868660387-f4696982.png", imageAlt: "Framer Motion tutorial", authorName: "Anika Sharman", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-professional-portrait-of-a-creative-de-1773868658467-d40304b3.png", date: "2024-01-15" + id: "blog-1", category: "Tutorial", title: "Mastering Framer Motion Animations", excerpt: "A comprehensive guide to creating smooth, performant animations with Framer Motion in React applications.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-sleek-interactive-web-application-dash-1773868660387-f4696982.png?_wi=2", imageAlt: "Framer Motion tutorial", authorName: "Anika Sharman", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-professional-portrait-of-a-creative-de-1773868658467-d40304b3.png", date: "2024-01-15" }, { - id: "blog-2", category: "Case Study", title: "Building Interactive Dashboards", excerpt: "Insights from developing a real-time analytics dashboard with smooth data visualizations and interactive components.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-real-time-analytics-dashboard-with-ani-1773868659528-6b43fc31.png", imageAlt: "Dashboard case study", authorName: "Anika Sharman", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-professional-portrait-of-a-creative-de-1773868658467-d40304b3.png", date: "2024-01-10" + id: "blog-2", category: "Case Study", title: "Building Interactive Dashboards", excerpt: "Insights from developing a real-time analytics dashboard with smooth data visualizations and interactive components.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-real-time-analytics-dashboard-with-ani-1773868659528-6b43fc31.png?_wi=2", imageAlt: "Dashboard case study", authorName: "Anika Sharman", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-professional-portrait-of-a-creative-de-1773868658467-d40304b3.png", date: "2024-01-10" }, { - id: "blog-3", category: "Design", title: "Creating Delightful User Experiences", excerpt: "Combining motion design with UX principles to create engaging, intuitive interfaces that users love.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-creative-portfolio-website-with-smooth-1773868660799-1ef6c368.png", imageAlt: "UX design principles", authorName: "Anika Sharman", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-professional-portrait-of-a-creative-de-1773868658467-d40304b3.png", date: "2024-01-05" + id: "blog-3", category: "Design", title: "Creating Delightful User Experiences", excerpt: "Combining motion design with UX principles to create engaging, intuitive interfaces that users love.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-creative-portfolio-website-with-smooth-1773868660799-1ef6c368.png?_wi=2", imageAlt: "UX design principles", authorName: "Anika Sharman", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8R7fba6u2ms37M6shRs1PQhwW/a-professional-portrait-of-a-creative-de-1773868658467-d40304b3.png", date: "2024-01-05" } ]} /> -- 2.49.1