Revert "Clarify contact flow and harden Pages deployment"

This reverts commit c1d552f.

Author: vokshirg

.github/workflows/deploy.yml

@@ -19,9 +19,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5
+        uses: actions/checkout@v4
       - name: Set up Node
-        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
+        uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: 'npm'
@@ -30,7 +30,7 @@ jobs:
       - name: Build
         run: npm run build
       - name: Upload artifact
-        uses: actions/upload-pages-artifact@56afc609e74202658d3ffba0e8f6dda462b719fa
+        uses: actions/upload-pages-artifact@v3
         with:
           path: ./dist
 
@@ -43,4 +43,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@d6db90164ac5ed86f2b6aed7e0febac5b3c0c03e
+        uses: actions/deploy-pages@v4

index.html

@@ -4,10 +4,10 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>PINeCODe | Engineering with Structural Precision</title>
-    <meta name="description" content="PineCode Kft. is a Budapest software engineering studio building custom web applications, internal tools, and backend systems." />
   </head>
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
+

src/App.tsx

@@ -5,7 +5,7 @@
 
 import React, { useEffect, useState, useRef } from 'react';
 import { motion, useScroll, useTransform, useSpring } from 'motion/react';
-import { Mail, MapPin, Database, Cpu, Globe, ArrowRight } from 'lucide-react';
+import { Mail, MapPin, Terminal, Database, Cpu, Globe, ArrowRight } from 'lucide-react';
 
 const LOGO_URL = "/logo.png";
 const PINE_DECO_URL = "/pine-deco.png";
@@ -36,13 +36,16 @@ export default function App() {
     }
   };
 
+  const [legalModal, setLegalModal] = useState<{ isOpen: boolean; title: string; content: string }>({ isOpen: false, title: '', content: '' });
+
   const privacyPolicy = `
     Privacy Policy for PINeCODe (PineCode Kft.)
     
-    1. This website does not submit contact-form data to a server. The contact form opens your email application and creates a draft addressed to dev@pine-code.com.
-    2. If you choose to send us an email, we use the information in that email solely to reply to your inquiry and establish business contact.
-    3. We do not ask for passwords, payment details, identity documents, or other sensitive personal information through this website.
-    4. As a Hungarian entity, we comply with GDPR. You may request access to, correction of, or deletion of your contact data by emailing dev@pine-code.com.
+    1. Data Collection: We collect information provided via our contact form (name, email, company, message).
+    2. Purpose: This data is used solely to respond to your inquiries and establish business contact.
+    3. Protection: We implement industry-standard security measures to protect your data.
+    4. GDPR: As a Hungarian entity, we comply with GDPR. You have the right to access, rectify, or delete your data.
+    5. Contact: For data inquiries, contact dev@pine-code.com.
   `;
 
   const termsOfService = `
@@ -54,8 +57,45 @@ export default function App() {
     4. Jurisdiction: These terms are governed by the laws of Hungary.
   `;
 
+  const openLegal = (type: 'privacy' | 'terms') => {
+    if (type === 'privacy') {
+      setLegalModal({ isOpen: true, title: 'Privacy Policy', content: privacyPolicy });
+    } else {
+      setLegalModal({ isOpen: true, title: 'Terms of Service', content: termsOfService });
+    }
+  };
+
   return (
     <div className="min-h-screen bg-surface text-on-surface selection:bg-primary selection:text-on-primary relative overflow-x-hidden">
+      {/* Legal Modal */}
+      {legalModal.isOpen && (
+        <div className="fixed inset-0 z-[1000] flex items-center justify-center p-6 bg-background/80 backdrop-blur-sm">
+          <motion.div 
+            initial={{ opacity: 0, scale: 0.95 }}
+            animate={{ opacity: 1, scale: 1 }}
+            className="bg-surface-container-high border border-outline-variant/20 p-8 max-w-2xl w-full max-h-[80vh] overflow-y-auto relative shadow-2xl"
+          >
+            <button 
+              onClick={() => setLegalModal({ ...legalModal, isOpen: false })}
+              className="absolute top-4 right-4 text-outline-variant hover:text-primary transition-colors"
+            >
+              <Terminal size={20} />
+            </button>
+            <h2 className="font-headline text-2xl mb-6 text-primary uppercase tracking-widest">{legalModal.title}</h2>
+            <div className="text-on-surface-variant whitespace-pre-line font-body leading-relaxed">
+              {legalModal.content}
+            </div>
+            <div className="mt-8 pt-6 border-t border-outline-variant/10">
+              <button 
+                onClick={() => setLegalModal({ ...legalModal, isOpen: false })}
+                className="bg-primary text-on-primary px-6 py-2 font-label text-[10px] uppercase tracking-widest hover:brightness-110 transition-all"
+              >
+                Close_Terminal
+              </button>
+            </div>
+          </motion.div>
+        </div>
+      )}
       {/* Global Visual Effects */}
       <div className="fixed inset-0 pointer-events-none z-[100] opacity-[0.03] mix-blend-overlay bg-noise animate-noise"></div>
       <div className="fixed inset-0 pointer-events-none z-[101] opacity-[0.05] bg-scanline"></div>
@@ -385,10 +425,10 @@ export default function App() {
                 <div>
                   <div className="flex items-center gap-3 mb-4">
                     <div className="w-4 h-4 hex-accent bg-primary/50"></div>
-                  <span className="font-label text-primary text-xs block">CONTACT</span>
-                </div>
-                <h2 className="font-headline text-5xl md:text-6xl font-bold mb-8">Start the Build.</h2>
-                  <p className="text-on-surface-variant mb-12">Tell us about your project. Submitting this form opens your email application with a draft addressed to PineCode; it does not send data through this website.</p>
+                    <span className="font-label text-primary text-xs block">COMMS_LINK // UPLINK</span>
+                  </div>
+                  <h2 className="font-headline text-5xl md:text-6xl font-bold mb-8">Start the Build.</h2>
+                  <p className="text-on-surface-variant mb-12">Submit your project parameters. Our architects will review the requirements and establish a communication bridge within 24 hours.</p>
                   <div className="space-y-4">
                     <div className="flex items-center gap-4">
                       <Mail className="text-primary w-4 h-4" />
@@ -402,7 +442,7 @@ export default function App() {
                 </div>
                 <form className="space-y-6" onSubmit={handleContactSubmit}>
                   <div>
-                    <label className="font-label text-[10px] text-primary uppercase block mb-2">Your name</label>
+                    <label className="font-label text-[10px] text-primary uppercase block mb-2">Subject_Identity</label>
                     <input 
                       required
                       value={formData.name}
@@ -413,7 +453,7 @@ export default function App() {
                     />
                   </div>
                   <div>
-                    <label className="font-label text-[10px] text-primary uppercase block mb-2">Company</label>
+                    <label className="font-label text-[10px] text-primary uppercase block mb-2">Entity_Affiliation</label>
                     <input 
                       required
                       value={formData.company}
@@ -424,7 +464,7 @@ export default function App() {
                     />
                   </div>
                   <div>
-                    <label className="font-label text-[10px] text-primary uppercase block mb-2">Project overview</label>
+                    <label className="font-label text-[10px] text-primary uppercase block mb-2">Mission_Parameters</label>
                     <textarea 
                       required
                       value={formData.message}
@@ -436,7 +476,7 @@ export default function App() {
                   </div>
                   <button type="submit" className="w-full bg-primary text-on-primary py-4 font-label font-bold uppercase tracking-widest hover:brightness-110 transition-all flex items-center justify-center gap-3">
                     <div className="w-3 h-3 hex-accent bg-on-primary"></div>
-                    OPEN EMAIL DRAFT
+                    ESTABLISH CONTACT
                   </button>
                 </form>
               </div>
@@ -452,15 +492,15 @@ export default function App() {
             <div>
               <h5 className="text-on-surface-variant mb-4 flex items-center gap-2">
                 <div className="w-1.5 h-1.5 hex-accent bg-primary/60"></div>
-                Contact
+                Direct Uplink
               </h5>
               <p className="mb-2"><span className="text-primary">Email:</span> <a className="hover:text-primary transition-colors" href="mailto:dev@pine-code.com">dev@pine-code.com</a></p>
               <p><span className="text-primary">Comms:</span> +36 30 359 5924</p>
             </div>
             <div>
               <h5 className="text-on-surface-variant mb-4 flex items-center gap-2">
                 <div className="w-1.5 h-1.5 hex-accent bg-primary/60"></div>
-                Registered office
+                Base of Operations
               </h5>
               <p>PineCode Kft.</p>
               <p>Belgrád rakpart 13-15. 2. em. 22. ajtó</p>
@@ -469,7 +509,7 @@ export default function App() {
             <div>
               <h5 className="text-on-surface-variant mb-4 flex items-center gap-2">
                 <div className="w-1.5 h-1.5 hex-accent bg-primary/60"></div>
-                Company registration
+                Registry_Data
               </h5>
               <p>Tax ID: 32921214-2-41</p>
               <p>Reg ID: 01-09-449575</p>
@@ -490,14 +530,8 @@ export default function App() {
             <p className="font-label text-[10px] opacity-60 text-primary max-w-sm">© 2024 PineCode Kft. Belgrád rakpart 13-15, Budapest. Engineering with Structural Precision.</p>
           </div>
           <div className="flex flex-wrap gap-8 justify-start md:justify-end">
-            <details className="font-label text-[10px] opacity-60 text-neutral-500 hover:text-neutral-200">
-              <summary className="cursor-pointer">Privacy Policy</summary>
-              <p className="mt-3 max-w-md whitespace-pre-line normal-case tracking-normal leading-relaxed">{privacyPolicy}</p>
-            </details>
-            <details className="font-label text-[10px] opacity-60 text-neutral-500 hover:text-neutral-200">
-              <summary className="cursor-pointer">Terms of Service</summary>
-              <p className="mt-3 max-w-md whitespace-pre-line normal-case tracking-normal leading-relaxed">{termsOfService}</p>
-            </details>
+            <button onClick={() => openLegal('privacy')} className="font-label text-[10px] opacity-60 text-neutral-500 hover:text-neutral-200 transition-transform duration-200 hover:translate-x-1">Privacy Policy</button>
+            <button onClick={() => openLegal('terms')} className="font-label text-[10px] opacity-60 text-neutral-500 hover:text-neutral-200 transition-transform duration-200 hover:translate-x-1">Terms of Service</button>
             <a className="font-label text-[10px] opacity-60 text-neutral-500 hover:text-neutral-200 transition-transform duration-200 hover:translate-x-1" href="https://www.linkedin.com/in/grishkov" target="_blank" rel="noopener noreferrer">LinkedIn</a>
             <a className="font-label text-[10px] opacity-60 text-neutral-500 hover:text-neutral-200 transition-transform duration-200 hover:translate-x-1" href="https://github.com/pinecode" target="_blank" rel="noopener noreferrer">GitHub</a>
           </div>