Updated

Author: PrashantUnity

assets/css/home.css

@@ -34,6 +34,14 @@ body {
     margin-top: .25rem
 }
 
+.home-cta-hero {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.75rem 1rem;
+    justify-content: center;
+    margin: 1rem auto 0;
+}
+
 .category-section {
     width: min(75rem, 100%);
     margin-inline: auto;
@@ -115,14 +123,265 @@ a.neumorphic-button:active>span {
     font-size: 14cqi
 }
 
-@media (max-width:650px) {
+/* Home intro – neumorphic panel matching site style (category-section + search) */
+.home-intro {
+    width: min(75rem, 100%);
+    margin-inline: auto;
+    margin-bottom: 3rem;
+    margin-top: 1rem;
+    padding: 2rem;
+    border-radius: 0.8rem;
+    background: var(--bg-primary);
+    box-shadow: inset 0.2rem 0.2rem 0.4rem var(--shadow-dark), inset -0.2rem -0.2rem 0.4rem var(--shadow-light);
+}
+
+.home-intro-content {
+    font-size: 1rem;
+    line-height: 1.65;
+    color: var(--text-primary);
+    font-family: Inter, system-ui, -apple-system, sans-serif;
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 1.25rem 1.5rem;
+}
+
+/* Welcome – matches page-header feel */
+.home-intro-content > h1:first-child {
+    font-size: clamp(1.35rem, 3.5vw, 1.75rem);
+    font-weight: 600;
+    margin: 0 0 0.5rem 0;
+    letter-spacing: -0.02em;
+    color: var(--text-primary);
+}
+
+.home-intro-content > p:first-of-type {
+    font-size: 1rem;
+    color: var(--text-secondary);
+    margin: 0 0 1.5rem 0;
+    max-width: 48ch;
+}
+
+/* Section labels – match .category-title; span full width in grid */
+.home-intro-content h2 {
+    font-family: Inter, sans-serif;
+    font-size: 1.1rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 3px;
+    color: var(--text-secondary);
+    margin: 2rem 0 1rem 0;
+    grid-column: 1 / -1;
+}
+
+.home-intro-content h2:first-of-type {
+    margin-top: 0;
+}
+
+.home-intro-content > h1:first-child,
+.home-intro-content > p:first-of-type {
+    grid-column: 1 / -1;
+}
+
+.home-intro-content ul,
+.home-intro-content h2 + p,
+.home-intro-content h2 + p + p {
+    grid-column: 1 / -1;
+}
+
+/* What We Offer – raised neumorphic cards, responsive card grid (one card per cell, 2 cols on tablet+) */
+.offer-card {
+    border-radius: 0.8rem;
+    background: var(--button-bg);
+    --shadow-light: var(--shadow-light-alt);
+    --shadow-dark: var(--shadow-dark-alt);
+    box-shadow: -0.25rem -0.25rem 0.5rem var(--shadow-light), 0.25rem 0.25rem 0.5rem var(--shadow-dark);
+    padding: 0;
+    min-width: 0;
+    align-self: start;
+    min-height: 0;
+}
+
+.offer-card-title {
+    margin: 0;
+    padding: 0.9rem 1.1rem;
+    font-size: 1rem;
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+.offer-card-body {
+    padding: 0 1.1rem 1rem 0.9rem;
+    font-size: 0.9rem;
+    line-height: 1.55;
+    color: var(--text-secondary);
+}
+
+.offer-card-body p {
+    margin: 0;
+}
+
+/* Why Choose – raised neumorphic pills (same shadow as category buttons) */
+.home-intro-content ul {
+    list-style: none;
+    margin: 1rem 0 1.5rem 0;
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.6rem;
+}
+
+.home-intro-content ul li {
+    display: inline-block;
+    padding: 0.5rem 1rem;
+    border-radius: 0.8rem;
+    font-size: 0.875rem;
+    font-weight: 500;
+    background: var(--button-bg);
+    color: var(--button-text);
+    --shadow-light: var(--shadow-light-alt);
+    --shadow-dark: var(--shadow-dark-alt);
+    box-shadow: -0.2rem -0.2rem 0.4rem var(--shadow-light), 0.2rem 0.2rem 0.4rem var(--shadow-dark);
+}
+
+/* Get Started text */
+.home-intro-content h2 + p,
+.home-intro-content h2 + p + p {
+    margin: 0.5rem 0 0;
+    color: var(--text-secondary);
+    font-size: 0.95rem;
+}
+
+.home-intro-content a {
+    color: var(--button-text-hover);
+    text-decoration: none;
+    font-weight: 500;
+    transition: color .15s;
+}
+
+.home-intro-content a:hover {
+    color: var(--text-primary);
+}
+
+/* CTA strip – primary = same neumorphic as category buttons */
+.home-cta-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+    justify-content: center;
+    margin: 0 auto 2.5rem;
+    width: min(75rem, 100%);
+}
+
+.home-cta-primary,
+.home-cta-secondary {
+    display: inline-block;
+    padding: 0.65rem 1.35rem;
+    min-height: 44px;
+    min-width: 44px;
+    box-sizing: border-box;
+    border-radius: 0.8rem;
+    font-weight: 600;
+    font-size: 0.95rem;
+    text-decoration: none;
+    transition: transform .2s, box-shadow .2s;
+}
+
+.home-cta-primary {
+    background: var(--button-bg);
+    color: var(--button-text);
+    --shadow-light: var(--shadow-light-alt);
+    --shadow-dark: var(--shadow-dark-alt);
+    box-shadow: -0.3rem -0.3rem 0.6rem var(--shadow-light), 0.3rem 0.3rem 0.6rem var(--shadow-dark);
+}
+
+.home-cta-primary:hover {
+    color: var(--button-text-hover);
+    transform: translateY(-4px);
+    box-shadow: -0.4rem -0.4rem 0.8rem var(--shadow-light), 0.4rem 0.4rem 0.8rem var(--shadow-dark);
+}
+
+.home-cta-secondary {
+    background: var(--bg-primary);
+    color: var(--text-secondary);
+    --shadow-light: var(--shadow-light-alt);
+    --shadow-dark: var(--shadow-dark-alt);
+    box-shadow: -0.2rem -0.2rem 0.4rem var(--shadow-light), 0.2rem 0.2rem 0.4rem var(--shadow-dark);
+}
+
+.home-cta-secondary:hover {
+    color: var(--button-text-hover);
+    transform: translateY(-4px);
+    box-shadow: -0.3rem -0.3rem 0.6rem var(--shadow-light), 0.3rem 0.3rem 0.6rem var(--shadow-dark);
+}
+
+/* FAQ section */
+.faq-section {
+    width: min(75rem, 100%);
+    margin-inline: auto;
+    margin-top: 2.5rem;
+    margin-bottom: 2rem;
+}
+
+.faq-section-title {
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: var(--text-secondary);
+    margin-bottom: 1rem;
+}
+
+.faq-list {
+    margin: 0;
+}
+
+.faq-item {
+    margin-bottom: 1rem;
+}
+
+.faq-question {
+    font-weight: 600;
+    color: var(--text-primary);
+    margin: 0 0 0.25rem 0;
+}
+
+.faq-answer {
+    margin: 0 0 1rem 0;
+    color: var(--text-secondary);
+    line-height: 1.5;
+}
+
+/* What We Offer: 2-column layout on tablet+; keep row gap to avoid card overlap */
+@media (min-width: 600px) {
+    .home-intro-content {
+        grid-template-columns: repeat(2, 1fr);
+        gap: 1.5rem 1.5rem;
+    }
+}
+
+@media (max-width: 768px) {
     .category-title {
         text-align: center
     }
 
     .button-grid {
         justify-content: center
     }
+
+    .home-intro {
+        padding: 1.25rem;
+    }
+
+    .offer-card-title {
+        padding: 0.75rem 1rem;
+    }
+
+    .offer-card-body {
+        padding: 0 1rem 0.75rem 0.75rem;
+    }
+
+    .home-intro-content ul li {
+        font-size: 0.8rem;
+        padding: 0.45rem 0.8rem;
+    }
 }
 
 /* Layout tiers: Mobile, Tablet, Desktop */

content/_index.md

@@ -3,26 +3,29 @@ title: "Code Fry Dev"
 date: 2023-01-01T00:00:00Z
 ---
 
-# Welcome to CodeFryDev
-
-Your ultimate destination for **free online tools, games, AI applications, and creative resources**. CodeFryDev provides a comprehensive collection of web-based utilities designed to enhance your productivity, creativity, and digital experience—all without requiring any signup or installation.
+Free online tools, games, and AI apps—no signup required. Find what you need in the categories below or use search.
 
 ## What We Offer
 
-### 🎨 Creative & Assets
+{{< offer-card "Creative & Assets" "🎨" >}}
 Explore our extensive collection of creative resources including digital art tools, text utilities, wallpapers, 3D models, Android assets, and DSA Lab for learning data structures. Whether you're a designer, developer, or creative enthusiast, find the assets you need to bring your projects to life.
+{{< /offer-card >}}
 
-### 🛠️ Tools & Utilities
+{{< offer-card "Tools & Utilities" "🛠️" >}}
 Boost your productivity with our suite of free online tools. From AI-powered applications and prompt libraries to CSV processors, JSON formatters, meta tag generators, and weather services—we've got the utilities you need for everyday tasks and professional projects.
+{{< /offer-card >}}
 
-### 🎮 Games & Fun
+{{< offer-card "Games & Fun" "🎮" >}}
 Take a break and enjoy our collection of engaging web-based games. Play classic favorites like Wordle, Snake, and Chain Reaction, or discover new challenges. All games are free to play directly in your browser—no downloads required.
+{{< /offer-card >}}
 
-### 🤖 AI Tools
+{{< offer-card "AI Tools" "🤖" >}}
 Harness the power of artificial intelligence with our AI-powered tools. Create memes, summarize websites, generate social media content, take visual notes, and more. Our AI tools are designed to be intuitive and accessible, helping you work smarter and faster.
+{{< /offer-card >}}
 
-### 🎨 Design Lab
+{{< offer-card "Design Lab" "🎨" >}}
 Unleash your creativity with our design tools and resources. Access professional design utilities, data visualization tools, music visualizers, and creative applications that inspire and empower your design workflow.
+{{< /offer-card >}}
 
 ## Why Choose CodeFryDev?
 

content/about-us/_index.md

@@ -2,11 +2,12 @@
 title: "About us"
 date: 2023-01-01T00:00:00Z
 draft: false
+aliases: ["/about"]
 ---
 
 ## About us
 
-CodeFryDev is a comprehensive digital platform that provides diverse tools, applications, and resources for developers, designers, and digital enthusiasts. We offer an extensive collection of productivity apps, AI-powered tools, engaging games, and creative design resources.
+CodeFryDev offers free online tools, games, and AI apps—no signup required. We provide diverse tools, applications, and resources for developers, designers, and digital enthusiasts: productivity apps, AI-powered tools, engaging games, and creative design resources.
 
 Our mission is to make high-quality digital tools and resources accessible to everyone, regardless of their technical skill level. We believe in empowering users with innovative solutions that enhance productivity, creativity, and digital experiences.
 

content/ai/_index.md

@@ -3,5 +3,4 @@ title: "CFD AI"
 date: 2025-06-21T00:00:00Z
 ---
 
-# List of AI projects
-Here you can find all AI projects.
+Use our free AI-powered tools for memes, summaries, social content, visual notes, and more—no signup required.

content/designlab/_index.md

@@ -3,4 +3,4 @@ title: "All Design"
 date: 2025-06-06T00:00:00Z
 ---
 
-## List of Design Relatee stuff
+Free design tools, visualizations, and creative resources for your projects—no signup required.

content/games/_index.md

@@ -3,5 +3,4 @@ title: "Games"
 date: 2023-01-01T00:00:00Z
 ---
 
-# List of Games
-Here you can find all our games.
+Play free browser games—Wordle, Snake, Chain Reaction, and more. No download or signup required.

hugo.toml

@@ -1,20 +1,26 @@
 baseURL = 'https://codefrydev.in/'
-languageCode = 'en-us'
+languageCode = 'en-US'
 defaultContentLanguage = 'en'
 title = 'Code Fry Dev'
 
+[outputs]
+  home = ["HTML", "RSS"]
+
 [Author]
   name = "CodeFryDev"
 
-[Params]
-  description = "Building software products, apps, and developer tools for web, mobile, and desktop, providing AI-ready boilerplate code to accelerate feature implementation."
+[params]
+  description = "Free online tools, games, and AI apps—no signup required. CodeFryDev offers web-based utilities, design resources, and productivity apps for everyone."
   logo = "favicon-32x32.png"
   copyright = "codefrydev.in"
-
-[params]
-  paginate = 10  # Number of posts per page
+  paginate = 10
   env = "production"
   google_analytics_id = "G-VM01Q3R43D"
+  # Add static/images/og-default.png (1200×630) for better social sharing; omit or leave empty to use logo
+  default_og_image = "images/og-default.png"
+  
+  [params.social]
+    twitter = "codefrydev"
 
   [assets]
     favicon = "favicon.ico"