Merge version_1 into main #2
286
src/app/page.tsx
286
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { BookOpen, Database, Feather, Lightbulb, Link, Scan, Share2, Sparkles, Target, TrendingUp } from "lucide-react";
|
||||
import { BookOpen, Database, Feather, Lightbulb, Link, Scan, Share2, Sparkles, Target, TrendingUp, ClipboardCheck, Speech } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Impact", id: "metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/symmetry-background-design_1040-1119.jpg"
|
||||
logoAlt="Impact Story AI Logo"
|
||||
@@ -68,49 +56,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Your Impact Story, Automatically Generated"
|
||||
description="Transform your internship, skills, and achievements into a compelling professional narrative in seconds. Let AI craft your story while you focus on growth."
|
||||
tagAnimation="none"
|
||||
buttons={[
|
||||
{
|
||||
text: "Generate Your Story",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Generate Your Story", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="none"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "carousel-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165599.jpg?_wi=1",
|
||||
imageAlt: "AI dashboard showing professional profiles",
|
||||
},
|
||||
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165599.jpg", imageAlt: "AI dashboard showing professional profiles"},
|
||||
{
|
||||
id: "carousel-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970209.jpg?_wi=1",
|
||||
imageAlt: "Abstract AI neural network connecting career achievements",
|
||||
},
|
||||
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970209.jpg", imageAlt: "Abstract AI neural network connecting career achievements"},
|
||||
{
|
||||
id: "carousel-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-sunglasses-catching-car-business-centre_176420-5670.jpg",
|
||||
imageAlt: "Person viewing their AI-generated professional impact story",
|
||||
},
|
||||
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-sunglasses-catching-car-business-centre_176420-5670.jpg", imageAlt: "Person viewing their AI-generated professional impact story"},
|
||||
{
|
||||
id: "carousel-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-web-developer-using-isolated-mockup-pc-writing-code_482257-121424.jpg",
|
||||
imageAlt: "Hands typing on laptop with AI-generated text",
|
||||
},
|
||||
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/african-american-web-developer-using-isolated-mockup-pc-writing-code_482257-121424.jpg", imageAlt: "Hands typing on laptop with AI-generated text"},
|
||||
{
|
||||
id: "carousel-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-128061.jpg",
|
||||
imageAlt: "Stylized infographic of a professional impact story",
|
||||
},
|
||||
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-128061.jpg", imageAlt: "Stylized infographic of a professional impact story"},
|
||||
{
|
||||
id: "carousel-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-businesswoman-reviews-resume-job-candidate-interview_482257-107442.jpg",
|
||||
imageAlt: "Diverse professionals collaborating with AI insights",
|
||||
},
|
||||
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/professional-businesswoman-reviews-resume-job-candidate-interview_482257-107442.jpg", imageAlt: "Diverse professionals collaborating with AI insights"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -125,19 +92,13 @@ export default function LandingPage() {
|
||||
description="Our AI platform is engineered to understand the nuances of your professional journey. From scattered internships to valuable certifications, we synthesize your data into coherent, impactful stories that resonate with employers and highlight your unique value."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Seamless Data Integration",
|
||||
description: "Connect your LinkedIn, upload certifications, and input experiences effortlessly.",
|
||||
icon: Database,
|
||||
title: "Seamless Data Integration", description: "Connect your LinkedIn, upload certifications, and input experiences effortlessly.", icon: Database,
|
||||
},
|
||||
{
|
||||
title: "AI-Driven Story Generation",
|
||||
description: "Advanced algorithms transform raw data into polished, personalized narratives.",
|
||||
icon: Sparkles,
|
||||
title: "AI-Driven Story Generation", description: "Advanced algorithms transform raw data into polished, personalized narratives.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Showcase Authentic Growth",
|
||||
description: "Present your career journey with compelling stories that reflect your true potential.",
|
||||
icon: TrendingUp,
|
||||
title: "Showcase Authentic Growth", description: "Present your career journey with compelling stories that reflect your true potential.", icon: TrendingUp,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003742.jpg"
|
||||
@@ -153,80 +114,53 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Intelligent Content Analysis",
|
||||
description: "Our AI meticulously analyzes your internship experiences, certifications, skills, and achievements, identifying key impact points often overlooked.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241211.jpg",
|
||||
imageAlt: "AI analyzing LinkedIn profile",
|
||||
},
|
||||
title: "Intelligent Content Analysis", description: "Our AI meticulously analyzes your internship experiences, certifications, skills, and achievements, identifying key impact points often overlooked.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241211.jpg", imageAlt: "AI analyzing LinkedIn profile"},
|
||||
items: [
|
||||
{
|
||||
icon: Scan,
|
||||
text: "Scans diverse data sources",
|
||||
},
|
||||
text: "Scans diverse data sources"},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "Identifies hidden potential",
|
||||
},
|
||||
text: "Identifies hidden potential"},
|
||||
{
|
||||
icon: ClipboardCheck,
|
||||
text: "Validates achievements",
|
||||
},
|
||||
text: "Validates achievements"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/symmetry-background-design_1040-1119.jpg",
|
||||
imageAlt: "AI parsing LinkedIn profile UI",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Personalized Narrative Crafting",
|
||||
description: "Beyond just listing facts, our platform constructs compelling, story-driven narratives tailored to your unique journey and target audience, whether it's employers or a professional network.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-new-year-s-eve-celebration_23-2151084730.jpg",
|
||||
imageAlt: "AI generating personalized narrative",
|
||||
},
|
||||
title: "Personalized Narrative Crafting", description: "Beyond just listing facts, our platform constructs compelling, story-driven narratives tailored to your unique journey and target audience, whether it's employers or a professional network.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-new-year-s-eve-celebration_23-2151084730.jpg", imageAlt: "AI generating personalized narrative"},
|
||||
items: [
|
||||
{
|
||||
icon: Feather,
|
||||
text: "Creates unique stories",
|
||||
},
|
||||
text: "Creates unique stories"},
|
||||
{
|
||||
icon: Target,
|
||||
text: "Tailors for audience",
|
||||
},
|
||||
text: "Tailors for audience"},
|
||||
{
|
||||
icon: Speech,
|
||||
text: "Enhances readability",
|
||||
},
|
||||
text: "Enhances readability"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165599.jpg?_wi=2",
|
||||
imageAlt: "AI parsing LinkedIn profile UI",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Effortless Showcase & Sharing",
|
||||
description: "With just a few clicks, transform your stories into shareable formats. Seamlessly integrate with LinkedIn, attach to applications, or present in portfolios, ensuring your impact is seen and understood.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-futuristic-style_23-2150998755.jpg",
|
||||
imageAlt: "AI refining professional impact story",
|
||||
},
|
||||
title: "Effortless Showcase & Sharing", description: "With just a few clicks, transform your stories into shareable formats. Seamlessly integrate with LinkedIn, attach to applications, or present in portfolios, ensuring your impact is seen and understood.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-futuristic-style_23-2150998755.jpg", imageAlt: "AI refining professional impact story"},
|
||||
items: [
|
||||
{
|
||||
icon: Share2,
|
||||
text: "Easy sharing options",
|
||||
},
|
||||
text: "Easy sharing options"},
|
||||
{
|
||||
icon: Link,
|
||||
text: "LinkedIn integration",
|
||||
},
|
||||
text: "LinkedIn integration"},
|
||||
{
|
||||
icon: BookOpen,
|
||||
text: "Portfolio-ready",
|
||||
},
|
||||
text: "Portfolio-ready"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970209.jpg?_wi=2",
|
||||
imageAlt: "AI parsing LinkedIn profile UI",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Key Features Designed for Your Success"
|
||||
description="Empower your career with intelligent tools that automate and refine your professional storytelling."
|
||||
@@ -241,25 +175,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
description: "Users report improved career narrative clarity",
|
||||
},
|
||||
id: "m1", value: "95%", description: "Users report improved career narrative clarity"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "3X",
|
||||
description: "Increase in employer engagement for participants",
|
||||
},
|
||||
id: "m2", value: "3X", description: "Increase in employer engagement for participants"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "80%",
|
||||
description: "Reduction in time spent on manual story crafting",
|
||||
},
|
||||
id: "m3", value: "80%", description: "Reduction in time spent on manual story crafting"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "60+",
|
||||
description: "Academic programs leveraging our platform for ROI",
|
||||
},
|
||||
id: "m4", value: "60+", description: "Academic programs leveraging our platform for ROI"},
|
||||
]}
|
||||
title="Measuring Real Impact"
|
||||
description="Our platform delivers tangible results, helping professionals and programs achieve their goals."
|
||||
@@ -271,16 +193,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Global Tech Solutions",
|
||||
"University of Innovation",
|
||||
"Future Leaders Institute",
|
||||
"Career Advancement Network",
|
||||
"SkillBridge Academy",
|
||||
"TalentSpark Group",
|
||||
"InnovateEDU",
|
||||
"Pathfinder Mentorship",
|
||||
"Nexus Corps",
|
||||
]}
|
||||
"Global Tech Solutions", "University of Innovation", "Future Leaders Institute", "Career Advancement Network", "SkillBridge Academy", "TalentSpark Group", "InnovateEDU", "Pathfinder Mentorship", "Nexus Corps"]}
|
||||
title="Trusted by Leading Programs & Institutions"
|
||||
description="Our AI-powered platform is embraced by academic institutions and industry partners dedicated to fostering talent and showcasing success."
|
||||
speed={40}
|
||||
@@ -293,41 +206,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-african-american-girl-black-jacket_176420-32201.jpg",
|
||||
imageAlt: "Sarah Johnson, early-career professional",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/expressive-african-american-girl-black-jacket_176420-32201.jpg", imageAlt: "Sarah Johnson, early-career professional"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-smiling-working-his-living-room_482257-126267.jpg",
|
||||
imageAlt: "Michael Chen, recent intern",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-smiling-working-his-living-room_482257-126267.jpg", imageAlt: "Michael Chen, recent intern"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
imageAlt: "Emily Rodriguez, academic advisor",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", imageAlt: "Emily Rodriguez, academic advisor"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-man-posing_23-2149421512.jpg",
|
||||
imageAlt: "David Kim, industry partner",
|
||||
},
|
||||
id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-man-posing_23-2149421512.jpg", imageAlt: "David Kim, industry partner"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-non-binary-person_23-2148760579.jpg",
|
||||
imageAlt: "Jessica Lee, early-career professional",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-non-binary-person_23-2148760579.jpg", imageAlt: "Jessica Lee, early-career professional"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Alex Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-with-arms-crossed_1187-3243.jpg",
|
||||
imageAlt: "Alex Smith, program coordinator",
|
||||
},
|
||||
id: "t6", name: "Alex Smith", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-with-arms-crossed_1187-3243.jpg", imageAlt: "Alex Smith, program coordinator"},
|
||||
]}
|
||||
cardTitle="Hear From Our Users"
|
||||
cardTag="Success Stories"
|
||||
@@ -340,25 +229,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does the AI generate my impact story?",
|
||||
content: "Our AI uses advanced natural language processing and machine learning algorithms to analyze your inputted data (internships, skills, certifications, LinkedIn activity). It identifies key achievements and patterns, then synthesizes them into coherent, compelling narrative segments, focusing on impact and results.",
|
||||
},
|
||||
id: "f1", title: "How does the AI generate my impact story?", content: "Our AI uses advanced natural language processing and machine learning algorithms to analyze your inputted data (internships, skills, certifications, LinkedIn activity). It identifies key achievements and patterns, then synthesizes them into coherent, compelling narrative segments, focusing on impact and results."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my data secure and private?",
|
||||
content: "Absolutely. Data security and privacy are our top priorities. We employ industry-standard encryption protocols and strict access controls. Your professional data is used solely to generate your personalized stories and is never shared with third parties without your explicit consent.",
|
||||
},
|
||||
id: "f2", title: "Is my data secure and private?", content: "Absolutely. Data security and privacy are our top priorities. We employ industry-standard encryption protocols and strict access controls. Your professional data is used solely to generate your personalized stories and is never shared with third parties without your explicit consent."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I edit the AI-generated stories?",
|
||||
content: "Yes, the AI-generated stories serve as a powerful first draft. You have full control to review, edit, and refine the narratives to perfectly match your voice and specific application needs. Our goal is to eliminate the manual effort, not your personal touch.",
|
||||
},
|
||||
id: "f3", title: "Can I edit the AI-generated stories?", content: "Yes, the AI-generated stories serve as a powerful first draft. You have full control to review, edit, and refine the narratives to perfectly match your voice and specific application needs. Our goal is to eliminate the manual effort, not your personal touch."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What types of experiences can the AI process?",
|
||||
content: "The AI is designed to process a wide range of professional experiences, including internships, volunteer work, academic projects, professional certifications, skills acquired, awards, and relevant LinkedIn activities. The more detail you provide, the richer your story will be.",
|
||||
},
|
||||
id: "f4", title: "What types of experiences can the AI process?", content: "The AI is designed to process a wide range of professional experiences, including internships, volunteer work, academic projects, professional certifications, skills acquired, awards, and relevant LinkedIn activities. The more detail you provide, the richer your story will be."},
|
||||
]}
|
||||
sideTitle="Your Questions, Answered"
|
||||
sideDescription="Find quick answers to the most common questions about our AI platform and how it can transform your career narrative."
|
||||
@@ -371,18 +248,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to Transform Your Career Narrative? Get Started Today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Generate Your Story Now",
|
||||
href: "mailto:info@impactstory.ai",
|
||||
},
|
||||
text: "Generate Your Story Now", href: "mailto:info@impactstory.ai"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -395,65 +267,41 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Platform",
|
||||
href: "#",
|
||||
},
|
||||
label: "Platform", href: "#"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Benefits",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Benefits", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Company",
|
||||
href: "#",
|
||||
},
|
||||
label: "Company", href: "#"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Legal", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user