Update src/app/page.tsx
This commit is contained in:
@@ -2,13 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Layout, Users, BarChart } from 'lucide-react';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import { Droplets, Cloud, Sun, Zap, Mountain, Thermometer, Wind, GraduationCap } from 'lucide-react';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -30,89 +27,51 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Slides", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="EduDeck"
|
||||
brandName="WaterCycle Kids"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "plain" }}
|
||||
title="Interactive Learning, Simplified"
|
||||
description="Empower your classroom with dynamic, visually engaging presentations created in seconds. Ideal for modern teachers and curious students."
|
||||
buttons={[{ text: "Start Creating", href: "#" }]}
|
||||
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"
|
||||
imageAlt="Educational presentation platform dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/teaching-children-is-my-living-passion_329181-10462.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-embracing-each-other_1170-2781.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-view-young-handsome-man-wearing-glasses-looking-front-isolated-orange-wall_141793-73719.jpg", alt: "User 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Interactive Learning" },
|
||||
{ type: "text", text: "Live Collaboration" },
|
||||
{ type: "text", text: "Smart Analytics" },
|
||||
{ type: "text", text: "Creative Templates" },
|
||||
{ type: "text", text: "Teacher-Friendly" },
|
||||
<FeatureCardNineteen
|
||||
title="Journey Through the Water Cycle"
|
||||
description="An interactive 8-slide adventure for 6th grade students to understand how water moves around our planet."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Slide 1", title: "Introduction", subtitle: "The Never-Ending Journey", description: "Welcome to the amazing world of the water cycle! Meet Watery the Water Drop and start our epic trip.", imageSrc: "https://img.b2bpic.net/free-vector/water-cycle-infographic_23-2148784131.jpg" },
|
||||
{ tag: "Slide 2", title: "Evaporation", subtitle: "Feeling the Heat", description: "See how the sun turns liquid water into invisible gas (water vapor) and sends it up into the sky.", imageSrc: "https://img.b2bpic.net/free-vector/sun-shining-over-ocean_1308-46672.jpg" },
|
||||
{ tag: "Slide 3", title: "Transpiration", subtitle: "Plants are Sweating?", description: "Learn how plants release water vapor through their leaves in this cool science process.", imageSrc: "https://img.b2bpic.net/free-vector/nature-background-with-trees_1308-43301.jpg" },
|
||||
{ tag: "Slide 4", title: "Condensation", subtitle: "Creating Clouds", description: "Water vapor cools down high in the atmosphere, turning back into tiny liquid drops. Hello, clouds!", imageSrc: "https://img.b2bpic.net/free-vector/fluffy-cloud-collection_1308-14227.jpg" },
|
||||
{ tag: "Slide 5", title: "Precipitation", subtitle: "Coming Down!", description: "When clouds get heavy, they release water as rain, snow, or hail. Watch it fall back to Earth.", imageSrc: "https://img.b2bpic.net/free-vector/rainy-day-illustration_1308-45667.jpg" },
|
||||
{ tag: "Slide 6", title: "Collection", subtitle: "Gathering Again", description: "Rivers, lakes, and oceans welcome the water back home to start the journey all over again.", imageSrc: "https://img.b2bpic.net/free-vector/river-landscape_1308-48220.jpg" },
|
||||
{ tag: "Slide 7", title: "Interactive Game", subtitle: "Water Cycle Quiz", description: "Test your knowledge with a fun 5-question drag-and-drop game for the class!", imageSrc: "https://img.b2bpic.net/free-vector/brain-game-icon_1308-62055.jpg" },
|
||||
{ tag: "Slide 8", title: "Conclusion", subtitle: "Why it Matters", description: "How the water cycle supports life on Earth. Discussion time: What if water stopped moving?", imageSrc: "https://img.b2bpic.net/free-vector/earth-globe-with-plants_1308-36940.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Designed for Next-Gen Learning"
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Interactive Quizzes", description: "Engage students with live, real-time assessments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mf6hrv", buttonIcon: Zap },
|
||||
{ title: "Creative Templates", description: "Professional layouts designed for student attention.", imageSrc: "http://img.b2bpic.net/free-photo/rainbow-paper-pieces-desk_23-2148514761.jpg", buttonIcon: Layout },
|
||||
{ title: "Cloud Collaboration", description: "Work together from anywhere, seamlessly.", imageSrc: "http://img.b2bpic.net/free-vector/infographic-elements-education_1284-777.jpg", buttonIcon: Users },
|
||||
{ title: "Performance Analytics", description: "Track progress and optimize teaching styles.", imageSrc: "http://img.b2bpic.net/free-vector/illustration-business-concept_53876-37673.jpg", buttonIcon: BarChart },
|
||||
]}
|
||||
title="Powerful Educational Features"
|
||||
description="Everything you need to craft high-impact lessons that inspire."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Dr. Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/teaching-children-is-my-living-passion_329181-10462.jpg" },
|
||||
{ id: "2", name: "James Anderson", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg" },
|
||||
{ id: "3", name: "Linda White", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg" },
|
||||
{ id: "4", name: "Mark Wilson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-embracing-each-other_1170-2781.jpg" },
|
||||
{ id: "5", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-handsome-man-wearing-glasses-looking-front-isolated-orange-wall_141793-73719.jpg" },
|
||||
]}
|
||||
cardTitle="Loved by Educators"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
title="Designed for 6th Grade Engagement"
|
||||
tag="Teacher Notes"
|
||||
tagIcon={GraduationCap}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="EduDeck"
|
||||
logoText="WaterCycle Kids"
|
||||
columns={[
|
||||
{ title: "Platform", items: [{ label: "Features", href: "#" }, { label: "Pricing", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
{ title: "Educational Resources", items: [{ label: "Science Standards", href: "#" }, { label: "Activity Guide", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Support", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user