Develop: Landing Page Redesign

.github/workflows/deploy.yml

@@ -1,14 +1,10 @@
 name: Deploy to GitHub Pages
 
 on:
-  # Trigger the workflow every time you push to the `main` branch
-  # Using a different branch name? Replace `main` with your branch’s name
   push:
     branches: [main]
-  # Allows you to run this workflow manually from the Actions tab on GitHub.
   workflow_dispatch:
 
-# Allow this job to clone the repo and create a page deployment
 permissions:
   contents: read
   pages: write
@@ -18,21 +14,26 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout your repository using git
+      - name: Checkout repository
         uses: actions/checkout@v4
-      - name: Install, build, and upload your site
+
+      - name: Install, build, and prepare Astro site
         uses: withastro/action@v3
         with:
-          path: . # The root location of your Astro project inside the repository. (optional)
-          node-version: 20 # The specific version of Node that should be used to build your site. Defaults to 16. (optional)
-          package-manager: npm # The Node package manager that should be used to install dependencies and build your site. Automatically detected based on your lockfile. (optional)
+          path: .
+          node-version: 20
+          package-manager: npm
+
+      - name: Upload GitHub Pages artifact (v4)
+        uses: actions/upload-pages-artifact@v2
+        with:
+          path: ./dist
 
   deploy:
     needs: build
     runs-on: ubuntu-latest
     environment:
       name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
     steps:
       - name: Deploy to GitHub Pages
         id: deployment

.vscode/dictionaries/project-words.txt

@@ -119,6 +119,7 @@ vyanjan
 waitlist
 webring
 werkzeug
+withastro
 अक्टूबर
 अगस्त
 अप्रैल

CHANGELOG.md

@@ -41,6 +41,11 @@ Created Repo from template
 - Added Google Analytics with partytown
 - Added Disha and Purana names in Glossary
 
+## [3.3.0] - Nov 30 2025
+
+- Landing Page Redesign
+- CrossWord page update
+
 ### [Unreleased]
 
 Here we write upgrading notes for brands. It's a team effort to make them as straightforward as possible.

abcd.code-workspace

@@ -122,12 +122,12 @@
       "dist/**": true
     },
     "git.autofetch": true,
-    "git.branchPrefix": "feature/",
+    "git.branchPrefix": "feature/RZA-25000X",
     "git.branchProtection": [
       "develop",
       "main"
     ],
-    "git.branchRandomName.enable": true,
+    "git.branchRandomName.enable": false,
     "git.confirmSync": false,
     "git.enableCommitSigning": false,
     "git.enableSmartCommit": true,
@@ -192,7 +192,7 @@
       "*.log": "default"
     },
     "zenMode.centerLayout": false,
-    "cSpell.words": [],
+    "cSpell.words": [ ],
     "workbench.editor.limit.excludeDirty": true,
     "files.readonlyInclude": {
       ".githooks/**": true

astro.config.mjs

@@ -3,6 +3,10 @@ import partytown from "@astrojs/partytown";
 import sitemap from "@astrojs/sitemap";
 import { defineConfig } from "astro/config";
 
+const isProd = process.env.NODE_ENV === 'production';
+
+console.log({ isProd })
+
 // https://astro.build/config
 export default defineConfig({
   site: "https://abcdkbd.com",
@@ -20,12 +24,12 @@ export default defineConfig({
     svg: true
   },
   integrations: [
-    partytown({
+    isProd ? partytown({
       // https://partytown.qwik.dev/google-tag-manager/#google-analytics-4-ga4
       config: {
         forward: ["dataLayer.push"]
       }
-    }),
+    }) : null,
     sitemap(),
     mdx()
   ],

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recursivezero/abcd",
-  "version": "3.2.4",
+  "version": "3.3.0",
   "description": "A website for our kids trial phase of abcdkbd.com",
   "homepage": "https://abcdkbd.com",
   "displayName": "abcd",

src/assets/styles/cards/stack.css

@@ -46,7 +46,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
+  justify-content: start;
   gap: 2rem;
   color: #f1f5f9;
   font:
@@ -92,7 +92,6 @@
   flex-direction: column;
   align-items: center;
   justify-content: start;
-  flex: 1;
   width: 100%;
 }
 
@@ -392,10 +391,12 @@
     padding: 1rem 0.5rem;
     justify-content: flex-start;
   }
+
   .alphabet-container {
     height: 600px;
     gap: 0rem;
   }
+
   .alphabet-title {
     font-size: 1.5rem;
   }
@@ -443,4 +444,4 @@
     padding: 0.4rem 0.8rem;
     bottom: 5px;
   }
-}
+}