Merge version_2 into main #2
318
src/app/page.tsx
318
src/app/page.tsx
@@ -20,31 +20,19 @@ export default function LandingPage() {
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
]}
|
||||
brandName="AnimalAcademy"
|
||||
/>
|
||||
@@ -52,111 +40,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Learning the Animal Kingdom"
|
||||
description="Engage your students with interactive, fun lessons about nature and wildlife. AnimalAcademy turns education into an adventure."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-lion-posing-studio_23-2150852443.jpg?_wi=1",
|
||||
imageAlt: "Lion learning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cute-owl-reading-book_1308-180963.jpg?_wi=1",
|
||||
imageAlt: "Wise owl",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-3d-elephant_23-2151533176.jpg",
|
||||
imageAlt: "Reading elephant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-monkey-swinging-pastel-jungle_23-2152029008.jpg?_wi=1",
|
||||
imageAlt: "Curious monkey",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dolphin-swimming_23-2150821744.jpg?_wi=1",
|
||||
imageAlt: "Happy dolphin",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cute-lion-posing-studio_23-2150852443.jpg?_wi=1", imageAlt: "Lion" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/cute-owl-reading-book_1308-180963.jpg?_wi=1", imageAlt: "Owl" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-monkey-swinging-pastel-jungle_23-2152029008.jpg?_wi=2",
|
||||
imageAlt: "Curious monkey",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dolphin-swimming_23-2150821744.jpg?_wi=2",
|
||||
imageAlt: "Happy dolphin",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-possum-outdoors_23-2150953481.jpg",
|
||||
imageAlt: "Animal circle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-lion-posing-studio_23-2150852443.jpg?_wi=2",
|
||||
imageAlt: "Lion learning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cute-owl-reading-book_1308-180963.jpg?_wi=2",
|
||||
imageAlt: "Wise owl",
|
||||
},
|
||||
]}
|
||||
tag="Trusted by 10,000+ Students"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-mother-with-little-son-home_273609-14781.jpg",
|
||||
alt: "Parent",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-female-teacher-standing-front-blackboard-showing-thumbs-up-classroom_141793-119683.jpg",
|
||||
alt: "Teacher",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/father-daughter-laughing_23-2147615920.jpg",
|
||||
alt: "Parent",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-asian-schoolgirl-posing-with-backpack_1098-20450.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-senior-woman-using-laptop_23-2148373823.jpg",
|
||||
alt: "Grandparent",
|
||||
},
|
||||
]}
|
||||
avatarText="10,000+ satisfied learners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Science Based",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interactive",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fun Learning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Educator Approved",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nature Inspired",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cute-monkey-swinging-pastel-jungle_23-2152029008.jpg?_wi=2", imageAlt: "Monkey" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dolphin-swimming_23-2150821744.jpg?_wi=2", imageAlt: "Dolphin" },
|
||||
]}
|
||||
tag="Science-Based Education"
|
||||
buttons={[{ text: "Start Learning", href: "#pricing" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -164,26 +60,11 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Bringing the ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198455.jpg",
|
||||
alt: "Education",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Wild to Your Classroom",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ type: "text", content: "Wildly Fun Educational " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198455.jpg", alt: "Learning" },
|
||||
{ type: "text", content: " Journeys" },
|
||||
]}
|
||||
buttons={[{ text: "Explore More", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -191,38 +72,12 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Interactive Animal Discovery"
|
||||
description="Our curriculum is built on scientific facts to foster a lifelong love for nature."
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Interactive Lessons",
|
||||
tags: [
|
||||
"Fun",
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/education-knowledge-wisdom-school-academic-concept_53876-21394.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fun Quizzes",
|
||||
tags: [
|
||||
"Gaming",
|
||||
"Retention",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-social-media-items_23-2149019272.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Progress Tracking",
|
||||
tags: [
|
||||
"Insights",
|
||||
"Goals",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-best-friend-outdoors_23-2148345920.jpg",
|
||||
},
|
||||
{ id: "1", title: "Biology Modules", tags: ["Science"], imageSrc: "http://img.b2bpic.net/free-photo/education-knowledge-wisdom-school-academic-concept_53876-21394.jpg" },
|
||||
{ id: "2", title: "Habitat Quizzes", tags: ["Interactive"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-social-media-items_23-2149019272.jpg" },
|
||||
]}
|
||||
title="Why Choose AnimalAcademy?"
|
||||
description="Our curriculum is designed to spark curiosity and build deep knowledge."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -232,41 +87,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
price: "$9/mo",
|
||||
period: "billed monthly",
|
||||
description: "Perfect for individual young learners.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"10+ animal modules",
|
||||
"Basic quiz access",
|
||||
"Weekly progress email",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "classroom",
|
||||
tag: "Classroom",
|
||||
price: "$29/mo",
|
||||
period: "billed monthly",
|
||||
description: "Designed for teachers and groups.",
|
||||
button: {
|
||||
text: "Choose Classroom",
|
||||
},
|
||||
featuresTitle: "Includes Everything +",
|
||||
features: [
|
||||
"Unlimited access",
|
||||
"Classroom dashboard",
|
||||
"Teacher lesson guides",
|
||||
],
|
||||
},
|
||||
{ id: "basic", tag: "Starter", price: "$9/mo", period: "monthly", description: "Great for young explorers.", button: { text: "Select" }, featuresTitle: "What you get", features: ["Core Modules", "Quizzes"] },
|
||||
]}
|
||||
title="Plans for Every Learner"
|
||||
description="Choose the right plan to jumpstart your educational journey."
|
||||
title="Affordable Learning Paths"
|
||||
description="Choose the plan that fits your classroom or home needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -274,102 +98,30 @@ export default function LandingPage() {
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Community Love"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Doe",
|
||||
handle: "@janedoe",
|
||||
testimonial: "My students are so much more engaged!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-mother-with-little-son-home_273609-14781.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "The best animal learning app available.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-teacher-standing-front-blackboard-showing-thumbs-up-classroom_141793-119683.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Lee",
|
||||
handle: "@slee",
|
||||
testimonial: "Easy to follow and very fun.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-laughing_23-2147615920.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mike Ross",
|
||||
handle: "@mross",
|
||||
testimonial: "My children look forward to every lesson.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-schoolgirl-posing-with-backpack_1098-20450.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Blunt",
|
||||
handle: "@eblunt",
|
||||
testimonial: "Incredible resource for my classroom.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-senior-woman-using-laptop_23-2148373823.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex P.", handle: "@teacher", testimonial: "The children are constantly asking for more lessons!" },
|
||||
]}
|
||||
title="Loved by Teachers & Parents"
|
||||
description="See why our community loves learning with us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to get started?"
|
||||
description="Join thousands of learners today and explore the wild world from your screen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
tag="Contact"
|
||||
title="Questions about our curriculum?"
|
||||
description="Reach out to our team of educational experts today."
|
||||
buttons={[{ text: "Email Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 AnimalAcademy"
|
||||
bottomRightText="All rights reserved"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "#" }] }]}
|
||||
bottomLeftText="© 2025 AnimalAcademy"
|
||||
bottomRightText=""
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--background: #fafffb;
|
||||
--card: #f7fffa;
|
||||
--foreground: #001a0a;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #a8d9be;
|
||||
--background-accent: #6bbf8e;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user