[V0_FILE]jpeg:file="wb3/public/ChatGPTImageSep11202501_56_52PM-Edited (1).jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/wb3/public/ChatGPTImageSep11202501_56_52PM-Edited%20%281%29-N31gvQPxV8sIdjt6d51w9UwxyD2YGg.jpeg" isMerged="true" [V0_FILE]plaintext:file="wb3/public/favicon.ico" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/wb3/public/favicon-8TGbjIIjO3ylfSPGsnjMAiCeoDcZTe.ico" isMerged="true" [V0_FILE]markdown:file="EMAILJS_SETUP.md" isMerged="true" # EmailJS Setup Guide for Contact Form This guide will help you set up EmailJS to send contact form messages directly to support@placifyllc.com. ## Step 1: Create EmailJS Account 1. Go to [EmailJS.com](https://www.emailjs.com/) 2. Sign up for a free account 3. Verify your email address ## Step 2: Create Email Service 1. In your EmailJS dashboard, go to **Email Services** 2. Click **Add New Service** 3. Choose **Gmail** as your email service 4. Connect your Gmail account (support@placifyllc.com) 5. Note down the **Service ID** (e.g., `service_placifyllc`) ## Step 3: Create Email Template 1. Go to **Email Templates** 2. Click **Create New Template** 3. Use this template content: ### Template Settings: - **Template Name**: Contact Form - **Template ID**: `template_contact` - **Subject**: New Contact Form Submission from {{from_name}} ### Template Content: \`\`\`html

New Contact Form Submission

PlacifyLLC Website

Contact Information

Name:	{{from_name}}
Email:	{{from_email}}
Phone:	{{phone}}
Service Interest:	{{service_interest}}
Submitted:	{{timestamp}}

Message

{{message}}

This email was sent from the PlacifyLLC website contact form.

Reply directly to this email to respond to the client.

\`\`\` ## Step 4: Get Public Key 1. Go to **Account** → **General** 2. Copy your **Public Key** (e.g., `user_xxxxxxxxxxxxx`) ## Step 5: Update Contact Form 1. Open `src/pages/Contact.js` 2. Replace the placeholder values: \`\`\`javascript const serviceId = 'service_placifyllc'; // Your actual service ID const templateId = 'template_contact'; // Your actual template ID const publicKey = 'YOUR_EMAILJS_PUBLIC_KEY'; // Your actual public key \`\`\` ## Step 6: Test the Setup 1. Start your development server: `npm start` 2. Go to the contact page 3. Fill out and submit the form 4. Check support@placifyllc.com for the email ## Email Template Variables The following variables are available in your email template: - `{{from_name}}` - Contact person's name - `{{from_email}}` - Contact person's email - `{{phone}}` - Contact person's phone number - `{{service_interest}}` - Selected service interest - `{{message}}` - Contact message - `{{timestamp}}` - Form submission time - `{{reply_to}}` - Email address to reply to ## Troubleshooting ### Common Issues: 1. **Email not received**: Check spam folder 2. **Template not found**: Verify template ID matches exactly 3. **Service not found**: Verify service ID matches exactly 4. **Invalid public key**: Verify public key is correct ### Testing: 1. Use EmailJS dashboard to test templates 2. Check browser console for error messages 3. Verify all IDs and keys are correct ## Security Notes - EmailJS public key is safe to use in frontend code - No sensitive credentials are exposed - Rate limiting is handled by EmailJS - Free tier includes 200 emails/month ## Alternative: Using Backend Server If you prefer to use the existing backend server instead of EmailJS: 1. Set up the `.env` file with Gmail app password 2. Run `npm run dev` to start both frontend and backend 3. The contact form will use the backend API endpoint Choose the method that works best for your deployment setup! [V0_FILE]markdown:file="EMAIL_SETUP.md" isMerged="true" # Email Setup Instructions ## Setting up Email Functionality To enable the contact form to send emails to support@placifyllc.com, you have two options: ## Option 1: EmailJS (Recommended for Frontend-Only Deployment) EmailJS allows you to send emails directly from the frontend without a backend server. ### Quick Setup: 1. Go to [EmailJS.com](https://www.emailjs.com/) and create a free account 2. Follow the detailed guide in `EMAILJS_SETUP.md` 3. Update the configuration in `src/pages/Contact.js` 4. No backend server required! ### Benefits: - ✅ No backend server needed - ✅ Easy to deploy to static hosting - ✅ Free tier: 200 emails/month - ✅ Professional email templates - ✅ Built-in spam protection ## Option 2: Backend Server with Nodemailer For more control and custom email handling, use the backend server approach. ### 1. Gmail App Password Setup 1. Go to your Google Account settings: https://myaccount.google.com/ 2. Navigate to Security → 2-Step Verification (enable if not already enabled) 3. Go to Security → App passwords 4. Generate a new app password for "Mail" 5. Copy the generated password ### 2. Environment Variables Create a `.env` file in the root directory with: \`\`\` EMAIL_PASSWORD=your_gmail_app_password_here PORT=5000 \`\`\` ### 3. Install Dependencies \`\`\`bash npm install \`\`\` ### 4. Run the Application For development (both frontend and backend): \`\`\`bash npm run dev \`\`\` For production: \`\`\`bash npm run build npm run server \`\`\` ### 5. How it Works - When a user submits the contact form, it sends a POST request to `/api/send-email` - The server uses Nodemailer to send a formatted email to support@placifyllc.com - The email includes all form details in a professional HTML format - Users receive a success message after submission ### 6. Email Template The email includes: - Contact person's name and email - Phone number (if provided) - Service interest - Message content - Timestamp - Professional HTML formatting ### 7. Alternative Solutions If you prefer not to use Gmail, you can: - Use a service like SendGrid, Mailgun, or AWS SES - Set up a different email provider - Use a form service like Formspree or Netlify Forms ### 8. Security Notes - Never commit the `.env` file to version control - Use environment variables in production - Consider rate limiting for the email endpoint - Validate and sanitize form inputs [V0_FILE]plaintext:file="public/1" isMerged="true" [V0_FILE]xml:file="public/favicon.svg" isMerged="true" [V0_FILE]plaintext:file="public/favicon.svg1" isMerged="true" [V0_FILE]html:file="public/index.html" isMerged="true" PlacifyLLC - Career Services

[V0_FILE]xml:file="public/logo-simple.svg" isMerged="true" [V0_FILE]plaintext:file="public/logo-simple.svg1" isMerged="true" [V0_FILE]xml:file="public/logo.svg" isMerged="true" [V0_FILE]plaintext:file="public/logo.svg1" isMerged="true" [V0_FILE]json:file="public/manifest.json" isMerged="true" { "short_name": "PlacifyLLC", "name": "PlacifyLLC - Career Services", "icons": [ { "src": "favicon.svg", "sizes": "any", "type": "image/svg+xml" }, { "src": "logo-simple.svg", "sizes": "64x64", "type": "image/svg+xml" }, { "src": "favicon.ico", "sizes": "64x64 32x32 24x24 16x16", "type": "image/x-icon" } ], "start_url": ".", "display": "standalone", "theme_color": "#8b5cf6", "background_color": "#0a0a0a" } [V0_FILE]javascript:file="server.js" isMerged="true" const express = require('express'); const nodemailer = require('nodemailer'); const cors = require('cors'); const path = require('path'); const app = express(); const PORT = process.env.PORT || 5000; // Middleware app.use(cors()); app.use(express.json()); // Serve static files from the React app build directory app.use(express.static(path.join(__dirname, 'build'))); // Email configuration const transporter = nodemailer.createTransporter({ service: 'gmail', auth: { user: 'support@placifyllc.com', // Your Gmail address pass: process.env.EMAIL_PASSWORD, // Your Gmail app password }, }); // API endpoint to send email app.post('/api/send-email', async (req, res) => { try { const { to_email, from_name, from_email, phone, service_interest, message, timestamp } = req.body; // Email template const mailOptions = { from: 'support@placifyllc.com', to: to_email, subject: `New Contact Form Submission from ${from_name}`, html: `

New Contact Form Submission

Contact Details

Name: ${from_name}

Email: ${from_email}

Phone: ${phone || 'Not provided'}

Service Interest: ${service_interest || 'Not specified'}

Submitted: ${timestamp}

Message

${message}

This email was sent from the PlacifyLLC website contact form.

Reply directly to this email to respond to the client.

`, }; // Send email await transporter.sendMail(mailOptions); res.status(200).json({ success: true, message: 'Email sent successfully' }); } catch (error) { console.error('Error sending email:', error); res.status(500).json({ success: false, message: 'Failed to send email' }); } }); // Serve React app for all other routes app.get('*', (req, res) => { res.sendFile(path.join(__dirname, 'build', 'index.html')); }); app.listen(PORT, () => { console.log(`Server is running on port ${PORT}`); }); [V0_FILE]javascript:file="src/AnimatedCursor.js" isMerged="true" import React from "react"; import { motion, useMotionValue, useSpring } from "framer-motion"; function AnimatedCursor({ hoveredElement }) { const mouseX = useMotionValue(-100); const mouseY = useMotionValue(-100); // Smooth cursor animation const springConfig = { damping: 20, stiffness: 150 }; const cursorX = useSpring(mouseX, springConfig); const cursorY = useSpring(mouseY, springConfig); React.useEffect(() => { function moveCursor(e) { mouseX.set(e.clientX); mouseY.set(e.clientY); } window.addEventListener("mousemove", moveCursor); return () => window.removeEventListener("mousemove", moveCursor); }, [mouseX, mouseY]); // Detect interactive elements const isInteractive = hoveredElement && (hoveredElement.tagName === "BUTTON" || hoveredElement.tagName === "A" || hoveredElement.classList.contains("hoverable")); return ( <> {/* Main cursor */} {/* Trailing cursor effect */} ); } export default AnimatedCursor; [V0_FILE]javascript:file="src/App.js" isMerged="true" import React from 'react'; import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; import { AnimatePresence } from 'framer-motion'; // Components import Navigation from './components/Navigation'; import Footer from './components/Footer'; // Pages import Home from './pages/Home'; import Services from './pages/Services'; import About from './pages/About'; import Testimonials from './pages/Testimonials'; import Contact from './pages/Contact'; import Login from './pages/Login'; import Register from './pages/Register'; function App() { return (

} /> } /> } /> } /> } /> } /> } />

); } export default App; [V0_FILE]javascript:file="src/components/AnimatedCursor.js" isMerged="true" import React, { useState, useEffect } from 'react'; const AnimatedCursor = () => { const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 }); const [isHovering, setIsHovering] = useState(false); const [cursorText, setCursorText] = useState(''); useEffect(() => { const updateMousePosition = (e) => { setMousePosition({ x: e.clientX, y: e.clientY }); }; const handleMouseEnter = (e) => { const target = e.target; // Check if target is an Element and has the matches method if (!(target instanceof Element) || typeof target.matches !== 'function') { return; } if (target.matches('button, a, [data-cursor="view"], [data-cursor="click"], [data-cursor="learn"]')) { setIsHovering(true); if (target.matches('[data-cursor="view"]')) { setCursorText('View'); } else if (target.matches('[data-cursor="click"]')) { setCursorText('Click'); } else if (target.matches('[data-cursor="learn"]')) { setCursorText('Learn More'); } else { setCursorText('Click'); } } }; const handleMouseLeave = (e) => { const target = e.target; // Check if target is an Element and has the matches method if (!(target instanceof Element) || typeof target.matches !== 'function') { return; } if (target.matches('button, a, [data-cursor="view"], [data-cursor="click"], [data-cursor="learn"]')) { setIsHovering(false); setCursorText(''); } }; document.addEventListener('mousemove', updateMousePosition); document.addEventListener('mouseenter', handleMouseEnter, true); document.addEventListener('mouseleave', handleMouseLeave, true); return () => { document.removeEventListener('mousemove', updateMousePosition); document.removeEventListener('mouseenter', handleMouseEnter, true); document.removeEventListener('mouseleave', handleMouseLeave, true); }; }, []); return ( <> {/* PlacifyLLC Logo Cursor */}

{/* Cursor text */} {isHovering && cursorText && (

{cursorText}

)} ); }; export default AnimatedCursor; [V0_FILE]css:file="src/index.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Inter', sans-serif; background-color: #0a0a0a; color: #ffffff; overflow-x: hidden; } /* Custom scrollbar */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #1a1a1a; } ::-webkit-scrollbar-thumb { background: #8b5cf6; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #7c3aed; } } @layer components { .glass-card { @apply bg-glass backdrop-blur-md border border-glass-border rounded-xl; } .gradient-text { @apply bg-gradient-to-r from-accent-violet to-accent-blue bg-clip-text text-transparent; } .btn-primary { @apply bg-gradient-to-r from-accent-violet to-accent-blue text-white px-6 py-3 rounded-lg font-medium transition-all duration-300 hover:shadow-lg hover:shadow-accent-violet/25 hover:scale-105; } .btn-secondary { @apply glass-card text-white px-6 py-3 rounded-lg font-medium transition-all duration-300 hover:bg-white/10 hover:scale-105; } .section-padding { @apply px-4 sm:px-6 lg:px-8 py-16 lg:py-24; } .container-custom { @apply max-w-7xl mx-auto; } } @layer utilities { .text-shadow { text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .glow-effect { box-shadow: 0 0 20px rgba(139, 92, 246, 0.3); } .glow-effect:hover { box-shadow: 0 0 30px rgba(139, 92, 246, 0.6); } } [V0_FILE]javascript:file="src/index.js" isMerged="true" import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); [V0_FILE]javascript:file="src/pages/Login.js" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { motion } from "framer-motion" const Login = () => { const [formData, setFormData] = useState({ email: "", password: "", }) const [isSubmitting, setIsSubmitting] = useState(false) const [isSubmitted, setIsSubmitted] = useState(false) const handleInputChange = (e) => { const { name, value } = e.target setFormData((prev) => ({ ...prev, [name]: value, })) } const handleSubmit = async (e) => { e.preventDefault() setIsSubmitting(true) try { // Simulate login process setTimeout(() => { setIsSubmitting(false) setIsSubmitted(true) setFormData({ email: "", password: "", }) }, 2000) } catch (error) { console.error("Login error:", error) setIsSubmitting(false) } } return (

{/* Header */}

PlacifyLLC

Welcome Back

{isSubmitted ? (

✅

Login Successful!

Welcome back to your career dashboard.

Go to Dashboard ) : (

{/* Email Field */}

Email Address

{/* Password Field */}

Password

{/* Remember Me & Forgot Password */}

Remember me Forgot password?

{/* Submit Button */}

)} {/* Footer Links */}

Don't have an account?{" "} Create an account

{/* Additional Info */}

Client Portal Access

Access your personalized career dashboard, track your progress, schedule sessions, and view your career development plan.

) } export default Login [V0_FILE]javascript:file="src/pages/Register.js" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { motion } from "framer-motion" const Register = () => { const [formData, setFormData] = useState({ firstName: "", lastName: "", email: "", phone: "", password: "", confirmPassword: "", serviceInterest: "", experience: "", agreeToTerms: false, }) const [isSubmitting, setIsSubmitting] = useState(false) const [isSubmitted, setIsSubmitted] = useState(false) const services = [ "Resume Crafting", "Resume Understanding Sessions", "Resume Marketing & Interview Scheduling", "Technical Training & Guidance", "Interview Counselling", "Compliance Onboarding & Background Checks", "Offer Negotiation & Acceptance", "Career Pathing & Long-term Growth", ] const experienceLevels = [ "Entry Level (0-2 years)", "Mid Level (3-5 years)", "Senior Level (6-10 years)", "Executive Level (10+ years)", "Career Changer", ] const handleInputChange = (e) => { const { name, value, type, checked } = e.target setFormData((prev) => ({ ...prev, [name]: type === "checkbox" ? checked : value, })) } const handleSubmit = async (e) => { e.preventDefault() setIsSubmitting(true) try { // Simulate registration process setTimeout(() => { setIsSubmitting(false) setIsSubmitted(true) setFormData({ firstName: "", lastName: "", email: "", phone: "", password: "", confirmPassword: "", serviceInterest: "", experience: "", agreeToTerms: false, }) }, 2000) } catch (error) { console.error("Registration error:", error) setIsSubmitting(false) } } return (

{/* Header */}

PlacifyLLC

Start Your Career Journey

Create your account and get personalized career guidance

{isSubmitted ? (

🎉

Registration Successful!

Welcome to PlacifyLLC! We'll be in touch within 24 hours to discuss your career goals.

) : (

{/* Personal Information */}

First Name *

Last Name *

{/* Contact Information */}

Email Address *

Phone Number

{/* Password Fields */}

Password *

Confirm Password *

{/* Career Information */}

Primary Service Interest

Experience Level

{/* Terms and Conditions */}

I agree to the{" "} Terms of Service {" "} and{" "} Privacy Policy

{/* Submit Button */}

)} {/* Footer Links */}

Already have an account?{" "} Sign in here

{/* Additional Info */}

What Happens Next?

1. We'll review your information and career goals

2. A career specialist will contact you within 24 hours

3. We'll create a personalized career development plan

4. You'll get access to your client dashboard

) } export default Register [V0_FILE]javascript:file="src/pages/Services.js" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import Link from "next/link" import { motion } from "framer-motion" const Services = () => { const services = [ { title: "Resume Crafting", description: "Professional resume creation tailored to your industry and career goals. We craft compelling resumes that highlight your achievements and stand out to recruiters.", icon: "📄", features: [ "ATS Optimization", "Industry-Specific Formatting", "Achievement Quantification", "Professional Templates", ], }, { title: "Resume Understanding Sessions", description: "One-on-one sessions to help you understand your resume strengths and areas for improvement. Learn how to effectively present your experience.", icon: "💡", features: ["Personalized Feedback", "Skill Gap Analysis", "Career Alignment Review", "Interview Preparation"], }, { title: "Resume Marketing & Interview Scheduling", description: "Strategic resume distribution and interview coordination. We help you get your resume in front of the right people and manage your interview pipeline.", icon: "📈", features: [ "Targeted Job Applications", "Recruiter Network Access", "Interview Coordination", "Follow-up Management", ], }, { title: "Technical Training & Guidance", description: "Comprehensive technical skill development and industry-specific training to enhance your marketability and career prospects.", icon: "⚙️", features: ["Industry Certifications", "Technical Skill Assessment", "Hands-on Training", "Mentorship Programs"], }, { title: "Interview Counselling", description: "Expert interview preparation and coaching to boost your confidence and performance. Practice with mock interviews and receive detailed feedback.", icon: "🎯", features: [ "Mock Interview Sessions", "Behavioral Question Prep", "Technical Interview Training", "Confidence Building", ], }, { title: "Compliance Onboarding & Background Checks", description: "Complete support through the onboarding process, including background check assistance and compliance documentation.", icon: "✅", features: ["Document Verification", "Background Check Support", "Compliance Guidance", "Onboarding Assistance"], }, { title: "Offer Negotiation & Acceptance", description: "Strategic negotiation support to help you secure the best possible offer. We guide you through the entire negotiation process.", icon: "🤝", features: ["Salary Negotiation", "Benefits Analysis", "Contract Review", "Acceptance Strategy"], }, { title: "Career Pathing & Long-term Growth", description: "Long-term career planning and development strategies to ensure sustained professional growth and advancement.", icon: "🚀", features: ["Career Roadmapping", "Skill Development Planning", "Leadership Training", "Growth Strategy"], }, ] return (

{/* Header Section */}

Our Services

Comprehensive career services designed to support you at every stage of your professional journey. From resume creation to long-term career planning.

{/* Services Grid */}

{services.map((service, index) => (

{service.icon}

{service.title}

{service.description}

Key Features:

{feature}

Learn More ))}

{/* Process Section */}

Our Process

A structured approach to ensure your career success

{[ { step: "01", title: "Assessment", description: "We evaluate your current situation and career goals" }, { step: "02", title: "Strategy", description: "Develop a customized plan tailored to your needs" }, { step: "03", title: "Execution", description: "Implement the plan with ongoing support and guidance" }, { step: "04", title: "Success", description: "Achieve your career objectives and long-term growth" }, ].map((process, index) => (

{process.step}

{process.title}

{process.description}

))}

{/* CTA Section */}

Ready to Get Started?

Let's discuss how our services can help you achieve your career goals.

Book a Consultation

) } export default Services [V0_FILE]typescript:file="tailwind.config.ts" isMerged="true" import type { Config } from "tailwindcss" const config = { darkMode: ["class"], content: [ "./pages/**/*.{js,ts,jsx,tsx,mdx}", "./components/**/*.{js,ts,jsx,tsx,mdx}", "./app/**/*.{js,ts,jsx,tsx,mdx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { extend: { colors: { background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", card: "hsl(var(--card))", "card-foreground": "hsl(var(--card-foreground))", popover: "hsl(var(--popover))", "popover-foreground": "hsl(var(--popover-foreground))", primary: "hsl(var(--primary))", "primary-foreground": "hsl(var(--primary-foreground))", secondary: "hsl(var(--secondary))", "secondary-foreground": "hsl(var(--secondary-foreground))", muted: "hsl(var(--muted))", "muted-foreground": "hsl(var(--muted-foreground))", accent: "hsl(var(--accent))", "accent-foreground": "hsl(var(--accent-foreground))", destructive: "hsl(var(--destructive))", "destructive-foreground": "hsl(var(--destructive-foreground))", border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", chart: { 1: "hsl(var(--chart-1))", 2: "hsl(var(--chart-2))", 3: "hsl(var(--chart-3))", 4: "hsl(var(--chart-4))", 5: "hsl(var(--chart-5))", }, sidebar: { DEFAULT: "hsl(var(--sidebar))", foreground: "hsl(var(--sidebar-foreground))", primary: "hsl(var(--sidebar-primary))", "primary-foreground": "hsl(var(--sidebar-primary-foreground))", accent: "hsl(var(--sidebar-accent))", "accent-foreground": "hsl(var(--sidebar-accent-foreground))", border: "hsl(var(--sidebar-border))", ring: "hsl(var(--sidebar-ring))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, }, }, plugins: [], } satisfies Config export default config [V0_FILE]javascript:file="postcss.config.js" isEdit="true" isMerged="true" module.exports = { plugins: { "@tailwindcss/postcss": {}, autoprefixer: {}, }, } [V0_FILE]typescriptreact:file="src/pages/Register.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Link from "next/link" import { motion } from "framer-motion" const Register = () => { const [formData, setFormData] = useState({ firstName: "", lastName: "", email: "", phone: "", password: "", confirmPassword: "", serviceInterest: "", experience: "", agreeToTerms: false, }) const [isSubmitting, setIsSubmitting] = useState(false) const [isSubmitted, setIsSubmitted] = useState(false) const services = [ "Resume Crafting", "Resume Understanding Sessions", "Resume Marketing & Interview Scheduling", "Technical Training & Guidance", "Interview Counselling", "Compliance Onboarding & Background Checks", "Offer Negotiation & Acceptance", "Career Pathing & Long-term Growth", ] const experienceLevels = [ "Entry Level (0-2 years)", "Mid Level (3-5 years)", "Senior Level (6-10 years)", "Executive Level (10+ years)", "Career Changer", ] const handleInputChange = (e: React.ChangeEvent) => { const { name, value, type } = e.target const checked = (e.target as HTMLInputElement).checked setFormData((prev) => ({ ...prev, [name]: type === "checkbox" ? checked : value, })) } const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setIsSubmitting(true) try { // Simulate registration process setTimeout(() => { setIsSubmitting(false) setIsSubmitted(true) setFormData({ firstName: "", lastName: "", email: "", phone: "", password: "", confirmPassword: "", serviceInterest: "", experience: "", agreeToTerms: false, }) }, 2000) } catch (error) { console.error("Registration error:", error) setIsSubmitting(false) } } return (

{/* Header */}

PlacifyLLC

Start Your Career Journey

Create your account and get personalized career guidance

{isSubmitted ? (

🎉

Registration Successful!

Welcome to PlacifyLLC! We'll be in touch within 24 hours to discuss your career goals.

) : (

{/* Personal Information */}

First Name *

Last Name *

{/* Contact Information */}

Email Address *

Phone Number

{/* Password Fields */}

Password *

Confirm Password *

{/* Career Information */}

Primary Service Interest

Experience Level

{/* Terms and Conditions */}

I agree to the{" "} Terms of Service {" "} and{" "} Privacy Policy

{/* Submit Button */}

)} {/* Footer Links */}

Already have an account?{" "} Sign in here

{/* Additional Info */}

What Happens Next?

1. We'll review your information and career goals

2. A career specialist will contact you within 24 hours

3. We'll create a personalized career development plan

4. You'll get access to your client dashboard

) } export default Register [V0_FILE]javascript:file="src/components/Navigation.js" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import Link from "next/link" import { usePathname } from "next/navigation" import { motion, AnimatePresence } from "framer-motion" const Navigation = () => { const [isScrolled, setIsScrolled] = useState(false) const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false) const pathname = usePathname() useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 50) } window.addEventListener("scroll", handleScroll) return () => window.removeEventListener("scroll", handleScroll) }, []) const navItems = [ { name: "Home", path: "/" }, { name: "Services", path: "/services" }, { name: "About", path: "/about" }, { name: "Testimonials", path: "/testimonials" }, { name: "Contact", path: "/contact" }, ] return (

{/* Logo */}

PlacifyLLC {/* Desktop Navigation */}

{navItems.map((item) => ( {item.name} {pathname === item.path && ( )} ))}

{/* CTA Buttons */}

{/* Mobile Menu Button */}

{/* Mobile Menu */} {isMobileMenuOpen && (

{navItems.map((item) => ( setIsMobileMenuOpen(false)} data-cursor="click" > {item.name} ))}

setIsMobileMenuOpen(false)} data-cursor="click" > Login setIsMobileMenuOpen(false)} data-cursor="click" > Register setIsMobileMenuOpen(false)} data-cursor="click" > Book a Session

)} ) } export default Navigation [V0_FILE]javascript:file="src/pages/About.js" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { motion } from "framer-motion" const About = () => { const values = [ { title: "Excellence", description: "We strive for the highest quality in everything we do, ensuring exceptional results for our clients.", icon: "⭐", }, { title: "Integrity", description: "We maintain the highest ethical standards and transparency in all our professional relationships.", icon: "🤝", }, { title: "Innovation", description: "We continuously evolve our methods and stay ahead of industry trends to provide cutting-edge solutions.", icon: "💡", }, { title: "Empowerment", description: "We believe in empowering individuals to take control of their career destiny and achieve their full potential.", icon: "🚀", }, ] const team = [ { name: "Guru Patel", role: "Marketing Manager", bio: "Leads strategic marketing efforts, strengthens brand visibility, and executes impactful campaigns to support Placify LLC’s growth and audience engagement.", image: "👨‍💻", }, { name: "Gaurav Kumar", role: "Sales Executive", bio: "Focused on building strong client relationships and driving business growth through effective communication and strategic sales.", image: "👨‍💻", }, { name: "Krupal Prajapati", role: "Technical Support", bio: "Ensures smooth technical operations and provides reliable solutions to enhance platform performance and user experience.", image: "👨‍💻", }, { name: "Aditya Kumar", role: "Marketing Lead Generator", bio: "Drives marketing initiatives and lead generation strategies to expand Placify LLC’s reach and connect with the right audience.", image: "👨‍💻", }, ] return (

{/* Hero Section */}

About PlacifyLLC

We are passionate career professionals dedicated to transforming your professional journey. Our mission is to empower individuals with the tools, knowledge, and support needed to achieve their career aspirations.

{/* Mission Section */}

Our Mission

To bridge the gap between talent and opportunity by providing comprehensive career services that empower professionals to reach their full potential. We believe that everyone deserves access to quality career guidance and support throughout their professional journey.

Our approach combines industry expertise, personalized attention, and innovative strategies to deliver results that exceed expectations and create lasting career success.

🎯

Our Vision

To be the leading career services provider, recognized for our innovative approach and exceptional client outcomes.

{/* Floating elements */}

{/* Values Section */}

Our Values

The principles that guide everything we do

{values.map((value, index) => (

{value.icon}

{value.title}

{value.description}

))}

{/* Team Section */}

Meet Our Team

Experienced professionals dedicated to your success

{team.map((member, index) => (

{member.image}

{member.name}

{member.role}

{member.bio}

))}

{/* Stats Section */}

Our Impact

Numbers that speak to our commitment and success

{[ { number: "500+", label: "Careers Transformed" }, { number: "95%", label: "Success Rate" }, { number: "50+", label: "Industry Partners" }, { number: "5+", label: "Years of Excellence" }, ].map((stat, index) => (

{stat.number}

{stat.label}

))}

) } export default About [V0_FILE]javascript:file="src/pages/Testimonials.js" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { motion } from "framer-motion" const Testimonials = () => { const testimonials = [ { name: "Jennifer Martinez", role: "Software Engineer", company: "TechCorp", image: "👩‍💻", rating: 5, content: "PlacifyLLC transformed my career completely. Their resume optimization and interview coaching helped me land my dream job at a Fortune 500 company. The personalized approach and attention to detail were exceptional.", result: "Landed Senior Software Engineer role with 40% salary increase", }, { name: "Robert Kim", role: "Marketing Manager", company: "GrowthCo", image: "👨‍💼", rating: 5, content: "The career guidance and networking support I received was invaluable. They didn't just help me with my resume - they helped me understand my career path and connect with the right opportunities.", result: "Secured Marketing Director position at leading startup", }, { name: "Sarah Thompson", role: "Data Analyst", company: "DataFlow Inc", image: "👩‍🔬", rating: 5, content: "I was struggling to transition from academia to industry. PlacifyLLC's technical training and interview preparation gave me the confidence and skills I needed to succeed in the corporate world.", result: "Successfully transitioned to Senior Data Analyst role", }, { name: "Michael Rodriguez", role: "Product Manager", company: "InnovateTech", image: "👨‍🎓", rating: 5, content: "The offer negotiation support was game-changing. They helped me understand my worth and negotiate a package that exceeded my expectations. The entire process was professional and results-driven.", result: "Negotiated 35% higher compensation package", }, { name: "Emily Chen", role: "UX Designer", company: "DesignStudio", image: "👩‍🎨", rating: 5, content: "As a creative professional, I needed help translating my skills into corporate language. PlacifyLLC helped me craft a compelling narrative that showcased my value to potential employers.", result: "Landed Lead UX Designer role at top design agency", }, { name: "David Wilson", role: "Sales Director", company: "SalesPro", image: "👨‍💼", rating: 5, content: "The comprehensive career services exceeded my expectations. From resume crafting to long-term career planning, they provided the support I needed at every stage of my career transition.", result: "Achieved VP of Sales position with equity package", }, ] const successStories = [ { title: "Tech Industry Transition", description: "Helped 50+ professionals transition from non-tech to tech roles", metric: "85% Success Rate", icon: "💻", }, { title: "Executive Placements", description: "Successfully placed 25+ executives in C-level positions", metric: "Average 50% Salary Increase", icon: "👔", }, { title: "Career Pivots", description: "Supported 100+ professionals in complete career changes", metric: "90% Client Satisfaction", icon: "🔄", }, ] return (

{/* Header Section */}

Client Success Stories

Hear from professionals who have transformed their careers with our comprehensive services and expert guidance.

{/* Testimonials Grid */}

{testimonials.map((testimonial, index) => ( {/* Rating */}

{[...Array(testimonial.rating)].map((_, i) => ( ⭐ ))}

{/* Content */}

"{testimonial.content}"

{/* Result */}

Result: {testimonial.result}

{/* Author */}

{testimonial.image}

{testimonial.name}

{testimonial.role} at {testimonial.company}

))}

{/* Success Stories Stats */}

Our Track Record

Proven results across various industries and career levels

{successStories.map((story, index) => (

{story.icon}

{story.title}

{story.description}

{story.metric}

))}

{/* CTA Section */}

Ready to Write Your Success Story?

Join hundreds of professionals who have transformed their careers with our expert guidance.

Start Your Journey Explore Services

) } export default Testimonials [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" "use client" import Navigation from "@/components/Navigation" import Footer from "@/components/Footer" import Home from "@/src/pages/Home" export default function HomePage() { return ( <>

New Contact Form Submission

Contact Information

Message

New Contact Form Submission

Contact Details

Message

Welcome Back

Login Successful!

Client Portal Access

Start Your Career Journey

Registration Successful!

What Happens Next?

Our Services

{service.title}

Key Features:

Our Process

{process.title}

Ready to Get Started?

Start Your Career Journey

Registration Successful!

What Happens Next?

About PlacifyLLC

Our Mission

Our Vision

Our Values

{value.title}

Meet Our Team

{member.name}

Our Impact

Client Success Stories

{testimonial.name}

Our Track Record

{story.title}

Ready to Write Your Success Story?

Get In Touch

Send us a Message

Message Sent Successfully!