Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 49e36a3b92 | |||
| 575ab49466 | |||
| 69fa94775b | |||
| a5e6940a79 | |||
| bca67d3ff5 | |||
| 6e8e43a744 | |||
| 7eca95029e | |||
| 800d52abf1 | |||
| b3924e6bfc | |||
| ae327d4bb1 | |||
| 3c26a44d41 | |||
| 64fa04f134 |
407
src/app/page.tsx
407
src/app/page.tsx
@@ -2,15 +2,19 @@
|
||||
|
||||
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';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,278 +31,137 @@ 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: 'sparkles-gradient' }}
|
||||
/>
|
||||
</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.", "EdProcure changes the game. We act as your established Vendor of Record."
|
||||
]}
|
||||
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="Focus on building, we handle the rest."
|
||||
animationType="slide-up"
|
||||
features={[]}
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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 Plans"
|
||||
description="Choose the plan that fits your growth stage."
|
||||
animationType="slide-up"
|
||||
plans={[]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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="Impact Metrics"
|
||||
description="See the value we deliver."
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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="Our Team"
|
||||
description="Meet the experts behind EdProcure."
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
members={[]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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="Trusted by leaders in EdTech."
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
testimonials={[]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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="Answers to common questions about our procurement services."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Contact"
|
||||
title="Let's Connect"
|
||||
description="Get in touch with us today."
|
||||
background={{ variant: 'sparkles-gradient' }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
names={["Partner A", "Partner B", "Partner C"]}
|
||||
title="Trusted Partners"
|
||||
description="Our strong network of partners."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="EdProcure"
|
||||
columns={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Legal"
|
||||
sections={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user