@@ -21,11 +21,11 @@ const slides = [
2121function HeroSlideshow ( ) {
2222 const [ active , setActive ] = useState ( 0 ) ;
2323
24- // Auto slideshow
2524 useEffect ( ( ) => {
2625 const timer = setInterval ( ( ) => {
2726 setActive ( ( prev ) => ( prev + 1 ) % slides . length ) ;
2827 } , 4000 ) ;
28+
2929 return ( ) => clearInterval ( timer ) ;
3030 } , [ ] ) ;
3131
@@ -38,21 +38,19 @@ function HeroSlideshow() {
3838 className = { `docwire__hero-slide ${ i === active ? 'active' : '' } ` }
3939 aria-hidden = { i !== active }
4040 >
41- < img
42- src = { slide . image }
41+ < img
42+ src = { slide . image }
4343 alt = { slide . alt }
4444 className = "docwire__hero-slide-image"
4545 />
4646 </ div >
4747 ) ) }
4848 </ div >
4949
50- { /* Caption */ }
5150 < p className = "docwire__hero-slide-caption" >
5251 { slides [ active ] . label }
5352 </ p >
5453
55- { /* Dots */ }
5654 < div className = "docwire__hero-slideshow_dots" >
5755 { slides . map ( ( _ , i ) => (
5856 < button
@@ -70,16 +68,21 @@ function HeroSlideshow() {
7068function HomeHeader ( ) {
7169 return (
7270 < div className = "docwire__header section" >
71+
7372 < h1 className = "docwire__header-h1 text-display" >
7473 DocWire SDK: Award-winning modern data processing in C++20
7574 </ h1 >
7675
7776 < div className = "docwire__header-content" >
77+
7878 < div className = "docwire__header-text" >
79+
7980 < p className = "docwire__header-description" >
80- DocWire is a powerful data extraction tool that converts unstructured documents
81- into searchable and editable data. Powered by Tesseract OCR, it handles PDFs,
82- images, MS Office files, emails, and attachments with high accuracy and performance.
81+ DocWire is a powerful data extraction tool that converts
82+ unstructured documents into searchable and editable data.
83+ Powered by Tesseract OCR, it handles PDFs, images,
84+ MS Office files, emails, and attachments with high
85+ accuracy and performance.
8386 </ p >
8487
8588 < div className = "docwire__header-ctas" >
@@ -91,13 +94,19 @@ function HomeHeader() {
9194 >
9295 Download SDK
9396 </ a >
94- < Link to = "/contact-us" className = "button-pill docwire__header-cta-secondary" >
97+
98+ < Link
99+ to = "/contact-us"
100+ className = "button-pill docwire__header-cta-secondary"
101+ >
95102 Contact Us
96103 </ Link >
97104 </ div >
105+
98106 </ div >
99107
100108 < HeroSlideshow />
109+
101110 </ div >
102111 </ div >
103112 ) ;
0 commit comments