Merge version_7 into main

Merge version_7 into main

src/app/page.tsx

@@ -1,257 +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 MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
+import ContactText from "@/components/sections/contact/ContactText";
-import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
-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, ArrowRight, BarChart3 } 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" },
           ]}
-          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: "Browse Talent", href: "#services" },
+            { text: "Start Hiring", href: "contact" },
-            { text: "Learn More", 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="revenue" data-section="revenue">
-        <MetricCardTwo
-          metrics={[
-            {
-              id: "1",              value: "$2.4M",              description: "Revenue Generated for Clients This Month"},
-            {
-              id: "2",              value: "$18.7M",              description: "Total Revenue Generated to Date"},
-            {
-              id: "3",              value: "157",              description: "Active Placements Generating Revenue"},
-            {
-              id: "4",              value: "94%",              description: "Client Satisfaction with Revenue Impact"},
-          ]}
-          title="Revenue Generated for Our Clients"
-          description="Measurable success through placements that drive real business results and revenue growth."
-          tag="Revenue Stats"
-          tagIcon={BarChart3}
-          tagAnimation="slide-up"
-          buttons={[
-            { text: "Start Generating Revenue", href: "#contact" },
-          ]}
-          buttonAnimation="slide-up"
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="impact" data-section="impact">
-        <MetricCardTwo
-          metrics={[
-            {
-              id: "1",              value: "500",              description: "Vetted Professionals"},
-            {
-              id: "2",              value: "10",              description: "Day Average Placement"},
-            {
-              id: "3",              value: "92",              description: "% Retention Rate"},
-            {
-              id: "4",              value: "100",              description: "% Australia-wide"},
-          ]}
-          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="contact" data-section="contact">
-        <ContactCenter
+        <ContactText
-          tag="Let's Connect"
+          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 finding their perfect talent match with NextHire."
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
-          inputPlaceholder="your@company.com"
+          buttons={[
-          buttonText="Get Started"
+            { text: "Get in Touch", href: "contact" },
-          termsText="By clicking Get Started you're confirming that you agree with our Terms and Conditions."
+            { 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: "For Employers", href: "#" },
+            ],
-              ],
+          },
-            },
+          {
-            {
+            title: "Company",            items: [
-              title: "Company",              items: [
+              { label: "About", href: "about" },
-                { label: "About Us", href: "#about" },
+              { label: "Blog", href: "blog" },
-                { label: "Blog", href: "#" },
+              { label: "Careers", href: "careers" },
-                { label: "Careers", href: "#" },
+            ],
-                { label: "Contact", href: "#contact" },
+          },
-              ],
+          {
-            },
+            title: "Legal",            items: [
-            {
+              { label: "Privacy", href: "privacy" },
-              title: "Legal",              items: [
+              { label: "Terms", href: "terms" },
-                { label: "Privacy Policy", href: "#" },
+              { label: "Contact", href: "contact" },
-                { 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>
   );
 }