commit 089ea7eb6595b1c7973aa63210b693ed052e2e0d Author: Ozzy (AI Assistant) Date: Mon Jul 27 19:47:10 2026 +0000 Initial commit: Staging recruitment venture website diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..86cc4a4 --- /dev/null +++ b/contact.html @@ -0,0 +1,106 @@ + + + + + + Contact - Syntropy Talent + + + + + + + + + + +
+ ⚠️ STAGING SITE — RecruitmentVenture-Staging +
+ + +
+
+

Syntropy Talent

+ +
+
+ + +
+
+

Contact Us

+

Get in touch with our recruitment team

+
+ +
+
+

Get in Touch

+
+ Address: +

Syntropy Talent
Business Center
123 Corporate Avenue

+
+
+ Phone: +

+1 (555) 123-4567

+
+
+ Email: +

info@syntropytalent.com

+
+
+ Business Hours: +

Monday - Friday: 9:00 AM - 6:00 PM

+
+
+ +
+

Send us a Message

+
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+ +
+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..4356e4c --- /dev/null +++ b/css/style.css @@ -0,0 +1,346 @@ +/* ===== Reset & Base Styles ===== */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +:root { + --primary: #2563eb; + --primary-dark: #1d4ed8; + --secondary: #64748b; + --light: #f8fafc; + --dark: #1e293b; + --white: #ffffff; + --gray-50: #f1f5f9; + --gray-100: #e2e8f0; + --shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +body { + font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; + color: var(--dark); + background-color: var(--white); + line-height: 1.6; +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; +} + +/* ===== Header ===== */ +.site-header { + background-color: var(--white); + border-bottom: 1px solid var(--gray-100); + position: sticky; + top: 0; + z-index: 100; +} + +.site-header .container { + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem 20px; +} + +.logo { + font-size: 1.5rem; + font-weight: 700; + color: var(--primary); +} + +.nav a { + margin-left: 2rem; + color: var(--dark); + text-decoration: none; + font-weight: 500; + transition: color 0.2s; +} + +.nav a:hover { + color: var(--primary); +} + +/* ===== Staging Banner ===== */ +.staging-banner { + background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); + color: white; + text-align: center; + padding: 0.5rem; + font-size: 0.875rem; + font-weight: 500; + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 999; +} + +/* ===== Hero Section ===== */ +.hero { + background: linear-gradient(135deg, var(--primary) 0%, #1e40af 100%); + color: var(--white); + padding: 4rem 0; + text-align: center; +} + +.hero h2 { + font-size: 2.5rem; + margin-bottom: 1rem; +} + +.hero p { + font-size: 1.125rem; + opacity: 0.9; + max-width: 600px; + margin: 0 auto; +} + +/* ===== Section ===== */ +.section { + padding: 4rem 0; +} + +.section h3 { + text-align: center; + font-size: 1.875rem; + margin-bottom: 3rem; + color: var(--dark); +} + +/* ===== Values Grid ===== */ +.values-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 2rem; + margin-top: 2rem; +} + +.value-item { + text-align: center; + padding: 2rem; + border-radius: 8px; + background: var(--gray-50); + transition: transform 0.2s, box-shadow 0.2s; +} + +.value-item:hover { + transform: translateY(-4px); + box-shadow: var(--shadow); +} + +.value-item h4 { + color: var(--primary); + margin-bottom: 1rem; +} + +/* ===== How It Works ===== */ +.how-it-works .steps { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 2rem; + margin-top: 2rem; +} + +.step { + text-align: center; + padding: 2rem; + border-radius: 8px; + background: var(--white); + border: 1px solid var(--gray-100); + box-shadow: var(--shadow); +} + +.step-number { + width: 48px; + height: 48px; + background: var(--primary); + color: white; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-weight: 700; + margin: 0 auto 1rem; +} + +.step h4 { + margin-bottom: 1rem; +} + +/* ===== CTA Section ===== */ +.cta { + background: var(--gray-50); + text-align: center; + padding: 4rem 0; +} + +.cta h2 { + margin-bottom: 2rem; + font-size: 2rem; +} + +.cta-buttons { + display: flex; + justify-content: center; + gap: 1rem; + flex-wrap: wrap; +} + +/* ===== Buttons ===== */ +.btn { + display: inline-block; + padding: 0.75rem 2rem; + text-decoration: none; + border-radius: 8px; + font-weight: 600; + transition: all 0.2s; + border: none; + cursor: pointer; + font-size: 1rem; +} + +.btn-primary { + background: var(--primary); + color: white; +} + +.btn-primary:hover { + background: var(--primary-dark); + transform: translateY(-2px); +} + +.btn-secondary { + background: transparent; + color: var(--primary); + border: 2px solid var(--primary); +} + +.btn-secondary:hover { + background: var(--primary); + color: white; +} + +/* ===== Forms ===== */ +.form-container { + max-width: 800px; + margin: 0 auto; +} + +.form-intro { + text-align: center; + margin-bottom: 3rem; +} + +.form-intro h3 { + font-size: 1.5rem; + margin-bottom: 1rem; +} + +.contact-form { + background: var(--white); + padding: 2rem; + border-radius: 8px; + box-shadow: var(--shadow); +} + +.form-row { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1rem; + margin-bottom: 1rem; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-group label { + display: block; + margin-bottom: 0.5rem; + font-weight: 600; + color: var(--dark); +} + +.form-group input, +.form-group select, +.form-group textarea { + width: 100%; + padding: 0.75rem; + border: 1px solid var(--gray-100); + border-radius: 6px; + font-family: inherit; + font-size: 1rem; + transition: border-color 0.2s; +} + +.form-group input:focus, +.form-group select:focus, +.form-group textarea:focus { + outline: none; + border-color: var(--primary); +} + +/* ===== Footer ===== */ +.site-footer { + background: var(--dark); + color: var(--white); + text-align: center; + padding: 2rem 0; +} + +/* ===== Responsive ===== */ +@media (max-width: 768px) { + .hero h2 { + font-size: 2rem; + } + + .nav { + display: none; + } + + .form-row { + grid-template-columns: 1fr; + } + + .cta-buttons { + flex-direction: column; + align-items: center; + } + + .btn { + width: 100%; + max-width: 300px; + } + + .values-grid, + .how-it-works .steps { + grid-template-columns: 1fr; + } + + .site-header .container { + flex-direction: column; + gap: 1rem; + } +} + +@media (max-width: 480px) { + .container { + padding: 0 15px; + } + + .section { + padding: 2rem 0; + } + + .hero { + padding: 2rem 0; + } + + .form-container { + padding: 0 10px; + } +} \ No newline at end of file diff --git a/employer.html b/employer.html new file mode 100644 index 0000000..f7f7da0 --- /dev/null +++ b/employer.html @@ -0,0 +1,113 @@ + + + + + + Employer Inquiry - Syntropy Talent + + + + + + + + + + +
+ ⚠️ STAGING SITE — RecruitmentVenture-Staging +
+ + +
+
+

Syntropy Talent

+ +
+
+ + +
+
+

Employer Inquiry

+

Tell us about your hiring needs and we'll help you find the right talent

+
+ +
+
+

Looking to hire top talent?

+

Submit your requirements and our team will reach out to discuss how we can help you find the perfect candidate.

+
+ + +
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+ + +
+ +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000..bb980d1 --- /dev/null +++ b/favicon.png @@ -0,0 +1 @@ +iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAEuUlEQVR4nO3BAQ0AAADCoPdPbQ43oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIBLcQ8AAa0jZQAAAABJRU5ErkJggg== \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..21b27c8 --- /dev/null +++ b/index.html @@ -0,0 +1,107 @@ + + + + + + Syntropy Talent - Recruitment & Staffing + + + + + + + + + + +
+ ⚠️ STAGING SITE — RecruitmentVenture-Staging +
+ + +
+
+

Syntropy Talent

+ +
+
+ + +
+
+

Connecting Talent with Opportunity

+

Professional recruitment solutions for job seekers and hiring managers alike.

+
+
+ + +
+
+

Why Choose Us?

+
+
+

Professional Network

+

Access to a curated network of qualified professionals across industries.

+
+
+

Streamlined Process

+

Efficient matching between candidates and opportunities.

+
+
+

Expert Support

+

Dedicated team to guide both job seekers and employers through the process.

+
+
+
+
+ + +
+
+

How It Works

+
+
+
1
+

Submit Your Details

+

Job seekers: Apply through our secure form. Employers: Post your needs.

+
+
+
2
+

Professional Matching

+

Our team reviews and matches you with suitable opportunities.

+
+
+
3
+

Interview & Placement

+

We facilitate the interview process and support successful placement.

+
+
+
+
+ + +
+
+

Ready to Get Started?

+
+ I'm a Job Seeker + I'm Hiring +
+
+
+ + + + + + + \ No newline at end of file diff --git a/job-seeker.html b/job-seeker.html new file mode 100644 index 0000000..9a2c84f --- /dev/null +++ b/job-seeker.html @@ -0,0 +1,118 @@ + + + + + + Job Seeker Application - Syntropy Talent + + + + + + + + + + +
+ ⚠️ STAGING SITE — RecruitmentVenture-Staging +
+ + +
+
+

Syntropy Talent

+ +
+
+ + +
+
+

Job Seeker Application

+

Submit your information to be considered for open positions

+
+ +
+
+

Looking for your next opportunity?

+

Fill out the form below with your details and we'll get back to you with suitable opportunities.

+
+ + +
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+ + +
+ +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..1542182 --- /dev/null +++ b/js/script.js @@ -0,0 +1,85 @@ +// Smooth scrolling for navigation links +document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + const target = document.querySelector(this.getAttribute('href')); + if (target) { + target.scrollIntoView({ + behavior: 'smooth', + block: 'start' + }); + } + }); +}); + +// Form validation and submission handling +function initializeForms() { + // Job seeker form + const jobSeekerForm = document.getElementById('jobSeekerForm'); + if (jobSeekerForm) { + jobSeekerForm.addEventListener('submit', handleFormSubmit); + } + + // Employer form + const employerForm = document.getElementById('employerForm'); + if (employerForm) { + employerForm.addEventListener('submit', handleFormSubmit); + } + + // Contact form + const contactForm = document.getElementById('contactForm'); + if (contactForm) { + contactForm.addEventListener('submit', handleFormSubmit); + } +} + +function handleFormSubmit(e) { + e.preventDefault(); + + const form = e.target; + const formData = new FormData(form); + const formDataObject = Object.fromEntries(formData.entries()); + + console.log('Form submission:', { + formId: form.id, + data: formDataObject, + timestamp: new Date().toISOString() + }); + + // In production, this would be an API call to: + // 1. ERPNext Web Form endpoint, or + // 2. Your proxy server endpoint + + alert('Form submitted successfully!\n\nIn production, this data would be sent to ERPNext.'); + form.reset(); +} + +// Initialize when DOM is ready +if (document.readyState === 'loading') { + document.addEventListener('DOMContentLoaded', initializeForms); +} else { + initializeForms(); +} + +// Add smooth animations on scroll +const observerOptions = { + threshold: 0.1, + rootMargin: '0px 0px -50px 0px' +}; + +const observer = new IntersectionObserver((entries) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.style.opacity = '1'; + entry.target.style.transform = 'translateY(0)'; + } + }); +}, observerOptions); + +// Observe form containers for animation +document.querySelectorAll('.form-container, .contact-form-section').forEach(el => { + el.style.opacity = '0'; + el.style.transform = 'translateY(20px)'; + el.style.transition = 'opacity 0.6s ease, transform 0.6s ease'; + observer.observe(el); +}); \ No newline at end of file diff --git a/pages/recruitment-venture-charter.md b/pages/recruitment-venture-charter.md new file mode 100644 index 0000000..19a078d --- /dev/null +++ b/pages/recruitment-venture-charter.md @@ -0,0 +1,24 @@ +# Recruitment Venture Charter + +## Purpose +Create and maintain a professional recruitment/temp agency website with separate interfaces for job seekers and hiring managers, integrated with ERPNext for form management and applicant tracking. + +## Scope +- Two separate web forms (Job Seeker Application, Employer Inquiry) +- Professional landing page with value propositions +- Mobile responsive design +- Staging and production environments +- ERPNext integration for form submissions + +## Success Criteria +- Live staging and production sites accessible +- Forms functional and submitting data to ERPNext +- Mobile responsive design +- Professional appearance with white/blue/gray palette + +## Team +- **Project Manager:** Brendan (Content & Strategy) +- **Developer:** Ozzy (Implementation & Integration) + +## Status +Initial planning phase - site structure and ERPNext forms to be created \ No newline at end of file