From be78284a01842fa3485bd69d81a896be189f20aa Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 17 Mar 2026 14:57:35 +0000 Subject: [PATCH 1/5] Update src/app/blog/[id]/page.tsx --- src/app/blog/[id]/page.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/blog/[id]/page.tsx b/src/app/blog/[id]/page.tsx index 0a0d142..584068c 100644 --- a/src/app/blog/[id]/page.tsx +++ b/src/app/blog/[id]/page.tsx @@ -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", -- 2.49.1 From c3a1adc99e9850e83805d0cdaaaefbbb8b72aebf Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 17 Mar 2026 14:57:35 +0000 Subject: [PATCH 2/5] Update src/app/blogs/page.tsx --- src/app/blogs/page.tsx | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/app/blogs/page.tsx b/src/app/blogs/page.tsx index 11f3f16..4ba98d4 100644 --- a/src/app/blogs/page.tsx +++ b/src/app/blogs/page.tsx @@ -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", -- 2.49.1 From 209e5fff5e195eba31d3b6da59296c8d2016192c Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 17 Mar 2026 14:57:36 +0000 Subject: [PATCH 3/5] Update src/app/create/page.tsx --- src/app/create/page.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/app/create/page.tsx b/src/app/create/page.tsx index 5056123..14a1e6a 100644 --- a/src/app/create/page.tsx +++ b/src/app/create/page.tsx @@ -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", }, }, -- 2.49.1 From fd2d7d51ff70fdde19298a401015017d30ef57b7 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 17 Mar 2026 14:57:36 +0000 Subject: [PATCH 4/5] Update src/app/layout.tsx --- src/app/layout.tsx | 57 +++++++++++++++++++++++++++++++++++++++------- 1 file changed, 49 insertions(+), 8 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 590a34c..ba13e84 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -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 ( - + {children}