Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -11,7 +11,7 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { HelpCircle, Rocket, Sparkles, Star, TrendingUp, Users } from 'lucide-react';
+import { HelpCircle, Rocket, Sparkles, Star, TrendingUp, Users, Zap, FileText, Send } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -44,7 +44,7 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroLogo
           logoText="TalentFlow"
-          description="Revolutionize your hiring with AI-powered talent matching. Connect the right candidates with perfect opportunities in minutes."
+          description="Revolutionize your hiring with AI-powered talent matching and job publishing. Connect the right candidates with perfect opportunities, and publish jobs with AI-powered ATS ranking—all in one platform."
           buttons={[
             { text: "Start Recruiting", href: "features" },
             { text: "Explore for Job Seekers", href: "about" }
@@ -71,10 +71,10 @@ export default function LandingPage() {
               title: "AI-Powered Matching",              description: "Advanced algorithms match candidates with opportunities based on skills, experience, culture fit, and career goals.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnhnNR4ljMJJyZHZjYeFtGot6Y/ai-powered-intelligent-matching-system-v-1773234479830-12eaf247.png",              imageAlt: "AI matching system visualization",              button: { text: "Learn More", href: "#" }
             },
             {
-              title: "Real-Time Collaboration",              description: "Enable seamless communication between hiring teams and candidates with integrated messaging, video calls, and scheduling.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnhnNR4ljMJJyZHZjYeFtGot6Y/real-time-collaboration-workspace-showin-1773234480147-d32c49f1.png",              imageAlt: "Team collaboration interface",              button: { text: "Learn More", href: "#" }
+              title: "ATS Ranking & Optimization",              description: "Automatically rank candidates for ATS compatibility. Our system optimizes job postings to rank higher in ATS systems and improve candidate visibility across platforms.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnhnNR4ljMJJyZHZjYeFtGot6Y/advanced-analytics-dashboard-showing-rec-1773234482394-9d2014ee.png",              imageAlt: "ATS ranking dashboard",              button: { text: "Learn More", href: "#" }
             },
             {
-              title: "Advanced Analytics",              description: "Track recruitment metrics, analyze hiring trends, and optimize your talent acquisition strategy with comprehensive dashboards.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnhnNR4ljMJJyZHZjYeFtGot6Y/advanced-analytics-dashboard-showing-rec-1773234482394-9d2014ee.png",              imageAlt: "Analytics dashboard",              button: { text: "Learn More", href: "#" }
+              title: "Job Publishing Suite",              description: "Publish jobs to multiple job boards simultaneously with AI-powered optimization. One-click publishing to 50+ platforms with custom descriptions and automatic keyword optimization.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnhnNR4ljMJJyZHZjYeFtGot6Y/real-time-collaboration-workspace-showin-1773234480147-d32c49f1.png",              imageAlt: "Job publishing interface",              button: { text: "Learn More", href: "#" }
             }
           ]}
         />
@@ -84,7 +84,7 @@ export default function LandingPage() {
         <TextSplitAbout
           title="Why Choose TalentFlow"
           description={[
-            "TalentFlow is transforming recruitment by eliminating bias and saving countless hours of manual screening. We believe every talented individual deserves a fair chance, and every organization deserves access to top talent.",            "Our platform uses sophisticated AI algorithms combined with human insight to create meaningful connections between job seekers and employers. We're committed to building a fairer, more efficient future of work."
+            "TalentFlow is transforming recruitment by eliminating bias and saving countless hours of manual screening. We believe every talented individual deserves a fair chance, and every organization deserves access to top talent.",            "Our platform uses sophisticated AI algorithms combined with human insight to create meaningful connections between job seekers and employers. With advanced ATS ranking and intelligent job publishing capabilities, we help your opportunities reach the right candidates faster than ever before."
           ]}
           buttons={[{ text: "Discover Our Story", href: "#" }]}
           showBorder={false}
@@ -95,7 +95,7 @@ export default function LandingPage() {
       <div id="metrics" data-section="metrics">
         <MetricCardTwo
           title="Proven Results"
-          description="Join thousands of companies and job seekers who trust TalentFlow for their recruitment needs."
+          description="Join thousands of companies and job seekers who trust TalentFlow for their recruitment needs, from matching to publishing."
           tag="Impact"
           tagIcon={TrendingUp}
           textboxLayout="default"
@@ -103,10 +103,10 @@ export default function LandingPage() {
           animationType="scale-rotate"
           useInvertedBackground={false}
           metrics={[
-            { id: "1", value: "50K+", description: "Successful Placements" },
-            { id: "2", value: "95%", description: "Candidate Satisfaction" },
-            { id: "3", value: "12,000+", description: "Active Companies" },
-            { id: "4", value: "48 Hours", description: "Average Time to Match" }
+            { id: "1", value: "48 Hours", description: "Average Time to Match" },
+            { id: "2", value: "50K+", description: "Successful Placements" },
+            { id: "3", value: "95%", description: "Candidate Satisfaction" },
+            { id: "4", value: "12,000+", description: "Active Companies" }
           ]}
         />
       </div>
@@ -187,16 +187,16 @@ export default function LandingPage() {
               id: "1",              title: "How does the AI matching algorithm work?",              content: "Our AI analyzes hundreds of data points including skills, experience, education, work history, and preferences to create intelligent matches. The system learns continuously from successful placements to improve accuracy over time."
             },
             {
-              id: "2",              title: "Is my data secure on TalentFlow?",              content: "Yes, we use enterprise-grade encryption and comply with GDPR, CCPA, and other data protection regulations. All candidate and company data is securely stored and never shared without explicit consent."
+              id: "2",              title: "How does ATS ranking optimize my job postings?",              content: "Our ATS ranking system analyzes your job descriptions against industry standards and ATS parsing algorithms. It automatically recommends keyword optimizations, formatting improvements, and structural changes to ensure your postings rank higher in ATS systems and reach more qualified candidates."
             },
             {
-              id: "3",              title: "How long does it take to find a match?",              content: "Our average matching time is 48 hours. However, for certain high-demand positions or highly qualified candidates, matches can happen within hours. The speed depends on the job requirements and candidate pool."
+              id: "3",              title: "Can I publish jobs to multiple platforms at once?",              content: "Yes! Our job publishing suite allows you to publish to 50+ job boards simultaneously. You can customize each posting, set distribution preferences, and track performance across all platforms from a single dashboard."
             },
             {
-              id: "4",              title: "Can I customize the matching criteria?",              content: "Absolutely. Both employers and job seekers can set detailed preferences, must-have skills, salary ranges, location preferences, and other custom criteria to ensure the best possible matches."
+              id: "4",              title: "Is my data secure on TalentFlow?",              content: "Yes, we use enterprise-grade encryption and comply with GDPR, CCPA, and other data protection regulations. All candidate and company data is securely stored and never shared without explicit consent."
             },
             {
-              id: "5",              title: "What kind of support do you provide?",              content: "We offer 24/7 customer support via chat, email, and phone. Our success team also provides personalized onboarding and optimization recommendations for enterprise clients."
+              id: "5",              title: "How long does it take to find a match?",              content: "Our average matching time is 48 hours. However, for certain high-demand positions or highly qualified candidates, matches can happen within hours. The speed depends on the job requirements and candidate pool."
             },
             {
               id: "6",              title: "Do you offer integration with ATS systems?",              content: "Yes, TalentFlow integrates seamlessly with popular ATS platforms and HRIS systems. Our API also allows for custom integrations tailored to your specific workflow needs."
@@ -209,7 +209,7 @@ export default function LandingPage() {
         <ContactCenter
           tag="Get Started"
           title="Ready to Transform Your Hiring?"
-          description="Join thousands of companies using TalentFlow to find the right talent faster. Start your free trial today and see the difference AI-powered matching can make."
+          description="Join thousands of companies using TalentFlow to find the right talent faster, rank higher in ATS systems, and publish jobs globally. Start your free trial today and see the difference AI-powered matching and publishing can make."
           tagIcon={Rocket}
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffefe;
-  --card: #f6f7f4;
-  --foreground: #080908;
-  --primary-cta: #0e3a29;
+  --background: #fef5f5;
+  --card: #fef0ed;
+  --foreground: #240b0f;
+  --primary-cta: #e1297e;
   --primary-cta-text: #fffefe;
-  --secondary-cta: #e7eecd;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #080908;
-  --accent: #35c18b;
-  --background-accent: #ecebe4;
+  --accent: #f5b8d1;
+  --background-accent: #f596bf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);