bender/b922558f-77f1-4580-9fbb-9fb947d1d2e9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-03-18 21:18:23 +00:00
Conversation 0 Commits 1 Files Changed 1 +10 -10
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/page.tsx
View File

@@ -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"
}
]}
/>