pixies

1import "./styles.sass";
2import Screenshot1 from "@/common/assets/sc1.png";
3import Screenshot2 from "@/common/assets/sc2.png";
4
5export const Features = () => {
6    return (
7        <section className="features-section">
8            <div className="feature-block">
9                <div className="feature-content">
10                    <span className="feature-label">Automated Testing</span>
11                    <h3>Set it and forget it</h3>
12                    <p>
13                        Configure your test schedule once and let Pixies handle the rest. 
14                        Tests run automatically in the background with support for multiple providers.
15                    </p>
16                </div>
17                <div className="feature-image">
18                    <img src={Screenshot1} alt="Automated speed testing interface"/>
19                </div>
20            </div>
21
22            <div className="feature-block feature-reverse">
23                <div className="feature-content">
24                    <span className="feature-label">Analytics</span>
25                    <h3>Track your performance</h3>
26                    <p>
27                        View your speed history with clear visualizations. Identify patterns, 
28                        detect issues, and keep your ISP accountable.
29                    </p>
30                </div>
31                <div className="feature-image">
32                    <img src={Screenshot2} alt="Speed test analytics dashboard"/>
33                </div>
34            </div>
35        </section>
36    )
37}