@@ -3,7 +3,9 @@ import Layout from '@theme/Layout';
33import Link from '@docusaurus/Link' ;
44import useDocusaurusContext from '@docusaurus/useDocusaurusContext' ;
55import Translate , { translate } from '@docusaurus/Translate' ;
6+ import { motion } from 'framer-motion' ;
67import commitInfo from '../../../src/data/commitInfo.json' ;
8+ import '../../../src/pages/Home.css' ;
79
810export default function Home ( ) : JSX . Element {
911 const { siteConfig } = useDocusaurusContext ( ) ;
@@ -17,57 +19,105 @@ export default function Home(): JSX.Element {
1719 } ) }
1820 >
1921 < main >
22+ < div className = "animated-background" />
2023 < section className = "hero hero--primary" >
2124 < div className = "container" >
22- < h1 className = "hero__title" >
25+ < motion . img
26+ src = "/img/XRobot.png"
27+ alt = "XRobot Logo"
28+ initial = { { opacity : 0 } }
29+ animate = { { opacity : 1 } }
30+ transition = { { duration : 1 } }
31+ style = { { width : '240px' , marginBottom : '1rem' } }
32+ />
33+
34+ < motion . h1
35+ className = "hero__title typewriter"
36+ initial = { { opacity : 0 , y : 30 } }
37+ animate = { { opacity : 1 , y : 0 } }
38+ transition = { { duration : 0.8 } }
39+ >
2340 < Translate id = "homepage.heroTitle" > Welcome to XRobot</ Translate >
24- </ h1 >
25- < p className = "hero__subtitle" >
41+ </ motion . h1 >
42+
43+ < motion . p
44+ className = "hero__subtitle"
45+ initial = { { opacity : 0 , y : 20 } }
46+ animate = { { opacity : 1 , y : 0 } }
47+ transition = { { delay : 0.3 , duration : 0.8 } }
48+ >
2649 < Translate id = "homepage.heroSubtitle" >
27- A documentation and tutorial platform for robotics and embedded developers
50+ A documentation and tutorial platform for robotics/ embedded developers.
2851 </ Translate >
29- </ p >
30- < div className = "buttons" >
31- < Link className = "button button--secondary button--lg" to = "/docs/intro" >
52+ </ motion . p >
53+
54+ < motion . div
55+ className = "buttons"
56+ initial = { { opacity : 0 , scale : 0.95 } }
57+ animate = { { opacity : 1 , scale : 1 } }
58+ transition = { { delay : 0.6 , duration : 0.6 } }
59+ >
60+ < Link
61+ className = "button button--secondary button--lg"
62+ to = "/docs/intro"
63+ >
3264 < Translate id = "homepage.getStarted" > Get Started</ Translate >
3365 </ Link >
34- </ div >
66+ </ motion . div >
3567 </ div >
3668 </ section >
3769
3870 < section className = "features" >
3971 < div className = "container" >
4072 < div className = "row" >
4173 < div className = "col col--3" >
42- < h3 > < Translate id = "homepage.feature1.title" > Documentation Support</ Translate > </ h3 >
43- < p > < Translate id = "homepage.feature1.content" >
44- Content is organized in modular blocks, covering setup, tutorials, and advanced usage for easy reference and maintenance.
45- </ Translate > </ p >
74+ < h3 >
75+ < Translate id = "homepage.feature1.title" > Documentation Support</ Translate >
76+ </ h3 >
77+ < p >
78+ < Translate id = "homepage.feature1.content" >
79+ Organize all kinds of project content in a modular way—from environment setup to advanced usage—making it easy to maintain and browse.
80+ </ Translate >
81+ </ p >
4682 </ div >
4783 < div className = "col col--3" >
48- < h3 > < Translate id = "homepage.feature2.title" > Complete Ecosystem</ Translate > </ h3 >
49- < p > < Translate id = "homepage.feature2.content" >
50- Supports Windows/Linux, and provides Docker images for modular design and automation workflows.
51- </ Translate > </ p >
84+ < h3 >
85+ < Translate id = "homepage.feature2.title" > Complete Ecosystem</ Translate >
86+ </ h3 >
87+ < p >
88+ < Translate id = "homepage.feature2.content" >
89+ Development environments support both Windows and Linux, with Docker images to enable modular design and automation.
90+ </ Translate >
91+ </ p >
5292 </ div >
5393 < div className = "col col--3" >
54- < h3 > < Translate id = "homepage.feature3.title" > Powerful Features</ Translate > </ h3 >
55- < p > < Translate id = "homepage.feature3.content" >
56- From peripheral and RTOS support to coordinate transforms and kinematics algorithms, XRobot is your Swiss army knife for development.
57- </ Translate > </ p >
94+ < h3 >
95+ < Translate id = "homepage.feature3.title" > Powerful Features</ Translate >
96+ </ h3 >
97+ < p >
98+ < Translate id = "homepage.feature3.content" >
99+ From supporting various peripherals and RTOSes to coordinate transformations and kinematic solvers, XRobot is your Swiss army knife for development.
100+ </ Translate >
101+ </ p >
58102 </ div >
59103 < div className = "col col--3" >
60- < h3 > < Translate id = "homepage.feature4.title" > Open Collaboration</ Translate > </ h3 >
61- < p > < Translate id = "homepage.feature4.content" >
62- Contributions are welcome. Help improve the content and build a better XRobot together.
63- </ Translate > </ p >
104+ < h3 >
105+ < Translate id = "homepage.feature4.title" > Open Source Collaboration</ Translate >
106+ </ h3 >
107+ < p >
108+ < Translate id = "homepage.feature4.content" >
109+ Contributors are welcome to help expand and improve content—let’s build a better XRobot together.
110+ </ Translate >
111+ </ p >
64112 </ div >
65113 </ div >
66114 </ div >
67115 </ section >
68116
69117 < section className = "container margin-top--lg" >
70- < h2 > < Translate id = "homepage.versionTitle" > Repository Versions</ Translate > </ h2 >
118+ < h2 >
119+ < Translate id = "homepage.versionTitle" > Current Repository Versions</ Translate >
120+ </ h2 >
71121 < ul >
72122 XRobot: < code > { commitInfo . XRobot || 'N/A' } </ code > { ' ' }
73123 libxr: < code > { commitInfo . LibXR || 'N/A' } </ code > { ' ' }
@@ -77,8 +127,8 @@ export default function Home(): JSX.Element {
77127
78128 < section className = "container margin-top--lg" >
79129 < ul >
80- This documentation includes usage and coding tutorials only.
81- For API and CLI documentation , please refer to the Documents section in the footer.
130+ This documentation only includes usage guides and coding tutorials.
131+ For API references and CLI tools , please see the Documents section in the footer.
82132 </ ul >
83133 </ section >
84134 </ main >
0 commit comments