Merge version_1 into main #2
182
src/app/page.tsx
182
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Geo3D Learn"
|
||||
/>
|
||||
@@ -57,75 +47,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master 3D Figures with Interactive Models"
|
||||
description="Visualize, rotate, and measure complex geometric shapes in 3D. The ultimate tool for students to conquer geometry through interactive, immersive learning."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Get Started", href: "#features"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/a-high-tech-3d-rendered-cube-sphere-and--1774858898721-ddb11d2a.png",
|
||||
imageAlt: "Cube and sphere 3D render",
|
||||
},
|
||||
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/a-high-tech-3d-rendered-cube-sphere-and--1774858898721-ddb11d2a.png", imageAlt: "Cube and sphere 3D render"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/an-interactive-digital-interface-showing-1774858899585-8e7d7842.png",
|
||||
imageAlt: "Interactive UI dashboard",
|
||||
},
|
||||
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/an-interactive-digital-interface-showing-1774858899585-8e7d7842.png", imageAlt: "Interactive UI dashboard"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/close-up-of-a-3d-torus-shape-with-a-wire-1774858897922-0b54c7ef.png",
|
||||
imageAlt: "3D wireframe torus",
|
||||
},
|
||||
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/close-up-of-a-3d-torus-shape-with-a-wire-1774858897922-0b54c7ef.png", imageAlt: "3D wireframe torus"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/a-3d-prism-being-explored-by-a-student-o-1774858901267-cc941eaa.png",
|
||||
imageAlt: "Prism model workspace",
|
||||
},
|
||||
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/a-3d-prism-being-explored-by-a-student-o-1774858901267-cc941eaa.png", imageAlt: "Prism model workspace"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/composition-of-various-3d-platonic-solid-1774858901729-1a6a5ebf.png",
|
||||
imageAlt: "Platonic solids composition",
|
||||
},
|
||||
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/composition-of-various-3d-platonic-solid-1774858901729-1a6a5ebf.png", imageAlt: "Platonic solids composition"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/a-futuristic-holographic-3d-figure-of-a--1774858899251-1333f04d.png",
|
||||
imageAlt: "Cone holographic figure",
|
||||
},
|
||||
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/a-futuristic-holographic-3d-figure-of-a--1774858899251-1333f04d.png", imageAlt: "Cone holographic figure"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Interactive Models",
|
||||
description: "Drag, rotate, and zoom into every model to inspect geometry from every angle.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/rotating-3d-cube-model-showing-cross-sec-1774858898883-b6c2a755.png",
|
||||
},
|
||||
id: "f1", title: "Interactive Models", description: "Drag, rotate, and zoom into every model to inspect geometry from every angle.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/rotating-3d-cube-model-showing-cross-sec-1774858898883-b6c2a755.png"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Section Analysis",
|
||||
description: "Slice shapes to understand cross-sections and internal properties.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/an-exploded-3d-model-of-a-complex-polyhe-1774858900960-4a3d4e92.png",
|
||||
},
|
||||
id: "f2", title: "Section Analysis", description: "Slice shapes to understand cross-sections and internal properties.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/an-exploded-3d-model-of-a-complex-polyhe-1774858900960-4a3d4e92.png"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Live Measurement",
|
||||
description: "Real-time updates on volume, area, and edge length calculations.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/3d-sphere-illustrating-radius-diameter-a-1774858899070-77d27c56.png",
|
||||
},
|
||||
id: "f3", title: "Live Measurement", description: "Real-time updates on volume, area, and edge length calculations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/3d-sphere-illustrating-radius-diameter-a-1774858899070-77d27c56.png"},
|
||||
]}
|
||||
title="Learning Geometry Re-imagined"
|
||||
description="Explore 3D space with high-fidelity models."
|
||||
@@ -138,19 +96,13 @@ export default function LandingPage() {
|
||||
title="Why Choose Geo3D Learn"
|
||||
metrics={[
|
||||
{
|
||||
label: "Models Available",
|
||||
value: "500+",
|
||||
icon: Box,
|
||||
label: "Models Available", value: "500+", icon: Box,
|
||||
},
|
||||
{
|
||||
label: "Active Learners",
|
||||
value: "12,000+",
|
||||
icon: Users,
|
||||
label: "Active Learners", value: "12,000+", icon: Users,
|
||||
},
|
||||
{
|
||||
label: "Teachers Trusted",
|
||||
value: "850+",
|
||||
icon: Award,
|
||||
label: "Teachers Trusted", value: "850+", icon: Award,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -164,59 +116,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Student",
|
||||
company: "High School",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-friendly-student-wearing-g-1774858904442-9256c8a4.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Student", company: "High School", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-friendly-student-wearing-g-1774858904442-9256c8a4.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Geometry Teacher",
|
||||
company: "State Academy",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-high-school-teacher-in-a-c-1774858902024-f3499d0b.png",
|
||||
},
|
||||
id: "2", name: "John Doe", role: "Geometry Teacher", company: "State Academy", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-high-school-teacher-in-a-c-1774858902024-f3499d0b.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "University Student",
|
||||
company: "Engineering",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-curious-learner-looking-at-1774858899106-0bd7e3d9.png",
|
||||
},
|
||||
id: "3", name: "Emily Chen", role: "University Student", company: "Engineering", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-curious-learner-looking-at-1774858899106-0bd7e3d9.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex Smith",
|
||||
role: "Self-Learner",
|
||||
company: "Tech Hobbyist",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-young-adult-academic-and-s-1774858900119-fdd2ccfd.png",
|
||||
},
|
||||
id: "4", name: "Alex Smith", role: "Self-Learner", company: "Tech Hobbyist", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-young-adult-academic-and-s-1774858900119-fdd2ccfd.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marcus Vane",
|
||||
role: "Math Educator",
|
||||
company: "City College",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-friendly-student-wearing-g-1774858904442-9256c8a4.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Marcus Vane", role: "Math Educator", company: "City College", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeoN3yatofdrmq0otvaBzBbkPL/portrait-of-a-friendly-student-wearing-g-1774858904442-9256c8a4.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Improved Grades",
|
||||
},
|
||||
value: "98%", label: "Improved Grades"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
{
|
||||
value: "30M+",
|
||||
label: "Views",
|
||||
},
|
||||
value: "30M+", label: "Views"},
|
||||
]}
|
||||
title="Trusted by Students & Educators"
|
||||
description="See how learners around the world are mastering geometry."
|
||||
@@ -228,20 +149,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the software free?",
|
||||
content: "Yes, we offer a generous free tier for all students.",
|
||||
},
|
||||
id: "q1", title: "Is the software free?", content: "Yes, we offer a generous free tier for all students."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I use it on tablets?",
|
||||
content: "Our platform is fully compatible with all modern tablets and mobile devices.",
|
||||
},
|
||||
id: "q2", title: "Can I use it on tablets?", content: "Our platform is fully compatible with all modern tablets and mobile devices."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I save my custom models?",
|
||||
content: "Premium plans allow you to export and save custom geometric models.",
|
||||
},
|
||||
id: "q3", title: "Can I save my custom models?", content: "Premium plans allow you to export and save custom geometric models."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Get answers about our interactive geometry platform."
|
||||
@@ -254,29 +166,19 @@ export default function LandingPage() {
|
||||
logoText="Geo3D Learn"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Learn Geometry",
|
||||
href: "#",
|
||||
},
|
||||
label: "Learn Geometry", href: "#"},
|
||||
{
|
||||
label: "Browse Models",
|
||||
href: "#",
|
||||
},
|
||||
label: "Browse Models", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user