bender/3a97af17-12da-4915-be7d-1b160948b657
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 5 commits from version_1 into main 2026-03-17 14:57:41 +00:00
Conversation 0 Commits 5 Files Changed 5 +80 -39
5 changed files with 80 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/blog/[id]/page.tsx
View File

@@ -90,7 +90,7 @@ export default function BlogDetailPage() {
category: "Web Development",
title: "Mastering React Hooks: Complete Guide to useState, useEffect, and Beyond",
excerpt: "Learn how to leverage React Hooks to build more efficient, cleaner components. This comprehensive guide covers all the essential hooks and advanced patterns for state management.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-react-framework-development-workspace--1773759372845-d77d20d2.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-react-framework-development-workspace--1773759372845-d77d20d2.png?_wi=3",
imageAlt: "React framework guide",
authorName: "Sarah Martinez",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-l-1773759371933-d5c0950a.png",
@@ -101,7 +101,7 @@ export default function BlogDetailPage() {
category: "Programming",
title: "Getting Started with Python for Beginners",
excerpt: "Learn the fundamentals of Python programming with practical examples and exercises designed for complete beginners.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-friendly-beginner-focused-python-progr-1773759372834-0a6522d8.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-friendly-beginner-focused-python-progr-1773759372834-0a6522d8.png?_wi=3",
imageAlt: "Python programming tutorial",
authorName: "Alex Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-a-1773759371801-d36a17ca.png",
@@ -112,7 +112,7 @@ export default function BlogDetailPage() {
category: "AI",
title: "Introduction to Machine Learning Basics",
excerpt: "Explore the fundamentals of machine learning, algorithms, and how AI is transforming industries today.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/an-introduction-to-machine-learning-visu-1773759374909-c4043ec0.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/an-introduction-to-machine-learning-visu-1773759374909-c4043ec0.png?_wi=3",
imageAlt: "Machine learning introduction",
authorName: "David Kim",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-i-1773759372410-05e553f0.png",

16
src/app/blogs/page.tsx
View File

@@ -95,7 +95,7 @@ export default function BlogsPage() {
category: "Programming",
title: "Getting Started with Python for Beginners",
excerpt: "Learn the fundamentals of Python programming with practical examples and exercises designed for complete beginners.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-friendly-beginner-focused-python-progr-1773759372834-0a6522d8.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-friendly-beginner-focused-python-progr-1773759372834-0a6522d8.png?_wi=2",
imageAlt: "Python programming tutorial",
authorName: "Alex Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-a-1773759371801-d36a17ca.png",
@@ -106,7 +106,7 @@ export default function BlogsPage() {
category: "Web Development",
title: "React Hooks: Master State Management",
excerpt: "Understand React Hooks and how to effectively manage component state with useEffect, useState, and custom hooks.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-react-framework-development-workspace--1773759372845-d77d20d2.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-react-framework-development-workspace--1773759372845-d77d20d2.png?_wi=2",
imageAlt: "React framework guide",
authorName: "Sarah Martinez",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-l-1773759371933-d5c0950a.png",
@@ -117,7 +117,7 @@ export default function BlogsPage() {
category: "AI",
title: "Introduction to Machine Learning Basics",
excerpt: "Explore the fundamentals of machine learning, algorithms, and how AI is transforming industries today.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/an-introduction-to-machine-learning-visu-1773759374909-c4043ec0.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/an-introduction-to-machine-learning-visu-1773759374909-c4043ec0.png?_wi=2",
imageAlt: "Machine learning introduction",
authorName: "David Kim",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-i-1773759372410-05e553f0.png",
@@ -128,7 +128,7 @@ export default function BlogsPage() {
category: "Study Tips",
title: "Effective Learning Strategies for Tech Beginners",
excerpt: "Discover proven techniques to accelerate your learning journey in programming and technology skills.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-study-tips-and-learning-strategies-sce-1773759372661-5baeb672.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-study-tips-and-learning-strategies-sce-1773759372661-5baeb672.png?_wi=2",
imageAlt: "Study tips and learning strategies",
authorName: "Emma Johnson",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-f-1773759371875-a58180a4.png",
@@ -154,7 +154,7 @@ export default function BlogsPage() {
category: "Web Development",
title: "Next.js 14: The Future of React Development",
excerpt: "Explore the latest features in Next.js 14 and how it's revolutionizing full-stack web development.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/next-js-framework-development-workspace--1773759375077-df8628f3.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/next-js-framework-development-workspace--1773759375077-df8628f3.png?_wi=2",
imageAlt: "Next.js framework tutorial",
authorName: "James Wilson",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-middle--1773759372070-61611c71.png",
@@ -165,7 +165,7 @@ export default function BlogsPage() {
category: "Programming",
title: "JavaScript ES13 Features You Should Know",
excerpt: "Master the latest JavaScript features that make coding more efficient and enjoyable.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/advanced-javascript-features-and-es13-sy-1773759374879-3c0edd31.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/advanced-javascript-features-and-es13-sy-1773759374879-3c0edd31.png?_wi=2",
imageAlt: "JavaScript advanced features",
authorName: "Lisa Park",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-f-1773759373149-5c311375.png",
@@ -176,7 +176,7 @@ export default function BlogsPage() {
category: "AI",
title: "How ChatGPT Changed Web Development",
excerpt: "Discover how AI assistants are transforming the way developers write code and solve problems.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/illustration-of-chatgpt-and-ai-assistant-1773759373213-774febe4.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/illustration-of-chatgpt-and-ai-assistant-1773759373213-774febe4.png?_wi=2",
imageAlt: "AI in web development",
authorName: "Tom Anderson",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-m-1773759372920-2782fc1c.png",
@@ -187,7 +187,7 @@ export default function BlogsPage() {
category: "Career Guidance",
title: "Landing Your First Tech Job: A Beginner's Guide",
excerpt: "Practical advice on resume building, interview preparation, and networking in the tech industry.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/career-guidance-and-first-tech-job-prepa-1773759374470-7b19190d.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/career-guidance-and-first-tech-job-prepa-1773759374470-7b19190d.png?_wi=2",
imageAlt: "Tech career guidance",
authorName: "Rachel Green",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-f-1773759371466-80546cf4.png",

12
src/app/create/page.tsx
View File

@@ -92,11 +92,11 @@ export default function CreateBlogPage() {
title: "Write with Rich Editor",
description: "Use our intuitive rich text editor with syntax highlighting for code, image uploads, and video embedding. Format your content exactly how you want it.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-a-blog-creat-1773759376083-7485467e.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-a-blog-creat-1773759376083-7485467e.png?_wi=2",
imageAlt: "Blog creation interface",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-blog-post-ed-1773759372868-ba196d96.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-blog-post-ed-1773759372868-ba196d96.png?_wi=2",
imageAlt: "Blog editing interface",
},
},
@@ -105,11 +105,11 @@ export default function CreateBlogPage() {
title: "Organize with Categories",
description: "Choose from multiple tech categories to help readers discover your content. Tag your posts with relevant topics and reach the right audience.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-displaying-engagemen-1773759373478-bcb5b73f.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-displaying-engagemen-1773759373478-bcb5b73f.png?_wi=2",
imageAlt: "Category organization",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-blog-post-sh-1773759374404-bd0406e4.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-blog-post-sh-1773759374404-bd0406e4.png?_wi=2",
imageAlt: "Tag management",
},
},
@@ -118,11 +118,11 @@ export default function CreateBlogPage() {
title: "Publish & Share Instantly",
description: "Hit publish and your blog goes live immediately to our entire community. Share on social media, get likes and comments, and track your blog's performance.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-bookmark-fea-1773759372706-bbe1e584.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-bookmark-fea-1773759372706-bbe1e584.png?_wi=2",
imageAlt: "Publish interface",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-saved-bookma-1773759376997-66038d8f.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-saved-bookma-1773759376997-66038d8f.png?_wi=2",
imageAlt: "Analytics dashboard",
},
},

57
src/app/layout.tsx
View File

@@ -1,24 +1,63 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Public_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Public_Sans } from "next/font/google";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
export const metadata: Metadata = {
title: "Webild components 2",
description: "Generated by create next app",
};
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const publicSans = Public_Sans({
variable: "--font-public-sans",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "TechLearn - Learn & Share Programming Blogs for Beginners",
description: "Join TechLearn, a community platform for tech learners to read blogs on programming, web development, AI, career guidance, and share knowledge. Perfect for beginners and students.",
keywords: "tech blogs, programming tutorials, web development, coding for beginners, AI learning, career guidance, tech community, learn programming, web development tutorials",
metadataBase: new URL("https://techlearn.com"),
alternates: {
canonical: "https://techlearn.com",
},
robots: {
index: true,
follow: true,
},
openGraph: {
title: "TechLearn - Learn & Share Tech Knowledge",
description: "Discover and share quality tech blogs. Perfect platform for beginners to learn programming, web development, AI, and grow their tech career.",
url: "https://techlearn.com",
siteName: "TechLearn",
type: "website",
images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-diverse-group-of-young-students-sittin-1773759372754-de875df3.png",
alt: "TechLearn - Learn and Share Tech Knowledge",
},
],
},
twitter: {
card: "summary_large_image",
title: "TechLearn - Learn & Share Programming Blogs",
description: "Join the tech learning community. Read blogs on programming, web development, AI, career guidance and more.",
images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-diverse-group-of-young-students-sittin-1773759372754-de875df3.png",
],
},
};
export default function RootLayout({
children,
}: Readonly<{
@@ -27,7 +66,9 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${publicSans.variable} antialiased`}>
<body
className={`${halant.variable} ${inter.variable} ${publicSans.variable} antialiased`}
>
<Tag />
{children}
<script
@@ -39,4 +80,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

28
src/app/page.tsx
View File

@@ -130,7 +130,7 @@ export default function HomePage() {
category: "Programming",
title: "Getting Started with Python for Beginners",
excerpt: "Learn the fundamentals of Python programming with practical examples and exercises designed for complete beginners.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-friendly-beginner-focused-python-progr-1773759372834-0a6522d8.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-friendly-beginner-focused-python-progr-1773759372834-0a6522d8.png?_wi=1",
imageAlt: "Python programming tutorial",
authorName: "Alex Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-a-1773759371801-d36a17ca.png",
@@ -141,7 +141,7 @@ export default function HomePage() {
category: "Web Development",
title: "React Hooks: Master State Management",
excerpt: "Understand React Hooks and how to effectively manage component state with useEffect, useState, and custom hooks.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-react-framework-development-workspace--1773759372845-d77d20d2.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-react-framework-development-workspace--1773759372845-d77d20d2.png?_wi=1",
imageAlt: "React framework guide",
authorName: "Sarah Martinez",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-l-1773759371933-d5c0950a.png",
@@ -152,7 +152,7 @@ export default function HomePage() {
category: "AI",
title: "Introduction to Machine Learning Basics",
excerpt: "Explore the fundamentals of machine learning, algorithms, and how AI is transforming industries today.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/an-introduction-to-machine-learning-visu-1773759374909-c4043ec0.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/an-introduction-to-machine-learning-visu-1773759374909-c4043ec0.png?_wi=1",
imageAlt: "Machine learning introduction",
authorName: "David Kim",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-i-1773759372410-05e553f0.png",
@@ -163,7 +163,7 @@ export default function HomePage() {
category: "Study Tips",
title: "Effective Learning Strategies for Tech Beginners",
excerpt: "Discover proven techniques to accelerate your learning journey in programming and technology skills.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-study-tips-and-learning-strategies-sce-1773759372661-5baeb672.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/a-study-tips-and-learning-strategies-sce-1773759372661-5baeb672.png?_wi=1",
imageAlt: "Study tips and learning strategies",
authorName: "Emma Johnson",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-f-1773759371875-a58180a4.png",
@@ -190,11 +190,11 @@ export default function HomePage() {
title: "Create & Edit Blogs",
description: "Write rich-formatted blog posts with code snippets, images, and videos. Edit anytime to keep your content fresh and accurate.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-a-blog-creat-1773759376083-7485467e.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-a-blog-creat-1773759376083-7485467e.png?_wi=1",
imageAlt: "Blog creation interface",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-blog-post-ed-1773759372868-ba196d96.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-blog-post-ed-1773759372868-ba196d96.png?_wi=1",
imageAlt: "Blog editing interface",
},
},
@@ -203,11 +203,11 @@ export default function HomePage() {
title: "Like, Comment & Share",
description: "Engage with the community by liking posts, leaving thoughtful comments, and sharing valuable content with your network.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-displaying-engagemen-1773759373478-bcb5b73f.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-displaying-engagemen-1773759373478-bcb5b73f.png?_wi=1",
imageAlt: "Engagement features",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-blog-post-sh-1773759374404-bd0406e4.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-blog-post-sh-1773759374404-bd0406e4.png?_wi=1",
imageAlt: "Sharing options",
},
},
@@ -216,11 +216,11 @@ export default function HomePage() {
title: "Bookmark Favorite Posts",
description: "Save articles for later reading with the bookmark feature. Build your personal knowledge library and revisit great content anytime.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-bookmark-fea-1773759372706-bbe1e584.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-bookmark-fea-1773759372706-bbe1e584.png?_wi=1",
imageAlt: "Bookmark feature",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-saved-bookma-1773759376997-66038d8f.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/mobile-phone-screen-showing-saved-bookma-1773759376997-66038d8f.png?_wi=1",
imageAlt: "Saved collection",
},
},
@@ -346,7 +346,7 @@ export default function HomePage() {
category: "Web Development",
title: "Next.js 14: The Future of React Development",
excerpt: "Explore the latest features in Next.js 14 and how it's revolutionizing full-stack web development.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/next-js-framework-development-workspace--1773759375077-df8628f3.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/next-js-framework-development-workspace--1773759375077-df8628f3.png?_wi=1",
imageAlt: "Next.js framework tutorial",
authorName: "James Wilson",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-middle--1773759372070-61611c71.png",
@@ -357,7 +357,7 @@ export default function HomePage() {
category: "Programming",
title: "JavaScript ES13 Features You Should Know",
excerpt: "Master the latest JavaScript features that make coding more efficient and enjoyable.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/advanced-javascript-features-and-es13-sy-1773759374879-3c0edd31.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/advanced-javascript-features-and-es13-sy-1773759374879-3c0edd31.png?_wi=1",
imageAlt: "JavaScript advanced features",
authorName: "Lisa Park",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-f-1773759373149-5c311375.png",
@@ -368,7 +368,7 @@ export default function HomePage() {
category: "AI",
title: "How ChatGPT Changed Web Development",
excerpt: "Discover how AI assistants are transforming the way developers write code and solve problems.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/illustration-of-chatgpt-and-ai-assistant-1773759373213-774febe4.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/illustration-of-chatgpt-and-ai-assistant-1773759373213-774febe4.png?_wi=1",
imageAlt: "AI in web development",
authorName: "Tom Anderson",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-m-1773759372920-2782fc1c.png",
@@ -379,7 +379,7 @@ export default function HomePage() {
category: "Career Guidance",
title: "Landing Your First Tech Job: A Beginner's Guide",
excerpt: "Practical advice on resume building, interview preparation, and networking in the tech industry.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/career-guidance-and-first-tech-job-prepa-1773759374470-7b19190d.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/career-guidance-and-first-tech-job-prepa-1773759374470-7b19190d.png?_wi=1",
imageAlt: "Tech career guidance",
authorName: "Rachel Green",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4racwdyw1t3jh4kD6HfL4VpK1/professional-headshot-photo-of-a-young-f-1773759371466-80546cf4.png",