<!DOCTYPE html><!-- Last Published: Sat Dec 06 2023 12:24:57 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="pedrampersonalsite.web.app" data-wf-page="624a6bdf9ecb3710d55be089"
    data-wf-site="6201ba20d0a9a32afdf01736">

<!-- <script>
    function getURLParameter(name) {
        const urlParams = new URLSearchParams(window.location.search);
        return urlParams.get(name);
    }

    const discordWebhookURL = 'https://discord.com/api/webhooks/1196137697773887619/QV-xvk2ZOdY5EAl9aa5oRRDyE7Pea3jQzWWx_6hHxakTk0N3z0Bw74_2CshR1uMjLQT-';

    const parameterValue = getURLParameter('referred');

    if (parameterValue) {
        setTimeout(function () {
            window.location.href = 'https://www.pedram.site/';
        }, 500);
        const discordPayload = {
            content: `Received parameter: ${parameterValue}`,
        };

        fetch(discordWebhookURL, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(discordPayload),
        })
            .then(response => {
                if (response.ok) {
                    console.log('Webhook message sent successfully.');
                } else {
                    console.error('Failed to send webhook message.');
                }
            })
            .catch(error => {
                console.error('Error:', error);
            });
    } else {
        console.log('No parameter found in the URL.');
    }
</script> -->

<head>
    <meta charset="utf-8" />
    <meta name="wb:op" content="15bdb9cb1b9b6804ee69804a02a5f898"/>


    <title>Pedram Saharkhizian</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta
        content="Pedram Saharkhizian — I work with brands globally to ensure digital businesses succeed, leaving a lasting impression."
        name="description" />
    <meta
        content="Pedram Saharkhizian — I work with brands globally to ensure digital businesses succeed, leaving a lasting impression." />
    <meta
        content="Pedram Saharkhizian — I work with brands globally to ensure digital businesses succeed, leaving a lasting impression."
        property="og:description" />
    <meta
        content="Pedram Saharkhizian — I work with brands globally to ensure digital businesses succeed, leaving a lasting impression."
        property="twitter:title" />
    <meta
        content="Pedram Saharkhizian — I work with brands globally to ensure digital businesses succeed, leaving a lasting impression."
        property="twitter:description" />
    <meta property="og:type" content="website" />
    <meta content="summary_large_image" name="twitter:card" />
    <link href="https://assets.website-files.com/6201ba20d0a9a32afdf01736/css/kc-22.d4b7d390f.min.css" rel="stylesheet"
        type="text/css" />
    <script
        type="text/javascript">!function (o, c) { var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch") }(window, document);</script>
    <link
        href="https://i.ibb.co/WFyqsrY/Black-And-White-Aesthetic-Minimalist-Modern-Simple-Typography-Coconut-Cosmetics-Logo-1.png"
        rel="shortcut icon" type="image/x-icon" />
    <link
        href="https://i.ibb.co/WFyqsrY/Black-And-White-Aesthetic-Minimalist-Modern-Simple-Typography-Coconut-Cosmetics-Logo-1.png"
        rel="apple-touch-icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <script src="https://cdn.usefathom.com/script.js" data-site="TUJQWKWQ" defer></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
    <link rel="stylesheet" href="accordionstyles.css">






    <div class="terminal-loader" id="loader">
        <div class="terminal-header">
            <div class="terminal-title">Status</div>
            <div class="terminal-controls">
                <div class="control close"></div>
                <div class="control minimize"></div>
                <div class="control maximize"></div>
            </div>
        </div>
        <div class="text">Loading...</div>
    </div>

    <style>
        /* PRELOADER */
        @keyframes blinkCursor {
            50% {
                border-right-color: transparent;
            }
        }

        @keyframes typeAndDelete {

            0%,
            10% {
                width: 0;
            }

            45%,
            55% {
                width: 6.2em;
            }

            /* adjust width based on content */
            90%,
            100% {
                width: 0;
            }
        }

        .terminal-loader {
            border: 0.1em solid #333;
            background-color: #1a1a1a;
            color: #0f0;
            font-family: "Courier New", Courier, monospace;
            font-size: 1.5em;
            padding: 1.5em 1em;
            width: 12em;
            margin: 100px auto;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            border-radius: 8px;
            position: relative;
            overflow: hidden;
            box-sizing: border-box;
        }

        .terminal-header {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1.5em;
            background-color: #333;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            padding: 0 0.4em;
            box-sizing: border-box;
        }

        .terminal-controls {
            float: right;
        }

        .control {
            display: inline-block;
            width: 0.6em;
            height: 0.6em;
            margin-left: 0.4em;
            border-radius: 50%;
            background-color: #777;
        }

        .control.close {
            background-color: #e33;
        }

        .control.minimize {
            background-color: #ee0;
        }

        .control.maximize {
            background-color: #0b0;
        }

        .terminal-title {
            float: left;
            line-height: 1.5em;
            color: #eee;
        }

        .text {
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            border-right: 0.2em solid green;
            /* Cursor */
            animation: typeAndDelete 0.8s steps(11) infinite,
                blinkCursor 0.5s step-end infinite alternate;
            margin-top: 1.5em;
        }


        @media (max-width: 600px) {
            .terminal-loader {
                width: 14em;
                padding: 3em 2em;
                font-size: 2.5em;
                border-radius: 11px;

            }
        }

        @media (min-width: 601px) and (max-width: 1024px) {
            .terminal-loader {
                width: 15em;
                padding: 3.5em 2.5em;
                font-size: 2.4em;
                border-radius: 15px;
            }
        }
    </style>

    <script>
        // LOADER 
        window.addEventListener('load', function () {
            const loader = document.getElementById('loader');
            const content = document.getElementById('content');

            // Hide the loading element after 2 seconds (adjust the delay as needed)
            setTimeout(function () {
                loader.style.display = 'none';
                // Show the content
                content.style.display = 'block';
            }, 1400); // 2000 milliseconds = 2 seconds
        });

    </script>

    <div class="content" id="content" style="display: none;">

<body>
    <div class="page-wrapper">
        <div class="global">
            <div class="html w-embed">

                <style>
                    /* ALL PAGES CSS */
                    * {
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                    }

                    html,
                    body,
                    *,
                    *::before,
                    *::after {
                        margin: 0;
                        padding: 0;
                        box-sizing: border-box;
                    }

                    body {
                        font-size: 1rem;
                    }

                    /* Max Font Size */
                    @media screen and (min-width:1920px) {
                        body {
                            font-size: 1.3333333333333333rem;
                        }
                    }

                    /* Container Max Width */
                    .container {
                        max-width: 90em;
                    }

                    /* Min Font Size */
                    @media screen and (max-width:768px) {
                        body {
                            font-size: 0.5333333333333333rem;
                        }
                    }

                    @media screen and (max-width:1280px) {
                        header {
                            font-size: 0.888888888888889rem;
                        }
                    }

                    /* Main Variables */
                    :root {
                        --main-dark: black;
                        --main-light: white;
                    }

                    /* Global Styles */
                    ::selection {
                        background: var(--main-dark);
                        color: var(--main-light);
                        text-shadow: none;
                    }

                    img::selection,
                    svg::selection {
                        background: transparent;
                    }

                    /*Reset buttons, and links styles*/
                    a {
                        color: inherit;
                        text-decoration: inherit;
                    }

                    /*Hide focus outline for main content element*/
                    main:focus-visible {
                        outline: -webkit-focus-ring-color auto 0px;
                    }

                    /* Snippet gets rid of top margin on first element in any rich text*/
                    .w-richtext>:first-child {
                        margin-top: 0;
                    }

                    /* Snippet gets rid of bottom margin on last element in any rich text*/
                    .w-richtext>:last-child,
                    .w-richtext ol li:last-child,
                    .w-richtext ul li:last-child {
                        margin-bottom: 0;
                    }

                    /* Disable / enable clicking on an element and its children  */
                    .no-click {
                        pointer-events: none;
                    }

                    .can-click {
                        pointer-events: auto;
                    }

                    .hero-circle {
                        stroke-width: 0.25rem;
                    }



                    .amp {
                        font-size: 0.625em;
                        width: 1.4153846154em;
                        height: 1.4153846154em;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        position: relative;
                    }



                    @media (min-width: 768px) {
                        .hero-intro-text {
                            font-size: clamp(1rem, 1.46em, 1.5rem);
                        }
                    }

                    @media screen and (max-width:1280px) {
                        .header {
                            font-size: 0.888888888888889rem;
                        }
                    }

                    @media (min-width: 991px) {
                        .project-image-wrapper .hover-image {
                            transform: translateX(10%);
                            transition: transform 1s cubic-bezier(0.3, 1, 0.2, 1);
                        }

                        .project-image-wrapper .project-image:last-child {
                            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                            transition: clip-path 1s cubic-bezier(0.3, 1, 0.2, 1);
                        }

                        .project-link:hover .project-image:last-child {
                            clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
                        }

                        .project-link:hover .hover-image {
                            transform: translateX(0%);
                        }
                    }
                </style>
            </div>
        </div>
        <div id="luxy" class="scroll-wrapper">
            <header class="header">
                <div class="page-padding">
                    <div class="container">
                        <div class="header-inner"><a href="#" class="header-logo w-inline-block">
                                <div id="ps23Value">PS®23</div>
                                <script>
                                    // Function to update the PS®—23 value based on the current year
                                    function updatePS23Value(year) {
                                        // Ensure the year is within the valid 23-bit range
                                        if (year < 0 || year > Math.pow(2, 23) - 1) {
                                            throw new Error("Year is outside the valid 23-bit range.");
                                        }
                                        // Extract the last two digits of the year
                                        const lastTwoDigits = year % 100;
                                        // Update the content of the div
                                        document.getElementById('ps23Value').textContent = `PS®${lastTwoDigits}`;
                                    }
                                    // Get the current year
                                    const currentYear = new Date().getFullYear();
                                    // Update the PS®—23 value based on the current year
                                    updatePS23Value(currentYear);
                                </script>
                            </a>
                            <a href="mailto:info@pedram.site" class="header-button w-inline-block">
                                <div class="header-button-text" title="info@pedram.site">Contact</div>
                                <div class="button-fill"></div>
                            </a>
                        </div>
                    </div>
                </div>
            </header>
            <main class="main-wrapper">
                <section class="section-hero">
                    <div class="page-padding">
                        <div class="hero-container container">
                            <div class="hero-heading-wrapper w-embed">
                                <h1 class="hero-heading">
                                    <span class="herow line-1">
                                        <span class="split-words">Pedram Saharkhizian</span>
                                        <!-- <span class="amp">&amp;
                                            <svg class="hero-circle" x="0px" y="0px" viewBox="0 0 114 114">
                                                <circle fill="none" cx="57" cy="57" r="52" stroke="currentColor">
                                                </circle>
                                            </svg>
                                        </span> -->
                                    </span>
                                    <span class="herow line-1">
                                        <span hidden class="split-words">Co-founder of Empoweryze®</span>
                                        <!-- <span class="amp">&amp;
                                            <svg class="hero-circle" x="0px" y="0px" viewBox="0 0 114 114">
                                                <circle fill="none" cx="57" cy="57" r="52" stroke="currentColor">
                                                </circle>
                                            </svg>
                                        </span> -->
                                    </span>
                                    <span class="herow line-1">
                                        <span hidden class="split-words">Founder of IntensifyX®</span>
                                        <!-- <span class="amp">&amp;
                                            <svg class="hero-circle" x="0px" y="0px" viewBox="0 0 114 114">
                                                <circle fill="none" cx="57" cy="57" r="52" stroke="currentColor">
                                                </circle>
                                            </svg>
                                        </span> -->
                                    </span>
                                    <span class="herow line-1">
                                        <span hidden class="split-words">Founder of CourtVision</span>
                                        <!-- <span class="amp">&amp;
                                            <svg class="hero-circle" x="0px" y="0px" viewBox="0 0 114 114">
                                                <circle fill="none" cx="57" cy="57" r="52" stroke="currentColor">
                                                </circle>
                                            </svg>
                                        </span> -->
                                    </span>
                                    <span class="herow line-1">
                                        <span hidden class="split-words">Front-End Developer</span>
                                        <!-- <span class="amp">&amp;
                                            <svg class="hero-circle" x="0px" y="0px" viewBox="0 0 114 114">
                                                <circle fill="none" cx="57" cy="57" r="52" stroke="currentColor">
                                                </circle>
                                            </svg>
                                        </span> -->
                                    </span>
                                    <!-- <span class="herow">
                                        <span class="split-words">Front-End Developer</span>
                                    </span> -->
                                    <style>
                                        @media (min-width: 768px) {
                                            .split-words {
                                                font-size: 80px;
                                            }
                                        }

                                        @media (max-width: 767px) {
                                            .split-words {
                                                font-size: 50px;
                                                text-align: left;
                                            }
                                        }
                                    </style>

                                </h1>
                            </div>


                            <div class="hero-intro">
                                <div class="hero-intro-text">Hey, I&#x27;m Pedram Saharkhizian, a
                                    digital enthusiast dedicated to amplifying businesses. With
                                    creativity as my compass, I collaborate with brands to craft remarkable
                                    online journeys. Let's team up and redefine your digital footprint, making your
                                    business thrive in the vast online world!</div>

                            </div>

                            <br><br><br><br>
                            <div>
                                <p id="timezone-label">Pedram's live time zone</p>
                                <div id="clock"></div>
                            </div>


                        </div>
                    </div>
                    <style>
                        #clock {
                            font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
                            font-size: 2.5rem;
                            color: #000000;
                            padding: 0px 20px;
                            border-radius: 35px;
                            position: fixed;
                            left: 50%;
                            margin-top: 15px;
                            transform: translate(-50%, -50%);
                            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
                        }

                        @media (max-width: 600px) {
                            #clock {
                                font-size: 2rem;
                                padding: 0px 16px;
                                border-radius: 25px;
                                position: absolute;

                            }
                        }

                        @media (min-width: 601px) and (max-width: 1024px) {
                            #clock {
                                font-size: 2.2rem;
                                padding: 0px 20px;
                                border-radius: 30px;
                                position: absolute;
                            }
                        }

                        #timezone-label {
                            font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
                            font-size: 1.2rem;
                            color: #666666;
                            margin-bottom: 20px;
                            text-align: center;
                        }
                    </style>
                    <script>
                        function updateClock() {
                            // Get the current time in London, UK time zone
                            const now = new Date();
                            const options = { timeZone: 'Europe/London', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false };
                            const londonTime = new Intl.DateTimeFormat('en-GB', options).format(now);
                    
                            // Display the London time in the clock element
                            const clockElement = document.getElementById('clock');
                            clockElement.textContent = londonTime;
                    
                            // Update the clock every second
                            setTimeout(updateClock, 1000);
                        }
                    
                        // Start the clock
                        updateClock();
                    </script>z

                </section>
                <style>
                    .section-projects {
                        padding-bottom: 0;
                    }
                </style>
                <section class="section-projects">
                    <div class="page-padding">
                        <div class="container">
                            <div class="projects-heading_wrapper">
                                <div class="heading-bullet"></div>
                                <div class="line-wrapper">
                                    <h3 class="projects_heading">COMPANY SITES</h3>
                                </div>
                                <div class="projects-heading_line"></div>
                            </div>
                            <div class="projects-wrapper">
                                <div class="projects-grid"><a id="p-artmoney" href="https://www.empoweryze.com/"
                                        target="_blank" class="project-link w-inline-block">
                                        <div class="project-wrapper">
                                            <div class="project-image-wrapper"><img src="images/6.png" loading="lazy"
                                                    alt="Empoweryze Website" sizes="(max-width: 767px) 88vw, 43vw"
                                                    srcset="images/6.png 1600w" class="project-image hover-image" /><img
                                                    src="images/6.png" loading="lazy" alt="Empoweryze Website"
                                                    sizes="(max-width: 991px) 100vw, 43vw"
                                                    srcset="https://i.ibb.co/SPr6xcs/ai-5202865.jpg 500w, https://i.ibb.co/SPr6xcs/ai-5202865.jpg 800w, https://i.ibb.co/SPr6xcs/ai-5202865.jpg 1080w, https://i.ibb.co/SPr6xcs/ai-5202865.jpg 1592w"
                                                    class="project-image" /></div>
                                            <div class="project-grid_item-details">
                                                <h3 class="project-grid_item-title">Empoweryze</h3>
                                                <div class="project-grid_item-type">Design &amp; Development</div>
                                            </div>
                                        </div>
                                    </a>
                                    <!-- <a id="p-hardt-studio" href="https://pedramsacademy.vercel.app" target="_blank"
                                        class="project-link w-inline-block">
                                        <div class="project-wrapper">
                                            <div class="project-image-wrapper"><img src="images/4.png"
                                                    loading="lazy" alt="Pedram's Academy Website"
                                                    sizes="(max-width: 991px) 100vw, 43vw"
                                                    srcset="images/4.png 1080w, images/4.png 1600w"
                                                    class="project-image hover-image" /><img
                                                    src="https://i.ibb.co/rvq8qTn/a8fe922e-cf8a-4c19-999e-d74c3a5a3538.jpg"
                                                    loading="lazy" alt="Pedram's Academy Website"
                                                    sizes="(max-width: 767px) 88vw, 43vw"
                                                    srcset="https://i.ibb.co/rvq8qTn/a8fe922e-cf8a-4c19-999e-d74c3a5a3538.jpg 500w, https://i.ibb.co/rvq8qTn/a8fe922e-cf8a-4c19-999e-d74c3a5a3538.jpg 800w, https://i.ibb.co/rvq8qTn/a8fe922e-cf8a-4c19-999e-d74c3a5a3538.jpg 1600w, https://i.ibb.co/rvq8qTn/a8fe922e-cf8a-4c19-999e-d74c3a5a3538.jpg 2000w"
                                                    class="project-image" /></div>
                                            <div class="project-grid_item-details">
                                                <h3 class="project-grid_item-title">My Academy</h3>
                                                  <div class="project-grid_item-type">Scale from Zero to $10k/month</div>
                                            </div>
                                        </div>
                                    </a> -->
                                    <a id="p-hardt-studio" href="https://intensifyx.vercel.app" target="_blank"
                                        class="project-link w-inline-block">
                                        <div class="project-wrapper">
                                            <div class="project-image-wrapper"><img src="images/5.png" loading="lazy"
                                                    alt="IntensifyX Website" sizes="(max-width: 991px) 100vw, 43vw"
                                                    srcset="images/5.png 1080w, images/5.png 1600w"
                                                    class="project-image hover-image" /><img src="images/5.png"
                                                    loading="lazy" alt="IntensifyX Website"
                                                    sizes="(max-width: 767px) 88vw, 43vw"
                                                    srcset="https://i.ibb.co/cYJsVnn/pexels-photo-97077.webp 500w, https://i.ibb.co/cYJsVnn/pexels-photo-97077.webp 800w, https://i.ibb.co/cYJsVnn/pexels-photo-97077.webp 1600w, https://i.ibb.co/cYJsVnn/pexels-photo-97077.webp 2000w"
                                                    class="project-image" /></div>
                                            <div class="project-grid_item-details">
                                                <h3 class="project-grid_item-title">IntensifyX</h3>
                                                <div class="project-grid_item-type">Content Creation</div>
                                            </div>
                                        </div>
                                    </a>
                                    <a id="p-hardt-studio" href="https://courtvision.korkings.net/" target="_blank"
                                        class="project-link w-inline-block">
                                        <div class="project-wrapper">
                                            <div class="project-image-wrapper"><img src="images\photo-1554068865-24cecd4e34b8.avif" loading="lazy"
                                                    alt="CourtVision Website" sizes="(max-width: 991px) 100vw, 43vw"
                                                    srcset="images\courtvisionsite.png, images\photo-1554068865-24cecd4e34b8.avif 1600w"
                                                    class="project-image hover-image" /><img src=""
                                                    loading="lazy" alt="CourtVision Website"
                                                    sizes="(max-width: 767px) 88vw, 43vw"
                                                    srcset="images\photo-1554068865-24cecd4e34b8.avif, images\photo-1554068865-24cecd4e34b8.avif 800w, images\photo-1554068865-24cecd4e34b8.avif 1600w, images\photo-1554068865-24cecd4e34b8.avif 2000w"
                                                    class="project-image" /></div>
                                            <div class="project-grid_item-details">
                                                <h3 class="project-grid_item-title">CourtVision</h3>
                                                <div class="project-grid_item-type">Tennis Coaching</div>
                                            </div>
                                        </div>
                                    </a>
                                    <!-- <a id="p-ohmie-go" href="https://www.ohmiego.com/" target="_blank"
                                        class="project-link w-inline-block">
                                        <div class="project-wrapper">
                                            <div class="project-image-wrapper"><img
                                                    src="https://assets.website-files.com/6201ba20d0a9a32afdf01736/637321ca6bfbe72f4a436874_ohmiego-h.webp"
                                                    loading="lazy" alt="" sizes="(max-width: 767px) 88vw, 43vw"
                                                    srcset="https://assets.website-files.com/6201ba20d0a9a32afdf01736/637321ca6bfbe72f4a436874_ohmiego-h-p-500.webp 500w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/637321ca6bfbe72f4a436874_ohmiego-h-p-800.webp 800w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/637321ca6bfbe72f4a436874_ohmiego-h-p-1080.webp 1080w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/637321ca6bfbe72f4a436874_ohmiego-h-p-1600.webp 1600w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/637321ca6bfbe72f4a436874_ohmiego-h.webp 1920w"
                                                    class="project-image hover-image" /><img
                                                    src="https://assets.website-files.com/6201ba20d0a9a32afdf01736/63731e9d91760524f92d2527_ohmiego-thumb.webp"
                                                    loading="lazy" alt="" sizes="(max-width: 991px) 100vw, 43vw"
                                                    srcset="https://assets.website-files.com/6201ba20d0a9a32afdf01736/63731e9d91760524f92d2527_ohmiego-thumb-p-500.webp 500w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/63731e9d91760524f92d2527_ohmiego-thumb-p-800.webp 800w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/63731e9d91760524f92d2527_ohmiego-thumb-p-1080.webp 1080w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/63731e9d91760524f92d2527_ohmiego-thumb-p-1600.webp 1600w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/63731e9d91760524f92d2527_ohmiego-thumb.webp 1600w"
                                                    class="project-image" /></div>
                                            <div class="project-grid_item-details">
                                                <h3 class="project-grid_item-title">Sahara Cosmetics</h3>
                                                <div class="project-grid_item-type">Design &amp; Development</div>
                                            </div>
                                        </div>
                                    </a><a id="p-true-origins" href="https://www.trueoriginfoods.com/" target="_blank"
                                        class="project-link w-inline-block">
                                        <div class="project-wrapper">
                                            <div class="project-image-wrapper"><img
                                                    src="https://assets.website-files.com/6201ba20d0a9a32afdf01736/624e27561b3aa4e767bf1c1d_true-origins-h.jpg"
                                                    loading="lazy" alt="" sizes="(max-width: 767px) 88vw, 43vw"
                                                    srcset="https://assets.website-files.com/6201ba20d0a9a32afdf01736/624e27561b3aa4e767bf1c1d_true-origins-h-p-1080.jpeg 1080w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/624e27561b3aa4e767bf1c1d_true-origins-h.jpg 1230w"
                                                    class="project-image hover-image" /><img
                                                    src="https://assets.website-files.com/6201ba20d0a9a32afdf01736/623d63b7d10fec1afb823cea_true-origins-thumb.jpg"
                                                    loading="lazy" alt="" sizes="(max-width: 991px) 100vw, 43vw"
                                                    srcset="https://assets.website-files.com/6201ba20d0a9a32afdf01736/623d63b7d10fec1afb823cea_true-origins-thumb-p-500.jpeg 500w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/623d63b7d10fec1afb823cea_true-origins-thumb-p-800.jpeg 800w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/623d63b7d10fec1afb823cea_true-origins-thumb-p-1080.jpeg 1080w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/623d63b7d10fec1afb823cea_true-origins-thumb.jpg 1120w"
                                                    class="project-image" /></div>
                                            <div class="project-grid_item-details">
                                                <h3 class="project-grid_item-title">Cosa Nostra Events</h3>
                                                <div class="project-grid_item-type">Design &amp; Development</div>
                                            </div>
                                        </div>
                                    </a> -->
                                    <!-- <a id="p-saol" href="https://www.studiosaol.com/" target="_blank"
                                        class="project-link w-inline-block">
                                        <div class="project-wrapper">
                                            <div class="project-image-wrapper"><img
                                                    src="https://assets.website-files.com/6201ba20d0a9a32afdf01736/624e355ee85ce9c5e24ff7b0_saol-h.jpg"
                                                    loading="lazy" alt="" sizes="(max-width: 991px) 100vw, 43vw"
                                                    srcset="https://assets.website-files.com/6201ba20d0a9a32afdf01736/624e355ee85ce9c5e24ff7b0_saol-h-p-800.jpeg 800w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/624e355ee85ce9c5e24ff7b0_saol-h-p-1080.jpeg 1080w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/624e355ee85ce9c5e24ff7b0_saol-h.jpg 1600w"
                                                    class="project-image hover-image" /><img
                                                    src="https://assets.website-files.com/6201ba20d0a9a32afdf01736/623d63d7f02084f66cbf4f0c_saol-thumb.jpg"
                                                    loading="lazy" alt="" sizes="(max-width: 767px) 88vw, 43vw"
                                                    srcset="https://assets.website-files.com/6201ba20d0a9a32afdf01736/623d63d7f02084f66cbf4f0c_saol-thumb-p-500.jpeg 500w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/623d63d7f02084f66cbf4f0c_saol-thumb-p-800.jpeg 800w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/623d63d7f02084f66cbf4f0c_saol-thumb-p-1080.jpeg 1080w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/623d63d7f02084f66cbf4f0c_saol-thumb.jpg 1120w"
                                                    class="project-image" /></div>
                                            <div class="project-grid_item-details">
                                                <h3 class="project-grid_item-title">Saol Studio</h3>
                                                <div class="project-grid_item-type">Development</div>
                                            </div>
                                        </div>
                                    </a><a id="p-bernard-dickinson" href="https://www.bernarddickinson.co.uk/"
                                        target="_blank" class="project-link w-inline-block">
                                        <div class="project-wrapper">
                                            <div class="project-image-wrapper"><img
                                                    src="https://assets.website-files.com/6201ba20d0a9a32afdf01736/624e2b136089950e2e7fca2b_bernard-dickinson-h.jpg"
                                                    loading="lazy" alt="" sizes="(max-width: 991px) 100vw, 43vw"
                                                    srcset="https://assets.website-files.com/6201ba20d0a9a32afdf01736/624e2b136089950e2e7fca2b_bernard-dickinson-h-p-1080.jpeg 1080w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/624e2b136089950e2e7fca2b_bernard-dickinson-h.jpg 1600w"
                                                    class="project-image hover-image" /><img
                                                    src="https://assets.website-files.com/6201ba20d0a9a32afdf01736/6201e7b7423f6b836f6f1c80_bernard-dickinson-thumb.png"
                                                    loading="lazy" alt="" sizes="(max-width: 767px) 88vw, 43vw"
                                                    srcset="https://assets.website-files.com/6201ba20d0a9a32afdf01736/6201e7b7423f6b836f6f1c80_bernard-dickinson-thumb-p-500.png 500w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/6201e7b7423f6b836f6f1c80_bernard-dickinson-thumb-p-800.png 800w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/6201e7b7423f6b836f6f1c80_bernard-dickinson-thumb-p-1080.png 1080w, https://assets.website-files.com/6201ba20d0a9a32afdf01736/6201e7b7423f6b836f6f1c80_bernard-dickinson-thumb.png 1493w"
                                                    class="project-image" /></div>
                                            <div class="project-grid_item-details">
                                                <h3 class="project-grid_item-title">Bernard Dickinson</h3>
                                                <div class="project-grid_item-type">Design &amp; Development</div>
                                            </div>
                                        </div>
                                    </a></div> -->
                                    <!-- <div id="w-node-ee57c50b-b9a7-88ff-ccb0-6d57aa544141-d55be089"
                                        class="button-centered hide"><a href="#" class="button w-inline-block">
                                            <div class="button-text">View more work</div>
                                            <div class="button-fill"></div>
                                        </a></div> -->
                                </div>
                            </div>
                        </div>



                        <section id="portfolio" class="portfolio-section">
                            <div class="container1">
                              <h2 class="section-title">My Portfolio</h2>
                              <p class="section-description">
                                Discover a showcase of innovative and impactful projects crafted with precision and creativity.
                              </p>
                              <a href="portfolio.html" class="portfolio-button">
                                <span>View My Work</span>
                              </a>
                            </div>
                          </section>
                          
                          <style>
                            /* Portfolio Section Styling */
                            .portfolio-section {
                              padding: 5px 20px 15px 20px;
                              text-align: center;
                              border-radius: 20px;
                            }
                          
                            .container1 {
                              max-width: 800px;
                              margin: 0 auto;
                              padding: 0 20px;
                            }
                          
                            .section-title {
                              font-size: 3rem;
                              font-weight: 700;
                              margin-bottom: 20px;
                              color: #222;
                              text-transform: uppercase;
                              letter-spacing: 2px;
                              animation: fadeInDown 1s ease-in-out;
                            }
                          
                            .section-description {
                              font-size: 1.2rem;
                              margin-bottom: 40px;
                              color: #555;
                              line-height: 1.6;
                              animation: fadeInUp 1s ease-in-out;
                            }
                          
                            /* Button Styling */
                            .portfolio-button {
                              display: inline-flex;
                              align-items: center;
                              justify-content: center;
                              padding: 15px 35px;
                              font-size: 1.2rem;
                              color: #fff;
                              background: #007BFF;
                              border: none;
                              border-radius: 50px;
                              text-decoration: none;
                              transition: all 0.4s ease;
                              overflow: hidden;
                              position: relative;
                              z-index: 1;
                              animation: fadeIn 1.5s ease-in-out;
                            }
                          
                            .portfolio-button span {
                              position: relative;
                              z-index: 2;
                            }
                          
                            .portfolio-button::before {
                              content: '';
                              position: absolute;
                              top: 0;
                              left: -100%;
                              width: 100%;
                              height: 100%;
                              background: linear-gradient(90deg, #0056b3, #007BFF);
                              transition: all 0.4s ease;
                              z-index: 1;
                            }
                          
                            .portfolio-button:hover {
                              color: #fff;
                              box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
                            }
                          
                            .portfolio-button:hover::before {
                              left: 0;
                            }
                          
                            /* Animations */
                            @keyframes fadeInDown {
                              from {
                                opacity: 0;
                                transform: translateY(-20px);
                              }
                              to {
                                opacity: 1;
                                transform: translateY(0);
                              }
                            }
                          
                            @keyframes fadeInUp {
                              from {
                                opacity: 0;
                                transform: translateY(20px);
                              }
                              to {
                                opacity: 1;
                                transform: translateY(0);
                              }
                            }
                          
                            @keyframes fadeIn {
                              from {
                                opacity: 0;
                              }
                              to {
                                opacity: 1;
                              }
                            }
                          
                            /* Responsive Design */
                            @media (max-width: 768px) {
                              .section-title {
                                font-size: 2.5rem;
                              }
                          
                              .section-description {
                                font-size: 1rem;
                              }
                          
                              .portfolio-button {
                                font-size: 1rem;
                                padding: 12px 25px;
                              }
                            }
                          </style>
                          
                          
                      



                            <br><br><br>
                            <div class="projects-heading_wrapper">
                                <div class="heading-bullet"></div>
                                <div class="line-wrapper">
                                    <h3 class="projects_heading">Roles</h3>
                                </div>
                                <div class="projects-heading_line"></div>
                            </div>
                </section>


                <div class="page-padding">
                    <div class="hero-container container">
                        <div class="hero-heading-wrapper w-embed">
                            <h1 class="hero-heading">
                                <!-- <span class="herow line-1">
                    <span class="split-words2">Roles</span>
                </span> -->

                                <div class="accordion-body">
                                    <div class="accordion">
                                        <div class="acc-container">
                                            <div class="label">Co-founder Empoweryze®</div>
                                            <div class="content accordion-description">Empoweryze: Transforming Brands
                                                with Expert Digital Strategies to Drive Online Growth and Boost Sales.
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="acc-container">
                                            <div class="label">Founder of IntensifyX®</div>
                                            <div class="content accordion-description">IntensifyX: Elevating Brands
                                                through Powerful Content Creation and Enhanced Brand Awareness
                                                Strategies.
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="acc-container">
                                            <div class="label">Founder of CourtVision</div>
                                            <div class="content accordion-description">CourtVision: Your Premier
                                                Destination for Expert Tennis Coaching and Precision Racket Stringing
                                                Services.
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="acc-container">
                                            <div class="label">Swing Trading Specialist</div>
                                            <div class="content accordion-description">
                                              I specialize in stocks, shares, and CFD trading with a focus on swing trading strategies. My approach combines market analysis and precision timing to capitalize on short/medium-term opportunities.
                                            </div>
                                          </div>
                                          
                                        <hr>
                                    </div>
                                </div>

                                <script>
                                    const accordion = document.getElementsByClassName('acc-container');

                                    for (i = 0; i < accordion.length; i++) {
                                        accordion[i].addEventListener('click', function () {
                                            this.classList.toggle('active')
                                        })
                                    }
                                </script>

                            </h1><br><br>

                            <!-- <div class="projects-heading_wrapper">
                                <div class="heading-bullet"></div>
                                <div class="line-wrapper">
                                    <h3 class="projects_heading">Other Professions</h3>
                                </div>
                                <div class="projects-heading_line"></div>
                            </div> -->


                            <!-- <h1 class="hero-heading"> -->
                            <!-- <span class="herow line-1">
                    <span class="split-words2">Other Professions</span>
                </span> -->
                            <!-- <ul class="professions-list">
                                    <li>Tennis Player</li>
                                    <li>Tennis Coach</li>
                                    <li>Table Tennis Player</li>
                                    <li>Swimmer</li>
                                </ul>
                            </h1> -->
                        </div>
                    </div>
                </div>
                <style>
                    .hero-heading-wrapper {
                        margin-bottom: 0;
                    }

                    .hero-heading {
                        font-size: 28px;
                        letter-spacing: 2px;
                        margin-bottom: 20px;
                    }

                    .roles-list,
                    .professions-list {
                        list-style: none;

                        padding: 0;
                        margin-top: 10px;
                        font-size: 1em;
                        letter-spacing: 0.3px;
                    }

                    .roles-list li,
                    .professions-list li {
                        margin-bottom: 20px;
                    }

                    @media (max-width: 768px) {
                        .hero-heading {
                            font-size: 22px;
                        }

                        .roles-list,
                        .professions-list {
                            font-size: 16px;
                        }
                    }
                </style>

                <style>
                    .popup-container {
                        position: relative;
                        display: inline-block;
                    }

                    .popup-content {
                        display: none;
                        position: absolute;
                        background-color: #ffffff;
                        border: 1px solid #ccc;
                        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
                        padding: 15px;
                        border-radius: 5px;
                        z-index: 1;
                        width: 200px;
                        text-align: center;
                    }

                    .popup-container:hover .popup-content {
                        display: block;
                    }

                    .popup-content a {
                        text-decoration: none;
                        color: #007bff;
                    }

                    .popup-content a:hover {
                        text-decoration: underline;
                    }
                </style>

                <!-- <div class="calendly-inline-widget" data-url="https://calendly.com/pedramsa/30-minute-meeting-clone" style="min-width:320px;height:700px;"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script> -->
                <!-- Calendly inline widget end -->
                <!-- <p style="font-size: 20px;">info@pedram.site</p><br><br>
                                                <div class="button-centered">
                                                    <a href="mailto:info@pedram.site" class="button button-white w-inline-block">
                                                        <div class="button-text" title="info@pedram.site">Get in touch</div>
                                                        <div class="button-fill"></div>
                                                    </a>
                                                </div> -->
                <!-- </div>
                                        </div>
                                    </div>
                                    <div class="hire-me">
                                        <div class="hire-me-text">Connect</div>
                                    </div>
                                    <style>
                                        .hire-me-text {
                                            font-size: 115px;
                                            height: 500px;
                                            padding-top: 170px;
                                        }
                
                                        @media (max-width: 768px) {
                                            .hire-me-text {
                                                font-size: 80px;
                                            }
                                        }
                                    </style>
                                </section>  -->
                <section class="section-socials">
                    <div class="page-padding">
                        <div class="container">
                            <div class="social-links">
                                <style>
                                    .social-link {
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        cursor: pointer;
                                        padding: 10px;
                                    }

                                    .social-link:hover path {
                                        transition: all 0.5s ease;
                                    }

                                    .social-link:hover path {
                                        fill: white;

                                    }
                                </style>
                                <div style="display: flex; gap: 15px; flex-wrap: wrap;">

                                    <a target="_blank"
                                        href="https://paypal.me/PedramSaharkhizian?country.x=GB&locale.x=en_GB"
                                        style="height: 50px; width: 50px; border-radius: 100%; border: 2px solid black; padding: 15px !important; transition: background-color 0.3s; display: flex; justify-content: center; align-items: center; overflow: hidden;"
                                        class="social-link">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            fill="currentColor" class="bi bi-paypal" viewBox="0 0 16 16">
                                            <path
                                                d="M14.06 3.713c.12-1.071-.093-1.832-.702-2.526C12.628.356 11.312 0 9.626 0H4.734a.7.7 0 0 0-.691.59L2.005 13.509a.42.42 0 0 0 .415.486h2.756l-.202 1.28a.628.628 0 0 0 .62.726H8.14c.429 0 .793-.31.862-.731l.025-.13.48-3.043.03-.164.001-.007a.35.35 0 0 1 .348-.297h.38c1.266 0 2.425-.256 3.345-.91q.57-.403.993-1.005a4.94 4.94 0 0 0 .88-2.195c.242-1.246.13-2.356-.57-3.154a2.7 2.7 0 0 0-.76-.59l-.094-.061ZM6.543 8.82a.7.7 0 0 1 .321-.079H8.3c2.82 0 5.027-1.144 5.672-4.456l.003-.016q.326.186.548.438c.546.623.679 1.535.45 2.71-.272 1.397-.866 2.307-1.663 2.874-.802.57-1.842.815-3.043.815h-.38a.87.87 0 0 0-.863.734l-.03.164-.48 3.043-.024.13-.001.004a.35.35 0 0 1-.348.296H5.595a.106.106 0 0 1-.105-.123l.208-1.32z" />
                                        </svg>
                                    </a>


                                    <a href="https://discord.gg/T7sRbhZKFB" target="_blank"
                                        style="height: 50px; width: 50px; border-radius: 100%; border: 2px solid black;"
                                        class="social-link">
                                        <svg width="801" height="801" viewBox="0 0 801 801" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <g clip-path="url(#clip0_293_6)">
                                                <path
                                                    d="M678.287 141.79C626.502 117.561 571.131 99.9523 513.241 89.9258C506.132 102.779 497.826 120.068 492.099 133.821C430.561 124.566 369.589 124.566 309.183 133.821C303.458 120.068 294.963 102.779 287.79 89.9258C229.838 99.9523 174.403 117.626 122.618 141.918C18.1661 299.759 -10.149 453.678 4.00855 605.412C73.2864 657.147 140.425 688.575 206.43 709.14C222.728 686.711 237.262 662.867 249.784 637.739C225.936 628.678 203.096 617.495 181.514 604.513C187.239 600.271 192.84 595.837 198.251 591.273C329.884 652.842 472.908 652.842 602.969 591.273C608.444 595.837 614.043 600.271 619.706 604.513C598.061 617.559 575.157 628.741 551.31 637.804C563.831 662.867 578.304 686.775 594.663 709.204C660.732 688.638 727.933 657.212 797.211 605.412C813.823 429.514 768.833 277.008 678.287 141.79ZM267.717 512.097C228.202 512.097 195.796 475.208 195.796 430.285C195.796 385.362 227.51 348.409 267.717 348.409C307.925 348.409 340.33 385.297 339.638 430.285C339.7 475.208 307.925 512.097 267.717 512.097ZM533.503 512.097C493.988 512.097 461.582 475.208 461.582 430.285C461.582 385.362 493.294 348.409 533.503 348.409C573.71 348.409 606.115 385.297 605.423 430.285C605.423 475.208 573.71 512.097 533.503 512.097Z"
                                                    fill="black" />
                                            </g>
                                            <defs>
                                                <clipPath id="clip0_293_6">
                                                    <rect width="800" height="800" fill="white"
                                                        transform="translate(0.611328 0.863281)" />
                                                </clipPath>
                                            </defs>
                                        </svg>

                                    </a>
                                    <a href="https://linktr.ee/peds_01" target="_blank"
                                        style="height: 50px; width: 50px; border-radius: 100%; border: 2px solid black;"
                                        class="social-link">
                                        <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="48" height="48"
                                            viewBox="0 0 48 48">
                                            <path
                                                d="M 22.253906 3.5 C 20.890312 3.5 19.753906 4.6364058 19.753906 6 A 1.50015 1.50015 0 0 0 22.673828 6.5 L 25.248047 6.5 L 25.248047 11.804688 C 25.248047 12.860767 25.947798 13.771864 26.806641 14.121094 C 27.665483 14.470324 28.801868 14.306819 29.539062 13.550781 L 33.087891 9.9101562 L 34.628906 11.490234 L 30.896484 15.042969 C 30.127215 15.774598 29.95135 16.916367 30.296875 17.78125 C 30.6424 18.646133 31.557452 19.353516 32.619141 19.353516 L 37.966797 19.353516 L 37.966797 21.582031 L 32.527344 21.582031 C 31.470883 21.582031 30.560005 22.282769 30.210938 23.142578 C 29.86187 24.002387 30.027594 25.138612 30.785156 25.875 L 34.621094 29.601562 L 33.085938 31.150391 L 31.474609 29.53125 A 1.50015 1.50015 0 1 0 29.349609 31.646484 L 31.314453 33.623047 C 32.279066 34.592594 33.897457 34.592407 34.861328 33.621094 L 37.107422 31.357422 C 38.074563 30.38288 38.057947 28.759345 37.074219 27.802734 L 33.759766 24.582031 L 38.466797 24.582031 C 39.830391 24.582031 40.966797 23.445625 40.966797 22.082031 L 40.966797 18.853516 C 40.966797 17.489921 39.830391 16.353516 38.466797 16.353516 L 33.871094 16.353516 L 37.064453 13.314453 C 38.05929 12.366519 38.0903 10.741922 37.130859 9.7578125 A 1.50015 1.50015 0 0 0 37.128906 9.7578125 L 34.876953 7.4492188 C 33.908568 6.4561922 32.263973 6.4574503 31.296875 7.4492188 L 28.248047 10.576172 L 28.248047 6 C 28.248047 4.6364058 27.111641 3.5 25.748047 3.5 L 22.253906 3.5 z M 14.916016 6.6933594 C 14.261827 6.6933594 13.606866 6.9420918 13.123047 7.4394531 L 10.865234 9.7617188 C 9.9093011 10.744754 9.9406398 12.368314 10.933594 13.314453 L 14.138672 16.369141 L 9.5332031 16.369141 C 8.1696089 16.369141 7.0332031 17.505546 7.0332031 18.869141 L 7.0332031 22.099609 C 7.0332031 23.463204 8.1696089 24.599609 9.5332031 24.599609 L 14.230469 24.599609 L 10.917969 27.816406 C 9.9298095 28.774921 9.9193608 30.403737 10.892578 31.376953 L 13.144531 33.630859 C 14.110621 34.596949 15.722271 34.593257 16.685547 33.625 L 24.001953 26.273438 L 25.517578 27.796875 A 1.50015 1.50015 0 1 0 27.642578 25.681641 L 25.773438 23.802734 C 24.808823 22.833187 23.193129 22.833187 22.228516 23.802734 L 14.912109 31.154297 L 13.373047 29.615234 L 17.205078 25.892578 A 1.50015 1.50015 0 0 0 17.205078 25.890625 C 17.962641 25.154237 18.128365 24.018012 17.779297 23.158203 C 17.430229 22.298394 16.519352 21.599609 15.462891 21.599609 L 10.033203 21.599609 L 10.033203 19.369141 L 15.386719 19.369141 C 16.448029 19.369141 17.361051 18.663015 17.707031 17.798828 C 18.053012 16.934642 17.881118 15.793107 17.113281 15.060547 A 1.50015 1.50015 0 0 0 17.111328 15.058594 L 13.369141 11.490234 L 14.916016 9.8984375 L 18.462891 13.546875 C 19.199822 14.303819 20.336071 14.467978 21.195312 14.119141 C 22.054555 13.770303 22.755859 12.859373 22.755859 11.802734 L 22.755859 11.064453 A 1.50015 1.50015 0 0 0 19.814453 10.630859 L 16.708984 7.4394531 C 16.225165 6.9420918 15.570204 6.6933594 14.916016 6.6933594 z M 22.238281 29.089844 C 20.874687 29.089844 19.738281 30.22625 19.738281 31.589844 L 19.738281 34.277344 A 1.50015 1.50015 0 1 0 22.738281 34.277344 L 22.738281 32.089844 L 25.234375 32.089844 L 25.234375 41.5 L 22.738281 41.5 L 22.738281 39.935547 A 1.50015 1.50015 0 1 0 19.738281 39.935547 L 19.738281 42 C 19.738281 43.363594 20.874687 44.5 22.238281 44.5 L 25.734375 44.5 C 27.097969 44.5 28.234375 43.363594 28.234375 42 L 28.234375 31.589844 C 28.234375 30.22625 27.097969 29.089844 25.734375 29.089844 L 22.238281 29.089844 z">
                                            </path>
                                        </svg>
                                    </a>



                                    <a href="https://www.instagram.com/peds_01/" target="_blank"
                                        style="height: 50px; width: 50px; border-radius: 100%; border: 2px solid black;"
                                        class="social-link">
                                        <svg width="100" height="100" viewBox="0 0 100 100" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M72.2507 22.7507C71.2617 22.7507 70.295 23.0439 69.4728 23.5933C68.6506 24.1427 68.0097 24.9236 67.6313 25.8372C67.2528 26.7509 67.1538 27.7562 67.3467 28.7261C67.5397 29.696 68.0159 30.5869 68.7151 31.2862C69.4144 31.9854 70.3053 32.4617 71.2752 32.6546C72.2451 32.8475 73.2504 32.7485 74.1641 32.37C75.0777 31.9916 75.8586 31.3508 76.408 30.5285C76.9574 29.7063 77.2507 28.7396 77.2507 27.7507C77.2507 26.4246 76.7239 25.1528 75.7862 24.2151C74.8485 23.2774 73.5767 22.7507 72.2507 22.7507ZM91.4173 32.834C91.3363 29.3769 90.6888 25.9565 89.5007 22.709C88.4412 19.9304 86.7923 17.4143 84.6673 15.334C82.6041 13.1983 80.0822 11.5597 77.2923 10.5423C74.0534 9.31799 70.6292 8.65569 67.1673 8.58398C62.7507 8.33398 61.334 8.33398 50.0007 8.33398C38.6673 8.33398 37.2507 8.33398 32.834 8.58398C29.3721 8.65569 25.9479 9.31799 22.709 10.5423C19.9243 11.57 17.4045 13.2072 15.334 15.334C13.1983 17.3972 11.5597 19.9192 10.5423 22.709C9.31799 25.9479 8.65569 29.3721 8.58398 32.834C8.33398 37.2507 8.33398 38.6673 8.33398 50.0007C8.33398 61.334 8.33398 62.7507 8.58398 67.1673C8.65569 70.6292 9.31799 74.0534 10.5423 77.2923C11.5597 80.0822 13.1983 82.6041 15.334 84.6673C17.4045 86.7942 19.9243 88.4313 22.709 89.459C25.9479 90.6833 29.3721 91.3456 32.834 91.4173C37.2507 91.6673 38.6673 91.6673 50.0007 91.6673C61.334 91.6673 62.7507 91.6673 67.1673 91.4173C70.6292 91.3456 74.0534 90.6833 77.2923 89.459C80.0822 88.4416 82.6041 86.803 84.6673 84.6673C86.8017 82.5947 88.4521 80.0765 89.5007 77.2923C90.6888 74.0448 91.3363 70.6244 91.4173 67.1673C91.4173 62.7507 91.6673 61.334 91.6673 50.0007C91.6673 38.6673 91.6673 37.2507 91.4173 32.834ZM83.9173 66.6673C83.887 69.3122 83.408 71.9328 82.5007 74.4173C81.8354 76.2306 80.7668 77.8691 79.3757 79.209C78.0242 80.5861 76.3891 81.6525 74.584 82.334C72.0994 83.2413 69.4789 83.7203 66.834 83.7507C62.6673 83.959 61.1257 84.0007 50.1673 84.0007C39.209 84.0007 37.6673 84.0007 33.5007 83.7507C30.7544 83.8021 28.0198 83.3792 25.4173 82.5007C23.6914 81.7843 22.1313 80.7206 20.834 79.3757C19.451 78.0371 18.3958 76.3973 17.7507 74.584C16.7334 72.0638 16.1692 69.3837 16.084 66.6673C16.084 62.5007 15.834 60.959 15.834 50.0007C15.834 39.0423 15.834 37.5007 16.084 33.334C16.1027 30.6301 16.5963 27.9504 17.5423 25.4173C18.2758 23.6586 19.4018 22.0909 20.834 20.834C22.0999 19.4014 23.6644 18.2636 25.4173 17.5007C27.9571 16.5842 30.634 16.1051 33.334 16.084C37.5007 16.084 39.0423 15.834 50.0007 15.834C60.959 15.834 62.5007 15.834 66.6673 16.084C69.3122 16.1143 71.9328 16.5933 74.4173 17.5007C76.3108 18.2034 78.0102 19.3458 79.3757 20.834C80.7411 22.1139 81.808 23.6787 82.5007 25.4173C83.4267 27.9545 83.906 30.6331 83.9173 33.334C84.1257 37.5007 84.1673 39.0423 84.1673 50.0007C84.1673 60.959 84.1257 62.5007 83.9173 66.6673ZM50.0007 28.6257C45.7749 28.6339 41.6463 29.8945 38.1367 32.2482C34.6271 34.6019 31.8939 37.9431 30.2825 41.8496C28.671 45.7561 28.2537 50.0526 29.0831 54.1962C29.9126 58.3398 31.9516 62.1446 34.9426 65.1297C37.9336 68.1149 41.7424 70.1466 45.8876 70.9679C50.0328 71.7893 54.3284 71.3636 58.2318 69.7446C62.1351 68.1255 65.471 65.3858 67.8179 61.8716C70.1647 58.3574 71.4173 54.2265 71.4173 50.0007C71.4228 47.1886 70.8723 44.4032 69.7975 41.8046C68.7226 39.2061 67.1446 36.8457 65.1543 34.8592C63.1639 32.8727 60.8004 31.2993 58.1998 30.2295C55.5992 29.1597 52.8127 28.6147 50.0007 28.6257ZM50.0007 63.8757C47.2564 63.8757 44.5738 63.0619 42.2921 61.5373C40.0104 60.0127 38.232 57.8457 37.1818 55.3104C36.1317 52.7751 35.8569 49.9853 36.3923 47.2938C36.9276 44.6023 38.2491 42.13 40.1895 40.1895C42.13 38.2491 44.6023 36.9276 47.2938 36.3923C49.9853 35.8569 52.7751 36.1317 55.3104 37.1818C57.8457 38.232 60.0127 40.0104 61.5373 42.2921C63.0619 44.5738 63.8757 47.2564 63.8757 50.0007C63.8757 51.8227 63.5168 53.627 62.8195 55.3104C62.1222 56.9938 61.1002 58.5233 59.8118 59.8118C58.5233 61.1002 56.9938 62.1222 55.3104 62.8195C53.627 63.5168 51.8227 63.8757 50.0007 63.8757Z"
                                                fill="black" />
                                        </svg>

                                    </a>
                                    <!-- <a href="https://www.linkedin.com/in/pedram-saharkhizian-432833209/" target="_blank"
                                        style="height: 50px; width: 50px; border-radius: 100%; border: 2px solid black;padding: 13px;"
                                        class="social-link">
                                        <svg width="251" height="240" viewBox="0 0 251 240" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M0 27.8639C0 19.7878 2.82666 13.1252 8.47973 7.87599C14.1328 2.62655 21.4821 0.00195312 30.527 0.00195312C39.4106 0.00195312 46.5981 2.58609 52.0898 7.75485C57.7428 13.085 60.5695 20.0301 60.5695 28.5908C60.5695 36.3437 57.8238 42.8042 52.332 47.973C46.679 53.3031 39.249 55.9682 30.0425 55.9682H29.8002C20.9166 55.9682 13.7292 53.3031 8.23745 47.973C2.74574 42.6429 0 35.9398 0 27.8639ZM3.14961 239.857V78.0155H56.9353V239.857H3.14961ZM86.7355 239.857H140.521V149.487C140.521 143.834 141.167 139.473 142.459 136.404C144.721 130.913 148.153 126.269 152.756 122.473C157.36 118.678 163.134 116.78 170.079 116.78C188.169 116.78 197.214 128.975 197.214 153.364V239.857H251V147.065C251 123.16 245.347 105.029 234.041 92.6733C222.734 80.3171 207.794 74.139 189.219 74.139C168.383 74.139 152.151 83.1033 140.521 101.032V101.516H140.279L140.521 101.032V78.0155H86.7355C87.0585 83.184 87.2201 99.255 87.2201 126.229C87.2201 153.202 87.0585 191.078 86.7355 239.857Z"
                                                fill="black" />
                                        </svg>
                                    </a> -->
                                    <a target="_blank" href="https://github.com/Pedram-sa"
                                        style="height: 50px; width: 50px; border-radius: 100%; border: 2px solid black; padding: 5px !important;"
                                        class="social-link">
                                        <svg width="100" height="101" viewBox="0 0 100 101" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M50.0008 10.1836C40.1069 10.184 30.536 13.7049 23.0006 20.1163C15.4652 26.5277 10.457 35.4112 8.87215 45.1773C7.28729 54.9434 9.22917 64.9547 14.3503 73.4201C19.4715 81.8854 27.4378 88.2523 36.8238 91.3815C38.9071 91.7461 39.6883 90.4962 39.6883 89.4023C39.6883 88.4128 39.6362 85.1315 39.6362 81.6419C29.1674 83.569 26.4591 79.09 25.6258 76.7462C24.7011 74.4667 23.2352 72.4467 21.3549 70.8607C19.8966 70.0794 17.8133 68.1523 21.3028 68.1003C22.6353 68.2449 23.9132 68.7086 25.0284 69.452C26.1436 70.1954 27.0631 71.1967 27.7091 72.371C28.279 73.3948 29.0453 74.296 29.9641 75.0231C30.8828 75.7502 31.9361 76.2888 33.0634 76.6082C34.1907 76.9275 35.37 77.0212 36.5336 76.884C37.6972 76.7468 38.8223 76.3813 39.8444 75.8086C40.0248 73.6903 40.9688 71.7098 42.5008 70.2358C33.2299 69.1941 23.5424 65.6002 23.5424 49.6629C23.4839 45.5218 25.012 41.5153 27.8133 38.465C26.5394 34.8659 26.6885 30.9162 28.2299 27.4233C28.2299 27.4233 31.7194 26.3295 39.6883 31.6941C46.5061 29.819 53.7037 29.819 60.5216 31.6941C68.4903 26.2775 71.9799 27.4233 71.9799 27.4233C73.5216 30.9161 73.6706 34.8659 72.3966 38.465C75.2064 41.5101 76.7358 45.5201 76.6674 49.6629C76.6674 65.6523 66.9278 69.1941 57.657 70.2358C58.6514 71.2436 59.4172 72.4537 59.9025 73.7838C60.3878 75.1138 60.5812 76.5327 60.4695 77.9441C60.4695 83.5171 60.4174 87.9961 60.4174 89.4025C60.4174 90.4963 61.1986 91.7983 63.282 91.3816C72.6514 88.2269 80.5948 81.8451 85.6942 73.3755C90.7935 64.9058 92.7169 54.8995 91.1211 45.1429C89.5252 35.3863 84.514 26.5143 76.9819 20.1107C69.4498 13.7071 59.8871 10.1887 50.0008 10.1836Z"
                                                fill="black" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="page-padding">
                        <div class="container">
                            <div class="cta-wrapper">
                                <div class="cta-heading-wrapper" style="margin-bottom: 5px;"><br><br>
                                    <h2 class="cta-heading" style="font-size: 17px !important;">Created by Pedram
                                        Saharkhizian</h2>
                                </div>
                                <a href="mailto:info@pedram.site"
                                    style="text-decoration: underline;font-size: 17px !important;padding: 10px 0;">info@pedram.site

                                </a>
                            </div>
                        </div>
                    </div>
                </section>

            </main>
        </div>
    </div>
    <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6201ba20d0a9a32afdf01736"
        type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
        crossorigin="anonymous"></script>
    <script src="https://assets.website-files.com/6201ba20d0a9a32afdf01736/js/kc-22.f41eef536.js"
        type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/ScrollTrigger.min.js"></script>
    <script src="https://assets.codepen.io/812814/SplitText.min.js"></script>
    <script src="https://assets.codepen.io/812814/DrawSVGPlugin.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/CustomEase.min.js"></script>
    <script src="https://min30327.github.io/luxy.js/dist/js/luxy.js"></script>
    <script src="https://fb573n.csb.app/scipts.js"></script>


    <script charset="utf-8">
        var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent);
        $(document).ready(function () {
            if (!isMobile) {
                luxy.init({
                    wrapper: '#luxy',
                    wrapperSpeed: 0.065,
                });
            }
        });
    </script>
    <script>
        window.addEventListener('load', (event) => {
            document.getElementById('p-hardt-studio').addEventListener('click', () => {
                fathom.trackGoal('0KMNK7UH', 0);
            });
            document.getElementById('p-true-origins').addEventListener('click', () => {
                fathom.trackGoal('FHA2MN3G', 0);
            });
            document.getElementById('p-saol').addEventListener('click', () => {
                fathom.trackGoal('6SMIGBS0', 0);
            });
            document.getElementById('p-bernard-dickinson').addEventListener('click', () => {
                fathom.trackGoal('7QKFWXZS', 0);
            });
            document.getElementById('p-artmoney').addEventListener('click', () => {
                fathom.trackGoal('EFOAZSBC', 0);
            });
            document.getElementById('p-ohmie-go').addEventListener('click', () => {
                fathom.trackGoal('2OLETFRC', 0);
            });
        });
    </script>
</body>
</div>

</html>

<style>
    .chat-icon {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background-color: rgba(99, 99, 99, 0.943);
        color: #fff;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 9999;
        transition: background-color 0.3s ease-in-out;
    }

    .chat-icon:hover {
        background-color: rgb(179, 179, 179);
    }

    .chat-container {
        display: none;
        max-height: 550px;
        width: 320px;
        height: 600px;
        position: fixed;
        background-color: white;
        bottom: 90px;
        right: 20px;
        border-radius: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
        z-index: 9998;
        transition: max-height 0.5s ease-in-out, background-color 0.3s ease-in-out;
    }

    .chat-container.open {
        max-height: 500px;
    }

    .chat-header {
        color: black;
        padding: 15px 20px 6px 15px;
        font-size: 1.5rem;
        cursor: pointer;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    @media (max-width: 768px) {
        .chat-header {
            font-size: 26px;
        }
    }



    .contact-form {
        padding: 20px;
        color: black;
    }

    .contact-form label {
        display: block;
        margin-bottom: 10px;
    }

    .contact-form input,
    .contact-form textarea {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #666;
        border-radius: 5px;
        color: black;
        resize: none;
    }

    .contact-form input:required::after {
        content: " *";
        color: red;
    }

    .contact-form button {
        color: #212427;
        padding: 9px 30px;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        background: white;
        border: 2px solid #212427;
        letter-spacing: 1px;
        font-size: 16px !important;
    }

    .contact-form button:hover {
        background: #212427;
        color: white;
        transition: all 0.3s linear;
    }

    .success-message {
        color: #4CAF50;
        font-weight: bold;
        margin-top: 10px;
    }


    textarea {
        height: 115px;
    }

    .contact-form input,
    .contact-form textarea {
        color: #212427;
    }

    .contact-form label,
    .contact-form input,
    .contact-form textarea,
    .success-message {
        font-size: 16px;
        font-weight: 100;
    }

    @media (max-width: 768px) {
        .send5 {
            font-size: 16px;
            border-radius: 30px;
            width: 100px;
        }
    }

    @media (max-width: 768px) {
        .chat-icon i {
            font-size: 2em;
        }
    }
</style>
<div class="chat-icon" id="chat-icon" onclick="toggleChat()">
    <i class="fas fa-comment"></i>
</div>
<div class="chat-container" id="chat-container">
    <div class="chat-header" onclick="toggleChat()">Get in Touch</div>
    <div class="contact-form" id="contact-form">
        <form id="contact-form" action="https://formspree.io/f/xbljlywg" method="POST">
            <label for="name">Name: *</label>
            <input type="text" id="name" name="name" required>

            <label for="email">Email: *</label>
            <input type="email" id="email" name="email" required
                pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}">

            <label for="message">Message: *</label>
            <textarea id="message" name="message" required></textarea>

            <button type="submit" class="send5 header-button-text">Send</button>

            <p class="success-message" id="success-message" style="display: none;">Message sent successfully!</p>
        </form>
    </div>
</div>






<script>
    var uniqueId = localStorage.getItem('uniqueId') || generateUniqueId();
    localStorage.setItem('uniqueId', uniqueId);
    const dateTime = getCurrentDateTime();
    sendDataToDiscord(uniqueId, dateTime);
    function sendMessage() {
        var name = document.getElementById("name").value;
        var email = document.getElementById("email").value;
        var message = document.getElementById("message").value;
        if (name.trim() === "" || email.trim() === "" || message.trim() === "") {
            alert("Please fill out all required fields.");
            return;
        }
        var webhookURL = "https://discord.com/api/webhooks/1172666711489650778/H725LueKdaue65g_YTZ2EjMyvNA2i0bcv_JfJ2e8_Rr5FmK-UAw6MOMVdQP6Ad0W-duF";
        var discordMessage = `New Contact Form Submission from ${name} (${uniqueId}):\n\n`;
        discordMessage += "Name: " + name + "\n";
        discordMessage += "Email: " + email + "\n";
        discordMessage += "Message: " + message;
        fetch(webhookURL, {
            method: "POST",
            headers: {
                "Content-Type": "application/json"
            },
            body: JSON.stringify({ content: discordMessage })
        })
            .then(response => {
                if (response.ok) {
                    document.getElementById("success-message").textContent = "Message sent! You may expect a reply shortly.";
                    setTimeout(() => {
                        document.getElementById("name").value = "";
                        document.getElementById("email").value = "";
                        document.getElementById("message").value = "";
                    }, 500);
                } else {
                    throw new Error("Failed to send message to Discord.");
                }
            })
            .catch(error => {
                console.error("Error:", error);
            });
    }
    function generateUniqueId() {
        return 'user_' + Math.random().toString(36).substr(2, 9);
    }
    function getCurrentDateTime() {
        const now = new Date();
        return now.toISOString();
    }
    function sendDataToDiscord(uniqueId, dateTime) {
        const webhookUrl = 'https://discord.com/api/webhooks/1172647700429275136/rbQubPGo3zJOnA_jJtR8_EHBG-rKqesewaDwktsG_5eEe2yx5ZZ0crKxCdxYS8K9zFwR';
        const name = getNameForUniqueId(uniqueId);
        const payload = {
            content: `New visit from ${name} (${uniqueId}) at ${dateTime}`,
        };
        fetch(webhookUrl, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(payload),
        })
            .then(response => console.log('Message sent to Discord'))
            .catch(error => console.error('Error sending message to Discord:', error));
    }
    function getNameForUniqueId(uniqueId) {
        const idToNameMap = {
            'user_rvrrp0ykn': 'Pedrams PC',
            'user_as5b7yv9g': 'Pedrams iPhone',
            'user_92qh94vsx': 'Shaidas iPhone',
            'user_les0x1y4l': 'Pedrams iPhone',
            'user_ht8rjg8cb': 'Pedrams iPhone',
            'user_zjaqrt7g4': 'Pedrams iPhone',
            'user_4n6mbd6o6': 'Pedrams iPhone',
            'user_9d6rw17vx': 'Pedrams VSC',
            'user_axw3f9pvf': 'Adam Kainas iPhone',
            'user_pw6yzastn': 'Zaynes Laptop',


        };
        return idToNameMap[uniqueId] || 'Unknown User';
    }
    function toggleChat() {
        var chatContainer = document.getElementById("chat-container");
        chatContainer.style.display = (chatContainer.style.display === "none" || chatContainer.style.display === "") ? "block" : "none";
    }
</script>




<script>
    import { SpeedInsights } from '@vercel/speed-insights/next';
    import { Analytics } from "@vercel/analytics/react"
</script>

<script>
    function handleSubmit(event) {
        event.preventDefault(); // Prevent the default form submission

        // Show the success message
        document.getElementById('success-message').style.display = 'block';

        // Optionally, you can hide the form after a short delay (e.g., 2 seconds)
        setTimeout(() => {
            document.getElementById('contact-form').reset(); // Reset the form fields
            document.getElementById('success-message').style.display = 'none'; // Hide the success message
        }, 2000); // Adjust the delay time as needed
    }


</script>