<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Pilieri Studio AI - Revolutionise Your Business with AI</title>

    <link rel="stylesheet" href="css/style.css">

    <link rel="preconnect" href="https://fonts.googleapis.com">

    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">

    </head>

<body>


    <header>

        <div class="container">

            <div class="site-header">

                <div class="logo">

                    <a href="index.html">

                        <img src="images/logo.png" alt="Pilieri Studio AI Logo">

                        </a>

                </div>

                <nav class="main-nav">

                    <ul>

                        <li><a href="#services">Services</a></li>

                        <li><a href="#approach">Approach</a></li>

                        <li><a href="#use-cases">Use Cases</a></li>

                        <li><a href="#contact">Contact</a></li>

                        </ul>

                </nav>

                <button class="menu-toggle" aria-label="Toggle navigation">

                    &#9776; </button>

            </div>

        </div>

    </header>


    <section class="hero-section">

        <div class="container">

            <div class="hero-content">

                <h1>Revolutionise Your Business with AI</h1>

                <p>We are an AI solutions company based in Florida, United States dedicated to helping businesses leverage the power of Artificial Intelligence to drive innovation, efficiency, and growth.</p>

                <a href="#contact" class="cta-button">Get in Touch</a>

            </div>

        </div>

    </section>


    <section id="services" class="services-section">

        <div class="container">

            <h2>Our AI Services</h2>

            <div class="services-grid">

                <div class="service-item">

                    <h3>AI Strategy & Consulting</h3>

                    <p>Helping you identify opportunities where AI can provide the most value and create a roadmap for implementation...</p>

                </div>

                <div class="service-item">

                    <h3>Custom AI Development</h3>

                    <p>Building bespoke AI models and solutions tailored to your specific business needs and challenges...</p>

                </div>

                <div class="service-item">

                     <h3>AI Integration & Deployment</h3>

                    <p>Seamlessly integrating AI solutions into your existing workflows, systems, and infrastructure...</p>

                </div>

                 <div class="service-item">

                     <h3>Data Science & Analytics</h3>

                    <p>Leveraging your data to build powerful analytical models, extract insights, and inform decision-making...</p>

                </div>

            </div>

        </div>

    </section>


    <section id="approach" class="approach-section">

         <div class="container">

            <h2>Our Approach</h2>

            <div class="approach-content">

                <p>We follow a structured approach to ensure successful AI implementation...</p>

                <ul>

                    <li>Understanding your business needs</li>

                    <li>Data analysis and preparation</li>

                    <li>Model development and training</li>

                    <li>Deployment and monitoring</li>

                    </ul>

                <div class="features-grid">

                    <div class="feature-item">

                        <h3>Expert Team</h3>

                        <p>Our team consists of experienced AI professionals...</p>

                    </div>

                     <div class="feature-item">

                        <h3>Tailored Solutions</h3>

                        <p>We build solutions specific to your requirements...</p>

                    </div>

                     <div class="feature-item">

                        <h3>Results-Driven</h3>

                        <p>Focused on delivering measurable business outcomes...</p>

                    </div>

                     </div>

            </div>

         </div>

    </section>


     <section id="use-cases" class="use-cases-section">

        <div class="container">

            <h2>AI Use Cases & Benefits</h2>

            <div class="use-cases-grid">

                <div class="use-case-item">

                    <h3>Automated Processes</h3>

                    <p>Streamline operations and reduce manual effort...</p>

                </div>

                 <div class="use-case-item">

                    <h3>Enhanced Customer Experience</h3>

                    <p>Personalize interactions and improve satisfaction...</p>

                </div>

                 <div class="use-case-item">

                    <h3>Predictive Analytics</h3>

                    <p>Forecast trends and make data-driven decisions...</p>

                </div>

                </div>

        </div>

    </section>


    <section class="testimonials-section">

        <div class="container">

            <h2>What Our Clients Say</h2>

            <div class="testimonials-container">

                <div class="testimonial-item">

                    <p>"Pilieri Studio AI helped us implement an AI solution that significantly improved our efficiency."</p>

                    <div class="client-info">

                        <p><strong>Client Name</strong><br>[Client Title/Company]</p>

                    </div>

                </div>

                 <div class="testimonial-item">

                    <p>"Their expertise in AI development is truly impressive. Highly recommend!"</p>

                    <div class="client-info">

                         <p><strong>Another Client</strong><br>[Client Title/Company]</p>

                    </div>

                </div>

                </div>

        </div>

    </section>


    <section id="contact" class="contact-section">

        <div class="container">

            <h2>Get in Touch</h2>

            <p>Have a project in mind? Want to learn more about how AI can help your business? Contact us today.</p>


            <div class="contact-grid">

                <div class="contact-info">

                    <p><strong>Email:</strong> <a href="mailto:leandra@pilieristudio.com">leandra@pilieristudio.com</a></p>

                    <p><strong>Phone:</strong> [Your Phone Number]</p>

                    <p><strong>Address:</strong> [Your Address]</p>

                    </div>

                <div class="contact-form">

                    <form action="[your-backend-script-url]" method="POST">

                        <div class="form-group">

                            <label for="name">Name:</label>

                            <input type="text" id="name" name="name" required>

                        </div>

                        <div class="form-group">

                            <label for="email">Email:</label>

                            <input type="email" id="email" name="email" required>

                        </div>

                        <div class="form-group">

                            <label for="subject">Subject:</label>

                            <input type="text" id="subject" name="subject">

                        </div>

                        <div class="form-group">

                            <label for="message">Message:</label>

                            <textarea id="message" name="message" rows="5" required></textarea>

                        </div>

                        <button type="submit" class="cta-button">Send Message</button>

                    </form>

                </div>

            </div>

        </div>

    </section>


    <footer>

        <div class="container">

            <div class="footer-content">

                <p>&copy; 2024 Pilieri Studio AI. All rights reserved.</p>

                <div class="footer-links">

                    <a href="#">Privacy Policy</a>

                    <a href="#">Terms of Service</a>

                </div>

            </div>

        </div>

    </footer>


    <script src="js/script.js"></script>


</body>

</html>