Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
348
src/app/page.tsx
348
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Book, BookOpen, Clock, Layers, Users } from "lucide-react";
|
||||
import { Book, BookOpen, Clock, Layers, Users, Cpu, Brain, Scroll, Library } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Courses",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Videos",
|
||||
id: "videos",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Courses", id: "features" },
|
||||
{ name: "Videos", id: "videos" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AI & Semantics"
|
||||
/>
|
||||
@@ -60,92 +45,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Bridging Ancient Wisdom and Modern AI"
|
||||
description="Explaining the fundamentals of intelligence to the leaders of tomorrow, through the lens of logic, ethics, and innovation."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Student A",
|
||||
handle: "@learn",
|
||||
testimonial: "I learned more about AI in one session than in a year of school.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-blond-female-student-with-backpack-smiling-camera-satisfied-as-holding-cup-takeaway_1258-115818.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Parent B",
|
||||
handle: "@parent",
|
||||
testimonial: "Truly insightful approach to teaching technical concepts to young children.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-teenage-girl-with-curly-hair-posing-yellow-tshirt_273609-31333.jpg",
|
||||
},
|
||||
{
|
||||
name: "Student C",
|
||||
handle: "@coder",
|
||||
testimonial: "The logic concepts were explained beautifully and simply.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-with-vr-glasses-experiencing-metaverse_23-2150904643.jpg",
|
||||
},
|
||||
{
|
||||
name: "Student D",
|
||||
handle: "@future",
|
||||
testimonial: "Never thought AI could be this accessible to me.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-65739.jpg",
|
||||
},
|
||||
{
|
||||
name: "Student E",
|
||||
handle: "@learner",
|
||||
testimonial: "A unique perspective that makes coding fun and ethical.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-peach-sweater-backpack-isolated-green-olive-color-wall_343596-5302.jpg",
|
||||
},
|
||||
{ name: "Student A", handle: "@learn", testimonial: "I learned more about AI in one session than in a year of school.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-blond-female-student-with-backpack-smiling-camera-satisfied-as-holding-cup-takeaway_1258-115818.jpg" },
|
||||
{ name: "Parent B", handle: "@parent", testimonial: "Truly insightful approach to teaching technical concepts to young children.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-teenage-girl-with-curly-hair-posing-yellow-tshirt_273609-31333.jpg" },
|
||||
{ name: "Student C", handle: "@coder", testimonial: "The logic concepts were explained beautifully and simply.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/kid-with-vr-glasses-experiencing-metaverse_23-2150904643.jpg" },
|
||||
{ name: "Student D", handle: "@future", testimonial: "Never thought AI could be this accessible to me.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-65739.jpg" },
|
||||
{ name: "Student E", handle: "@learner", testimonial: "A unique perspective that makes coding fun and ethical.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-peach-sweater-backpack-isolated-green-olive-color-wall_343596-5302.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimal-surrealistic-abstract-background_23-2151896310.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimal-surrealistic-abstract-background_23-2151896310.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hispanic-young-man-smiling-wearing-headphones-university-campus_839833-11696.jpg",
|
||||
alt: "Hispanic young man smiling wearing headphones",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-redhead-woman-red-hat-drinking-from-thermos-warming-up-with-hot-drink-her-flask_1258-196826.jpg",
|
||||
alt: "Young happy redhead woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/passion-tenderness-wellbeing-concept-girl-accept-own-self-smiling-charming-grin-tilt-head-hugging-he_1258-137294.jpg",
|
||||
alt: "Young girl smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-student-with-book-her-hands-goes-university_169016-66651.jpg",
|
||||
alt: "Young girl student with a book",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teenage-student-glasses-sitting-table-reading-book_23-2148166294.jpg",
|
||||
alt: "Teenage student in glasses",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/hispanic-young-man-smiling-wearing-headphones-university-campus_839833-11696.jpg", alt: "Hispanic young man smiling wearing headphones" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-happy-redhead-woman-red-hat-drinking-from-thermos-warming-up-with-hot-drink-her-flask_1258-196826.jpg", alt: "Young happy redhead woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/passion-tenderness-wellbeing-concept-girl-accept-own-self-smiling-charming-grin-tilt-head-hugging-he_1258-137294.jpg", alt: "Young girl smiling" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-girl-student-with-book-her-hands-goes-university_169016-66651.jpg", alt: "Young girl student with a book" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/teenage-student-glasses-sitting-table-reading-book_23-2148166294.jpg", alt: "Teenage student in glasses" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Logic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Neural Networks",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seminary Research",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mathematics",
|
||||
},
|
||||
{ type: "text", text: "Logic" },
|
||||
{ type: "text", text: "Ethics" },
|
||||
{ type: "text", text: "Neural Networks" },
|
||||
{ type: "text", text: "Seminary Research" },
|
||||
{ type: "text", text: "Mathematics" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,20 +80,11 @@ export default function LandingPage() {
|
||||
title="About My Journey"
|
||||
description="Managing the academic department in the seminary while exploring the mathematical foundations of artificial intelligence."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "AI Educator",
|
||||
description: "Simplifying neural networks for elementary students.",
|
||||
},
|
||||
{
|
||||
title: "Seminary Administrator",
|
||||
description: "Directing academic research and curriculum development.",
|
||||
},
|
||||
{
|
||||
title: "Future Focused",
|
||||
description: "Building a library of accessible technical content.",
|
||||
},
|
||||
{ title: "AI Educator", description: "Simplifying neural networks for elementary students." },
|
||||
{ title: "Seminary Administrator", description: "Directing academic research and curriculum development." },
|
||||
{ title: "Future Focused", description: "Building a library of accessible technical content." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -182,64 +96,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Logic Foundations",
|
||||
description: "Building code from base principles.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-painted-camera-against-pink-background_23-2148084285.jpg",
|
||||
},
|
||||
title: "Logic Foundations", description: "Building code from base principles.", media: { imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-painted-camera-against-pink-background_23-2148084285.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "Basic logic gates",
|
||||
},
|
||||
{
|
||||
icon: Book,
|
||||
text: "Ethical programming",
|
||||
},
|
||||
{ icon: Cpu, text: "Basic logic gates" },
|
||||
{ icon: Book, text: "Ethical programming" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-surrealistic-abstract-background_23-2151896310.jpg?_wi=2",
|
||||
imageAlt: "video placeholder abstract AI",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Neural Networks",
|
||||
description: "Visualizing how machines think.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilled-ambitious-female-ceo-negotiating-with-shareholders-online-conference_482257-124680.jpg",
|
||||
},
|
||||
title: "Neural Networks", description: "Visualizing how machines think.", media: { imageSrc: "http://img.b2bpic.net/free-photo/skilled-ambitious-female-ceo-negotiating-with-shareholders-online-conference_482257-124680.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Brain,
|
||||
text: "Basic AI structures",
|
||||
},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Deep learning intro",
|
||||
},
|
||||
{ icon: Brain, text: "Basic AI structures" },
|
||||
{ icon: Layers, text: "Deep learning intro" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=2",
|
||||
imageAlt: "video placeholder abstract AI",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Seminary Research",
|
||||
description: "Integrating traditional inquiry methods.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-reading-corner-book-coffee-candlelight_23-2151979244.jpg",
|
||||
},
|
||||
title: "Seminary Research", description: "Integrating traditional inquiry methods.", media: { imageSrc: "http://img.b2bpic.net/free-photo/cozy-reading-corner-book-coffee-candlelight_23-2151979244.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Scroll,
|
||||
text: "Historical text analysis",
|
||||
},
|
||||
{
|
||||
icon: Library,
|
||||
text: "Academic management",
|
||||
},
|
||||
{ icon: Scroll, text: "Historical text analysis" },
|
||||
{ icon: Library, text: "Academic management" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-blond-female-student-with-backpack-smiling-camera-satisfied-as-holding-cup-takeaway_1258-115818.jpg?_wi=2",
|
||||
imageAlt: "video placeholder abstract AI",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Educational Philosophy"
|
||||
@@ -254,42 +132,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "AI Basics Part 1",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-soft-red-background-christmas-valentines-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-87896.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Seminary Life",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tech-repair-infographic_23-2150054248.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Logic Basics",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-neon-light-strings_23-2148328050.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Future Coding",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-student-is-talking-phone-home-conversation-phone_169016-68055.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ethics & Tech",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-leader-talking-with-employees-online-videocall_482257-123578.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Data Analysis",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg",
|
||||
},
|
||||
{ id: "1", name: "AI Basics Part 1", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-soft-red-background-christmas-valentines-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-87896.jpg" },
|
||||
{ id: "2", name: "Seminary Life", price: "Free", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tech-repair-infographic_23-2150054248.jpg" },
|
||||
{ id: "3", name: "Logic Basics", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-neon-light-strings_23-2148328050.jpg" },
|
||||
{ id: "4", name: "Future Coding", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/girl-student-is-talking-phone-home-conversation-phone_169016-68055.jpg" },
|
||||
{ id: "5", name: "Ethics & Tech", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/team-leader-talking-with-employees-online-videocall_482257-123578.jpg" },
|
||||
{ id: "6", name: "Data Analysis", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg" },
|
||||
]}
|
||||
title="Upcoming Video Archive"
|
||||
description="Building a library of accessible education for all."
|
||||
@@ -303,27 +151,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "150+",
|
||||
title: "Students",
|
||||
description: "Engaged in AI literacy.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "12",
|
||||
title: "Curriculum Modules",
|
||||
description: "Deeply researched units.",
|
||||
icon: BookOpen,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "400+",
|
||||
title: "Research Hours",
|
||||
description: "Managing seminary operations.",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "1", value: "150+", title: "Students", description: "Engaged in AI literacy.", icon: Users },
|
||||
{ id: "2", value: "12", title: "Curriculum Modules", description: "Deeply researched units.", icon: BookOpen },
|
||||
{ id: "3", value: "400+", title: "Research Hours", description: "Managing seminary operations.", icon: Clock },
|
||||
]}
|
||||
title="Impact Overview"
|
||||
description="Measured in curious minds and organized research hours."
|
||||
@@ -334,31 +164,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ali R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-beautiful-european-woman-with-long-hair-blue-eyes-white-even-teeth-wears-round-transparent-eyeglasses-hat-sweatshirt-isolated-yellow-background-positive-emotions_273609-62030.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sara H.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-posing-together-with-speech-bubble_23-2148529042.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mina Z.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-african-american-female-student-smiling-pleased-showing-okay-sign-like-something-good-standing-yellow-background_1258-63379.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Reza K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planning-work_1098-14911.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hassan B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswomen-working-her-office_1301-6893.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ali R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-beautiful-european-woman-with-long-hair-blue-eyes-white-even-teeth-wears-round-transparent-eyeglasses-hat-sweatshirt-isolated-yellow-background-positive-emotions_273609-62030.jpg" },
|
||||
{ id: "2", name: "Sara H.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-posing-together-with-speech-bubble_23-2148529042.jpg" },
|
||||
{ id: "3", name: "Mina Z.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-african-american-female-student-smiling-pleased-showing-okay-sign-like-something-good-standing-yellow-background_1258-63379.jpg" },
|
||||
{ id: "4", name: "Reza K.", imageSrc: "http://img.b2bpic.net/free-photo/planning-work_1098-14911.jpg" },
|
||||
{ id: "5", name: "Hassan B.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswomen-working-her-office_1301-6893.jpg" },
|
||||
]}
|
||||
cardTitle="Testimonials"
|
||||
cardTag="Community Feedback"
|
||||
@@ -371,21 +181,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Why teach AI to children?",
|
||||
content: "To foster logical thinking from a young age.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you focus on programming?",
|
||||
content: "Concepts are taught visually without deep code.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I access your lectures?",
|
||||
content: "Yes, once uploaded to the video portal.",
|
||||
},
|
||||
{ id: "1", title: "Why teach AI to children?", content: "To foster logical thinking from a young age." },
|
||||
{ id: "2", title: "Do you focus on programming?", content: "Concepts are taught visually without deep code." },
|
||||
{ id: "3", title: "Can I access your lectures?", content: "Yes, once uploaded to the video portal." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Bridging the gap between theory and practice."
|
||||
@@ -396,9 +194,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Let's Connect"
|
||||
title="Get in Touch"
|
||||
description="Reach out for lectures, AI consulting, or seminary research discussions."
|
||||
@@ -408,32 +204,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "AI Courses",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Videos",
|
||||
href: "#videos",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Resources", items: [{ label: "About", href: "#about" }, { label: "AI Courses", href: "#features" }] },
|
||||
{ title: "Connect", items: [{ label: "Videos", href: "#videos" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Seminary & AI Dept"
|
||||
bottomRightText="Scholarly, Tech-focused, Global"
|
||||
@@ -442,4 +214,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user