Skip to content
This repository was archived by the owner on Feb 4, 2026. It is now read-only.

Commit 0582dd2

Browse files
skylskyl
authored
feat(overhaul): make it hot and more about privacy and principles and such (#5)
1 parent 03dda55 commit 0582dd2

File tree

9 files changed

+391
-195
lines changed

9 files changed

+391
-195
lines changed

‎encorpora-edu/app/globals.css‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,7 @@ body {
3434
--chart-5: 27 87% 67%;
3535
--radius: 0.5rem;
3636
}
37+
3738
.dark {
3839
--background: 0 0% 3.9%;
3940
--foreground: 0 0% 98%;
@@ -66,7 +67,8 @@ body {
6667
* {
6768
@apply border-border;
6869
}
70+
6971
body {
7072
@apply bg-background text-foreground;
7173
}
72-
}
74+
}

‎encorpora-edu/app/page.tsx‎

Lines changed: 14 additions & 194 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@
22

33
import { FC, useEffect, useState } from "react";
44
import { Button } from "@/components/ui/button";
5+
import { Hero } from "@/components/Hero";
6+
import { WhySection } from "@/components/WhySection";
57
import { Card, CardContent } from "@/components/ui/card";
68
import {
79
FaBook,
@@ -16,6 +18,10 @@ import {
1618
} from "react-icons/fa";
1719
import { supabase } from "@/lib/supabase";
1820
import { motion } from "framer-motion";
21+
import { PrivacyBanner } from "@/components/PrivacyBanner";
22+
import { ProductHighlights } from "@/components/ProductHighlights";
23+
import { AboutSection } from "@/components/AboutSection";
24+
import { Footer } from "@/components/Footer";
1925

2026
// Define Book type
2127
interface Book {
@@ -51,200 +57,14 @@ const HomePage: FC = () => {
5157
}, []);
5258

5359
return (
54-
<motion.div
55-
className="min-h-screen bg-gray-100 flex flex-col items-center p-6"
56-
initial={{ opacity: 0 }}
57-
animate={{ opacity: 1 }}
58-
transition={{ duration: 1, ease: "easeOut" }}
59-
>
60-
<motion.h1
61-
className="text-5xl font-bold text-center text-gray-900"
62-
initial={{ opacity: 0, y: -20 }}
63-
animate={{ opacity: 1, y: 0 }}
64-
transition={{ duration: 1.25, ease: "easeOut" }}
65-
>
66-
Welcome to Encorpora
67-
</motion.h1>
68-
69-
<motion.p
70-
className="text-2xl text-gray-700 text-center mt-4 max-w-2xl"
71-
initial={{ opacity: 0, scale: 0 }}
72-
animate={{ opacity: 1, scale: 1 }}
73-
transition={{ duration: 1.33, ease: "easeOut", delay: 0.8 }}
74-
>
75-
Education Engineered for You
76-
</motion.p>
77-
78-
{/* Top-Level Calls to Action */}
79-
<div className="mt-8 flex flex-wrap justify-center gap-6">
80-
{/* 1. Free Educational Materials */}
81-
<Card className="w-80 shadow-lg">
82-
<CardContent className="p-6 flex flex-col items-center text-center">
83-
<FaBook className="text-blue-500 text-5xl" />
84-
<h2 className="text-xl font-semibold mt-4">Free Educational Materials Available Now</h2>
85-
<p className="text-gray-600 mt-2">
86-
Download our free, high-quality resources including textbooks, worksheets, and more.
87-
</p>
88-
<a href="/books" target="_blank" rel="noopener noreferrer">
89-
<Button className="mt-4">Explore Books</Button>
90-
</a>
91-
</CardContent>
92-
</Card>
93-
94-
{/* 2. Personalized Learning Journeys (Coming Soon) */}
95-
<Card className="w-80 shadow-lg">
96-
<CardContent className="p-6 flex flex-col items-center text-center">
97-
<FaUserGraduate className="text-green-500 text-5xl" />
98-
<h2 className="text-xl font-semibold mt-4">
99-
Personalized Learning Journeys (Coming Soon)
100-
</h2>
101-
<p className="text-gray-600 mt-2">
102-
Our curriculum evolves with you, delivering custom lessons for your unique learning path.
103-
</p>
104-
<Button className="mt-4" disabled>
105-
Launching Soon
106-
</Button>
107-
</CardContent>
108-
</Card>
109-
110-
{/* 3. Top-Quality Textbooks (Coming Soon) */}
111-
<Card className="w-80 shadow-lg">
112-
<CardContent className="p-6 flex flex-col items-center text-center">
113-
<FaSchool className="text-red-500 text-5xl" />
114-
<h2 className="text-xl font-semibold mt-4">
115-
Accredited Programs (Coming Soon)
116-
</h2>
117-
<p className="text-gray-600 mt-2">
118-
We craft specialized textbooks for K-12, CLEP, and AP, inspired by real homeschooling success.
119-
</p>
120-
<Button className="mt-4" disabled>
121-
Stay Tuned
122-
</Button>
123-
</CardContent>
124-
</Card>
125-
</div>
126-
127-
{/* Consulting & Partnerships */}
128-
<motion.div
129-
className="mt-12 w-full max-w-3xl px-6 text-center"
130-
initial={{ opacity: 0, scale: 0 }}
131-
animate={{ opacity: 1, scale: 1 }}
132-
transition={{ duration: 2, ease: "easeOut", delay: 1.5 }}
133-
>
134-
<h2 className="text-3xl font-semibold flex flex-col items-center">
135-
<FaHandshake className="text-blue-500 text-4xl mb-2" />
136-
Consulting &amp; Partnerships
137-
</h2>
138-
<p className="text-gray-700 mt-2">
139-
We offer <strong>custom books, dynamic learning solutions, and tailored software development</strong>.
140-
</p>
141-
<p className="text-gray-600 mt-2">
142-
Whether you&apos;re looking for a partnership in education technology or a fully customized learning experience,
143-
we can build something amazing together.
144-
</p>
145-
<motion.div
146-
className="mt-4 flex flex-col sm:flex-row justify-center items-center gap-4 text-lg font-semibold"
147-
initial={{ opacity: 0, scale: 0 }}
148-
animate={{ opacity: 1, scale: 1 }}
149-
transition={{ duration: 3, ease: "easeOut", delay: 3 }}
150-
>
151-
<a href="mailto:team@encorpora.io" className="text-blue-600 hover:underline flex items-center gap-2">
152-
<FaEnvelope className="text-xl" /> team@encorpora.io
153-
</a>
154-
<a href="tel:+17703765331" className="text-blue-600 hover:underline flex items-center gap-2">
155-
<FaPhone className="text-xl" /> 770-376-5331
156-
</a>
157-
</motion.div>
158-
</motion.div>
159-
160-
{/* About Encorpora Section */}
161-
<div className="mt-10 flex flex-wrap justify-center gap-6">
162-
<Card className="w-80 shadow-lg">
163-
<CardContent className="p-6 text-center">
164-
{/* New icon and heading */}
165-
<FaBookReader className="text-blue-500 text-5xl mx-auto" />
166-
<h2 className="text-xl font-semibold text-gray-900 mt-4">
167-
Personalized Learning Tools
168-
</h2>
169-
<p className="text-gray-600 mt-2">
170-
We craft custom textbooks tailored to your unique interests. Our
171-
approach ensures every learner is challenged and engaged.
172-
</p>
173-
</CardContent>
174-
</Card>
175-
176-
<Card className="w-80 shadow-lg">
177-
<CardContent className="p-6 text-center">
178-
<FaLightbulb className="text-yellow-500 text-5xl mx-auto" />
179-
<h2 className="text-xl font-semibold text-gray-900 mt-4">
180-
Empowering Student Potential
181-
</h2>
182-
<p className="text-gray-600 mt-2">
183-
We believe education should be truly interactive and adaptable.
184-
Experience a dynamic platform that sparks curiosity and exploration.
185-
</p>
186-
</CardContent>
187-
</Card>
188-
189-
<Card className="w-80 shadow-lg">
190-
<CardContent className="p-6 text-center">
191-
<FaRocket className="text-red-500 text-5xl mx-auto" />
192-
<h2 className="text-xl font-semibold text-gray-900 mt-4">
193-
Revolutionizing Education Together
194-
</h2>
195-
<p className="text-gray-700 mt-2">
196-
We blend software and teaching expertise together into a platform
197-
that drives students to thrive. We are Encorpora.
198-
</p>
199-
</CardContent>
200-
</Card>
201-
</div>
202-
203-
{/* Featured Books */}
204-
<div className="mt-16 text-center max-w-3xl">
205-
<h2 className="text-3xl font-semibold">Featured Books</h2>
206-
<p className="text-gray-700 mt-2">
207-
Explore our growing collection of free educational materials.
208-
</p>
209-
</div>
210-
211-
{/* Featured Books List */}
212-
<div className="mt-10 flex flex-wrap justify-center gap-6">
213-
{loading ? (
214-
<p className="text-gray-600">Loading featured books...</p>
215-
) : featuredBooks.length === 0 ? (
216-
<p className="text-gray-600">No featured books available.</p>
217-
) : (
218-
featuredBooks.map((book) => (
219-
<Card key={book.id} className="w-80 shadow-lg">
220-
<CardContent className="p-6 text-center">
221-
<h3 className="text-lg font-semibold">{book.title}</h3>
222-
<p className="text-gray-600">{book.description}</p>
223-
<a href={book.link} target="_blank" rel="noopener noreferrer">
224-
<Button className="mt-4">Download</Button>
225-
</a>
226-
</CardContent>
227-
</Card>
228-
))
229-
)}
230-
</div>
231-
232-
{/* View All Books Link */}
233-
<div className="mt-6">
234-
<a
235-
href="/books"
236-
target="_blank"
237-
rel="noopener noreferrer"
238-
className="text-blue-600 font-semibold hover:underline"
239-
>
240-
View All Books →
241-
</a>
242-
</div>
243-
244-
<footer className="mt-16 text-gray-500 text-sm">
245-
© {new Date().getFullYear()} Corpora Inc - All Rights Reserved.
246-
</footer>
247-
</motion.div>
60+
<>
61+
<Hero />
62+
<WhySection />
63+
<PrivacyBanner />
64+
<ProductHighlights />
65+
<AboutSection />
66+
<Footer />
67+
</>
24868
);
24969
};
25070

‎encorpora-edu/app/privacy/page.tsx‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
// app/privacy/page.tsx
2+
import Link from "next/link";
3+
4+
export const metadata = {
5+
title: "Privacy Promise – Corpora Inc",
6+
description: "Our commitment to zero data collection, zero tracking, and absolute offline privacy.",
7+
};
8+
9+
export default function PrivacyPage() {
10+
return (
11+
<main className="min-h-screen bg-white text-gray-800 px-6 py-16">
12+
<div className="max-w-3xl mx-auto">
13+
<h1 className="text-5xl font-extrabold mb-6">Privacy Promise</h1>
14+
<p className="text-lg mb-12">
15+
At Corpora, your privacy is sacred. We ship our apps and books with
16+
everything needed to learn—no network, no telemetry, no ads, no
17+
data-collection, ever. We also request <strong>zero permissions</strong> by default; any future
18+
permissions will be minimal, necessary, and fully disclosed.
19+
</p>
20+
21+
<section className="mb-12">
22+
<h2 className="text-2xl font-semibold mb-3">What We Don’t Collect</h2>
23+
<ul className="list-disc list-inside space-y-2 text-gray-700">
24+
<li>Personal identifiers (name, email, phone).</li>
25+
<li>Location, contacts, or device identifiers.</li>
26+
<li>Any in-app behavior or progress.</li>
27+
</ul>
28+
</section>
29+
30+
<section className="mb-12">
31+
<h2 className="text-2xl font-semibold mb-3">How We Protect Your Privacy</h2>
32+
<p className="text-gray-700 leading-relaxed">
33+
All of our products are fully offline-capable.
34+
We never call home, embed trackers, or show advertisements.
35+
Everything ships bundled locally so you’re in full control.
36+
</p>
37+
<p className="text-gray-700 leading-relaxed mt-4">
38+
Permissions? By default, none. If an app ever needs access to
39+
storage, camera, or other APIs, we’ll ask only for the bare
40+
minimum and explain exactly why.
41+
</p>
42+
</section>
43+
44+
<section className="mb-12">
45+
<h2 className="text-2xl font-semibold mb-3">Children’s Privacy</h2>
46+
<p className="text-gray-700 leading-relaxed">
47+
We do not knowingly collect data from children under 13. Our apps
48+
don’t require accounts or personal info.
49+
</p>
50+
</section>
51+
52+
<section className="mb-12">
53+
<h2 className="text-2xl font-semibold mb-3">Questions?</h2>
54+
<p className="text-gray-700 leading-relaxed">
55+
Reach out at{" "}
56+
<a
57+
href="mailto:team@encorpora.io"
58+
className="text-primary hover:underline"
59+
>
60+
team@encorpora.io
61+
</a>
62+
. We’ll get back to you within 24 hours.
63+
</p>
64+
</section>
65+
66+
<div className="mt-16 text-center">
67+
<Link
68+
href="/"
69+
className="inline-block rounded-md bg-primary px-6 py-3 text-white font-medium hover:bg-primary/90"
70+
>
71+
← Back to Home
72+
</Link>
73+
</div>
74+
</div>
75+
</main>
76+
);
77+
}

‎encorpora-edu/components/AboutSection.tsx‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
// app/components/AboutSection.tsx
2+
"use client";
3+
4+
import { FC } from "react";
5+
6+
export const AboutSection: FC = () => (
7+
<section className="py-20 bg-gray-50">
8+
<div className="max-w-4xl mx-auto px-6 text-center">
9+
<h2 className="text-4xl font-bold mb-6">Our Mission</h2>
10+
<p className="text-lg text-gray-700 leading-relaxed">
11+
At Corpora, we believe that learning should be as direct and friction-free as possible.
12+
We build offline-first apps and hand-crafted books that cut out distractions
13+
and get straight to the heart of every subject.
14+
No ads. No trackers. Just pure, focused education—because the best way to master something
15+
is to eliminate everything that gets in the way.
16+
</p>
17+
</div>
18+
</section>
19+
);

‎encorpora-edu/components/Footer.tsx‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
// app/components/Footer.tsx
2+
"use client";
3+
4+
import { FC } from "react";
5+
import Link from "next/link";
6+
7+
export const Footer: FC = () => (
8+
<footer className="bg-white border-t border-gray-200 py-8">
9+
<div className="max-w-6xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-4">
10+
{/* Logo / Name */}
11+
<div className="text-lg font-bold text-gray-900">Corpora Inc</div>
12+
13+
{/* Nav Links */}
14+
<nav className="flex flex-wrap gap-4 text-gray-600">
15+
<Link href="/privacy" className="hover:text-gray-900">
16+
Privacy
17+
</Link>
18+
<Link href="https://shop.encorpora.io" className="hover:text-gray-900">
19+
Shop
20+
</Link>
21+
<Link href="https://github.com/corpora-inc" className="hover:text-gray-900">
22+
GitHub
23+
</Link>
24+
<Link href="https://free2z.com/corpora" className="hover:text-gray-900">
25+
Free2z
26+
</Link>
27+
<Link href="https://shop.encorpora.io/pages/contact" className="hover:text-gray-900">
28+
Contact
29+
</Link>
30+
</nav>
31+
32+
{/* Contact Info */}
33+
<div className="text-gray-600 text-sm text-center md:text-right">
34+
<div>team@encorpora.io</div>
35+
<div>© {new Date().getFullYear()} Corpora Inc</div>
36+
</div>
37+
</div>
38+
</footer>
39+
);

0 commit comments

Comments
 (0)