make var of contancts

Author: BlockAce01

.github/workflows/deploy.yml

@@ -59,6 +59,12 @@ jobs:
             --build-arg NEXT_PUBLIC_BACKEND_BASE_URL=https://${{ secrets.DOMAIN_NAME }} \
             --build-arg NEXT_PUBLIC_GOOGLE_CLIENT_ID=${{ secrets.GOOGLE_CLIENT_ID }} \
             --build-arg NEXT_PUBLIC_TINYMCE_API_KEY=${{ secrets.TINYMCE_API_KEY }} \
+            --build-arg NEXT_PUBLIC_PROFILE_IMAGE_URL=${{ vars.PROFILE_IMAGE_URL }} \
+            --build-arg NEXT_PUBLIC_CONTACT_WHATSAPP=${{ vars.CONTACT_WHATSAPP }} \
+            --build-arg NEXT_PUBLIC_CONTACT_GITHUB=${{ vars.CONTACT_GITHUB }} \
+            --build-arg NEXT_PUBLIC_CONTACT_LINKEDIN=${{ vars.CONTACT_LINKEDIN }} \
+            --build-arg NEXT_PUBLIC_CONTACT_FIVERR=${{ vars.CONTACT_FIVERR }} \
+            --build-arg NEXT_PUBLIC_CONTACT_EMAIL=${{ vars.CONTACT_EMAIL }} \
             -t $ECR_FRONTEND:$GITHUB_SHA .
           docker tag $ECR_FRONTEND:$GITHUB_SHA $ECR_FRONTEND:latest
           docker push $ECR_FRONTEND:$GITHUB_SHA

apps/frontend/.env.example

@@ -15,3 +15,11 @@ NEXT_PUBLIC_BACKEND_BASE_URL=http://localhost:3003
 
 # TinyMCE API Key (for rich text editor)
 NEXT_PUBLIC_TINYMCE_API_KEY=YOUR_TINYMCE_API_KEY
+
+# Profile and Contact Information (for about page)
+NEXT_PUBLIC_PROFILE_IMAGE_URL=/avatars/me.jpg
+NEXT_PUBLIC_CONTACT_WHATSAPP=https://wa.me/YOUR_WHATSAPP_NUMBER
+NEXT_PUBLIC_CONTACT_GITHUB=https://github.com/YOUR_GITHUB_USERNAME
+NEXT_PUBLIC_CONTACT_LINKEDIN=https://www.linkedin.com/in/YOUR_LINKEDIN_PROFILE
+NEXT_PUBLIC_CONTACT_FIVERR=https://www.fiverr.com/YOUR_FIVERR_USERNAME
+NEXT_PUBLIC_CONTACT_EMAIL=YOUR_EMAIL_ADDRESS

apps/frontend/app/about/page.tsx

@@ -11,7 +11,7 @@ export default function AboutPage() {
         <section className="text-center">
           <Avatar className="w-32 h-32 mx-auto mb-6">
             <AvatarImage
-              src="/avatars/me.jpg"
+              src={process.env.NEXT_PUBLIC_PROFILE_IMAGE_URL}
               alt="Yugan"
               className="object-cover"
             />
@@ -216,7 +216,7 @@ export default function AboutPage() {
           </p>
           <div className="flex flex-wrap justify-center gap-4">
             <a
-              href="https://wa.me/94768487278"
+              href={process.env.NEXT_PUBLIC_CONTACT_WHATSAPP}
               target="_blank"
               rel="noopener noreferrer"
             >
@@ -230,7 +230,7 @@ export default function AboutPage() {
               </Button>
             </a>
             <a
-              href="https://github.com/BlockAce01"
+              href={process.env.NEXT_PUBLIC_CONTACT_GITHUB}
               target="_blank"
               rel="noopener noreferrer"
             >
@@ -244,7 +244,7 @@ export default function AboutPage() {
               </Button>
             </a>
             <a
-              href="https://www.linkedin.com/in/theekshana-yugan"
+              href={process.env.NEXT_PUBLIC_CONTACT_LINKEDIN}
               target="_blank"
               rel="noopener noreferrer"
             >
@@ -258,7 +258,7 @@ export default function AboutPage() {
               </Button>
             </a>
             <a
-              href="https://www.fiverr.com/yugan_3d"
+              href={process.env.NEXT_PUBLIC_CONTACT_FIVERR}
               target="_blank"
               rel="noopener noreferrer"
             >
@@ -272,7 +272,7 @@ export default function AboutPage() {
               </Button>
             </a>
             <a
-              href="mailto:[email protected]"
+              href={`mailto:${process.env.NEXT_PUBLIC_CONTACT_EMAIL}`}
               target="_blank"
               rel="noopener noreferrer"
             >
@@ -282,7 +282,7 @@ export default function AboutPage() {
                 className="flex items-center space-x-2 bg-transparent"
               >
                 <Mail className="w-5 h-5" />
-                <span>[email protected]</span>
+                <span>{process.env.NEXT_PUBLIC_CONTACT_EMAIL}</span>
               </Button>
             </a>
           </div>