Merge version_2 into main #1
309
src/app/page.tsx
309
src/app/page.tsx
@@ -2,17 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { ShieldCheck } from "lucide-react";
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { ShieldCheck, GraduationCap, Users, Bot, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
brandName="Campus OS"
|
||||
/>
|
||||
@@ -56,34 +50,17 @@ export default function LandingPage() {
|
||||
tag="Trusted by Top Institutions"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Demo", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doctor-testing-patient-eyesight_23-2149230019.jpg"
|
||||
imageAlt="Campus OS Dashboard Interface"
|
||||
tagIcon={ShieldCheck}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-property-engineer-searching-layout-details-laptop-office_482257-130146.jpg",
|
||||
alt: "Admin User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg",
|
||||
alt: "Admin User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg",
|
||||
alt: "Admin User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
|
||||
alt: "Admin User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg",
|
||||
alt: "Admin User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-property-engineer-searching-layout-details-laptop-office_482257-130146.jpg", alt: "Admin User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg", alt: "Admin User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg", alt: "Admin User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", alt: "Admin User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg", alt: "Admin User 5" },
|
||||
]}
|
||||
avatarText="Used by 500+ global administrators"
|
||||
/>
|
||||
@@ -93,19 +70,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for the Future of ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/water-dwelling_1127-3259.jpg",
|
||||
alt: "Modern Education",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Higher Learning.",
|
||||
},
|
||||
{ type: "text", content: "Built for the Future of " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/water-dwelling_1127-3259.jpg", alt: "Modern Education" },
|
||||
{ type: "text", content: "Higher Learning." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,27 +82,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Data",
|
||||
title: "Academic Analytics",
|
||||
subtitle: "Real-time insights",
|
||||
description: "Monitor student success and curriculum efficiency with advanced, real-time data visualization.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Collaboration",
|
||||
title: "Integrated Tools",
|
||||
subtitle: "Unified portals",
|
||||
description: "Enable seamless communication between professors, students, and administration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-group-college-students-read-green-screen-device_482257-123157.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Automation",
|
||||
title: "Smart Grading",
|
||||
subtitle: "Effortless processing",
|
||||
description: "Automate routine academic workflows and grading processes for faster turnaround times.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-biochemistry-study-scietific-research-laptop_53876-133746.jpg",
|
||||
},
|
||||
{ tag: "Data", title: "Academic Analytics", subtitle: "Real-time insights", description: "Monitor student success and curriculum efficiency with advanced, real-time data visualization.", imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg" },
|
||||
{ tag: "Collaboration", title: "Integrated Tools", subtitle: "Unified portals", description: "Enable seamless communication between professors, students, and administration.", imageSrc: "http://img.b2bpic.net/free-photo/mature-group-college-students-read-green-screen-device_482257-123157.jpg" },
|
||||
{ tag: "Automation", title: "Smart Grading", subtitle: "Effortless processing", description: "Automate routine academic workflows and grading processes for faster turnaround times.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-biochemistry-study-scietific-research-laptop_53876-133746.jpg" },
|
||||
]}
|
||||
title="Comprehensive Campus Management"
|
||||
description="All-in-one modules for every department."
|
||||
@@ -149,60 +98,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Academic",
|
||||
name: "Course Engine",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/e-book-online-learning-education-knowledge-graphic_53876-120401.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Student",
|
||||
name: "Growth Monitor",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-circuit-board-shallow-dof_1398-119.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Faculty",
|
||||
name: "Comms Core",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "80+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-planning-financial-strategy-looking-computer-working-together-start-up-company-officet_482257-2082.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Admin",
|
||||
name: "Events Hub",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "40+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-studying-peacefully-library_23-2148844714.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Student",
|
||||
name: "Grade Center",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "90+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-sheet-with-graph_23-2148210412.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Campus",
|
||||
name: "Lib Portal",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/library-young-girl-student-using-her-laptop-library_1150-9079.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Academic", name: "Course Engine", price: "Custom", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/e-book-online-learning-education-knowledge-graphic_53876-120401.jpg" },
|
||||
{ id: "p2", brand: "Student", name: "Growth Monitor", price: "Custom", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/electronic-circuit-board-shallow-dof_1398-119.jpg" },
|
||||
{ id: "p3", brand: "Faculty", name: "Comms Core", price: "Custom", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-planning-financial-strategy-looking-computer-working-together-start-up-company-officet_482257-2082.jpg" },
|
||||
{ id: "p4", brand: "Admin", name: "Events Hub", price: "Custom", rating: 5, reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/people-studying-peacefully-library_23-2148844714.jpg" },
|
||||
]}
|
||||
title="Campus OS Ecosystem"
|
||||
description="Modules tailored to university departments."
|
||||
@@ -210,148 +109,54 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "department",
|
||||
title: "Departmental",
|
||||
period: "/year",
|
||||
price: "$15,000",
|
||||
features: [
|
||||
"1 Academic Department",
|
||||
"Core Analytics",
|
||||
"Standard Support",
|
||||
],
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrFHrcSeMxMAqAZE0KQZUQRDM3/uploaded-1779032328988-55cij8wl.png",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
id: "institution",
|
||||
title: "Institution",
|
||||
period: "/year",
|
||||
price: "$55,000",
|
||||
features: [
|
||||
"Full University Access",
|
||||
"Custom Integrations",
|
||||
"24/7 Priority Support",
|
||||
],
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrFHrcSeMxMAqAZE0KQZUQRDM3/uploaded-1779032328988-s2tbxvgi.png",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
title: "System-Wide",
|
||||
period: "/year",
|
||||
price: "Custom",
|
||||
features: [
|
||||
"System-Wide Deployment",
|
||||
"Full Custom API",
|
||||
"Dedicated Success Manager",
|
||||
],
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrFHrcSeMxMAqAZE0KQZUQRDM3/uploaded-1779032328988-28cs8q80.png",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
]}
|
||||
title="University Partnership Plans"
|
||||
description="Flexible deployments for every campus size."
|
||||
description="Transparent, scalable pricing designed for institutional budgets."
|
||||
plans={[
|
||||
{ id: "dept", badge: "Departmental", badgeIcon: GraduationCap, price: "$15,000/yr", subtitle: "Core tools for a single faculty.", features: ["Unified Analytics", "Student Portal Access", "Standard Support"], buttons: [{ text: "Book a consultation", href: "#contact" }] },
|
||||
{ id: "inst", badge: "Institutional", badgeIcon: Users, price: "$55,000/yr", subtitle: "Complete campus ecosystem.", features: ["Multi-Department Support", "Custom LMS Integration", "24/7 Priority Support"], buttons: [{ text: "Get Started", href: "#contact" }] },
|
||||
{ id: "sys", badge: "Enterprise", badgeIcon: Bot, price: "Custom", subtitle: "For multi-campus systems.", features: ["Global System Admin", "API & Dev Access", "Dedicated Account Team"], buttons: [{ text: "Contact Sales", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
title="Trusted by Universities Globally"
|
||||
description="Driving efficiency across campuses worldwide."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen, Registrar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-caucasian-happy-businesswoman-holding-her-phone-smiling_181624-50357.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez, Dean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man_23-2148831083.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim, Tech Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dr. Amanda White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-her-40s-office-smiling-camera-joyfull-woman_482257-25805.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Dr. Elena Rivers", role: "Provost, State University", testimonial: "Campus OS revolutionized our faculty communication pipelines.", icon: MessageSquare },
|
||||
{ id: "t2", name: "Marcus Vane", role: "Registrar, Tech Institute", testimonial: "The analytics dashboards alone saved us months of manual reporting.", icon: MessageSquare },
|
||||
]}
|
||||
cardTitle="Global Academic Approval"
|
||||
cardTag="Trusted by Universities"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does implementation take?",
|
||||
content: "Most university deployments are completed in 3-6 months depending on integration complexity.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is our student data secure?",
|
||||
content: "Yes, Campus OS is fully FERPA and GDPR compliant with bank-level encryption standards.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you support existing LMS platforms?",
|
||||
content: "We offer native integrations with Blackboard, Canvas, and Moodle out of the box.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-asia-businessman-businesswoman-using-computer-presentation-communication-meeting-brainstorming-ideas_7861-3141.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our platform deployment."
|
||||
<FaqSplitText
|
||||
sideTitle="FAQ"
|
||||
sideDescription="Common questions about university implementation."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Does it scale to 50k+ students?", content: "Our enterprise infrastructure is built for high-scale environments." },
|
||||
{ id: "2", title: "How is data migration handled?", content: "We provide a dedicated technical team for seamless historical data migration." },
|
||||
{ id: "3", title: "Can we customize modules?", content: "Yes, our API and module SDK allow for tailored university workflows." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to transform your campus?"
|
||||
description="Our team is ready to discuss how Campus OS can serve your students and faculty."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Admissions",
|
||||
href: "mailto:info@campusos.edu",
|
||||
},
|
||||
<ContactSplitForm
|
||||
title="Partner With Us"
|
||||
description="Ready to modernize your infrastructure? Connect with our university success team today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "University Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Contact Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your campus goals..." }}
|
||||
buttonText="Submit Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -359,13 +164,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Campus OS"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-libre-baskerville), serif;
|
||||
font-family: var(--font-inter), serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--background: #fbfbfb;
|
||||
--card: #ffffff;
|
||||
--foreground: #0f172a;
|
||||
--primary-cta: #2563eb;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #e2e8f0;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #106EFB;
|
||||
--accent: #3b82f6;
|
||||
--background-accent: #f1f5f9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user