<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        1911mainstreet.com    </title>
    <style>
        :root {
            --primary-color: #1a1a1a;
            --secondary-color: #f8f9fa;
            --accent-color: #c5a059;
            --background-color: #ffffff;
            --text-color: #333333;
            --sidebar-width: 250px;
            --container-max: 1100px;
            --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            background-color: var(--background-color);
            color: var(--text-color);
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Navigation */
        nav {
            position: fixed;
            top: 0;
            width: 100%;
            height: 80px;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            transition: var(--transition);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

        nav.scrolled {
            height: 60px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
        }

        nav ul {
            display: flex;
            list-style: none;
            gap: 2rem;
        }

        nav ul li a {
            text-decoration: none;
            color: var(--text-color);
            text-transform: uppercase;
            font-size: 0.8rem;
            letter-spacing: 1px;
            font-weight: 600;
            transition: var(--transition);
            position: relative;
        }

        nav ul li a::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--accent-color);
            transition: var(--transition);
        }

        nav ul li a:hover::after,
        nav ul li a.active::after {
            width: 100%;
        }

        nav ul li a:hover {
            color: var(--accent-color);
        }

        /* Layout Structure */
        .wrapper {
            max-width: var(--container-max);
            margin: 100px auto 0;
            display: flex;
            gap: 40px;
            padding: 0 20px;
        }

        main {
            flex: 1;
            min-width: 0;
        }

        aside {
            width: var(--sidebar-width);
            position: sticky;
            top: 100px;
            height: fit-content;
        }

        /* Sidebar Widgets */
        .widget {
            background: var(--secondary-color);
            padding: 25px;
            margin-bottom: 30px;
            border-radius: 4px;
            border-left: 4px solid var(--accent-color);
        }

        .widget h3 {
            font-size: 1.1rem;
            margin-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* Sections */
        section {
            padding: 80px 0;
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }

        section.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .hero {
            height: 80vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('assets/hero.jpg');
            background-size: cover;
            background-position: center;
            color: white;
            margin-bottom: 60px;
            border-radius: 4px;
        }

        .hero h1 {
            font-size: 4rem;
            font-weight: 300;
            letter-spacing: 8px;
            text-transform: uppercase;
        }

        h2 {
            font-size: 2.5rem;
            margin-bottom: 40px;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: relative;
        }

        h2::after {
            content: '';
            display: block;
            width: 50px;
            height: 3px;
            background: var(--accent-color);
            margin-top: 15px;
        }

        img {
            max-width: 100%;
            height: auto;
            border-radius: 4px;
            transition: var(--transition);
        }

        img:hover {
            transform: scale(1.02);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        /* Services Grid */
        .services-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }

        .service-card {
            background: var(--secondary-color);
            padding: 40px;
            transition: var(--transition);
        }

        .service-card:hover {
            background: var(--primary-color);
            color: white;
        }

        /* Reviews */
        .reviews-container {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .review-card {
            background: var(--secondary-color);
            padding: 30px;
            border-radius: 4px;
        }

        .review-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
        }

        .rating {
            color: var(--accent-color);
        }

        /* Statistics */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-bottom: 50px;
        }

        .stat-item {
            text-align: center;
            padding: 30px;
        }

        .stat-number {
            font-size: 3rem;
            font-weight: 700;
            color: var(--accent-color);
            display: block;
        }

        #chart-container {
            width: 100%;
            height: 300px;
            display: flex;
            align-items: flex-end;
            gap: 10px;
            padding: 20px;
            background: var(--secondary-color);
        }

        .chart-bar {
            flex: 1;
            background: var(--accent-color);
            transition: height 1s ease;
            height: 0;
        }

        /* Legal sections styles */
        .legal-content p {
            margin-bottom: 20px;
            color: #555;
            font-size: 0.95rem;
        }

        /* Contact form */
        .form-group {
            margin-bottom: 20px;
        }

        label {
            display: block;
            margin-bottom: 5px;
            font-weight: 600;
            font-size: 0.8rem;
            text-transform: uppercase;
        }

        input,
        textarea {
            width: 100%;
            padding: 15px;
            border: 1px solid #ddd;
            background: var(--secondary-color);
            border-radius: 4px;
            outline: none;
            transition: var(--transition);
        }

        input:focus,
        textarea:focus {
            border-color: var(--accent-color);
        }

        button {
            background: var(--primary-color);
            color: white;
            padding: 15px 40px;
            border: none;
            text-transform: uppercase;
            letter-spacing: 2px;
            cursor: pointer;
            transition: var(--transition);
            font-weight: 600;
        }

        button:hover {
            background: var(--accent-color);
            transform: translateY(-2px);
        }

        /* Unsubscribe */
        #unsubscribe {
            background: var(--secondary-color);
            padding: 60px;
            text-align: center;
        }

        .alert {
            padding: 15px;
            margin-bottom: 20px;
            background: #d4edda;
            color: #155724;
            border-radius: 4px;
        }

        footer {
            text-align: center;
            padding: 50px;
            border-top: 1px solid #eee;
            margin-top: 80px;
            font-size: 0.8rem;
            color: #888;
        }

        @media (max-width: 900px) {
            .wrapper {
                flex-direction: column;
            }

            aside {
                width: 100%;
                position: static;
            }

            .services-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>

<body>

    <nav id="navbar">
        <ul>
            <li><a href="#about">About</a></li>
            <li><a href="#services">Services</a></li>
            <li><a href="#reviews">Reviews</a></li>
            <li><a href="#statistics">Statistics</a></li>
            <li><a href="#privacy-policy">Privacy Policy</a></li>
            <li><a href="#disclaimer">Disclaimer</a></li>
            <li><a href="#contact">Contact</a></li>
            <li><a href="#unsubscribe">Unsubscribe</a></li>
        </ul>
    </nav>

    <div class="wrapper">
        <main>
            <section id="about" class="hero visible"
                style="background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('assets/hero.jpg');">
                <div>
                    <h1>Minimalist Architecture</h1>
                    <p>Substance beyond form. Space beyond structure.</p>
                </div>
            </section>

            <section id="content-about">
                <h2>Our Philosophy</h2>
                <div style="display: flex; gap: 30px; align-items: center;">
                    <div style="flex: 1;">
                        <img src="assets/about.jpg"
                            alt="Interior detail of minimalist architecture focusing on the intersection of a raw concrete wall and a warm oak wooden floor, soft diffused natural light from a hidden skylight, elegant shadows, extremely clean and high precision. No people.">
                    </div>
                    <div style="flex: 1;">
                        <p>We believe that architecture is the art of silence. By stripping away the unnecessary, we
                            reveal the essential beauty of materials, light, and geometry. Our designs are not just
                            buildings; they are experiences of clarity and calm.</p>
                        <p>Every line is intentional. Every void is purposeful. We create spaces that breathe and
                            inspire contemplation in a cluttered world.</p>
                    </div>
                </div>
            </section>

            <section id="services">
                <h2>Architectural Excellence</h2>
                <div class="services-grid">
                    <div class="service-card">
                        <h3>Residential Design</h3>
                        <p>Bespoke minimalist villas that harmonize with their natural surroundings, focusing on flow
                            and light.</p>
                    </div>
                    <div class="service-card">
                        <h3>Commercial Spaces</h3>
                        <p>Sophisticated corporate environments that enhance productivity through spatial clarity and
                            raw aesthetics.</p>
                    </div>
                    <div class="service-card">
                        <h3>Urban Planning</h3>
                        <p>Sustainable city solutions that prioritize openness and human connection within the urban
                            fabric.</p>
                    </div>
                    <div class="service-card">
                        <h3>Interior Curation</h3>
                        <p>Holistic interior design that complements the architectural shell with curated textures and
                            lighting.</p>
                    </div>
                </div>
                <div class="hero"
                    style="background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url('assets/services.jpg'); height: 60vh; margin-top: 40px;">
                </div>
            </section>

            <section id="reviews">
                <h2>Visionary Feedback</h2>
                <div class="reviews-container">
                    <div class="review-card">
                        <div class="review-header">
                            <strong>Julian Thorne</strong>
                            <span class="rating">★★★★★</span>
                        </div>
                        <p>"The residence they designed for us is a sanctuary. The way they manipulate light throughout
                            the day is nothing short of magical."</p>
                    </div>
                    <div class="review-card">
                        <div class="review-header">
                            <strong>Elena Vance</strong>
                            <span class="rating">★★★★★</span>
                        </div>
                        <p>"Elegant, precise, and profoundly functional. They understood our need for minimalist luxury
                            perfectly."</p>
                    </div>
                    <div class="review-card">
                        <div class="review-header">
                            <strong>Marcus Chen</strong>
                            <span class="rating">★★★★☆</span>
                        </div>
                        <p>"A rare team that respects the environment. Their use of raw materials created a texture we
                            couldn't find elsewhere."</p>
                    </div>
                </div>
            </section>

            <section id="statistics">
                <h2>The Impact</h2>
                <div class="stats-grid">
                    <div class="stat-item">
                        <span class="stat-number" data-target="150">0</span>
                        <p>Global Projects</p>
                    </div>
                    <div class="stat-item">
                        <span class="stat-number" data-target="24">0</span>
                        <p>Design Awards</p>
                    </div>
                    <div class="stat-item">
                        <span class="stat-number" data-target="12">0</span>
                        <p>Years Excellence</p>
                    </div>
                </div>
                <h3>Project Growth</h3>
                <div id="chart-container">
                    <div class="chart-bar" data-height="40%"></div>
                    <div class="chart-bar" data-height="60%"></div>
                    <div class="chart-bar" data-height="55%"></div>
                    <div class="chart-bar" data-height="85%"></div>
                    <div class="chart-bar" data-height="95%"></div>
                </div>
            </section>

            <section id="privacy-policy">
                <h2>Privacy Policy</h2>
                <div class="legal-content">
                    <p>This Privacy Policy explains our policy regarding the privacy of information supplied by users or
                        collected by us from users of this web site or from other third parties. Because we want to
                        build users' trust and confidence in our privacy practices, we want to disclose them to you.</p>

                    <p><b>Changes in this Privacy Statement</b></p>
                    <p>If we decide to change our privacy policy, we will post those changes to this privacy statement,
                        the home page, and other places we deem appropriate so that you are aware of what information we
                        collect, how we use it, and under what circumstances, if any, we disclose it.
                        We reserve the right to modify this privacy statement at any time, so please review it
                        frequently. If we make material changes to this policy, we will notify you here, by email, or by
                        means of a notice on our home page.</p>

                    <p><b>Registration Newsletter/ Frequency of Mailings</b></p>
                    <p>By registering to our newsletter, you are agreeing to receive our newsletters on a daily basis.
                        <b>
                            1911mainstreet.com                        </b> has the right to change frequency of delivery of its newsletters without notice.
                    </p>

                    <p><b>Collection and Use of information</b></p>
                    <p>We respect your right to privacy. <b>
                            1911mainstreet.com                        </b> received your information from your submission to us or through one of our affiliates.
                        1911mainstreet.com is the owner of the information that you provided in any
                        registration process. Your email address and any other identifying information that you give us
                        will not be revealed to any third party, including any of the direct marketers who may use us to
                        pass offers to you.
                    </p>

                    <p>We use the information that you provided primarily to send you our newsletters. Moreover, the
                        information subscribers give us is sometimes used to send prizes, verify legal age, and to send
                        third-party mailings based on the interests that each individual subscriber has opted-in for. We
                        may also collect and report to third parties (such as affiliates, content and service providers,
                        and advertisers) aggregated information from our web site. For example, we may aggregate and
                        report to third parties that X people purchased a particular product during a month, or that Y%
                        of visitors to this web site are between the ages 25-34.</p>

                    <p>From time to time, we may provide you the opportunity to participate in contests or surveys on
                        our site. If you participate, we will request certain personally identifiable information from
                        you. Participation in these surveys or contests is completely voluntary and you, therefore, have
                        a choice whether or not to disclose this information. The requested information typically
                        includes contact information (such as name and shipping address), and demographic information
                        (such as zip code).</p>

                    <p>As is true of most web sites, we also gather certain information automatically and store it in
                        log files. This information includes internet protocol (IP) addresses, browser type, internet
                        service provider (ISP), referring/exit pages, operating system, date/time stamp, and click
                        stream data. We use this information, which does not identify individual users, to analyze
                        trends, to administer the site, to track users' movements around the site and to gather
                        demographic information about our user base as a whole. We do link this automatically-collected
                        data to personally identifiable information like IP addresses and email addresses. However, this
                        is solely for internal uses and used to verify appropriate registration methods.</p>

                    <p>Finally, <b>
                            1911mainstreet.com                        </b> may disclose subscriber information in response to subpoenas, court orders, and other legal
                        processes.</p>

                    <p><b>Children</b></p>
                    <p>We are committed to the safety of children and do not intend to collect personally identifiable
                        information from children under age 18. If you are under age 18, please ask your parent for
                        permission before sending any information to our site or anyone else online. Have your parent
                        contact us as indicated below in order to provide us with prior written consent. We will not
                        intentionally use personal information from or send marketing communications to children under
                        age 13 without prior parental consent.</p>

                    <p><b>Cookies</b></p>
                    <p>A cookie is a small text file that is stored on a user's computer for record-keeping purposes. We
                        do not use cookies on this site. This privacy statement covers the use of cookies by this site
                        only and does not cover the use of cookies by any advertisers.</p>

                    <p><b>Aggregate Information (non-personally identifiable)</b></p>
                    <p>We maintain the right to share aggregated demographic information about our subscriber base with
                        our partners and advertisers. This information does not identify individual subscribers. We do
                        not link aggregate user data with personally identifiable information.</p>

                    <p><b>Third-Party Links</b></p>
                    <p>For your convenience, our newsletter contains links to third-party web sites that are not owned
                        or controlled by us. We are not responsible for the privacy practices of these other web sites.
                        We encourage you to note when you follow links in our newsletters and to read the privacy
                        statements of these other web sites. We encourage you to be aware when you leave our newsletter
                        and to read the privacy statements of each and every web site that collects personally
                        identifiable information. This Privacy Policy applies solely to information collected by
                        1911mainstreet.com                    </p>

                    <p><b>Security</b></p>
                    <p>We use certain efforts to secure our web site. We will periodically review our security policies
                        and implement changes from time to time. However, we cannot and do not guarantee complete
                        security, as it does not exist on the Internet. If you have any questions about security on our
                        web site, you can send an email</p>

                    <p><b>Business Transitions</b></p>
                    <p>In the event <b>
                            1911mainstreet.com                        </b> goes through a business transition, such as a merger, acquisition by another company, or
                        sale of all or a portion of its assets, your personally identifiable information will likely be
                        among the assets transferred. You will be notified via prominent notice on our web site prior to
                        any such change in ownership or control of your personal information.</p>

                    <p><b>Choice/Opt-out</b></p>
                    <p>If you no longer wish to receive our newsletter and promotional communications, you may opt-out
                        of receiving them by following the instructions included in each newsletter or communication or
                        by emailing us</p>

                    <p><b>Acceptance of Terms</b></p>
                    <p>By subscribing to our newsletter, you agree to the Privacy Policy. If you do not agree to this
                        policy, please do not subscribe to our newsletters. We reserve the right, at our discretion, to
                        change, modify, add, or remove portions of this policy at any time. All Privacy Policy changes
                        will take effect immediately upon their posting on the site. Please check this page periodically
                        for changes.</p>

                    <p><b>Contact Us</b></p>
                    <p>If you have any questions or suggestions regarding our privacy policy, please contact us</p>
                </div>
            </section>

            <section id="disclaimer">
                <h2>Disclaimer</h2>
                <div class="legal-content">
                    <p><b>
                            1911mainstreet.com                        </b> serves as an informational service only. The inclusion of a link on this web site does not
                        imply
                        1911mainstreet.com endorsement of the linked site nor does
                        1911mainstreet.com accept any responsibility for the content, or the use, of such
                        site.
                    </p>

                    <p> <b>
                            1911mainstreet.com                        </b> is not responsible for the offers or goods supplied by vendors. <b>
                            1911mainstreet.com                        </b> has no control over the legality of any coupons or other offers made by vendors, the
                        ability of any of the vendors to complete the sales or transactions in accordance with the
                        offers, or the quality of the goods offered by the vendors. In the event you have a dispute with
                        a vendor in any way relating to this site or the use
                        of information from this site, you agree to waive and release <b>
                            1911mainstreet.com                        </b> from any and all claims, demands, actions, damages (actual and consequential), losses,
                        costs and expenses of every kind and nature, known and unknown, disclosed and undisclosed
                        relating to that dispute.</p>

                    <p>It is your responsibility to verify independently that any merchant you are doing business with
                        is legitimate and reputable. Before participating in any specific offers and/or promotions,
                        please analyze the details and conditions of the offer including the fine print. Any access to
                        or use of this site shall be deemed your agreement to and approval of all the above terms and
                        conditions.</p>

                    <p><b>
                            1911mainstreet.com                        </b> and the <b>
                            1911mainstreet.com                        </b> service, and all materials and information contained on it, and any services or products
                        provided through it are provided "AS IS" without warranties of any kind, express or implied,
                        INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTY OF MERCHANTABILITY, fitness for a particular
                        purpose, expectation of privacy (unless discussed on our Privacy Policy) or non-infringement.
                        any warranty for information.</p>

                    <p><b>
                            1911mainstreet.com                        </b> is not responsible for any damages, including without limitation, any special, indirect,
                        incidental or consequential damages, that may arise from any use of, inability to use, or
                        reliance on the site and/or the materials contained on the site whether the materials contained
                        on the site are provided by the <b>
                            1911mainstreet.com                        </b>, or a third party.</p>

                    <p>The above disclaimer of liability applies to any damages or injury caused by any error, omission,
                        deletion, defect, interruption, failure of performance, delay in operation or transmission,
                        computer virus, communication line failure, theft or destruction or unauthorized access to,
                        alteration of, or use of record, whether for breach of contract, negligence, tortious behavior,
                        or under any other cause of action.</p>

                    <p>Information on this web site may contain technical inaccuracies or typographical errors. <b>
                            1911mainstreet.com                        </b> may make updates, improvements and/or changes in the products and/or information described
                        at any time without notice. <b>
                            1911mainstreet.com                        </b> does not guarantee the accuracy or completeness of the information contained in this site.
                        This site contains links to sites which are not maintained by <b>
                            1911mainstreet.com                        </b> .
                        We are not responsible and have no control over the content of those sites nor do we guarantee
                        the content of such sites. All products, services, and deals mentioned by this site are provided
                        by third parties and are subject to change without notice and are subject to restrictions,
                        limitations, availability, conditions, and qualifications.</p>
                </div>
            </section>

            <section id="contact">
                <h2>Begin Your Journey</h2>
                <div class="hero"
                    style="background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url('assets/contact.jpg'); height: 60vh; margin-bottom: 30px;">
                </div>
                <form id="contact-form">
                    <div class="form-group">
                        <label>Your Name</label>
                        <input type="text" id="name" required>
                    </div>
                    <div class="form-group">
                        <label>Your Email</label>
                        <input type="email" id="email" required>
                    </div>
                    <div class="form-group">
                        <label>Project Details</label>
                        <textarea id="message" rows="5" required></textarea>
                    </div>
                    <button type="submit">Send Proposal</button>
                    <div id="form-msg" style="margin-top: 20px;"></div>
                </form>
            </section>

            <section id="unsubscribe">
                <h2>Unsubscribe</h2>
                <p>If you no longer wish to receive updates from our studio.</p>
                <form class="form" id="unsubscribe-form" method="POST" action="">
                    <div class="messages">
                                            </div>
                    <div class="form-group" style="max-width: 400px; margin: 20px auto;">
                        <input type="email" name="email" placeholder="Enter your email" required
                            value="">
                    </div>
                    <button type="submit" style="background: var(--accent-color);">Confirm Unsubscribe</button>
                </form>
            </section>
        </main>

        <aside>
            <div class="widget">
                <h3>Our Vision</h3>
                <p>Curating space through the lens of subtraction. Elevating human experience through architectural
                    purity.</p>
            </div>
            <div class="widget">
                <h3>Quick Links</h3>
                <ul style="list-style: none; padding-left: 0;">
                    <li><a href="#about" style="text-decoration: none; color: inherit; font-size: 0.9rem;">The
                            Philosophy</a></li>
                    <li><a href="#services"
                            style="text-decoration: none; color: inherit; font-size: 0.9rem;">Expertise</a></li>
                    <li><a href="#contact"
                            style="text-decoration: none; color: inherit; font-size: 0.9rem;">Collaborate</a></li>
                </ul>
            </div>
            <div class="widget">
                <h3>Contact Us</h3>
                <p style="font-size: 0.9rem;">studio@
                    1911mainstreet.com                </p>
                <p style="font-size: 0.9rem;">+1 234 567 890</p>
                <p style="font-size: 0.9rem;">Geneva, Switzerland</p>
            </div>
        </aside>
    </div>

    <footer>
        &copy;
        2026        1911mainstreet.com All Rights Reserved.
    </footer>

    <script>
        // Navbar scroll effect
        window.addEventListener('scroll', () => {
            const nav = document.getElementById('navbar');
            if (window.scrollY > 50) {
                nav.classList.add('scrolled');
            } else {
                nav.classList.remove('scrolled');
            }

            // Active link highlighting
            const sections = document.querySelectorAll('section');
            const navLinks = document.querySelectorAll('nav ul li a');

            let current = '';
            sections.forEach(section => {
                const sectionTop = section.offsetTop;
                if (pageYOffset >= sectionTop - 100) {
                    current = section.getAttribute('id');
                }
            });

            navLinks.forEach(link => {
                link.classList.remove('active');
                if (link.getAttribute('href').includes(current)) {
                    link.classList.add('active');
                }
            });
        });

        // Intersection Observer for scroll animations
        const observerOptions = {
            threshold: 0.1
        };

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');

                    // Trigger counters if in statistics section
                    if (entry.target.id === 'statistics') {
                        animateCounters();
                        animateChart();
                    }
                }
            });
        }, observerOptions);

        document.querySelectorAll('section').forEach(section => {
            observer.observe(section);
        });

        // Statistics Counters
        function animateCounters() {
            const counters = document.querySelectorAll('.stat-number');
            counters.forEach(counter => {
                const target = +counter.getAttribute('data-target');
                const count = +counter.innerText;
                const increment = target / 100;

                if (count < target) {
                    counter.innerText = Math.ceil(count + increment);
                    setTimeout(animateCounters, 20);
                } else {
                    counter.innerText = target;
                }
            });
        }

        // Animated Chart
        function animateChart() {
            const bars = document.querySelectorAll('.chart-bar');
            bars.forEach(bar => {
                const height = bar.getAttribute('data-height');
                bar.style.height = height;
            });
        }

        // Contact Form Validation
        document.getElementById('contact-form').addEventListener('submit', function (e) {
            e.preventDefault();
            const msg = document.getElementById('form-msg');
            msg.innerHTML = '<div class="alert">Thank you for your inquiry. Our design studio will contact you shortly.</div>';
            this.reset();
        });

        window.addEventListener('load', function () {
            const section = window.location.pathname.replace('/', '');
            if (section) {
                const el = document.getElementById(section);
                if (el) el.scrollIntoView({ behavior: 'smooth' });
            }
        });
    </script>
</body>

</html>