Merge version_2 into main #1
204
src/app/page.tsx
204
src/app/page.tsx
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Platform",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Platform", id: "#hero"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Process", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
]}
|
||||
brandName="PathAI"
|
||||
/>
|
||||
@@ -53,59 +45,36 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Your Future, Mapped by AI."
|
||||
description="Unlock data-driven career pathways tailored to your unique skills and ambition. Stop searching, start evolving."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg",
|
||||
alt: "ai dashboard ui",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg", alt: "ai dashboard ui"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/development-success-performance-graphic-word-icon_53876-30249.jpg",
|
||||
alt: "ai dashboard ui",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/development-success-performance-graphic-word-icon_53876-30249.jpg", alt: "ai dashboard ui"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",
|
||||
alt: "ai dashboard ui",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", alt: "ai dashboard ui"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169850.jpg",
|
||||
alt: "Representation of user experience and interface design",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169850.jpg", alt: "Representation of user experience and interface design"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg",
|
||||
alt: "Customer relationship management concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg", alt: "Customer relationship management concept"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Driven Insights",
|
||||
},
|
||||
type: "text", text: "AI-Driven Insights"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Career Growth",
|
||||
},
|
||||
type: "text", text: "Career Growth"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Skill Mapping",
|
||||
},
|
||||
type: "text", text: "Skill Mapping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Salary Analytics",
|
||||
},
|
||||
type: "text", text: "Salary Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Success",
|
||||
},
|
||||
type: "text", text: "Professional Success"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,17 +86,11 @@ export default function LandingPage() {
|
||||
description="Our AI analyzes millions of market data points to construct the most efficient path for your career transition."
|
||||
metrics={[
|
||||
{
|
||||
value: "95%",
|
||||
title: "Career Accuracy",
|
||||
},
|
||||
value: "95%", title: "Career Accuracy"},
|
||||
{
|
||||
value: "12k+",
|
||||
title: "Users Placed",
|
||||
},
|
||||
value: "12k+", title: "Users Placed"},
|
||||
{
|
||||
value: "3x",
|
||||
title: "Speed to Growth",
|
||||
},
|
||||
value: "3x", title: "Speed to Growth"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/startup-employee-looking-business-charts-using-ai-software_482257-100453.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -143,20 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Skill Gap Analysis",
|
||||
description: "Pinpoint exactly where your skills need to grow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
|
||||
},
|
||||
title: "AI Skill Gap Analysis", description: "Pinpoint exactly where your skills need to grow.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg"},
|
||||
{
|
||||
title: "Dynamic Roadmap Building",
|
||||
description: "Automated, flexible learning paths that adjust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-background-technology-concept-connecting-dots-design_53876-153353.jpg",
|
||||
},
|
||||
title: "Dynamic Roadmap Building", description: "Automated, flexible learning paths that adjust.", imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-background-technology-concept-connecting-dots-design_53876-153353.jpg"},
|
||||
{
|
||||
title: "Predictive Salary Insight",
|
||||
description: "Know your worth backed by real-time data.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg",
|
||||
},
|
||||
title: "Predictive Salary Insight", description: "Know your worth backed by real-time data.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg"},
|
||||
]}
|
||||
title="Engineered for Success"
|
||||
description="Powerful tools to navigate the modern job market with confidence."
|
||||
@@ -170,36 +124,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Essentials",
|
||||
price: "$0",
|
||||
period: "/mo",
|
||||
description: "Basic career mapping.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Limited Roadmaps",
|
||||
"Basic Analytics",
|
||||
"Industry News",
|
||||
],
|
||||
id: "p1", tag: "Essentials", price: "$0", period: "/mo", description: "Basic career mapping.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Limited Roadmaps", "Basic Analytics", "Industry News"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Pro",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
description: "Deep insights and planning.",
|
||||
button: {
|
||||
text: "Upgrade",
|
||||
},
|
||||
featuresTitle: "Everything in Essentials, plus:",
|
||||
features: [
|
||||
"Full Roadmap Control",
|
||||
"AI Mentoring",
|
||||
"Salary Reports",
|
||||
],
|
||||
id: "p2", tag: "Pro", price: "$29", period: "/mo", description: "Deep insights and planning.", button: {
|
||||
text: "Upgrade"},
|
||||
featuresTitle: "Everything in Essentials, plus:", features: [
|
||||
"Full Roadmap Control", "AI Mentoring", "Salary Reports"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Plans for Every Ambition"
|
||||
@@ -214,26 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "85%",
|
||||
title: "Placement Rate",
|
||||
description: "Success in first job target",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
|
||||
},
|
||||
id: "m1", value: "85%", title: "Placement Rate", description: "Success in first job target", imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45%",
|
||||
title: "Salary Increase",
|
||||
description: "Average pay boost",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-wave-pattern-ignites-futuristic-technology-generated-by-ai_188544-18502.jpg",
|
||||
},
|
||||
id: "m2", value: "45%", title: "Salary Increase", description: "Average pay boost", imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-wave-pattern-ignites-futuristic-technology-generated-by-ai_188544-18502.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "6mo",
|
||||
title: "Avg. Transition",
|
||||
description: "Time to achievement",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reminder-occupation-office-competition-award_1134-955.jpg",
|
||||
},
|
||||
id: "m3", value: "6mo", title: "Avg. Transition", description: "Time to achievement", imageSrc: "http://img.b2bpic.net/free-photo/reminder-occupation-office-competition-award_1134-955.jpg"},
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
description="Real results driving thousands of professional transformations."
|
||||
@@ -241,54 +160,31 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Join the Evolution"
|
||||
title="Start Your AI-Powered Career Journey"
|
||||
description="Enter your email to receive a complimentary career path preview."
|
||||
description="Enter your details to receive a complimentary career path preview from our expert AI consultants."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Describe your career goals..."
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-with-taken-off-vr-headset_74855-1125.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 PathAI. All rights reserved."
|
||||
bottomRightText="Privacy Policy"
|
||||
<FooterLogoReveal
|
||||
logoText="PathAI"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user