Merge version_7 into main

Merge version_7 into main

src/app/page.tsx

@@ -1,268 +1,110 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import HeroCentered from "@/components/sections/hero/HeroCentered";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
+import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
-import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
+import ContactText from "@/components/sections/contact/ContactText";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
-import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Award, Brain, Briefcase, CheckCircle, Clock, Crown, DollarSign, Mail, Shield, Target, TrendingUp, Users, Zap, Sparkles, Users2, Gauge, Globe } from "lucide-react";
 
-export default function LandingPage() {
+export default function Home() {
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-bubble"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
+      borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
       background="none"
-      cardStyle="gradient-bordered"
+      cardStyle="solid"
-      primaryButtonStyle="primary-glow"
+      primaryButtonStyle="gradient"
-      secondaryButtonStyle="layered"
+      secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
+        <NavbarStyleCentered
-          brandName="NextHire"
           navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "about" },
             { name: "Services", id: "services" },
-            { name: "Success Stories", id: "success-stories" },
+            { name: "Testimonials", id: "testimonials" },
-            { name: "Impact", id: "impact" },
+            { name: "Contact", id: "contact" },
-            { name: "Pricing", id: "pricing" },
           ]}
-          button={{
+          button={{ text: "Get Started", href: "contact" }}
-            text: "Get Started",            href: "#contact"
-          }}
-          animateOnLoad={true}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroCentered
           title="Find Your Perfect Talent Match"
-          description="NextHire connects top-tier candidates with leading companies. Our AI-powered matching technology and expert recruiters ensure exceptional placements every time."
+          description="AI-powered recruitment matching connecting top-tier candidates with leading companies. Transform your hiring process."
           background={{ variant: "downward-rays-static" }}
           avatars={[
-            {
+            { src: "/avatars/avatar1.jpg", alt: "User 1" },
-              src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-with-documents-looking-camera_23-2147900034.jpg",              alt: "professional business woman portrait"
+            { src: "/avatars/avatar2.jpg", alt: "User 2" },
-            },
+            { src: "/avatars/avatar3.jpg", alt: "User 3" },
-            {
-              src: "http://img.b2bpic.net/free-photo/front-view-man-working-as-lawyer_23-2151152106.jpg",              alt: "young professional man portrait"
-            },
-            {
-              src: "http://img.b2bpic.net/free-photo/smiling-businessman-working-environment_1098-3229.jpg",              alt: "business manager portrait photo"
-            },
           ]}
-          avatarText="Trusted by 500+ companies"
+          avatarText="Trusted by 1000+ companies"
           buttons={[
-            { text: "Post a Job", href: "#contact" },
+            { text: "Start Hiring", href: "contact" },
-            { text: "Browse Talent", href: "#services" },
+            { text: "Learn More", href: "about" },
           ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="services" data-section="services">
+      <div id="testimonials" data-section="testimonials">
-        <FeatureBento
+        <TestimonialCardTen
-          title="Our Recruitment Services"
+          title="What Our Clients Say"
-          description="Comprehensive staffing solutions designed to transform your hiring process with proven expertise and cutting-edge matching technology."
+          description="Real success stories from companies that transformed their recruitment"
-          tag="Our Services"
-          tagIcon={Briefcase}
-          tagAnimation="slide-up"
-          features={[
-            {
-              title: "Talent Sourcing",              description: "Access our curated network of 500+ vetted professionals across all industries and experience levels.",              bentoComponent: "icon-info-cards",              items: [
-                { icon: Sparkles, label: "Vetted Pool", value: "500+" },
-                { icon: Globe, label: "Coverage", value: "Australia-wide" },
-                { icon: CheckCircle, label: "Quality", value: "Top 5%" },
-              ],
-            },
-            {
-              title: "Fast Placement",              description: "Average placement time of just 10 days from job posting to qualified candidate match.",              bentoComponent: "icon-info-cards",              items: [
-                { icon: Clock, label: "Average Time", value: "10 days" },
-                { icon: Zap, label: "Speed", value: "48-hour response" },
-                { icon: CheckCircle, label: "Guarantee", value: "On-time match" },
-              ],
-            },
-            {
-              title: "Culture Fit Matching",              description: "AI-powered algorithms analyze skills, values, and career aspirations for perfect organizational alignment.",              bentoComponent: "icon-info-cards",              items: [
-                { icon: Brain, label: "AI-Powered", value: "Smart matching" },
-                { icon: Target, label: "Precision", value: "95% success rate" },
-                { icon: Award, label: "Results", value: "Long-term fits" },
-              ],
-            },
-            {
-              title: "Performance Guarantee",              description: "90-day replacement guarantee on all permanent placements ensures your investment is protected.",              bentoComponent: "icon-info-cards",              items: [
-                { icon: Shield, label: "Coverage", value: "90-day guarantee" },
-                { icon: TrendingUp, label: "Success Rate", value: "92% retention" },
-                { icon: Award, label: "Support", value: "Dedicated manager" },
-              ],
-            },
-            {
-              title: "Rigorous Vetting",              description: "Multi-stage screening process ensures only the most qualified candidates match with your organization.",              bentoComponent: "icon-info-cards",              items: [
-                { icon: CheckCircle, label: "Screening", value: "5-stage process" },
-                { icon: Brain, label: "Assessment", value: "Skills verified" },
-                { icon: Award, label: "Standards", value: "Industry-leading" },
-              ],
-            },
-          ]}
-          carouselMode="buttons"
-          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="success-stories" data-section="success-stories">
-        <TestimonialCardOne
           testimonials={[
             {
-              id: "1",              name: "Sarah Chen",              role: "CTO",              company: "TechVenture Labs",              rating: 5,
+              id: "1",              title: "Aussie Solar Batteries Partnership",              quote: "NextHire's AI-powered matching system helped us find the perfect candidates for our solar battery division. The quality of matches exceeded our expectations, and we were able to fill critical positions 40% faster than traditional recruitment methods.",              name: "Steven Yu",              role: "Hiring Manager, Aussie Solar Batteries",              imageSrc: "/testimonials/steven-yu.jpg",              imageAlt: "Steven Yu, Aussie Solar Batteries"
-              imageSrc: "http://img.b2bpic.net/free-photo/sad-man-sitting-cafe-table-using-tablet_1262-1073.jpg",              imageAlt: "Sarah Chen CTO"},
-            {
-              id: "2",              name: "Michael Torres",              role: "HR Director",              company: "Finance Plus",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",              imageAlt: "Michael Torres HR Director"},
-            {
-              id: "3",              name: "Emma Richardson",              role: "Operations Manager",              company: "Healthcare Solutions",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",              imageAlt: "Emma Richardson Operations Manager"},
-            {
-              id: "4",              name: "James Wilson",              role: "Founder",              company: "Innovation Labs",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg",              imageAlt: "James Wilson Founder"},
-          ]}
-          title="Success Stories"
-          description="Real outcomes from companies across Australia that transformed their hiring with NextHire."
-          tag="Case Studies"
-          tagIcon={Award}
-          tagAnimation="slide-up"
-          buttons={[
-            { text: "View More Stories", href: "#contact" },
-          ]}
-          buttonAnimation="slide-up"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
-        />
-      </div>
-
-      <div id="impact" data-section="impact">
-        <MetricCardOne
-          metrics={[
-            {
-              id: "1",              value: "500",              title: "Vetted Professionals",              description: "Access to Australia's top talent pool across all industries and experience levels",              icon: Users2,
-            },
-            {
-              id: "2",              value: "10",              title: "Day Average Placement",              description: "Lightning-fast recruitment from job posting to qualified candidate match",              icon: Clock,
-            },
-            {
-              id: "3",              value: "92",              title: "% Retention Rate",              description: "Performance-focused recruitment ensuring long-term successful placements",              icon: TrendingUp,
-            },
-            {
-              id: "4",              value: "100",              title: "% Australia-wide",              description: "Nationwide coverage connecting talent with opportunities across all regions",              icon: Globe,
-            },
-          ]}
-          title="Our Impact"
-          description="Measurable results that demonstrate our commitment to excellence in recruitment."
-          tag="Impact Stats"
-          tagIcon={Gauge}
-          tagAnimation="slide-up"
-          buttons={[
-            { text: "Start Your Search", href: "#contact" },
-          ]}
-          buttonAnimation="slide-up"
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="pricing" data-section="pricing">
-        <PricingCardEight
-          title="Simple, Transparent Pricing"
-          description="Choose the plan that works best for your recruitment needs"
-          tag="Pricing"
-          tagIcon={DollarSign}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          plans={[
-            {
-              id: "starter",              badge: "Popular",              badgeIcon: Zap,
-              price: "Per Placement",              subtitle: "Perfect for growing teams",              buttons: [{ text: "Get Started", href: "#contact" }],
-              features: [
-                "Access to candidate pool",                "15-day placement guarantee",                "One dedicated recruiter",                "Job posting optimization",                "Candidate pre-screening"
-              ],
-            },
-            {
-              id: "pro",              badge: "Best Value",              badgeIcon: Crown,
-              price: "Custom Pricing",              subtitle: "For enterprises and scale-ups",              buttons: [{ text: "Contact Sales", href: "#contact" }],
-              features: [
-                "Unlimited job postings",                "30-day placement guarantee",                "Dedicated team of recruiters",                "Weekly strategy sessions",                "Priority candidate matching",                "Industry insights and reports",                "24/7 support"
-              ],
-            },
-            {
-              id: "executive",              badge: "Premium",              badgeIcon: Award,
-              price: "Custom Pricing",              subtitle: "For executive and C-suite hiring",              buttons: [{ text: "Schedule Consultation", href: "#contact" }],
-              features: [
-                "Executive search specialists",                "90-day placement guarantee",                "VIP candidate network access",                "Retention bonus program",                "Quarterly business reviews",                "Personalized market analysis",                "White-glove service"
-              ],
             },
           ]}
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
+        <ContactText
-          tag="Get In Touch"
+          text="Ready to revolutionize your recruitment? Let's create something amazing together."
-          tagIcon={Mail}
+          animationType="entrance-slide"
-          tagAnimation="slide-up"
-          title="Ready to Transform Your Hiring?"
-          description="Join hundreds of companies that have revolutionized their recruitment process with NextHire. Let's discuss how we can help you build your dream team."
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
-          inputPlaceholder="your@company.com"
+          buttons={[
-          buttonText="Start Recruiting"
+            { text: "Get in Touch", href: "contact" },
-          termsText="We'll send you recruitment insights and opportunities. You can unsubscribe anytime."
+            { text: "View Our Services", href: "services" },
+          ]}
         />
       </div>
 
-      <div id="footer" data-section="footer">
+      <FooterBaseReveal
-        <FooterBaseReveal
+        columns={[
-          columns={[
+          {
-            {
+            title: "Product",            items: [
-              title: "Product",              items: [
+              { label: "Features", href: "services" },
-                { label: "Services", href: "#services" },
+              { label: "Pricing", href: "pricing" },
-                { label: "Success Stories", href: "#success-stories" },
+              { label: "Security", href: "security" },
-                { label: "Pricing", href: "#pricing" },
+            ],
-                { label: "For Employers", href: "#" },
+          },
-              ],
+          {
-            },
+            title: "Company",            items: [
-            {
+              { label: "About", href: "about" },
-              title: "Company",              items: [
+              { label: "Blog", href: "blog" },
-                { label: "About Us", href: "#about" },
+              { label: "Careers", href: "careers" },
-                { label: "Blog", href: "#" },
+            ],
-                { label: "Careers", href: "#" },
+          },
-                { label: "Contact", href: "#contact" },
+          {
-              ],
+            title: "Legal",            items: [
-            },
+              { label: "Privacy", href: "privacy" },
-            {
+              { label: "Terms", href: "terms" },
-              title: "Legal",              items: [
+              { label: "Contact", href: "contact" },
-                { label: "Privacy Policy", href: "#" },
+            ],
-                { label: "Terms of Service", href: "#" },
+          },
-                { label: "Cookie Policy", href: "#" },
+        ]}
-                { label: "Compliance", href: "#" },
+        copyrightText="© 2025 NextHire. All rights reserved."
-              ],
+      />
-            },
-          ]}
-          copyrightText="© 2025 NextHire | Premium Recruitment Solutions"
-        />
-      </div>
     </ThemeProvider>
   );
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a1a2e;
+  --background: #0a0a0a;
-  --card: #162a45;
+  --card: #1a1a1a;
-  --foreground: #e8f0ff;
+  --foreground: #ffffff;
-  --primary-cta: #ff7f50;
+  --primary-cta: #ff6b35;
   --primary-cta-text: #050012;
-  --secondary-cta: #4a9eff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #f0e6ff;
-  --accent: #4a9eff;
+  --accent: #ff6b35;
-  --background-accent: #ff7f50;
+  --background-accent: #ff6b35;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);