Merge version_2 into main #1
412
src/app/page.tsx
412
src/app/page.tsx
@@ -2,15 +2,20 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import { CheckCircle, Users, Zap, ShieldCheck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,278 +32,141 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="EdProcure"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[]}
|
||||
brandName="EdProcure"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Bridge the Gap Between EdTech and K-12 Districts"
|
||||
description="We act as your Vendor of Record, simplifying the procurement process so AI-driven education companies can sell directly into public K-12 markets without the bureaucratic friction."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/education-information-school-ideas-concept_53876-120603.jpg",
|
||||
imageAlt: "digital classroom ui dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-values-going-up-down-computer-monitor-empty-office_482257-83130.jpg",
|
||||
imageAlt: "saas dashboard procurement interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
imageAlt: "ai software dashboard ui",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-working-digital-device-network-graphic-overlay_53876-138487.jpg",
|
||||
imageAlt: "Hands working on digital device network graphic overlay",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg",
|
||||
imageAlt: "Network graphic overlay banner on laptop",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Bridge the Gap Between EdTech and K-12 Districts"
|
||||
description="We act as your Vendor of Record, simplifying the procurement process so AI-driven education companies can sell directly into public K-12 markets without the bureaucratic friction."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Become a Partner with EdProcure?"
|
||||
description={[
|
||||
"Scaling educational software into K-12 public districts is notoriously slow and difficult. Procurement cycles take months, and districts often reject non-traditional vendors.",
|
||||
"EdProcure changes the game. We act as your established Vendor of Record, providing the legitimacy and infrastructure needed to get purchase orders processed instantly.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="Why Become a Partner with EdProcure?"
|
||||
description={[
|
||||
"Scaling educational software into K-12 public districts is notoriously slow and difficult. Procurement cycles take months, and districts often reject non-traditional vendors.", "EdProcure changes the game. We act as your established Vendor of Record, providing the legitimacy and infrastructure needed to get purchase orders processed instantly."
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Vendor of Record Service",
|
||||
description: "We legally act as your procurement partner, accepting POs and invoices directly from districts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-with-court-hammer_1048-1720.jpg",
|
||||
imageAlt: "digital document security icon",
|
||||
},
|
||||
{
|
||||
title: "Instant PO Processing",
|
||||
description: "Reduce your sales cycle from months to days by leveraging our pre-approved vendor relationships.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app_23-2148403501.jpg",
|
||||
imageAlt: "procurement approval ui",
|
||||
},
|
||||
{
|
||||
title: "Nationwide Access",
|
||||
description: "Get your products into thousands of school districts across the country simultaneously.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062210.jpg",
|
||||
imageAlt: "abstract tech network nodes",
|
||||
},
|
||||
]}
|
||||
title="Procurement Simplified"
|
||||
description="We handle the back-office complexity so you can focus on building great education products."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
title="Procurement Simplified"
|
||||
description="We handle the back-office complexity so you can focus on building great education products."
|
||||
features={[
|
||||
{ title: "Vendor of Record Service", description: "Legally act as your procurement partner.", imageSrc: "http://img.b2bpic.net/free-photo/person-with-court-hammer_1048-1720.jpg" },
|
||||
{ title: "Instant PO Processing", description: "Reduce sales cycles from months to days.", imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app_23-2148403501.jpg" },
|
||||
{ title: "Nationwide Access", description: "Access thousands of school districts.", imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062210.jpg" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "School Districts Served",
|
||||
items: [
|
||||
"Deep relationships",
|
||||
"Pre-approved status",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "75%",
|
||||
title: "Faster Sales Cycles",
|
||||
items: [
|
||||
"Instant processing",
|
||||
"Streamlined PO flows",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$50M+",
|
||||
title: "Annual PO Volume",
|
||||
items: [
|
||||
"Reliable infrastructure",
|
||||
"Financial compliance",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Driving Results for EdTech Companies"
|
||||
description="The metrics that matter for your K-12 growth journey."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
title="Flexible Pricing for Growth"
|
||||
description="Choose the plan that best fits your scaling requirements."
|
||||
plans={[
|
||||
{ id: "starter", badge: "Starter", price: "$499/mo", subtitle: "For early-stage startups", features: ["Up to 5 districts", "Standard support"] },
|
||||
{ id: "growth", badge: "Growth", badgeIcon: CheckCircle, price: "$999/mo", subtitle: "For scaling teams", features: ["Up to 50 districts", "Priority support", "Dedicated account manager"] }
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="EdProcure transformed our outreach. Before them, district procurement officers barely replied. Now, we are officially in over 40 districts in just one semester."
|
||||
rating={5}
|
||||
author="Sarah Jenkins, EdTech Founder"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-business-leader-showing-statistics_1262-2964.jpg",
|
||||
alt: "school administrator portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg",
|
||||
alt: "startup ceo portrait tech",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-male-wearing-suit-tie-standing-classroom_181624-14287.jpg",
|
||||
alt: "k12 principal professional portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-giving-presentation-group-people-board-room_637285-9152.jpg",
|
||||
alt: "product manager portrait tech",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-professional-woman-with-whiteboard_23-2147636001.jpg",
|
||||
alt: "school superintendent headshot",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Key Impact Metrics"
|
||||
description="Data-driven results for EdTech companies."
|
||||
metrics={[
|
||||
{ id: "m1", value: "150+", title: "Districts", description: "Districts served nationwide.", icon: Users },
|
||||
{ id: "m2", value: "75%", title: "Faster", description: "Reduced sales cycle time.", icon: Zap },
|
||||
{ id: "m3", value: "$50M", title: "Volume", description: "Annual PO processing volume.", icon: ShieldCheck }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does the Vendor of Record model work?",
|
||||
content: "We sign the master service agreement with the district, then purchase the software from you to resell it to the district.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my software compatible?",
|
||||
content: "If you are a legitimate AI or educational tool provider, our platform is built to integrate you quickly.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What about my legal agreements?",
|
||||
content: "We handle the standard district-level compliance to ensure you maintain your IP and product focus.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg"
|
||||
mediaPosition="right"
|
||||
title="Common Procurement Questions"
|
||||
description="Everything you need to know about partnering with our vendor services."
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
title="Meet Our Procurement Experts"
|
||||
description="A team dedicated to your market growth."
|
||||
members={[
|
||||
{ id: "1", name: "Alex Rivera", role: "Director of Procurement" },
|
||||
{ id: "2", name: "Jamie Smith", role: "K-12 Relations Lead" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to scale your EdTech business into the K-12 market? Let's discuss our partnership model."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Sales Team",
|
||||
href: "mailto:hello@edprocure.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="What Our Partners Say"
|
||||
description="Join the growing list of successful EdTech companies."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Jenkins", role: "Founder", company: "EdTech Co", quote: "Transformed our procurement cycle!", rating: 5 }
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="EdProcure"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Vendor of Record",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Procurement Flow",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries regarding our services."
|
||||
faqs={[
|
||||
{ id: "1", title: "How does it work?", content: "We serve as your Vendor of Record." },
|
||||
{ id: "2", title: "Is it compliant?", content: "Yes, we ensure all K-12 requirements are met." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
title="Start Your Partnership"
|
||||
description="Ready to scale your market presence?"
|
||||
tag="Contact Sales"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Leading Platforms"
|
||||
names={["Google", "Microsoft", "Canvas", "Clever"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="EdProcure"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/education-information-school-ideas-concept_53876-120603.jpg"
|
||||
columns={[{ title: "Company", items: [{ label: "About", href: "#about" }] }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Terms and Conditions"
|
||||
sections={[{ heading: "Data Privacy", content: { type: "paragraph", text: "We protect your data." } }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user