305 lines
18 KiB
TypeScript
305 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Activity, ArrowRight, Building, Crown, Database, DollarSign, GraduationCap, Lightbulb, MessageSquare, Sparkles, Star, Users, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "Features", id: "features"},
|
|
{
|
|
name: "Why ProjexHive", id: "why-projexhive"},
|
|
{
|
|
name: "Pricing", id: "pricing"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "FAQ", id: "faq"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/innovative-solutions-logo-template-vector-education-technology-with-textbook-graphic_53876-125990.jpg"
|
|
logoAlt="ProjexHive Logo"
|
|
brandName="ProjexHive"
|
|
button={{
|
|
text: "Start Free Trial", href: "contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="AI-Powered Academic Project Mentoring"
|
|
description="Discover, Compare, Create. ProjexHive guides engineering and computer science students from initial idea discovery through viva preparation and code understanding, all in one cohesive, investor-grade SaaS product."
|
|
tag="The Future of Academic Projects"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Start Free Trial", href: "pricing"},
|
|
{
|
|
text: "Explore Features", href: "features"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-nurse-training-reviews-anatomy-case-files_482257-117764.jpg", imageAlt: "AI-powered academic project dashboard"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/innovation-ideas-imagine-processing-system-concept_53876-132192.jpg", imageAlt: "Student interacting with AI project interface"},
|
|
]}
|
|
mediaAnimation="opacity"
|
|
rating={5}
|
|
ratingText="Trusted by millions of students"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="The ProjexHive Advantage"
|
|
tagIcon={Lightbulb}
|
|
tagAnimation="slide-up"
|
|
title="Revolutionizing Academic Project Mentoring"
|
|
description="Students struggle to discover innovative, industry-relevant project ideas tailored to their skill level and domain. Existing tools generate generic ideas without validation, comparison, or mentored execution pathways. They lack structured support for documentation, architecture design, and viva preparation. No single platform covers the complete academic project lifecycle."
|
|
subdescription="ProjexHive offers an end-to-end AI mentoring journey: intelligent project discovery, AI-ranked recommendations, side-by-side comparison, automated blueprint & report generation, viva question bank, code explanation, and multi-format export. We empower students to build innovative, industry-relevant projects with confidence."
|
|
icon={GraduationCap}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-isolated-screen-laptop-used-developing-artificial-intelligence_482257-90784.jpg"
|
|
imageAlt="AI-powered academic project lifecycle"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
tag: "Discovery", title: "Intelligent Project Discovery", subtitle: "Guided AI wizard", description: "Unlock innovative, industry-relevant project ideas tailored to your skill level and domain through our multi-step AI wizard.", imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg", imageAlt: "Intelligent Project Discovery icon"},
|
|
{
|
|
tag: "Recommendations", title: "AI-Ranked Project Insights", subtitle: "Innovation & placement scoring", description: "Receive AI-ranked project recommendations with detailed scores for innovation, difficulty, and placement relevance.", imageSrc: "http://img.b2bpic.net/free-vector/colored-education-infographic_23-2147535371.jpg", imageAlt: "AI-Ranked Project Recommendations icon"},
|
|
{
|
|
tag: "Comparison", title: "Side-by-Side Project Comparison", subtitle: "Evaluate options", description: "Visualize and compare project ideas on key metrics using our intuitive side-by-side comparison dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-minimal-blue-accessories_23-2148748611.jpg", imageAlt: "Side-by-Side Project Comparison icon"},
|
|
{
|
|
tag: "Blueprint", title: "Automated Blueprint Generation", subtitle: "Architecture design", description: "Generate comprehensive project blueprints and architecture diagrams automatically, saving hours of effort.", imageSrc: "http://img.b2bpic.net/free-vector/microchip_23-2147501824.jpg", imageAlt: "Automated Project Blueprint Generation icon"},
|
|
{
|
|
tag: "Reporting", title: "Academic Report Generator", subtitle: "Abstract to conclusion", description: "Draft complete academic reports, from abstract to conclusion, with AI-driven content generation for every section.", imageSrc: "http://img.b2bpic.net/free-photo/med-school-student-takes-personal-notes-from-anatomy-research-papers_482257-117781.jpg", imageAlt: "Academic Report Generator icon"},
|
|
{
|
|
tag: "Viva Prep", title: "Viva Question Bank & AI Follow-ups", subtitle: "Comprehensive preparation", description: "Prepare for your viva with an extensive question bank and AI-generated follow-up questions for deeper understanding.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection_23-2147876467.jpg", imageAlt: "Viva Question Bank icon"},
|
|
{
|
|
tag: "Code", title: "Code Explanation Assistant", subtitle: "Architecture mapping", description: "Understand complex codebases with AI-powered explanations and see how code maps to your project's architecture.", imageSrc: "http://img.b2bpic.net/free-photo/call-center-worker-arriving-work-using-artificial-intelligence-laptop_482257-126041.jpg", imageAlt: "Code Explanation Assistant icon"},
|
|
{
|
|
tag: "Export", title: "Multi-Format Export Center", subtitle: "PDF, DOCX, PPTX", description: "Export your project documents, reports, and presentations in various formats including PDF, DOCX, and PPTX.", imageSrc: "http://img.b2bpic.net/free-vector/flat-link-building-background_23-2148031778.jpg", imageAlt: "Multi-Format Export Center icon"},
|
|
]}
|
|
title="Our End-to-End AI Mentoring Journey"
|
|
description="ProjexHive covers every stage of your academic project with intelligent, AI-driven tools designed for success. Empowering you from idea to viva."
|
|
tag="Core Features"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-projexhive" data-section="why-projexhive">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Quantum Systems", "Innovate Institute", "CogniLabs", "Synergy Devs", "InsightFlow", "Catalyst Labs", "GlobalTech Engineering"]}
|
|
title="Why ProjexHive Stands Apart"
|
|
description="ProjexHive is positioned at the intersection of AI mentoring, academic tooling, and developer-grade UX. Our domain-specific fine-tuning, multi-dimensional scoring engine, and contextual memory create a competitive moat unmatched by generic AI tools or idea sites."
|
|
tag="Competitive Differentiation"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "students", icon: Users,
|
|
title: "Engineering Students Annually (India)", value: "3.5M+"},
|
|
{
|
|
id: "projects", icon: Database,
|
|
title: "Projects Indexed by Domain & Difficulty", value: "50K+"},
|
|
{
|
|
id: "uptime", icon: Zap,
|
|
title: "Uptime SLA Target", value: "99.9%"},
|
|
]}
|
|
title="Impact & Opportunity"
|
|
description="Our platform addresses a significant global market, empowering millions of students to excel in their academic projects with unparalleled AI guidance."
|
|
tag="Growth Potential"
|
|
tagIcon={Activity}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "free", badge: "Starter", badgeIcon: Sparkles,
|
|
price: "₹0/mo", subtitle: "Discover your first ideas", features: [
|
|
"5 Project Discoveries", "3 AI Recommendations per session", "1 Blueprint Generation", "3 Report Sections (preview)", "10 Viva Questions (Easy)", "1 PDF Export per project"],
|
|
},
|
|
{
|
|
id: "pro", badge: "Most Popular", badgeIcon: Crown,
|
|
price: "₹299/mo", subtitle: "Unleash your full potential", features: [
|
|
"Unlimited Project Discoveries", "8 AI Recommendations per session", "Unlimited Blueprint Generations", "All 9 Academic Report Sections", "All Viva Levels & Custom Sets", "Code Explanation Assistant", "Unlimited PDF, DOCX, PPTX Exports", "Architecture Diagrams", "Priority AI Processing"],
|
|
},
|
|
{
|
|
id: "enterprise", badge: "For Institutions", badgeIcon: Building,
|
|
price: "₹999/mo", subtitle: "Collaborate and scale", features: [
|
|
"All Pro Features", "12 AI Recommendations per session", "Custom Academic Report Sections", "Custom Viva Question Sets", "API Access", "Team Collaboration (5 members)", "Dedicated Support"],
|
|
},
|
|
]}
|
|
title="Flexible Plans for Every Student"
|
|
description="Choose the ProjexHive plan that best fits your academic journey, from free discovery to unlimited premium features and team collaboration."
|
|
tag="Pricing"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Akash Sharma", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageAlt: "Akash Sharma"},
|
|
{
|
|
id: "2", name: "Priya Singh", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg", imageAlt: "Priya Singh"},
|
|
{
|
|
id: "3", name: "Dr. Ramesh Kumar", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-posing_23-2149457736.jpg", imageAlt: "Dr. Ramesh Kumar"},
|
|
{
|
|
id: "4", name: "Sneha Reddy", imageSrc: "http://img.b2bpic.net/free-photo/i-have-find-good-way-jogging_329181-4382.jpg", imageAlt: "Sneha Reddy"},
|
|
{
|
|
id: "5", name: "Vivek Malhotra", imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-with-tablet-evaluates-control-cabinet-blue-light-smart-workflow_169016-71481.jpg", imageAlt: "Vivek Malhotra"},
|
|
]}
|
|
cardTitle="What Our Users Say"
|
|
cardTag="Success Stories"
|
|
cardTagIcon={MessageSquare}
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is ProjexHive?", content: "ProjexHive is an AI-powered academic project mentoring platform designed for engineering and computer science students. It guides you from initial idea discovery, through blueprint generation, report writing, viva preparation, and code understanding."},
|
|
{
|
|
id: "2", title: "How does AI help in project discovery?", content: "Our intelligent AI wizard gathers your preferences (domain, skills, career goals) and uses domain-specific fine-tuned models to generate innovative, industry-relevant project ideas, ranked by innovation, difficulty, and placement scores."},
|
|
{
|
|
id: "3", title: "Can ProjexHive generate full academic reports?", content: "Yes, ProjexHive's Academic Report Generator can draft all nine essential sections of your report, from Abstract to Conclusion, using AI to ensure coherence and academic rigor. You can then export it in PDF or DOCX format."},
|
|
{
|
|
id: "4", title: "What kind of support is available for viva preparation?", content: "We provide an extensive viva question bank tailored to your project, along with AI-generated follow-up questions to help you prepare comprehensively for your academic defenses."},
|
|
{
|
|
id: "5", title: "Is my data private and secure?", content: "Absolutely. All student inputs and generated content are stored encrypted at rest (AES-256). We are GDPR-compliant and our AI prompts are designed to avoid sending PII to LLM providers. We prioritize your data privacy and security."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about ProjexHive's features, AI capabilities, data security, and how our platform empowers your academic project journey."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Get Started Today"
|
|
tagIcon={ArrowRight}
|
|
tagAnimation="slide-up"
|
|
title="Transform Your Academic Journey"
|
|
description="Join thousands of engineering and computer science students building innovative, industry-relevant projects with unparalleled AI guidance. Start your free discovery now and achieve academic excellence."
|
|
buttons={[
|
|
{
|
|
text: "Start Free Trial", href: "#"},
|
|
{
|
|
text: "Contact Sales", href: "#"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoSrc="http://img.b2bpic.net/free-vector/innovative-solutions-logo-template-vector-education-technology-with-textbook-graphic_53876-125990.jpg"
|
|
logoAlt="ProjexHive Logo"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Features", href: "features"},
|
|
{
|
|
label: "Why ProjexHive", href: "why-projexhive"},
|
|
{
|
|
label: "Pricing", href: "pricing"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "About Us", href: "about"},
|
|
{
|
|
label: "Testimonials", href: "testimonials"},
|
|
{
|
|
label: "FAQ", href: "faq"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Contact Support", href: "contact"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Discover. Compare. Create."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|