Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 575ab49466 | |||
| a5e6940a79 | |||
| 6e8e43a744 | |||
| 800d52abf1 | |||
| ae327d4bb1 | |||
| 64fa04f134 |
405
src/app/page.tsx
405
src/app/page.tsx
@@ -2,15 +2,19 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||||
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 TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
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';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -27,277 +31,136 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="bold"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[]}
|
||||||
{
|
brandName="EdProcure"
|
||||||
name: "About",
|
/>
|
||||||
id: "#about",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Features",
|
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Pricing",
|
|
||||||
id: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="EdProcure"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboard
|
||||||
background={{
|
title="Bridge the Gap Between EdTech and K-12 Districts"
|
||||||
variant: "gradient-bars",
|
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: 'sparkles-gradient' }}
|
||||||
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."
|
</div>
|
||||||
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="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextSplitAbout
|
<TextSplitAbout
|
||||||
useInvertedBackground={false}
|
title="Why Become a Partner with EdProcure?"
|
||||||
title="Why Become a Partner with EdProcure?"
|
description={[
|
||||||
description={[
|
"Scaling educational software into K-12 public districts is notoriously slow and difficult.", "EdProcure changes the game. We act as your established Vendor of Record."
|
||||||
"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>
|
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardSix
|
<FeatureCardOne
|
||||||
textboxLayout="split"
|
title="Procurement Simplified"
|
||||||
useInvertedBackground={false}
|
description="Focus on building, we handle the rest."
|
||||||
features={[
|
animationType="slide-up"
|
||||||
{
|
features={[]}
|
||||||
title: "Vendor of Record Service",
|
textboxLayout="default"
|
||||||
description: "We legally act as your procurement partner, accepting POs and invoices directly from districts.",
|
gridVariant="uniform-all-items-equal"
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/person-with-court-hammer_1048-1720.jpg",
|
useInvertedBackground={false}
|
||||||
imageAlt: "digital document security icon",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
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="metrics" data-section="metrics">
|
<div id="pricing" data-section="pricing">
|
||||||
<MetricCardSeven
|
<PricingCardOne
|
||||||
animationType="depth-3d"
|
title="Flexible Pricing Plans"
|
||||||
textboxLayout="default"
|
description="Choose the plan that fits your growth stage."
|
||||||
useInvertedBackground={false}
|
animationType="slide-up"
|
||||||
metrics={[
|
plans={[]}
|
||||||
{
|
textboxLayout="default"
|
||||||
id: "m1",
|
useInvertedBackground={false}
|
||||||
value: "150+",
|
/>
|
||||||
title: "School Districts Served",
|
</div>
|
||||||
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="testimonials" data-section="testimonials">
|
<div id="metrics" data-section="metrics">
|
||||||
<TestimonialCardFifteen
|
<MetricCardOne
|
||||||
useInvertedBackground={false}
|
title="Impact Metrics"
|
||||||
testimonial="EdProcure transformed our outreach. Before them, district procurement officers barely replied. Now, we are officially in over 40 districts in just one semester."
|
description="See the value we deliver."
|
||||||
rating={5}
|
animationType="slide-up"
|
||||||
author="Sarah Jenkins, EdTech Founder"
|
gridVariant="uniform-all-items-equal"
|
||||||
avatars={[
|
metrics={[]}
|
||||||
{
|
textboxLayout="default"
|
||||||
src: "http://img.b2bpic.net/free-photo/cheerful-business-leader-showing-statistics_1262-2964.jpg",
|
useInvertedBackground={false}
|
||||||
alt: "school administrator portrait",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
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="faq" data-section="faq">
|
<div id="team" data-section="team">
|
||||||
<FaqSplitMedia
|
<TeamCardOne
|
||||||
textboxLayout="split"
|
title="Our Team"
|
||||||
useInvertedBackground={false}
|
description="Meet the experts behind EdProcure."
|
||||||
faqs={[
|
animationType="slide-up"
|
||||||
{
|
gridVariant="uniform-all-items-equal"
|
||||||
id: "f1",
|
members={[]}
|
||||||
title: "How does the Vendor of Record model work?",
|
textboxLayout="default"
|
||||||
content: "We sign the master service agreement with the district, then purchase the software from you to resell it to the district.",
|
useInvertedBackground={false}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
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="contact" data-section="contact">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<ContactText
|
<TestimonialCardOne
|
||||||
useInvertedBackground={false}
|
title="What Our Partners Say"
|
||||||
background={{
|
description="Trusted by leaders in EdTech."
|
||||||
variant: "sparkles-gradient",
|
animationType="slide-up"
|
||||||
}}
|
gridVariant="uniform-all-items-equal"
|
||||||
text="Ready to scale your EdTech business into the K-12 market? Let's discuss our partnership model."
|
testimonials={[]}
|
||||||
buttons={[
|
textboxLayout="default"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
text: "Contact Our Sales Team",
|
/>
|
||||||
href: "mailto:hello@edprocure.com",
|
</div>
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="faq" data-section="faq">
|
||||||
<FooterBaseReveal
|
<FaqBase
|
||||||
logoText="EdProcure"
|
title="Frequently Asked Questions"
|
||||||
columns={[
|
description="Answers to common questions about our procurement services."
|
||||||
{
|
faqsAnimation="slide-up"
|
||||||
title: "Company",
|
faqs={[]}
|
||||||
items: [
|
textboxLayout="default"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
label: "About Us",
|
/>
|
||||||
href: "#about",
|
</div>
|
||||||
},
|
|
||||||
{
|
<div id="contact" data-section="contact">
|
||||||
label: "Careers",
|
<ContactCenter
|
||||||
href: "#",
|
tag="Contact"
|
||||||
},
|
title="Let's Connect"
|
||||||
],
|
description="Get in touch with us today."
|
||||||
},
|
background={{ variant: 'sparkles-gradient' }}
|
||||||
{
|
useInvertedBackground={false}
|
||||||
title: "Services",
|
/>
|
||||||
items: [
|
</div>
|
||||||
{
|
|
||||||
label: "Vendor of Record",
|
<div id="social-proof" data-section="social-proof">
|
||||||
href: "#features",
|
<SocialProofOne
|
||||||
},
|
names={["Partner A", "Partner B", "Partner C"]}
|
||||||
{
|
title="Trusted Partners"
|
||||||
label: "Procurement Flow",
|
description="Our strong network of partners."
|
||||||
href: "#features",
|
textboxLayout="default"
|
||||||
},
|
useInvertedBackground={false}
|
||||||
],
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
title: "Legal",
|
<div id="footer" data-section="footer">
|
||||||
items: [
|
<FooterMedia
|
||||||
{
|
logoText="EdProcure"
|
||||||
label: "Privacy Policy",
|
columns={[]}
|
||||||
href: "#",
|
imageSrc="http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
label: "Terms of Service",
|
|
||||||
href: "#",
|
<div id="legal" data-section="legal">
|
||||||
},
|
<LegalSection
|
||||||
],
|
layout="section"
|
||||||
},
|
title="Legal"
|
||||||
]}
|
sections={[]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user