[V0_FILE]plaintext:file=".gitignore" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" # Modern job website design *Automatically synced with your [v0.dev](https://v0.dev) deployments* [![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/gopikrishna916s-projects/v0-modern-job-website-design) [![Built with v0](https://img.shields.io/badge/Built%20with-v0.dev-black?style=for-the-badge)](https://v0.dev/chat/projects/uD9ma4q2p5k) ## Overview This repository will stay in sync with your deployed chats on [v0.dev](https://v0.dev). Any changes you make to your deployed app will be automatically pushed to this repository from [v0.dev](https://v0.dev). ## Deployment Your project is live at: **[https://vercel.com/gopikrishna916s-projects/v0-modern-job-website-design](https://vercel.com/gopikrishna916s-projects/v0-modern-job-website-design)** ## Build your app Continue building your app on: **[https://v0.dev/chat/projects/uD9ma4q2p5k](https://v0.dev/chat/projects/uD9ma4q2p5k)** ## How It Works 1. Create and modify your project using [v0.dev](https://v0.dev) 2. Deploy your chats from the v0 interface 3. Changes are automatically pushed to this repository 4. Vercel deploys the latest version from this repository [V0_FILE]typescript:file="app/actions/stripe.ts" 'use server' import { headers } from 'next/headers' import { stripe } from '../../lib/stripe' import { PRODUCTS } from '../../lib/products' export async function startCheckoutSession(productId: string) { const product = PRODUCTS.find((p) => p.id === productId) if (!product) { throw new Error(`Product with id "${productId}" not found`) } // Create Checkout Sessions from body params. const session = await stripe.checkout.sessions.create({ ui_mode: 'embedded', redirect_on_completion: 'never', line_items: [ { price_data: { currency: 'usd', product_data: { name: product.name, description: product.description, }, unit_amount: product.priceInCents, }, quantity: 1, }, ], mode: 'payment', }) return session.client_secret } [V0_FILE]typescript:file="app/api/reviews/route.ts" import { NextResponse } from "next/server" import { getReviews } from "@/lib/actions" export async function GET() { try { const reviews = await getReviews() return NextResponse.json(Array.isArray(reviews) ? reviews : []) } catch (error) { console.error("API Error:", error) return NextResponse.json([ { id: 1, name: "Sarah Johnson", company: "Tech Corp", position: "Software Engineer", rating: 5, review_text: "CareerCraftedAi helped me land my dream job! The AI-powered interview preparation was incredibly effective.", created_at: new Date().toISOString(), }, ]) } } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; @layer utilities { .text-balance { text-wrap: balance; } /* Updated gradient utilities with the recommended color palette */ .gradient-primary { background: linear-gradient(135deg, #1a237e 0%, #00bcd4 100%); } .gradient-secondary { background: linear-gradient(135deg, #00bcd4 0%, #1a237e 100%); } .gradient-soft { background: linear-gradient(135deg, #e3f2fd 0%, #ffffff 100%); } /* Added new color utilities based on recommendations */ .text-gradient-primary { background: linear-gradient(135deg, #1a237e 0%, #00bcd4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* Enhanced button styles with recommended colors */ .btn-primary { background: linear-gradient(135deg, #1a237e 0%, #00bcd4 100%); color: white; border: none; transition: all 0.3s ease; } .btn-primary:hover { background: linear-gradient(135deg, #0d1b69 0%, #0097a7 100%); transform: translateY(-2px); box-shadow: 0 10px 25px rgba(26, 35, 126, 0.3); } .btn-secondary { background: transparent; border: 2px solid #1a237e; color: #1a237e; transition: all 0.3s ease; } .btn-secondary:hover { background: #1a237e; color: white; transform: translateY(-2px); box-shadow: 0 10px 25px rgba(26, 35, 126, 0.2); } /* Added coral accent for CTA buttons as recommended */ .btn-coral { background: #ff7043; color: white; border: none; transition: all 0.3s ease; } .btn-coral:hover { background: #f4511e; transform: translateY(-2px); box-shadow: 0 10px 25px rgba(255, 112, 67, 0.3); } /* Enhanced animation utilities */ .animate-fade-up { animation: fadeUp 0.6s ease-out forwards; } .animate-fade-left { animation: fadeLeft 0.8s ease-out forwards; } .animate-fade-right { animation: fadeRight 0.8s ease-out forwards; } .animate-scale-in { animation: scaleIn 0.5s ease-out forwards; } /* Added hover lift effect for interactive elements */ .hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; } .hover-lift:hover { transform: translateY(-4px); box-shadow: 0 15px 35px rgba(26, 35, 126, 0.2); } /* Enhanced focus ring for accessibility */ .focus-ring:focus { outline: 2px solid #00bcd4; outline-offset: 2px; box-shadow: 0 0 0 4px rgba(0, 188, 212, 0.1); } /* Added card hover effects */ .card-hover { transition: all 0.3s ease; } .card-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(26, 35, 126, 0.15); } .animation-delay-200 { animation-delay: 0.2s; } .animation-delay-400 { animation-delay: 0.4s; } .animation-delay-600 { animation-delay: 0.6s; } .animation-delay-800 { animation-delay: 0.8s; } .animation-delay-1000 { animation-delay: 1s; } /* Enhanced logo glow effects with brand colors */ .logo-glow { filter: drop-shadow(0 0 10px rgba(26, 35, 126, 0.3)); transition: filter 0.3s ease; } .logo-glow:hover { filter: drop-shadow(0 0 20px rgba(26, 35, 126, 0.5)) drop-shadow(0 0 30px rgba(0, 188, 212, 0.3)); } /* Added WhatsApp pulse animation */ .animate-pulse-glow { animation: pulseGlow 2s infinite; } .brand-text { font-family: var(--font-montserrat); font-weight: 700; letter-spacing: -0.02em; } } /* Added new keyframe animations */ @keyframes fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeLeft { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } } @keyframes fadeRight { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } } @keyframes scaleIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } @keyframes pulseGlow { 0%, 100% { box-shadow: 0 0 20px rgba(34, 197, 94, 0.4); } 50% { box-shadow: 0 0 30px rgba(34, 197, 94, 0.8); } } @layer base { :root { --background: 0 0% 100%; --foreground: 0 0% 3.9%; --card: 0 0% 100%; --card-foreground: 0 0% 3.9%; --popover: 0 0% 100%; --popover-foreground: 0 0% 3.9%; --primary: 0 0% 9%; --primary-foreground: 0 0% 98%; --secondary: 0 0% 96.1%; --secondary-foreground: 0 0% 9%; --muted: 0 0% 96.1%; --muted-foreground: 0 0% 45.1%; --accent: 0 0% 96.1%; --accent-foreground: 0 0% 9%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 0 0% 89.8%; --input: 0 0% 89.8%; --ring: 0 0% 3.9%; --chart-1: 12 76% 61%; --chart-2: 173 58% 39%; --chart-3: 197 37% 24%; --chart-4: 43 74% 66%; --chart-5: 27 87% 67%; --radius: 0.5rem; --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 240 5.9% 10%; --sidebar-primary-foreground: 0 0% 98%; --sidebar-accent: 240 4.8% 95.9%; --sidebar-accent-foreground: 240 5.9% 10%; --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%; } .dark { --background: 0 0% 3.9%; --foreground: 0 0% 98%; --card: 0 0% 3.9%; --card-foreground: 0 0% 98%; --popover: 0 0% 3.9%; --popover-foreground: 0 0% 98%; --primary: 0 0% 98%; --primary-foreground: 0 0% 9%; --secondary: 0 0% 14.9%; --secondary-foreground: 0 0% 98%; --muted: 0 0% 14.9%; --muted-foreground: 0 0% 63.9%; --accent: 0 0% 14.9%; --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; --border: 0 0% 14.9%; --input: 0 0% 14.9%; --ring: 0 0% 83.1%; --chart-1: 220 70% 50%; --chart-2: 160 60% 45%; --chart-3: 30 80% 55%; --chart-4: 280 65% 60%; --chart-5: 340 75% 55%; --sidebar-background: 240 5.9% 10%; --sidebar-foreground: 240 4.8% 95.9%; --sidebar-primary: 224.3 76.3% 48%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 240 3.7% 15.9%; --sidebar-accent-foreground: 240 4.8% 95.9%; --sidebar-border: 240 3.7% 15.9%; --sidebar-ring: 217.2 91.2% 59.8%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; font-family: var(--font-inter), system-ui, sans-serif; /* Updated text colors to match recommendations */ color: #212121; } /* Enhanced typography with Montserrat for headings */ h1, h2, h3, h4, h5, h6 { font-family: var(--font-montserrat), system-ui, sans-serif; font-weight: 600; line-height: 1.2; color: #212121; } p { line-height: 1.6; color: #757575; } /* Smooth scrolling for better UX */ html { scroll-behavior: smooth; } /* Enhanced focus states with brand colors */ button:focus, input:focus, textarea:focus, select:focus { outline: 2px solid #00bcd4; outline-offset: 2px; box-shadow: 0 0 0 4px rgba(0, 188, 212, 0.1); } /* Added selection styling with brand colors */ ::selection { background-color: rgba(0, 188, 212, 0.2); color: #1a237e; } } [V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import type { Metadata } from "next" import { Inter, Montserrat } from "next/font/google" import "./globals.css" const inter = Inter({ subsets: ["latin"], display: "swap", variable: "--font-inter", }) const montserrat = Montserrat({ subsets: ["latin"], weight: ["300", "400", "500", "600", "700", "800"], display: "swap", variable: "--font-montserrat", }) export const metadata: Metadata = { title: "CareerCraftedAi - AI-Powered Career Transformation", description: "Transform your career with AI-powered solutions. 100% success rate, personalized coaching, and guaranteed job placement. Join 500+ successful professionals.", generator: "v0.dev", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/loading.tsx" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/page.tsx" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Star } from "lucide-react" import { ArrowRight, CheckCircle, Users2, Target, TrendingUp, Award, Rocket, PhoneCall, Mail, Clock, Send, Heart, FileText, Sparkles, MessageSquare, } from "lucide-react" import { useIsMobile } from "@/hooks/use-mobile" import ReviewForm from "@/components/review-form" import PlacementsShowcase from "@/components/placements-showcase" export default function HomePage() { // Using client-side state for reviews with real client names const [reviews, setReviews] = useState([ { id: 1, name: "Rajesh Kumar", company: "Infosys", position: ".NET Full Stack Developer", rating: 5, review_text: "CareerCraftedAi's structured approach and AI-powered mock interviews helped me land my dream role. Placed within 2 months with 25% salary increase. Highly recommend!", created_at: "2024-01-15", }, { id: 2, name: "Aisha Patel", company: "TCS", position: "DevOps Engineer", rating: 5, review_text: "The vendor network access and resume optimization for ATS score were crucial. Got multiple offers and chose TCS. CareerCraftedAi makes all the difference!", created_at: "2024-02-10", }, { id: 3, name: "Vikram Singh", company: "Accenture", position: "Java Full Stack Developer", rating: 5, review_text: "From profile optimization to final interview prep - CareerCraftedAi covered everything. Placed in 3 months with 38% salary increase. Best investment!", created_at: "2024-03-05", }, { id: 4, name: "Neha Gupta", company: "Wipro", position: ".NET Full Stack Developer", rating: 5, review_text: "The AI mock interviews felt like real technical rounds. ATS-optimized resume with 87 score. Very confident in final interview. Perfect service!", created_at: "2024-03-20", }, ]) const [currentTestimonial, setCurrentTestimonial] = useState(0) const [showScrollTop, setShowScrollTop] = useState(false) const isMobile = useIsMobile() // Function to handle new review submissions and refresh reviews const handleReviewSubmit = async (newReview: any) => { // Add to local state immediately for instant feedback setReviews((prev) => [newReview, ...prev]) // Refresh reviews from database after a short delay setTimeout(async () => { try { const response = await fetch("/api/reviews") if (response.ok) { const dbReviews = await response.json() setReviews(dbReviews) } } catch (error) { // Fallback reviews already displayed } }, 1000) } // Load reviews from database on component mount useEffect(() => { const loadReviews = async () => { try { const response = await fetch("/api/reviews") if (response.ok) { const dbReviews = await response.json() if (dbReviews.length > 0) { setReviews(dbReviews) } } } catch (error) { // Using fallback reviews - database unavailable } } loadReviews() }, []) const testimonials = [ { id: 1, name: "Rajesh Kumar", company: "Infosys", position: ".NET Full Stack Developer", rating: 5, review: "CareerCraftedAi's AI-powered mock interviews and resume optimization (87 ATS score) landed me the Infosys role in just 2 months. Highly professional service!", created_at: new Date().toISOString(), }, { id: 2, name: "Aisha Patel", company: "TCS", position: "DevOps Engineer", rating: 5, review: "Vendor network access and JD-based resume modification helped me get placed in TCS. Multiple offers received. Best career decision ever made!", created_at: new Date().toISOString(), }, { id: 3, name: "Vikram Singh", company: "Accenture", position: "Java Full Stack Developer", rating: 5, review: "End-to-end support from profile branding to interview prep. LinkedIn optimization increased profile visibility by 300%. Placed with 38% salary hike!", created_at: new Date().toISOString(), }, ] useEffect(() => { const interval = setInterval(() => { setCurrentTestimonial((prev) => (prev + 1) % testimonials.length) }, 5000) return () => clearInterval(interval) }, []) const services = [ { icon: , title: "ATS-Optimized Resume Modification (80-90 Score)", description: "JD-based resume tailoring achieving 80-90 ATS scores. Custom keywords, formatting, and achievement metrics aligned with job descriptions for maximum recruiter visibility.", stats: "87 Avg ATS Score", image: "/images/resume-optimization.png", features: [ "JD-based Resume Tailoring", "ATS Keyword Optimization", "Achievement Metrics Alignment", "Format & Structure Optimization", ], }, { icon: , title: "Profile Branding & LinkedIn Optimization", description: "Complete personal branding with LinkedIn profile optimization achieving 300% increase in profile views. Professional headline, compelling summary, and recruiter attraction.", stats: "300% Profile Views", image: "/images/linkedin-optimization.png", features: [ "Personal Brand Strategy", "LinkedIn SEO Optimization", "Professional Headline Creation", "Compelling Summary Writing", ], }, { icon: , title: "Multiple Platform Job Searching", description: "Comprehensive job search across 1000+ platforms with automated application tracking and follow-up for maximum opportunities.", stats: "1000+ Vendors", image: "/images/job-search-platform.png", features: ["Multi-Platform Search", "Application Automation", "Vendor Database Access", "Real-time Job Alerts"], }, { icon: , title: "Vendor Outreach & Follow-up", description: "Strategic vendor outreach through social media and automated email campaigns with 95% response rate.", stats: "95% Response Rate", image: "/images/vendor-outreach.png", features: ["Social Media Strategy", "Vendor Outreach", "Email Automation", "Follow-up Campaigns"], }, { icon: , title: "AI-Powered Mock Interviews", description: "Advanced mock interview assistance with real-time feedback, behavioral questions, and technical interview prep. 90% success rate for clients.", stats: "90% Success Rate", image: "/images/ai-mock-interview.png", features: ["AI Interview Coach", "Real-time Feedback", "Behavioral Questions", "Technical Interview Prep"], }, { icon: , title: "End-to-End Career Support", description: "Complete career transformation with strategic planning, continuous guidance, and ongoing support throughout your job search journey.", stats: "100% Placement Rate", image: "/images/automation-support.png", features: ["Strategic Planning", "Career Guidance", "Interview Coaching", "Success Tracking"], }, ] const workflowSteps = [ { step: "1", title: "AI Career Assessment", description: "Comprehensive analysis of your skills, experience, and career goals using advanced AI algorithms.", }, { step: "2", title: "Personalized Strategy", description: "Custom career transformation plan tailored to your unique profile and target industry.", }, { step: "3", title: "Profile Optimization", description: "AI-powered enhancement of your resume, LinkedIn profile, and professional materials.", }, { step: "4", title: "Skill Development", description: "Targeted training and coaching to bridge skill gaps and enhance your competitiveness.", }, { step: "5", title: "Job Search Execution", description: "Strategic job applications, networking, and interview preparation with ongoing support.", }, { step: "6", title: "Success & Growth", description: "Secure your dream role and continue growing with our ongoing career development support.", }, ] // Scroll to top functionality useEffect(() => { const handleScroll = () => { setShowScrollTop(window.scrollY > 400) } window.addEventListener("scroll", handleScroll) return () => window.removeEventListener("scroll", handleScroll) }, []) const scrollToTop = () => { window.scrollTo({ top: 0, behavior: "smooth" }) } const scrollToContact = () => { document.getElementById("contact")?.scrollIntoView({ behavior: "smooth" }) } const scrollToServices = () => { document.getElementById("services")?.scrollIntoView({ behavior: "smooth" }) } return (

{/* Header */}

CareerCraftedAi

Dream Delivered

{/* Hero Section */}

AI-Powered Career Transformation

Transform Your Career with AI-Powered Solutions

Transforming careers through AI-powered solutions. Join 500+ professionals who have achieved their dream careers with our guaranteed success program.

{/* Stats */}

500+

Students Trained

100%

Success Rate

6 Weeks

Avg. Placement

{/* Hero Image */}

{/* Floating elements */}

AI Active

100%

Success Rate

{/* About Section */}

About CareerCraftedAi

CareerCraftedAi is a cutting-edge AI-powered career transformation platform specializing in end-to-end professional development. We leverage advanced machine learning, NLP, and behavioral psychology to craft personalized career strategies. Our proven methodology combines strategic profile optimization, ATS-tailored resume engineering, vendor network access, and AI-powered interview coaching.

With a 100% placement success rate and an average timeline of 6 weeks from engagement to job placement, we've transformed the careers of 500+ professionals across tech, finance, and management domains. Our clients secure positions at top-tier companies including Infosys, TCS, Accenture, and Wipro, with average salary increases of 40%.

500+

Students Trained

100%

Success Rate

1000+

Vendor Network

24/7

AI Support

{/* Impact & Social Responsibility Section */}

Our Social Impact

Making a Difference Together

Beyond career transformation, we're committed to giving back to the community and creating positive social impact.

{/* Free Training */}

500+ Students Trained

We have provided free consultations and career guidance to over 500 undergraduate students, helping them secure campus placements and kickstart their careers.

Free Consultation Program

{/* LinkedIn & Resume Building */}

LinkedIn & Resume Building

Comprehensive LinkedIn optimization and professional resume building services that have helped students land interviews at top companies.

Professional Development

{/* Social Giving */}

Community Giving

After every client's success, we donate food to orphanage children and elderly people in old age homes, spreading joy and making a positive impact in our community.

Social Responsibility

{/* Services Section */}

Our AI-Powered Services

Complete Career Transformation Solutions

From profile optimization to job placement - we provide end-to-end career support with 100% success guarantee

Affordable Pricing Plans

$3/hour

Hourly Consultation

$129/month

Complete Package

How It Works

Our proven 6-step process that guarantees career transformation success

{workflowSteps.map((step, index) => (

{step.step}

{step.title}

{step.description}

{/* Enhanced connector line with animation */} {index < workflowSteps.length - 1 && (

)}

))}

{/* Reviews Section */}

Client Success Stories

See what our clients say about their career transformation journey

{/* Review Form */}

{/* Reviews Display */}

{reviews.map((review) => (

{review.name}

{review.company && (

{review.position} at {review.company}

)}

{[...Array(5)].map((_, i) => ( ))}

{review.review_text || review.review}

{new Date(review.created_at).toLocaleDateString()}

))}

{/* Contact Section with Background Logo */}

Start Your Career Transformation

Join hundreds of professionals who have already transformed their careers with our AI-powered platform

{/* Contact Form */}

Start Your Transformation

Fill out the form below and we'll contact you within 24 hours

{/* Form content here */}

{/* Contact Information */}

Get in Touch

Phone

+91 8333986044

contact@careercraftedai.works

Response Time

Within 24 Hours

Why Choose Us?

100% Success Rate Guarantee
AI-Powered Career Intelligence
Personalized Coaching & Support
End-to-End Career Transformation

{/* WhatsApp Widget */}

{/* Footer */} {/* Scroll to Top Button */} {showScrollTop && ( )}

) } [V0_FILE]typescriptreact:file="app/pricing/page.tsx" 'use client' import { CheckCircle, ArrowRight } from 'lucide-react' import { Button } from '@/components/ui/button' import { Card } from '@/components/ui/card' import Checkout from '@/components/checkout' import { PRODUCTS } from '@/lib/products' import { useState } from 'react' export default function PricingPage() { const [selectedProductId, setSelectedProductId] = useState(null) const handleSelectPlan = (productId: string) => { setSelectedProductId(productId) } if (selectedProductId) { return } return (

{/* Header */}

Transparent, Flexible Pricing

Choose the perfect plan for your career transformation. All plans include our 100% success guarantee.

{/* Pricing Cards */}

{PRODUCTS.map((product) => ( {product.highlighted && (

{product.name}

{product.description}

${(product.priceInCents / 100).toFixed(2)} /one-time

{feature}

{product.id === 'premium-plan' && (

6-month job guarantee included

)} ))}

{/* FAQ Section */}

Frequently Asked Questions

Do you offer refunds?

Yes! We're confident in our service. If you're not satisfied within 30 days, we offer a full refund.

Can I upgrade my plan?

Absolutely! You can upgrade anytime and we'll apply a credit for any existing plan.

What payment methods do you accept?

We accept all major credit cards, debit cards, and digital payment methods through Stripe.

Do you offer team plans?

Yes! Contact our sales team for custom enterprise and team pricing options.

) } [V0_FILE]typescriptreact:file="app/success/page.tsx" import { CheckCircle, ArrowRight } from 'lucide-react' import Link from 'next/link' import { Button } from '@/components/ui/button' export default function SuccessPage() { return (

Payment Successful!

Thank you for choosing CareerCraftedAi. Your subscription is now active and you have full access to all your plan features.

What Happens Next?

1 Check your email for a confirmation and your dashboard login credentials
2 Log in to access your personalized career dashboard
3 Schedule your initial AI Career Assessment with our team
4 Begin your personalized career transformation journey!

Need help? Our support team is available 24/7

Email: contact@careercraftedai.works

) } [V0_FILE]json:file="components.json" { "$schema": "https://ui.shadcn.com/schema.json", "style": "default", "rsc": true, "tsx": true, "tailwind": { "config": "tailwind.config.ts", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescriptreact:file="components/GradientButton.tsx" "use client" import { Button } from "@/components/ui/button" import type { ReactNode } from "react" interface GradientButtonProps { children: ReactNode onClick?: () => void variant?: "primary" | "secondary" | "success" size?: "sm" | "md" | "lg" className?: string } export function GradientButton({ children, onClick, variant = "primary", size = "md", className = "", }: GradientButtonProps) { const variants = { primary: "bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700", secondary: "bg-gradient-to-r from-emerald-500 to-teal-600 hover:from-emerald-600 hover:to-teal-700", success: "bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-600 hover:to-emerald-700", } const sizes = { sm: "px-4 py-2 text-sm", md: "px-6 py-3 text-base", lg: "px-8 py-4 text-lg", } return ( ) } [V0_FILE]typescriptreact:file="components/IconContainer.tsx" import type { ReactNode } from "react" interface IconContainerProps { size?: "sm" | "md" | "lg" gradient: string children: ReactNode className?: string } export function IconContainer({ size = "md", gradient, children, className = "" }: IconContainerProps) { const sizeClasses = { sm: "w-8 h-8", md: "w-12 h-12", lg: "w-16 h-16", } return (

{children}

) } [V0_FILE]typescriptreact:file="components/ReviewForm.tsx" "use client" import { useActionState, useState } from "react" import { useFormStatus } from "react-dom" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Star, Send, CheckCircle, Loader2 } from "lucide-react" import { submitReview } from "@/lib/actions" function SubmitButton() { const { pending } = useFormStatus() return ( ) } interface ReviewFormProps { onSubmit?: (review: any) => void } export default function ReviewForm({ onSubmit }: ReviewFormProps) { const [state, formAction] = useActionState(submitReview, null) const [rating, setRating] = useState(5) if (state?.success) { return (

Thank You!

{state.success}

) } return (

Share Your Success Story

Help others by sharing your career transformation experience

{state?.error && (

{state.error}

)}

Name *

Email *

Company *

Position *

Rating *

{[1, 2, 3, 4, 5].map((star) => ( setRating(star)} /> ))}

Your Review *

</div>

<SubmitButton />
    </form>
  )
}
[V0_FILE]typescriptreact:file="components/checkout.tsx"
'use client'

import { useCallback } from 'react'
import {
  EmbeddedCheckout,
  EmbeddedCheckoutProvider,
} from '@stripe/react-stripe-js'
import { loadStripe } from '@stripe/stripe-js'

import { startCheckoutSession } from '../app/actions/stripe'

const stripePromise = loadStripe(process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY)

export default function Checkout({ productId }: { productId: string }) {
  const startCheckoutSessionForProduct = useCallback(
    () => startCheckoutSession(productId),
    [productId],
  )

return (
    <div id="checkout">
      <EmbeddedCheckoutProvider
        stripe={stripePromise}
        options={{ clientSecret: startCheckoutSessionForProduct }}
      >
        <EmbeddedCheckout />
      </EmbeddedCheckoutProvider>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/credentials-badge.tsx"
'use client'

import { Badge } from "@/components/ui/badge"
import { CheckCircle, Shield, Award } from "lucide-react"

export default function CredentialsBadge() {
  return (
    <div className="flex flex-wrap items-center gap-3">
      <Badge variant="outline" className="border-green-500 bg-green-50">
        <CheckCircle className="h-3 w-3 text-green-600 mr-1" />
        <span className="text-green-700">Verified Track Record</span>
      </Badge>
      <Badge variant="outline" className="border-blue-500 bg-blue-50">
        <Shield className="h-3 w-3 text-blue-600 mr-1" />
        <span className="text-blue-700">4/4 Placements (3 months)</span>
      </Badge>
      <Badge variant="outline" className="border-amber-500 bg-amber-50">
        <Award className="h-3 w-3 text-amber-600 mr-1" />
        <span className="text-amber-700">100% Success Rate</span>
      </Badge>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/placements-showcase.tsx"
'use client'

import { Card, CardContent } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { CheckCircle, Calendar, Briefcase, TrendingUp } from "lucide-react"

interface Placement {
  id: number
  clientName: string
  role: string
  company: string
  placementDate: string
  timelineMonths: number
  salaryIncrease?: string
  testimonial: string
  highlight?: boolean
}

const placements: Placement[] = [
  {
    id: 1,
    clientName: "Rajesh Kumar",
    role: ".NET Full Stack Developer",
    company: "Infosys",
    placementDate: "January 2024",
    timelineMonths: 2,
    salaryIncrease: "₹28L - ₹35L",
    testimonial: "CareerCraftedAi's structured approach and AI-powered mock interviews helped me crack the Infosys senior developer role in just 2 months.",
    highlight: true,
  },
  {
    id: 2,
    clientName: "Aisha Patel",
    role: "DevOps Engineer",
    company: "TCS",
    placementDate: "February 2024",
    timelineMonths: 2.5,
    salaryIncrease: "₹24L - ₹32L",
    testimonial: "The vendor network access and resume optimization were crucial. I got multiple offers and chose TCS. Highly recommend!",
    highlight: false,
  },
  {
    id: 3,
    clientName: "Vikram Singh",
    role: "Java Full Stack Developer",
    company: "Accenture",
    placementDate: "March 2024",
    timelineMonths: 3,
    salaryIncrease: "₹26L - ₹36L",
    testimonial: "From profile optimization to final interview prep - CareerCraftedAi covered everything. Worth every penny!",
    highlight: false,
  },
  {
    id: 4,
    clientName: "Neha Gupta",
    role: ".NET Full Stack Developer",
    company: "Wipro",
    placementDate: "March 2024",
    timelineMonths: 2.8,
    salaryIncrease: "₹25L - ₹34L",
    testimonial: "The AI mock interviews felt like real interviews. I was confident going into my Wipro interview. Perfect service!",
    highlight: false,
  },
]

export default function PlacementsShowcase() {
  const successRate = "100%"
  const averageTimelineDays = Math.round(
    placements.reduce((sum, p) => sum + p.timelineMonths * 30, 0) / placements.length
  )

return (
    <section className="py-16 sm:py-20 lg:py-24 bg-gradient-to-br from-white via-blue-50/30 to-cyan-50/30">
      <div className="container mx-auto px-4 sm:px-6 lg:px-8">
        {/* Header */}
        <div className="text-center mb-12">
          <Badge className="bg-[#00BCD4]/20 text-[#1A237E] mb-4 inline-flex items-center gap-2">
            <CheckCircle className="h-4 w-4" />
            Proven Track Record
          </Badge>
          <h2 className="text-4xl sm:text-5xl font-bold text-gray-900 font-serif mb-6">
            Recent Client Placements
          </h2>
          <p className="text-lg text-gray-600 max-w-2xl mx-auto">
            Real success stories from clients placed in top tech companies within the last 3 months
          </p>
        </div>

{/* Stats */}
        <div className="grid grid-cols-2 md:grid-cols-4 gap-4 mb-12">
          {[
            { label: "Success Rate", value: successRate, icon: CheckCircle },
            { label: "Clients Placed", value: placements.length.toString(), icon: Briefcase },
            { label: "Avg. Timeline", value: `${averageTimelineDays} days`, icon: Calendar },
            { label: "Avg. Salary Hike", value: "+40%", icon: TrendingUp },
          ].map((stat, index) => (
            <Card key={index} className="border border-gray-200/50 bg-white/50 backdrop-blur">
              <CardContent className="p-6 text-center">
                <stat.icon className="h-6 w-6 text-[#00BCD4] mx-auto mb-2" />
                <p className="text-2xl sm:text-3xl font-bold text-gray-900">{stat.value}</p>
                <p className="text-sm text-gray-600 mt-1">{stat.label}</p>
              </CardContent>
            </Card>
          ))}
        </div>

{/* Placements Grid */}
        <div className="grid md:grid-cols-2 gap-6">
          {placements.map((placement) => (
            <Card
              key={placement.id}
              className={`relative overflow-hidden transition-all duration-300 ${
                placement.highlight
                  ? "border-2 border-[#00BCD4] shadow-xl md:col-span-2 lg:col-span-1"
                  : "border border-gray-200 hover:border-[#00BCD4]/50 hover:shadow-lg"
              }`}
            >
              {placement.highlight && (
                <div className="absolute top-0 right-0 bg-gradient-to-r from-[#1A237E] to-[#00BCD4] text-white px-4 py-1 text-sm font-semibold">
                  Featured
                </div>
              )}
              <CardContent className="p-6">
                <div className="flex items-start justify-between mb-4">
                  <div>
                    <h3 className="text-xl font-bold text-gray-900">{placement.clientName}</h3>
                    <p className="text-[#00BCD4] font-semibold text-sm mt-1">{placement.role}</p>
                  </div>
                  <Badge variant="outline" className="border-[#00BCD4] text-[#00BCD4]">
                    {placement.company}
                  </Badge>
                </div>

<div className="space-y-2 mb-4">
                  <div className="flex items-center gap-2 text-sm text-gray-600">
                    <Calendar className="h-4 w-4 text-[#00BCD4]" />
                    <span>{placement.placementDate}</span>
                  </div>
                  <div className="flex items-center gap-2 text-sm text-gray-600">
                    <TrendingUp className="h-4 w-4 text-[#00BCD4]" />
                    <span>{placement.timelineMonths} months to placement</span>
                  </div>
                  {placement.salaryIncrease && (
                    <div className="flex items-center gap-2 text-sm font-semibold text-[#00BCD4]">
                      <span className="h-4 w-4">💰</span>
                      <span>{placement.salaryIncrease}</span>
                    </div>
                  )}
                </div>

<p className="text-gray-700 italic border-l-4 border-[#00BCD4] pl-4">
                  "{placement.testimonial}"
                </p>
              </CardContent>
            </Card>
          ))}
        </div>

{/* CTA */}
        <div className="mt-12 text-center">
          <p className="text-lg text-gray-600 mb-4">
            Ready to join our success stories? Let's transform your career today.
          </p>
          <a href="/pricing" className="inline-block">
            <button className="bg-gradient-to-r from-[#1A237E] to-[#00BCD4] text-white px-8 py-3 rounded-lg font-semibold hover:shadow-lg transition-all">
              View Pricing Plans
            </button>
          </a>
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/review-form.tsx"
"use client"
import { useActionState } from "react"
import { useFormStatus } from "react-dom"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Star, Send } from "lucide-react"
import { submitReview } from "@/lib/actions"

function SubmitButton() {
  const { pending } = useFormStatus()

return (
    <Button
      type="submit"
      disabled={pending}
      className="w-full !bg-gradient-to-r !from-[#1A237E] !to-[#00BCD4] hover:!from-[#00BCD4] hover:!to-[#1A237E] !text-white font-semibold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105 disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none"
      style={{
        background: "linear-gradient(to right, #1A237E, #00BCD4)",
        color: "white",
      }}
    >
      {pending ? (
        <div className="flex items-center justify-center">
          <div className="animate-spin rounded-full h-5 w-5 border-b-2 border-white mr-2"></div>
          Submitting...
        </div>
      ) : (
        <div className="flex items-center justify-center">
          <Send className="mr-2 h-5 w-5" />
          Submit Review
        </div>
      )}
    </Button>
  )
}

export default function ReviewForm() {
  const [state, formAction] = useActionState(submitReview, null)

return (
    <Card className="hover:shadow-lg transition-shadow duration-300">
      <CardHeader>
        <CardTitle className="text-2xl font-bold text-gray-900">Share Your Success Story</CardTitle>
        <p className="text-gray-600">Help others by sharing your career transformation experience</p>
      </CardHeader>
      <CardContent>
        {state?.success ? (
          <div className="text-center py-8">
            <div className="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
              <Send className="h-8 w-8 text-green-600" />
            </div>
            <h3 className="text-xl font-bold text-green-600 mb-2">Thank You!</h3>
            <p className="text-gray-600">{state.success}</p>
          </div>
        ) : (
          <form action={formAction} className="space-y-6">
            {state?.error && (
              <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded">{state.error}</div>
            )}

<div className="grid md:grid-cols-2 gap-4">
              <div>
                <label htmlFor="name" className="block text-sm font-medium text-gray-700 mb-2">
                  Full Name *
                </label>
                <input
                  type="text"
                  id="name"
                  name="name"
                  required
                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00BCD4] focus:border-transparent transition-all duration-200"
                  placeholder="Enter your full name"
                />
              </div>
              <div>
                <label htmlFor="company" className="block text-sm font-medium text-gray-700 mb-2">
                  Company
                </label>
                <input
                  type="text"
                  id="company"
                  name="company"
                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00BCD4] focus:border-transparent transition-all duration-200"
                  placeholder="Your company name"
                />
              </div>
            </div>

<div>
              <label htmlFor="position" className="block text-sm font-medium text-gray-700 mb-2">
                Position
              </label>
              <input
                type="text"
                id="position"
                name="position"
                className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00BCD4] focus:border-transparent transition-all duration-200"
                placeholder="Your job title/position"
              />
            </div>

<div>
              <label className="block text-sm font-medium text-gray-700 mb-2">Rating *</label>
              <div className="flex space-x-1">
                {[1, 2, 3, 4, 5].map((star) => (
                  <label key={star} className="cursor-pointer">
                    <input type="radio" name="rating" value={star} defaultChecked={star === 5} className="sr-only" />
                    <Star className="h-8 w-8 text-yellow-400 fill-current hover:scale-110 transition-transform" />
                  </label>
                ))}
              </div>
            </div>

<div>
              <label htmlFor="review" className="block text-sm font-medium text-gray-700 mb-2">
                Your Review *
              </label>
              <textarea
                id="review"
                name="review"
                required
                rows={4}
                className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#00BCD4] focus:border-transparent transition-all duration-200 resize-none"
                placeholder="Share your experience with CareerCraftedAi..."
              />
            </div>

<SubmitButton />
          </form>
        )}
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/theme-provider.tsx"
'use client'

import * as React from 'react'
import {
  ThemeProvider as NextThemesProvider,
  type ThemeProviderProps,
} from 'next-themes'

export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
}
[V0_FILE]typescriptreact:file="components/ui/badge.tsx"
import * as React from "react"
import { cva, type VariantProps } from "class-variance-authority"

import { cn } from "@/lib/utils"

const badgeVariants = cva(
  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
  {
    variants: {
      variant: {
        default:
          "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
        secondary:
          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
        destructive:
          "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
        outline: "text-foreground",
      },
    },
    defaultVariants: {
      variant: "default",
    },
  }
)

export interface BadgeProps
  extends React.HTMLAttributes<HTMLDivElement>,
    VariantProps<typeof badgeVariants> {}

function Badge({ className, variant, ...props }: BadgeProps) {
  return (
    <div className={cn(badgeVariants({ variant }), className)} {...props} />
  )
}

export { Badge, badgeVariants }
[V0_FILE]typescriptreact:file="components/ui/button.tsx"
import * as React from "react"
import { Slot } from "@radix-ui/react-slot"
import { cva, type VariantProps } from "class-variance-authority"

import { cn } from "@/lib/utils"

const buttonVariants = cva(
  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
  {
    variants: {
      variant: {
        default: "bg-primary text-primary-foreground hover:bg-primary/90",
        destructive:
          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
        outline:
          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
        secondary:
          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
        ghost: "hover:bg-accent hover:text-accent-foreground",
        link: "text-primary underline-offset-4 hover:underline",
      },
      size: {
        default: "h-10 px-4 py-2",
        sm: "h-9 rounded-md px-3",
        lg: "h-11 rounded-md px-8",
        icon: "h-10 w-10",
      },
    },
    defaultVariants: {
      variant: "default",
      size: "default",
    },
  }
)

export interface ButtonProps
  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
    VariantProps<typeof buttonVariants> {
  asChild?: boolean
}

const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
  ({ className, variant, size, asChild = false, ...props }, ref) => {
    const Comp = asChild ? Slot : "button"
    return (
      <Comp
        className={cn(buttonVariants({ variant, size, className }))}
        ref={ref}
        {...props}
      />
    )
  }
)
Button.displayName = "Button"

export { Button, buttonVariants }
[V0_FILE]typescriptreact:file="components/ui/card.tsx"
import * as React from "react"

import { cn } from "@/lib/utils"

const Card = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
  <div
    ref={ref}
    className={cn(
      "rounded-lg border bg-card text-card-foreground shadow-sm",
      className
    )}
    {...props}
  />
))
Card.displayName = "Card"

const CardHeader = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
  <div
    ref={ref}
    className={cn("flex flex-col space-y-1.5 p-6", className)}
    {...props}
  />
))
CardHeader.displayName = "CardHeader"

const CardTitle = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
  <div
    ref={ref}
    className={cn(
      "text-2xl font-semibold leading-none tracking-tight",
      className
    )}
    {...props}
  />
))
CardTitle.displayName = "CardTitle"

const CardDescription = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
  <div
    ref={ref}
    className={cn("text-sm text-muted-foreground", className)}
    {...props}
  />
))
CardDescription.displayName = "CardDescription"

const CardContent = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
))
CardContent.displayName = "CardContent"

const CardFooter = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
  <div
    ref={ref}
    className={cn("flex items-center p-6 pt-0", className)}
    {...props}
  />
))
CardFooter.displayName = "CardFooter"

export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
[V0_FILE]typescriptreact:file="hooks/use-mobile.tsx"
import * as React from "react"

const MOBILE_BREAKPOINT = 768

export function useIsMobile() {
  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)

React.useEffect(() => {
    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
    const onChange = () => {
      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
    }
    mql.addEventListener("change", onChange)
    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
    return () => mql.removeEventListener("change", onChange)
  }, [])

return !!isMobile
}
[V0_FILE]typescript:file="lib/actions.ts"
"use server"

import { createClient } from "./supabase/server"
import { revalidatePath } from "next/cache"

export async function submitReview(prevState: any, formData: FormData) {
  try {
    console.log("[v0] Starting review submission")
    const supabase = await createClient()

const name = formData.get("name")?.toString()
    const company = formData.get("company")?.toString()
    const position = formData.get("position")?.toString()
    const rating = Number.parseInt(formData.get("rating")?.toString() || "5")
    const review_text = formData.get("review")?.toString()

console.log("[v0] Form data:", { name, company, position, rating, review_text })

if (!name || !review_text) {
      return { error: "Name and review are required" }
    }

const { data, error } = await supabase
      .from("reviews")
      .insert({
        name,
        company,
        position,
        rating,
        review_text,
        is_approved: true, // Auto-approve reviews for immediate display
      })
      .select()

if (error) {
      console.error("[v0] Review submission error:", error)
      return { error: "Failed to submit review. Please try again." }
    }

console.log("[v0] Review submitted successfully:", data)
    revalidatePath("/")
    return { success: "Thank you! Your review has been submitted successfully." }
  } catch (error) {
    console.error("[v0] Review submission error:", error)
    return { error: "An unexpected error occurred. Please try again." }
  }
}

export async function getReviews() {
  try {
    console.log("[v0] Fetching reviews from database")
    const supabase = await createClient()

const { data, error } = await supabase
      .from("reviews")
      .select("*")
      .eq("is_approved", true)
      .order("created_at", { ascending: false })
      .limit(10)

if (error) {
      console.log("[v0] Database query failed, using fallback reviews:", error.message)
      return getFallbackReviews()
    }

if (!data || !Array.isArray(data)) {
      console.log("[v0] No valid data returned, using fallback reviews")
      return getFallbackReviews()
    }

console.log("[v0] Reviews fetched successfully:", data.length)
    return data.length > 0 ? data : getFallbackReviews()
  } catch (error) {
    console.log("[v0] Caught error in getReviews, using fallback reviews:", error)
    return getFallbackReviews()
  }
}

function getFallbackReviews() {
  return [
    {
      id: 1,
      name: "Sarah Johnson",
      company: "Tech Corp",
      position: "Software Engineer",
      rating: 5,
      review_text:
        "CareerCraftedAi helped me land my dream job! The AI-powered interview preparation was incredibly effective.",
      created_at: new Date().toISOString(),
    },
    {
      id: 2,
      name: "Michael Chen",
      company: "StartupXYZ",
      position: "Product Manager",
      rating: 5,
      review_text:
        "The resume optimization service transformed my profile completely. Got 3 job offers within 2 weeks!",
      created_at: new Date().toISOString(),
    },
  ]
}
[V0_FILE]typescript:file="lib/products.ts"
export interface Product {
  id: string
  name: string
  description: string
  priceInCents: number
  features: string[]
  highlighted?: boolean
}

export const PRODUCTS: Product[] = [
  {
    id: 'starter-plan',
    name: 'Starter Plan',
    description: 'Perfect for job seekers starting their journey. Avg. timeline: 2-3 months.',
    priceInCents: 19999, // $199.99
    features: [
      'AI Career Assessment',
      'LinkedIn Profile Optimization',
      'Resume Review & Enhancement',
      'Email Support',
      '2 AI-Powered Mock Interviews',
      '30-Day Access',
      'Career Roadmap',
    ],
  },
  {
    id: 'professional-plan',
    name: 'Professional Plan',
    description: 'Complete career transformation. Proven track record: 4 clients placed in 3 months.',
    priceInCents: 49999, // $499.99
    features: [
      'Everything in Starter',
      'Multi-Platform Job Search (.NET, Java, DevOps)',
      'Vendor Network Outreach',
      'Weekly 1-on-1 Expert Coaching',
      'Unlimited AI Mock Interviews',
      'Application Process Automation',
      '90-Day Access',
      'Priority 24/7 Support',
      'Placement Tracking & Analytics',
    ],
    highlighted: true,
  },
  {
    id: 'premium-plan',
    name: 'Premium Plan',
    description: 'Complete end-to-end support with 6-month placement guarantee.',
    priceInCents: 99999, // $999.99
    features: [
      'Everything in Professional',
      'Dedicated Senior Career Coach',
      'LinkedIn & Social Media Strategy',
      'Personal Brand Development',
      '24/7 AI Support Agent',
      'Salary Negotiation Coaching',
      '6-Month Job Placement Guarantee',
      '6-Month Access + Lifetime Updates',
      'Interview Success Coaching',
      'Job Offer Evaluation & Guidance',
    ],
  },
]
[V0_FILE]typescript:file="lib/stripe.ts"
import 'server-only'

import Stripe from 'stripe'

export const stripe = new Stripe(process.env.STRIPE_SECRET_KEY)
[V0_FILE]typescript:file="lib/supabase/client.ts"
import { createClient } from "@supabase/supabase-js"

const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!
const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!

export const supabase = createClient(supabaseUrl, supabaseAnonKey)

export type Review = {
  id: string
  name: string
  email: string
  company?: string
  position?: string
  review_text: string
  rating: number
  image_url?: string
  is_approved: boolean
  created_at: string
  updated_at: string
}
[V0_FILE]typescript:file="lib/supabase/server.ts"
import { createServerClient } from "@supabase/ssr"
import { cookies } from "next/headers"

/**
 * Especially important if using Fluid compute: Don't put this client in a
 * global variable. Always create a new client within each function when using
 * it.
 */
export async function createClient() {
  const cookieStore = await cookies()

return createServerClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, {
    cookies: {
      getAll() {
        return cookieStore.getAll()
      },
      setAll(cookiesToSet) {
        try {
          cookiesToSet.forEach(({ name, value, options }) => cookieStore.set(name, value, options))
        } catch {
          // The "setAll" method was called from a Server Component.
          // This can be ignored if you have middleware refreshing
          // user sessions.
        }
      },
    },
  })
}
[V0_FILE]typescript:file="lib/utils.ts"
import { clsx, type ClassValue } from "clsx"
import { twMerge } from "tailwind-merge"

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}
[V0_FILE]javascript:file="next.config.mjs"
/** @type {import('next').NextConfig} */
const nextConfig = {
  eslint: {
    ignoreDuringBuilds: true,
  },
  typescript: {
    ignoreBuildErrors: true,
  },
  images: {
    unoptimized: true,
  },
}

export default nextConfig
[V0_FILE]json:file="package.json"
{
  "name": "my-v0-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "build": "next build",
    "dev": "next dev",
    "lint": "next lint",
    "start": "next start"
  },
  "dependencies": {
    "@hookform/resolvers": "^3.9.1",
    "@radix-ui/react-accordion": "1.2.2",
    "@radix-ui/react-alert-dialog": "1.1.4",
    "@radix-ui/react-aspect-ratio": "1.1.1",
    "@radix-ui/react-avatar": "1.1.2",
    "@radix-ui/react-checkbox": "1.1.3",
    "@radix-ui/react-collapsible": "1.1.2",
    "@radix-ui/react-context-menu": "2.2.4",
    "@radix-ui/react-dialog": "1.1.4",
    "@radix-ui/react-dropdown-menu": "2.1.4",
    "@radix-ui/react-hover-card": "1.1.4",
    "@radix-ui/react-label": "2.1.1",
    "@radix-ui/react-menubar": "1.1.4",
    "@radix-ui/react-navigation-menu": "1.2.3",
    "@radix-ui/react-popover": "1.1.4",
    "@radix-ui/react-progress": "1.1.1",
    "@radix-ui/react-radio-group": "1.2.2",
    "@radix-ui/react-scroll-area": "1.2.2",
    "@radix-ui/react-select": "2.1.4",
    "@radix-ui/react-separator": "1.1.1",
    "@radix-ui/react-slider": "1.2.2",
    "@radix-ui/react-slot": "1.1.1",
    "@radix-ui/react-switch": "1.1.2",
    "@radix-ui/react-tabs": "1.1.2",
    "@radix-ui/react-toast": "1.2.4",
    "@radix-ui/react-toggle": "1.1.1",
    "@radix-ui/react-toggle-group": "1.1.1",
    "@radix-ui/react-tooltip": "1.1.6",
    "@stripe/react-stripe-js": "5.6.1",
    "@stripe/stripe-js": "8.9.0",
    "@supabase/ssr": "0.7.0",
    "@supabase/supabase-js": "2.57.4",
    "autoprefixer": "^10.4.20",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cmdk": "1.0.4",
    "date-fns": "4.1.0",
    "embla-carousel-react": "8.5.1",
    "geist": "^1.3.1",
    "input-otp": "1.4.1",
    "lucide-react": "^0.454.0",
    "next": "15.2.6",
    "next-themes": "^0.4.4",
    "react": "^19",
    "react-day-picker": "9.8.0",
    "react-dom": "^19",
    "react-hook-form": "^7.54.1",
    "react-resizable-panels": "^2.1.7",
    "recharts": "2.15.0",
    "server-only": "0.0.1",
    "sonner": "^1.7.1",
    "stripe": "20.4.0",
    "tailwind-merge": "^2.5.5",
    "tailwindcss-animate": "^1.0.7",
    "vaul": "^0.9.6",
    "zod": "^3.24.1"
  },
  "devDependencies": {
    "@types/node": "^22",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "postcss": "^8.5",
    "tailwindcss": "^3.4.17",
    "typescript": "^5"
  }
}
[V0_FILE]javascript:file="postcss.config.mjs"
/** @type {import('postcss-load-config').Config} */
const config = {
  plugins: {
    tailwindcss: {},
  },
};

export default config;
[V0_FILE]sql:file="scripts/create-reviews-table-final.sql"
-- Create reviews table if it doesn't exist
CREATE TABLE IF NOT EXISTS reviews (
  id BIGSERIAL PRIMARY KEY,
  name TEXT NOT NULL,
  company TEXT,
  position TEXT,
  rating INTEGER NOT NULL CHECK (rating >= 1 AND rating <= 5),
  review_text TEXT NOT NULL,
  is_approved BOOLEAN DEFAULT false,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Enable Row Level Security
ALTER TABLE reviews ENABLE ROW LEVEL SECURITY;

-- Create policy to allow reading approved reviews
CREATE POLICY IF NOT EXISTS "Allow reading approved reviews" ON reviews
  FOR SELECT USING (is_approved = true);

-- Create policy to allow inserting reviews (for form submissions)
CREATE POLICY IF NOT EXISTS "Allow inserting reviews" ON reviews
  FOR INSERT WITH CHECK (true);

-- Insert sample data
INSERT INTO reviews (name, company, position, rating, review_text, is_approved) VALUES
  ('Sarah Johnson', 'Tech Corp', 'Software Engineer', 5, 'CareerCraftedAi helped me land my dream job! The AI-powered interview preparation was incredibly effective.', true),
  ('Michael Chen', 'StartupXYZ', 'Product Manager', 5, 'The resume optimization service transformed my profile completely. Got 3 job offers within 2 weeks!', true),
  ('Emily Rodriguez', 'Global Solutions', 'Data Analyst', 5, 'The career coaching sessions were game-changing. I gained confidence and clarity about my career path.', true),
  ('David Kim', 'Innovation Labs', 'UX Designer', 4, 'Great platform with excellent resources. The mock interviews really prepared me for the real thing.', true)
ON CONFLICT DO NOTHING;
[V0_FILE]sql:file="scripts/create-reviews-table-v2.sql"
-- Create reviews table with proper error handling
-- This version includes better error handling and ensures the table exists

-- Drop the table if it exists to recreate it fresh
DROP TABLE IF EXISTS reviews CASCADE;

-- Create reviews table for storing client testimonials
CREATE TABLE reviews (
  id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
  name VARCHAR(255) NOT NULL,
  company VARCHAR(255),
  position VARCHAR(255),
  review_text TEXT NOT NULL,
  rating INTEGER CHECK (rating >= 1 AND rating <= 5) NOT NULL,
  image_url TEXT,
  is_approved BOOLEAN DEFAULT false,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Create indexes for better performance
CREATE INDEX idx_reviews_created_at ON reviews(created_at DESC);
CREATE INDEX idx_reviews_approved ON reviews(is_approved);

-- Insert some sample data to test the table
INSERT INTO reviews (name, company, position, review_text, rating, is_approved) VALUES
('Sarah Johnson', 'Tech Corp', 'Software Engineer', 'CareerCraftedAi helped me land my dream job! The AI-powered interview preparation was incredibly effective.', 5, true),
('Michael Chen', 'StartupXYZ', 'Product Manager', 'The resume optimization service transformed my profile completely. Got 3 job offers within 2 weeks!', 5, true),
('Emily Rodriguez', 'Global Solutions', 'Data Analyst', 'The personalized career coaching was exactly what I needed. Highly recommend their services!', 5, true);

-- Enable Row Level Security
ALTER TABLE reviews ENABLE ROW LEVEL SECURITY;

-- Create policy to allow reading approved reviews
CREATE POLICY "Allow reading approved reviews" ON reviews
  FOR SELECT USING (is_approved = true);

-- Create policy to allow inserting new reviews (they will need approval)
CREATE POLICY "Allow inserting reviews" ON reviews
  FOR INSERT WITH CHECK (true);
[V0_FILE]sql:file="scripts/create-reviews-table.sql"
-- Remove email requirement to match form structure
-- Create reviews table for storing client testimonials
CREATE TABLE IF NOT EXISTS reviews (
  id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
  name VARCHAR(255) NOT NULL,
  company VARCHAR(255),
  position VARCHAR(255),
  review_text TEXT NOT NULL,
  rating INTEGER CHECK (rating >= 1 AND rating <= 5) NOT NULL,
  image_url TEXT,
  is_approved BOOLEAN DEFAULT false,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Create an index on created_at for faster queries
CREATE INDEX IF NOT EXISTS idx_reviews_created_at ON reviews(created_at DESC);

-- Create an index on is_approved for filtering approved reviews
CREATE INDEX IF NOT EXISTS idx_reviews_approved ON reviews(is_approved);
[V0_FILE]sql:file="scripts/ensure-reviews-table.sql"
-- Create reviews table if it doesn't exist
CREATE TABLE IF NOT EXISTS reviews (
  id SERIAL PRIMARY KEY,
  name VARCHAR(255) NOT NULL,
  company VARCHAR(255),
  position VARCHAR(255),
  rating INTEGER CHECK (rating >= 1 AND rating <= 5) DEFAULT 5,
  review_text TEXT NOT NULL,
  is_approved BOOLEAN DEFAULT false,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Insert sample data only if table is empty
INSERT INTO reviews (name, company, position, rating, review_text, is_approved)
SELECT 'Sarah Johnson', 'Tech Corp', 'Software Engineer', 5, 'CareerCraftedAi helped me land my dream job! The AI-powered interview preparation was incredibly effective.', true
WHERE NOT EXISTS (SELECT 1 FROM reviews);

INSERT INTO reviews (name, company, position, rating, review_text, is_approved)
SELECT 'Michael Chen', 'StartupXYZ', 'Product Manager', 5, 'The resume optimization service transformed my profile completely. Got 3 job offers within 2 weeks!', true
WHERE NOT EXISTS (SELECT 1 FROM reviews LIMIT 2);
[V0_FILE]css:file="styles/globals.css"
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 0 0% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 3.9%;
    --primary: 0 0% 9%;
    --primary-foreground: 0 0% 98%;
    --secondary: 0 0% 96.1%;
    --secondary-foreground: 0 0% 9%;
    --muted: 0 0% 96.1%;
    --muted-foreground: 0 0% 45.1%;
    --accent: 0 0% 96.1%;
    --accent-foreground: 0 0% 9%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 89.8%;
    --input: 0 0% 89.8%;
    --ring: 0 0% 3.9%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 0.5rem;
    --sidebar-background: 0 0% 98%;
    --sidebar-foreground: 240 5.3% 26.1%;
    --sidebar-primary: 240 5.9% 10%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 4.8% 95.9%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    --sidebar-border: 220 13% 91%;
    --sidebar-ring: 217.2 91.2% 59.8%;
  }
  .dark {
    --background: 0 0% 3.9%;
    --foreground: 0 0% 98%;
    --card: 0 0% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 0 0% 9%;
    --secondary: 0 0% 14.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 14.9%;
    --muted-foreground: 0 0% 63.9%;
    --accent: 0 0% 14.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 14.9%;
    --input: 0 0% 14.9%;
    --ring: 0 0% 83.1%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
    --sidebar-background: 240 5.9% 10%;
    --sidebar-foreground: 240 4.8% 95.9%;
    --sidebar-primary: 224.3 76.3% 48%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 3.7% 15.9%;
    --sidebar-accent-foreground: 240 4.8% 95.9%;
    --sidebar-border: 240 3.7% 15.9%;
    --sidebar-ring: 217.2 91.2% 59.8%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}
[V0_FILE]typescript:file="tailwind.config.ts"
import type { Config } from "tailwindcss";

// all in fixtures is set to tailwind v3 as interims solutions

const config: 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: {
  				DEFAULT: 'hsl(var(--card))',
  				foreground: 'hsl(var(--card-foreground))'
  			},
  			popover: {
  				DEFAULT: 'hsl(var(--popover))',
  				foreground: 'hsl(var(--popover-foreground))'
  			},
  			primary: {
  				DEFAULT: 'hsl(var(--primary))',
  				foreground: 'hsl(var(--primary-foreground))'
  			},
  			secondary: {
  				DEFAULT: 'hsl(var(--secondary))',
  				foreground: 'hsl(var(--secondary-foreground))'
  			},
  			muted: {
  				DEFAULT: 'hsl(var(--muted))',
  				foreground: 'hsl(var(--muted-foreground))'
  			},
  			accent: {
  				DEFAULT: 'hsl(var(--accent))',
  				foreground: 'hsl(var(--accent-foreground))'
  			},
  			destructive: {
  				DEFAULT: 'hsl(var(--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-background))',
  				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)'
  		},
  		keyframes: {
  			'accordion-down': {
  				from: {
  					height: '0'
  				},
  				to: {
  					height: 'var(--radix-accordion-content-height)'
  				}
  			},
  			'accordion-up': {
  				from: {
  					height: 'var(--radix-accordion-content-height)'
  				},
  				to: {
  					height: '0'
  				}
  			}
  		},
  		animation: {
  			'accordion-down': 'accordion-down 0.2s ease-out',
  			'accordion-up': 'accordion-up 0.2s ease-out'
  		}
  	}
  },
  plugins: [require("tailwindcss-animate")],
};
export default config;
[V0_FILE]json:file="tsconfig.json"
{
  "compilerOptions": {
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "target": "ES6",
    "skipLibCheck": true,
    "strict": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "bundler",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
      "@/*": ["./*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}
[V0_FILE]png:file="public/apple-icon.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/IbCKqe8aOyKCr3C9s15usz/public/apple-icon.png"
[V0_FILE]png:file="public/icon-dark-32x32.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/_NLAIkeVwoL6vEzK2uSXmZ/public/icon-dark-32x32.png"
[V0_FILE]png:file="public/icon-light-32x32.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/DVnRdScnZe8NA9byc6_b4H/public/icon-light-32x32.png"
[V0_FILE]xml:file="public/icon.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/l2-w3jDSPuRqpmK6lDq3GH/public/icon.svg"
[V0_FILE]png:file="public/images/ai-mock-interview.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/lY0-48jJV4mCVDwUn-Z-bs/public/images/ai-mock-interview.png"
[V0_FILE]png:file="public/images/ai-potential.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/86cqgs_Idmh1JiVO3kjETT/public/images/ai-potential.png"
[V0_FILE]png:file="public/images/ai-technology.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/86cqgs_Idmh1JiVO3kjETT/public/images/ai-technology.png"
[V0_FILE]png:file="public/images/analytics-dashboard.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/2Us177Nyoc0X8I5ymRJxL6/public/images/analytics-dashboard.png"
[V0_FILE]png:file="public/images/automation-support.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/I9g5gBbRyfJOaLFPl2yFx_/public/images/automation-support.png"
[V0_FILE]png:file="public/images/career-crafted-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/hZoyyvA1cBQjQftmZ4-LXE/public/images/career-crafted-logo.png"
[V0_FILE]png:file="public/images/career-success-team.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/Kwfutq5QBzpnOxPlGIPgAf/public/images/career-success-team.png"
[V0_FILE]png:file="public/images/career-success.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/Kwfutq5QBzpnOxPlGIPgAf/public/images/career-success.png"
[V0_FILE]png:file="public/images/data-analytics.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/2Us177Nyoc0X8I5ymRJxL6/public/images/data-analytics.png"
[V0_FILE]png:file="public/images/innovation-analytics.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/2Us177Nyoc0X8I5ymRJxL6/public/images/innovation-analytics.png"
[V0_FILE]png:file="public/images/job-search-platform.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/R2ZXXL1Ji2qQ1aQezmNuO-/public/images/job-search-platform.png"
[V0_FILE]png:file="public/images/linkedin-optimization.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/Xm6eSAQUvmzUinHG-qCBiX/public/images/linkedin-optimization.png"
[V0_FILE]png:file="public/images/portfolio-branding.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/4_F3bwmAs7GqTSiBB_vTCs/public/images/portfolio-branding.png"
[V0_FILE]png:file="public/images/resume-optimization.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/npQRoNx_WhuG_RAATL1vjf/public/images/resume-optimization.png"
[V0_FILE]png:file="public/images/team-success.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/0OberoLU5Zg6HtHgIHG1gQ/public/images/team-success.png"
[V0_FILE]png:file="public/images/vendor-outreach.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/0QOOG5DWgiYzDaLJ3k8zX2/public/images/vendor-outreach.png"
[V0_FILE]png:file="public/placeholder-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/1uv3SMJqY6_jxcFCTgTEak/public/placeholder-logo.png"
[V0_FILE]xml:file="public/placeholder-logo.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/XB_XF8ESrwbAjotfOd5Wmb/public/placeholder-logo.svg"
[V0_FILE]jpg:file="public/placeholder-user.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/ONejAluG3EJATcwwA61bXn/public/placeholder-user.jpg"
[V0_FILE]jpg:file="public/placeholder.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/BlrBc_c6JuPtjsBHFMcNJn/public/placeholder.jpg"
[V0_FILE]xml:file="public/placeholder.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_S1ugEeWkrTM6WQbPbGE2kiWPZmvX/J0QvC3Vjlpi92ZtRdLC4Mx/public/placeholder.svg"</article></body></html>