From f20836d224b7bbcd374d06766d299c4d0f4d19cf Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 5 Jun 2026 12:33:05 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 240 ++++++++++------------------------------------- 1 file changed, 50 insertions(+), 190 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 8b2c85e..e1e42fc 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav import PricingCardOne from '@/components/sections/pricing/PricingCardOne'; import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; -import { Award, Linkedin, Sparkles, Star, Video } from "lucide-react"; +import { Award, Linkedin, Sparkles, Star, Video, X } from "lucide-react"; export default function LandingPage() { return ( @@ -32,29 +32,17 @@ export default function LandingPage() { @@ -104,9 +79,7 @@ export default function LandingPage() { useInvertedBackground={true} title="Ignite Learning with Immersive Interactivity" description={[ - "SmartBoard Pro redefines the digital classroom experience. Designed for intuitive multi-touch inputs, it empowers educators to create engaging lessons and students to explore concepts with unparalleled clarity. Experience a fluid canvas where every interaction is smooth, precise, and visually stunning.", - "Our application is built for performance on large touchscreens, ensuring a lag-free environment for dynamic teaching. With its modern, minimal UI and hardware-accelerated 3D animations, SmartBoard Pro makes complex subjects accessible and captivating for learners of all ages.", - ]} + "SmartBoard Pro redefines the digital classroom experience. Designed for intuitive multi-touch inputs, it empowers educators to create engaging lessons and students to explore concepts with unparalleled clarity. Experience a fluid canvas where every interaction is smooth, precise, and visually stunning.", "Our application is built for performance on large touchscreens, ensuring a lag-free environment for dynamic teaching. With its modern, minimal UI and hardware-accelerated 3D animations, SmartBoard Pro makes complex subjects accessible and captivating for learners of all ages."]} /> @@ -116,29 +89,13 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Advanced Drawing Engine", - description: "Access a versatile toolset including Pencil, Calligraphy Pen, semi-transparent Highlighter, Pixel Eraser for fine details, and Object Eraser for quick clean-up. Each tool is optimized for large touchscreens.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-girl-answering-standing-near-desk_259150-60249.jpg", - imageAlt: "Drawing tools on digital canvas", - }, + title: "Advanced Drawing Engine", description: "Access a versatile toolset including Pencil, Calligraphy Pen, semi-transparent Highlighter, Pixel Eraser for fine details, and Object Eraser for quick clean-up. Each tool is optimized for large touchscreens.", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-girl-answering-standing-near-desk_259150-60249.jpg", imageAlt: "Drawing tools on digital canvas"}, { - title: "Universal Color Palette", - description: "Dynamically change primary stroke, fill, and UI theme colors with a smooth, interactive color picker. Customize your board instantly to suit any subject or preference.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-working-digital-monitors_23-2148910246.jpg", - imageAlt: "Color palette selection on smart board", - }, + title: "Universal Color Palette", description: "Dynamically change primary stroke, fill, and UI theme colors with a smooth, interactive color picker. Customize your board instantly to suit any subject or preference.", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-digital-monitors_23-2148910246.jpg", imageAlt: "Color palette selection on smart board"}, { - title: "Smooth Stroke Smoothing", - description: "Ensure handwriting and drawings look impeccably clean and professional on large touchscreens with our bezier curve-based stroke smoothing technology, enhancing visual quality.", - imageSrc: "http://img.b2bpic.net/free-photo/two-young-girls-working-together-using-their-laptop-tablet_23-2149357733.jpg", - imageAlt: "Smooth handwriting on digital board", - }, + title: "Smooth Stroke Smoothing", description: "Ensure handwriting and drawings look impeccably clean and professional on large touchscreens with our bezier curve-based stroke smoothing technology, enhancing visual quality.", imageSrc: "http://img.b2bpic.net/free-photo/two-young-girls-working-together-using-their-laptop-tablet_23-2149357733.jpg", imageAlt: "Smooth handwriting on digital board"}, { - title: "Seamless Media Integration", - description: "Import and position external images and videos anywhere on your canvas with ease. Videos are fully interactive, resizable, draggable, and include intuitive play/pause/loop controls.", - imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-with-marker-blackboard-classroom_259150-60357.jpg", - imageAlt: "Media player on digital canvas", - }, + title: "Seamless Media Integration", description: "Import and position external images and videos anywhere on your canvas with ease. Videos are fully interactive, resizable, draggable, and include intuitive play/pause/loop controls.", imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-with-marker-blackboard-classroom_259150-60357.jpg", imageAlt: "Media player on digital canvas"}, ]} title="Dynamic Canvas & Multimedia Tools" description="Unleash creativity with an infinite canvas, advanced drawing tools, and seamless multimedia integration for engaging lessons." @@ -151,29 +108,13 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Interactive Geometry Tools", - description: "Utilize a precise Ruler, 180°/360° Protractor, and Compass that can be dragged, rotated, and resized to draw perfect lines and arcs effortlessly.", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-minimalistic-geometrical-figures-with-copy-space_23-2148830285.jpg", - imageAlt: "Interactive ruler and protractor", - }, + title: "Interactive Geometry Tools", description: "Utilize a precise Ruler, 180°/360° Protractor, and Compass that can be dragged, rotated, and resized to draw perfect lines and arcs effortlessly.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-minimalistic-geometrical-figures-with-copy-space_23-2148830285.jpg", imageAlt: "Interactive ruler and protractor"}, { - title: "Dynamic 2D/3D Shapes Engine", - description: "Draw and manipulate Squares, Circles, Triangles, Cones, Cylinders, and Cubes with dynamic 3D shading and animations for enhanced spatial understanding.", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-geometric-forms-with-copy-space_23-2148830195.jpg", - imageAlt: "3D geometric shapes on digital board", - }, + title: "Dynamic 2D/3D Shapes Engine", description: "Draw and manipulate Squares, Circles, Triangles, Cones, Cylinders, and Cubes with dynamic 3D shading and animations for enhanced spatial understanding.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-geometric-forms-with-copy-space_23-2148830195.jpg", imageAlt: "3D geometric shapes on digital board"}, { - title: "Equation Editor & Calculator", - description: "Access a powerful pop-up scientific and graphing calculator that can seamlessly render complex LaTeX math equations directly onto the board for real-time problem-solving.", - imageSrc: "http://img.b2bpic.net/free-photo/kid-concentrating-with-mathematics-homework-learning_53876-139747.jpg", - imageAlt: "Scientific calculator with LaTeX equations", - }, + title: "Equation Editor & Calculator", description: "Access a powerful pop-up scientific and graphing calculator that can seamlessly render complex LaTeX math equations directly onto the board for real-time problem-solving.", imageSrc: "http://img.b2bpic.net/free-photo/kid-concentrating-with-mathematics-homework-learning_53876-139747.jpg", imageAlt: "Scientific calculator with LaTeX equations"}, { - title: "3D Symbol Library", - description: "Explore a sidebar filled with rotatable, 3D-animated models of mathematical symbols, anatomical organs, and planetary models, perfect for interactive lessons.", - imageSrc: "http://img.b2bpic.net/free-photo/modern-medical-research-laboratory-with-two-scientists-using-computer-with-green-chroma-key-screen_482257-8204.jpg", - imageAlt: "3D models from a symbol library", - }, + title: "3D Symbol Library", description: "Explore a sidebar filled with rotatable, 3D-animated models of mathematical symbols, anatomical organs, and planetary models, perfect for interactive lessons.", imageSrc: "http://img.b2bpic.net/free-photo/modern-medical-research-laboratory-with-two-scientists-using-computer-with-green-chroma-key-screen_482257-8204.jpg", imageAlt: "3D models from a symbol library"}, ]} title="Comprehensive Math & Geometry Suite" description="Master complex equations and visualize geometric principles with interactive tools and 3D shapes." @@ -186,29 +127,13 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Interactive Periodic Table", - description: "Engage with a color-coded Periodic Table. Clicking an element opens a clean 3D popup showcasing its atomic structure, mass, and detailed properties.", - imageSrc: "http://img.b2bpic.net/free-photo/interior-empty-science-laboratory-with-modern-equipment-prepared-pharmaceutical-innovation-using-high-tech-microbiology-tools-scientific-research-vaccine-development-against-covid19-virus_482257-12800.jpg", - imageAlt: "Interactive Periodic Table with 3D element", - }, + title: "Interactive Periodic Table", description: "Engage with a color-coded Periodic Table. Clicking an element opens a clean 3D popup showcasing its atomic structure, mass, and detailed properties.", imageSrc: "http://img.b2bpic.net/free-photo/interior-empty-science-laboratory-with-modern-equipment-prepared-pharmaceutical-innovation-using-high-tech-microbiology-tools-scientific-research-vaccine-development-against-covid19-virus_482257-12800.jpg", imageAlt: "Interactive Periodic Table with 3D element"}, { - title: "Virtual Electronics Lab", - description: "Drag-and-drop components like Batteries, Lightbulbs, Wires, and Switches. Components snap together dynamically, completing circuits and lighting up bulbs for real-time simulation.", - imageSrc: "http://img.b2bpic.net/free-photo/mockup-pc-display-photovoltaics-factory-used-monitor-system-performance_482257-120524.jpg", - imageAlt: "Virtual electronics circuit simulation", - }, + title: "Virtual Electronics Lab", description: "Drag-and-drop components like Batteries, Lightbulbs, Wires, and Switches. Components snap together dynamically, completing circuits and lighting up bulbs for real-time simulation.", imageSrc: "http://img.b2bpic.net/free-photo/mockup-pc-display-photovoltaics-factory-used-monitor-system-performance_482257-120524.jpg", imageAlt: "Virtual electronics circuit simulation"}, { - title: "Chemistry Lab Simulator", - description: "Interact with virtual beakers, flasks, and burners. Mix common acids and bases from a dropdown to trigger visual color changes and basic pH simulations.", - imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-equipment-soldering-working-home_1157-47196.jpg", - imageAlt: "Virtual chemistry lab with pH simulation", - }, + title: "Chemistry Lab Simulator", description: "Interact with virtual beakers, flasks, and burners. Mix common acids and bases from a dropdown to trigger visual color changes and basic pH simulations.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-equipment-soldering-working-home_1157-47196.jpg", imageAlt: "Virtual chemistry lab with pH simulation"}, { - title: "Global System Bar & Backgrounds", - description: "A top floating status bar displays a real-time digital clock and battery status. Toggle between Grid, Lined, Pure White, Blackboard Green, and Dark Mode backgrounds for optimal teaching scenarios.", - imageSrc: "http://img.b2bpic.net/free-photo/smart-home-screen-panel-monitor-wall_53876-96310.jpg", - imageAlt: "Global system bar and background selector", - }, + title: "Global System Bar & Backgrounds", description: "A top floating status bar displays a real-time digital clock and battery status. Toggle between Grid, Lined, Pure White, Blackboard Green, and Dark Mode backgrounds for optimal teaching scenarios.", imageSrc: "http://img.b2bpic.net/free-photo/smart-home-screen-panel-monitor-wall_53876-96310.jpg", imageAlt: "Global system bar and background selector"}, ]} title="Hands-On Science Lab Simulator" description="Explore the building blocks of the universe and conduct virtual experiments safely within an immersive environment." @@ -222,45 +147,19 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "basic", - badge: "Individual", - badgeIcon: Sparkles, - price: "$19/month", - subtitle: "For personal use by one educator", - features: [ - "Unlimited Canvas & Tools", - "Standard Support", - "Monthly Updates", - "Access to Core Features", - ], + id: "basic", badge: "Individual", badgeIcon: Sparkles, + price: "$19/month", subtitle: "For personal use by one educator", features: [ + "Unlimited Canvas & Tools", "Standard Support", "Monthly Updates", "Access to Core Features"], }, { - id: "pro", - badge: "Classroom", - badgeIcon: Star, - price: "$99/month", - subtitle: "Ideal for a single classroom or department", - features: [ - "All Basic Features", - "5 User Licenses", - "Priority Support", - "Advanced Analytics", - "Exclusive Content Library", - ], + id: "pro", badge: "Classroom", badgeIcon: Star, + price: "$99/month", subtitle: "Ideal for a single classroom or department", features: [ + "All Basic Features", "5 User Licenses", "Priority Support", "Advanced Analytics", "Exclusive Content Library"], }, { - id: "enterprise", - badge: "Institution", - badgeIcon: Award, - price: "Custom Quote", - subtitle: "Tailored for schools, districts, or universities", - features: [ - "All Pro Features", - "Unlimited User Licenses", - "Dedicated Account Manager", - "On-site Training & Integration", - "Customizable Branding", - ], + id: "enterprise", badge: "Institution", badgeIcon: Award, + price: "Custom Quote", subtitle: "Tailored for schools, districts, or universities", features: [ + "All Pro Features", "Unlimited User Licenses", "Dedicated Account Manager", "On-site Training & Integration", "Customizable Branding"], }, ]} title="Flexible Plans for Every Educator" @@ -273,35 +172,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah J.", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-office_1301-3828.jpg", - imageAlt: "Sarah Johnson, Science Teacher", - }, + id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-office_1301-3828.jpg", imageAlt: "Sarah Johnson, Science Teacher"}, { - id: "2", - name: "Dr. Lee M.", - imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-books-lecture-hall_23-2147679197.jpg", - imageAlt: "Dr. Lee Ming, University Professor", - }, + id: "2", name: "Dr. Lee M.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-books-lecture-hall_23-2147679197.jpg", imageAlt: "Dr. Lee Ming, University Professor"}, { - id: "3", - name: "Emily R.", - imageSrc: "http://img.b2bpic.net/free-photo/happy-teacher-sitting-her-desk_23-2148668556.jpg", - imageAlt: "Emily Rodriguez, Elementary Teacher", - }, + id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-teacher-sitting-her-desk_23-2148668556.jpg", imageAlt: "Emily Rodriguez, Elementary Teacher"}, { - id: "4", - name: "John D.", - imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg", - imageAlt: "John Davis, IT Administrator", - }, + id: "4", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg", imageAlt: "John Davis, IT Administrator"}, { - id: "5", - name: "Principal A.", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-focused-man-typing-laptop_74855-4256.jpg", - imageAlt: "Principal Alice Chen", - }, + id: "5", name: "Principal A.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-focused-man-typing-laptop_74855-4256.jpg", imageAlt: "Principal Alice Chen"}, ]} cardTitle="Hear From Our Educators" cardTag="Trusted" @@ -315,25 +194,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq-1", - title: "What devices are compatible with SmartBoard Pro?", - content: "SmartBoard Pro is optimized for large classroom touchscreens running modern operating systems, including Windows, macOS, and select Android tablets. Full multi-touch support is ensured on compatible hardware.", - }, + id: "faq-1", title: "What devices are compatible with SmartBoard Pro?", content: "SmartBoard Pro is optimized for large classroom touchscreens running modern operating systems, including Windows, macOS, and select Android tablets. Full multi-touch support is ensured on compatible hardware."}, { - id: "faq-2", - title: "Can I import existing lesson plans or presentations?", - content: "Yes, SmartBoard Pro allows seamless import of common image and video formats. You can also easily integrate content from cloud storage and position it anywhere on the infinite canvas.", - }, + id: "faq-2", title: "Can I import existing lesson plans or presentations?", content: "Yes, SmartBoard Pro allows seamless import of common image and video formats. You can also easily integrate content from cloud storage and position it anywhere on the infinite canvas."}, { - id: "faq-3", - title: "Is there training available for educators?", - content: "Absolutely! We offer comprehensive tutorials and documentation. For institutional plans, dedicated onboarding, and on-site training sessions can be arranged to ensure a smooth transition and maximum utility.", - }, + id: "faq-3", title: "Is there training available for educators?", content: "Absolutely! We offer comprehensive tutorials and documentation. For institutional plans, dedicated onboarding, and on-site training sessions can be arranged to ensure a smooth transition and maximum utility."}, { - id: "faq-4", - title: "How does the 3D animation work for shapes and models?", - content: "Our application leverages hardware-accelerated 3D animations and rendering (using Three.js or CSS 3D transforms) to ensure smooth, realistic movement and shading for all dynamic shapes, models, and UI transitions.", - }, + id: "faq-4", title: "How does the 3D animation work for shapes and models?", content: "Our application leverages hardware-accelerated 3D animations and rendering (using Three.js or CSS 3D transforms) to ensure smooth, realistic movement and shading for all dynamic shapes, models, and UI transitions."}, ]} imageSrc="http://img.b2bpic.net/free-photo/abstract-chaos-blue-tunnel-background_1017-3418.jpg" imageAlt="Stylized 3D question mark" @@ -349,8 +216,7 @@ export default function LandingPage() {