<!doctype html>
<html lang=en class=h-full>

<head>
    
    <meta charset=UTF-8>
    <meta name=viewport content="width=device-width,initial-scale=1">
    <meta http-equiv=X-UA-Compatible content="ie=edge">

    
    <meta name=description content="Laura Chirila - AI & Software Engineer, Entrepreneur, and Data Science specialist. Currently SWE Intern at Meta, Founder of ColorGraph.AI, and Computer Science student at Rice University.">
    <meta name=keywords content="Laura Chirila, AI Engineer, Software Engineer, Data Science, Machine Learning, Meta, Rice University, Entrepreneur, ColorGraph.AI, Portfolio">
    <meta name=author content="Laura Chirila">
    <meta name=robots content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <meta name=language content=English>
    <meta name=revisit-after content="7 days">
    <meta name=distribution content=global>
    <meta name=rating content=general>

    
    <link rel=canonical href=https://laurachirila.com/ >

    
    <meta property=og:type content=website>
    <meta property=og:url content=https://laurachirila.com/ >
    <meta property=og:title content="Laura Chirila - AI & Software Engineer | Portfolio">
    <meta property=og:description content="Explore Laura Chirila's portfolio showcasing AI engineering, software development, and entrepreneurial ventures. Currently at Meta and Rice University.">
    <meta property=og:image content=https://laurachirila.com/assets/img/profile_img.jpg>
    <meta property=og:image:width content=1200>
    <meta property=og:image:height content=630>
    <meta property=og:site_name content="Laura Chirila Portfolio">
    <meta property=og:locale content=en_US>

    
    <meta property=twitter:card content=summary_large_image>
    <meta property=twitter:url content=https://laurachirila.com/ >
    <meta property=twitter:title content="Laura Chirila - AI & Software Engineer | Portfolio">
    <meta property=twitter:description content="Explore Laura Chirila's portfolio showcasing AI engineering, software development, and entrepreneurial ventures. Currently at Meta and Rice University.">
    <meta property=twitter:image content=https://laurachirila.com/assets/img/profile_img.jpg>
    <meta property=twitter:creator content=@LauraChirila05>
    <meta property=twitter:site content=@LauraChirila05>

    
    <meta http-equiv=Content-Security-Policy content="default-src 'self'; script-src 'self' 'unsafe-inline' https://www.googletagmanager.com; style-src 'self' https://fonts.googleapis.com 'unsafe-inline'; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https:; frame-src https://www.google.com; connect-src 'self' https://www.google-analytics.com;">

    
    <title>Laura Chirila - AI & Software Engineer | Portfolio</title>

    
    <link rel=icon href=assets/img/favicon.svg type=image/svg+xml>
    <link rel=apple-touch-icon href=assets/img/apple-touch-icon.png>
    <link rel=manifest href=site.webmanifest>

    
    <link rel=dns-prefetch href=//fonts.googleapis.com>
    <link rel=dns-prefetch href=//fonts.gstatic.com>
    <link rel=dns-prefetch href=//www.google-analytics.com>

    
    <link rel=preconnect href=https://fonts.googleapis.com>
    <link rel=preconnect href=https://fonts.gstatic.com crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,500;12..96,600;12..96,700&display=swap" rel=stylesheet>

    
    <link rel=stylesheet href=./assets/css/swiper-bundle.min.css>
    <link rel=stylesheet href=./assets/css/venobox.min.css>
    <link rel=stylesheet href=./assets/css/style.css>

    
    <script src=./assets/js/seo-performance.js defer></script>

    
    <script type=application/ld+json>
        {
            "@context": "https://schema.org",
            "@type": "Person",
            "name": "Laura Chirila",
            "jobTitle": ["AI Engineer", "Software Engineer", "Entrepreneur"],
            "description": "AI & Software Engineer, Entrepreneur, and Data Science specialist currently working at Meta and founding ColorGraph.AI",
            "url": "https://laurachirila.com",
            "image": "https://laurachirila.com/assets/img/profile_img.jpg",
            "email": "laura.chirila@rice.edu",
            "alumniOf": {
                "@type": "CollegeOrUniversity",
                "name": "Rice University"
            },
            "worksFor": [{
                    "@type": "Organization",
                    "name": "Meta",
                    "url": "https://meta.com"
                },
                {
                    "@type": "Organization",
                    "name": "ColorGraph.AI",
                    "url": "https://colorgraph.ai"
                }
            ],
            "sameAs": [
                "https://www.linkedin.com/in/laura-chirila/",
                "https://github.com/ChirilaLaura",
                "https://x.com/LauraChirila05"
            ],
            "knowsAbout": [
                "Artificial Intelligence",
                "Software Engineering",
                "Data Science",
                "Machine Learning",
                "Entrepreneurship",
                "Computer Science"
            ]
        }
    </script>
</head>


<style>.experience-container{position:relative;max-height:200px;overflow:hidden}.experience-wrapper{display:flex;flex-direction:column;animation:scrollUp 60s linear infinite}.experience-list{flex-shrink:0}@keyframes scrollUp{0%{transform:translateY(0)}50%{transform:translateY(calc(-50% - 1.5rem))}50.001%{transform:translateY(0)}100%{transform:translateY(calc(-50% - 1.5rem))}}.group:hover .experience-wrapper{animation-play-state:paused}.svg-primary{filter:invert(41%) sepia(83%) saturate(1642%) hue-rotate(210deg) brightness(101%) contrast(101%)}</style>

<body class="relative h-screen overflow-y-auto overflow-x-hidden bg-light text-dark dark:bg-dark-2 dark:text-light">
    <div class="mx-auto flex max-w-screen-2xl flex-col justify-between gap-4 p-4 lg:gap-6 lg:p-6">
        
        <header class="sticky top-0 z-50">
            <div>
                <div class="flex items-center justify-between rounded-2xl bg-white p-3 shadow dark:bg-black dark:shadow-dark">
                    
                    <a class='inline-flex items-center gap-3 px-3 text-2xl font-semibold text-dark dark:text-white' href='/'>
                        <svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 24 24" class="h-6 w-6">
                            <path fill=currentColor d="M0 1.5A1.5 1.5 0 0 1 1.5 0H9a1.5 1.5 0 0 1 1.5 1.5v21A1.5 1.5 0 0 1 9 24H1.5A1.5 1.5 0 0 1 0 22.5v-21Zm13.5 0A1.5 1.5 0 0 1 15 0h7.5A1.5 1.5 0 0 1 24 1.5V9a1.5 1.5 0 0 1-1.5 1.5H15A1.5 1.5 0 0 1 13.5 9V1.5Zm0 13.5a1.5 1.5 0 0 1 1.5-1.5h7.5A1.5 1.5 0 0 1 24 15v7.5a1.5 1.5 0 0 1-1.5 1.5H15a1.5 1.5 0 0 1-1.5-1.5V15Z"/>
                        </svg>

                        <span> Laura<span class=text-primary> Chirila</span> </span>
                    </a>

                    
                    <ul class="hidden flex-1 flex-wrap items-center justify-center lg:flex">
                        <li class="group/menu-item active">
                            <a class='group inline-flex items-center gap-2 rounded-lg px-3 py-2 text-center text-base font-medium text-muted transition hover:bg-light hover:text-dark group-[.active]/menu-item:bg-light group-[.active]/menu-item:text-dark dark:hover:bg-dark-2 dark:hover:text-white dark:group-[.active]/menu-item:bg-dark-2 dark:group-[.active]/menu-item:text-white' href='/'>
                                <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.2 class="h-6 w-6 text-[#8991A7] transition group-hover:text-dark group-[.active]/menu-item:text-dark dark:group-hover:text-white dark:group-[.active]/menu-item:text-white">
                                    <path d="M15.833 7.258 11.39 3.802a2.222 2.222 0 0 0-2.728 0L4.216 7.258a2.22 2.22 0 0 0-.858 1.754v6a1.667 1.667 0 0 0 1.667 1.667h10a1.667 1.667 0 0 0 1.667-1.666v-6c0-.686-.317-1.334-.859-1.755Z"/>
                                    <path d="M13.333 12.5c-1.841 1.11-4.826 1.11-6.667 0"/>
                                </svg>
                                <span>Home</span>
                            </a>
                        </li>
                        <li class=group/menu-item>
                            <a class='group inline-flex items-center gap-2 rounded-lg px-3 py-2 text-center text-base font-medium text-muted transition hover:bg-light hover:text-dark group-[.active]/menu-item:bg-light group-[.active]/menu-item:text-dark dark:hover:bg-dark-2 dark:hover:text-white dark:group-[.active]/menu-item:bg-dark-2 dark:group-[.active]/menu-item:text-white' href='/about'>
                                <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.2 class="h-6 w-6 text-[#8991A7] transition group-hover:text-dark group-[.active]/menu-item:text-dark dark:group-hover:text-white dark:group-[.active]/menu-item:text-white">
                                    <path d="M10.5 10.833a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
                                    <path d="M10.5 2.5c6 0 7.5 1.5 7.5 7.5s-1.5 7.5-7.5 7.5S3 16 3 10s1.5-7.5 7.5-7.5Z"/>
                                    <path d="M5.5 16.708v-.041a3.333 3.333 0 0 1 3.333-3.334h3.334a3.333 3.333 0 0 1 3.333 3.334v.041"/>
                                </svg>
                                <span>About</span>
                            </a>
                        </li>
                        <li class=group/menu-item>
                            <a class='group inline-flex items-center gap-2 rounded-lg px-3 py-2 text-center text-base font-medium text-muted transition hover:bg-light hover:text-dark group-[.active]/menu-item:bg-light group-[.active]/menu-item:text-dark dark:hover:bg-dark-2 dark:hover:text-white dark:group-[.active]/menu-item:bg-dark-2 dark:group-[.active]/menu-item:text-white' href='/portfolio'>
                                <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.2 class="h-6 w-6 text-[#8991A7] transition group-hover:text-dark group-[.active]/menu-item:text-dark dark:group-hover:text-white dark:group-[.active]/menu-item:text-white">
                                    <path d="m3.503 5.998 5.949-2.591a.8.8 0 0 1 1.058.439l4.103 9.918a.834.834 0 0 1-.428 1.087l-5.948 2.59a.8.8 0 0 1-1.059-.438l-4.103-9.92a.833.833 0 0 1 .428-1.085ZM13 3.333h.833a.833.833 0 0 1 .834.834v2.916M17.167 5c.22.093.433.18.64.263a.833.833 0 0 1 .442 1.092l-1.915 4.478"/>
                                </svg>
                                <span>Works</span>
                            </a>
                        </li>

                        <li class=group/menu-item>
                            <a class='group inline-flex items-center gap-2 rounded-lg px-3 py-2 text-center text-base font-medium text-muted transition hover:bg-light hover:text-dark group-[.active]/menu-item:bg-light group-[.active]/menu-item:text-dark dark:hover:bg-dark-2 dark:hover:text-white dark:group-[.active]/menu-item:bg-dark-2 dark:group-[.active]/menu-item:text-white' href='/contact'>
                                <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.2 class="h-6 w-6 text-[#8991A7] transition group-hover:text-dark group-[.active]/menu-item:text-dark dark:group-hover:text-white dark:group-[.active]/menu-item:text-white">
                                    <path d="M6.667 7.5h6.666m-6.666 3.333h5M15 3.333a2.5 2.5 0 0 1 2.5 2.5V12.5A2.5 2.5 0 0 1 15 15h-4.167l-4.166 2.5V15H5a2.5 2.5 0 0 1-2.5-2.5V5.833a2.5 2.5 0 0 1 2.5-2.5h10Z"/>
                                </svg>
                                <span>Contact</span>
                            </a>
                        </li>
                    </ul>

                    
                    <div class="hidden items-center gap-4 lg:flex">
                        
                        <div>
                            <button type=button class="hs-dark-mode group flex h-10 w-10 items-center justify-center rounded-lg text-center font-medium text-dark transition hover:bg-light hs-dark-mode-active:hidden dark:text-gray-400 dark:hover:text-gray-500" data-hs-theme-click-value=dark>
                                <svg xmlns=http://www.w3.org/2000/svg fill=currentColor viewBox="0 0 24 24" class="h-6 w-6">
                                    <path d="M11.8 3a8.656 8.656 0 0 0-4.523 1.28A8.918 8.918 0 0 0 4.04 7.756a9.167 9.167 0 0 0 .44 9.24 8.863 8.863 0 0 0 3.553 3.137 8.633 8.633 0 0 0 4.624.824 8.69 8.69 0 0 0 4.381-1.723 8.973 8.973 0 0 0 2.892-3.78c.3-.738-.419-1.48-1.142-1.179a5.604 5.604 0 0 1-3.892.15 5.74 5.74 0 0 1-3.083-2.431 5.956 5.956 0 0 1-.848-3.886c.17-1.357.8-2.61 1.78-3.541l.069-.072c.485-.567.099-1.488-.668-1.488h-.234l-.06-.005L11.8 3Z"/>
                                </svg>
                            </button>
                            <button type=button class="hs-dark-mode group hidden h-10 w-10 items-center justify-center rounded-lg text-center font-medium text-dark transition hover:bg-light hs-dark-mode-active:flex dark:text-[#FD7E41] dark:hover:bg-dark dark:hover:text-[#FD7E41]" data-hs-theme-click-value=light>
                                <svg xmlns=http://www.w3.org/2000/svg fill=currentColor viewBox="0 0 20 20" class="h-6 w-6">
                                    <path d="M10 15.833a.833.833 0 0 1 .828.736l.005.098v.833a.833.833 0 0 1-1.66.097l-.006-.097v-.833a.833.833 0 0 1 .833-.834Zm5.26-1.741.08.069.582.583a.833.833 0 0 1-1.1 1.248l-.078-.07-.583-.583a.833.833 0 0 1 1.015-1.306l.085.059Zm-9.42.068a.833.833 0 0 1 .068 1.1l-.069.08-.583.582a.833.833 0 0 1-1.248-1.1l.07-.078.583-.583a.833.833 0 0 1 1.178 0ZM3.333 9.167a.833.833 0 0 1 .098 1.66l-.098.006H2.5a.833.833 0 0 1-.098-1.66l.098-.006h.833Zm14.167 0a.833.833 0 0 1 .098 1.66l-.098.006h-.833a.833.833 0 0 1-.098-1.66l.098-.006h.833ZM5.178 4.008l.078.07.583.583a.833.833 0 0 1-1.1 1.247l-.078-.069-.583-.583A.833.833 0 0 1 5.092 3.95l.086.058Zm10.744.069a.833.833 0 0 1 .07 1.1l-.07.079-.583.583a.833.833 0 0 1-1.247-1.1l.069-.078.583-.584a.833.833 0 0 1 1.178 0ZM10 1.667a.833.833 0 0 1 .828.736l.005.097v.833a.833.833 0 0 1-1.66.098l-.006-.098V2.5A.833.833 0 0 1 10 1.667Zm0 4.166a4.167 4.167 0 1 1-4.163 4.348L5.833 10l.004-.18A4.167 4.167 0 0 1 10 5.832Z"/>
                                </svg>
                            </button>
                        </div>

                        <a class='inline-flex items-center gap-2 rounded-lg bg-dark px-6 py-4 text-center text-base font-semibold leading-tight text-white transition hover:bg-primary dark:bg-dark-2 dark:text-white dark:hover:bg-primary dark:hover:text-white' href='/contact'>
                            <span>Let's Talk</span>
                            <svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20" stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.5 class="h-5 w-5">
                                <path d="M17.5 11.667v-5h-5"/>
                                <path d="m17.5 6.667-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </a>
                    </div>

                    
                    <button type=button class="text-dark transition dark:text-white/70 lg:hidden" data-hs-overlay=#mobile-menu aria-controls=mobile-menu aria-label="Toggle navigation">
                        <span class=sr-only>Toggle Navigation</span>
                        <svg class="h-9 w-9 flex-shrink-0" fill=currentColor viewBox="0 0 16 16">
                            <path fill-rule=evenodd d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
                        </svg>
                    </button>
                </div>
            </div>
        </header>
        

        
        <div id=mobile-menu class="hs-overlay fixed bottom-0 start-0 top-0 z-[60] hidden h-full w-64 -translate-x-full transform overflow-y-auto bg-white transition-all duration-300 hs-overlay-open:translate-x-0 dark:bg-black [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar]:w-2">
            <div class="flex h-full flex-col justify-between gap-5 p-5">
                <div>
                    
                    <a class='inline-flex items-center gap-3 px-3 text-2xl font-semibold text-dark dark:text-white' href='/'>
                        <svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 24 24" class="h-6 w-6">
                            <path fill=currentColor d="M0 1.5A1.5 1.5 0 0 1 1.5 0H9a1.5 1.5 0 0 1 1.5 1.5v21A1.5 1.5 0 0 1 9 24H1.5A1.5 1.5 0 0 1 0 22.5v-21Zm13.5 0A1.5 1.5 0 0 1 15 0h7.5A1.5 1.5 0 0 1 24 1.5V9a1.5 1.5 0 0 1-1.5 1.5H15A1.5 1.5 0 0 1 13.5 9V1.5Zm0 13.5a1.5 1.5 0 0 1 1.5-1.5h7.5A1.5 1.5 0 0 1 24 15v7.5a1.5 1.5 0 0 1-1.5 1.5H15a1.5 1.5 0 0 1-1.5-1.5V15Z"/>
                        </svg>

                        <span> Laura<span class=text-primary> Chirila</span> </span>
                    </a>
                </div>

                <ul class="mt-4 flex flex-1 flex-col gap-2">
                    <li class="group/menu-item active">
                        <a class='group inline-flex w-full items-center gap-2 rounded-lg px-3 py-2 text-center text-base font-medium text-muted transition hover:bg-light hover:text-dark group-[.active]/menu-item:bg-light group-[.active]/menu-item:text-dark dark:hover:bg-dark-2 dark:hover:text-white dark:group-[.active]/menu-item:bg-dark-2 dark:group-[.active]/menu-item:text-white' href='/'>
                            <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.2 class="h-6 w-6 text-[#8991A7] transition group-hover:text-dark group-[.active]/menu-item:text-dark dark:group-hover:text-white dark:group-[.active]/menu-item:text-white">
                                <path d="M15.833 7.258 11.39 3.802a2.222 2.222 0 0 0-2.728 0L4.216 7.258a2.22 2.22 0 0 0-.858 1.754v6a1.667 1.667 0 0 0 1.667 1.667h10a1.667 1.667 0 0 0 1.667-1.666v-6c0-.686-.317-1.334-.859-1.755Z"/>
                                <path d="M13.333 12.5c-1.841 1.11-4.826 1.11-6.667 0"/>
                            </svg>
                            <span>Home</span>
                        </a>
                    </li>
                    <li class=group/menu-item>
                        <a class='group inline-flex w-full items-center gap-2 rounded-lg px-3 py-2 text-center text-base font-medium text-muted transition hover:bg-light hover:text-dark group-[.active]/menu-item:bg-light group-[.active]/menu-item:text-dark dark:hover:bg-dark-2 dark:hover:text-white dark:group-[.active]/menu-item:bg-dark-2 dark:group-[.active]/menu-item:text-white' href='/about'>
                            <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.2 class="h-6 w-6 text-[#8991A7] transition group-hover:text-dark group-[.active]/menu-item:text-dark dark:group-hover:text-white dark:group-[.active]/menu-item:text-white">
                                <path d="M10.5 10.833a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
                                <path d="M10.5 2.5c6 0 7.5 1.5 7.5 7.5s-1.5 7.5-7.5 7.5S3 16 3 10s1.5-7.5 7.5-7.5Z"/>
                                <path d="M5.5 16.708v-.041a3.333 3.333 0 0 1 3.333-3.334h3.334a3.333 3.333 0 0 1 3.333 3.334v.041"/>
                            </svg>
                            <span>About</span>
                        </a>
                    </li>
                    <li class=group/menu-item>
                        <a class='group inline-flex w-full items-center gap-2 rounded-lg px-3 py-2 text-center text-base font-medium text-muted transition hover:bg-light hover:text-dark group-[.active]/menu-item:bg-light group-[.active]/menu-item:text-dark dark:hover:bg-dark-2 dark:hover:text-white dark:group-[.active]/menu-item:bg-dark-2 dark:group-[.active]/menu-item:text-white' href='/portfolio'>
                            <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.2 class="h-6 w-6 text-[#8991A7] transition group-hover:text-dark group-[.active]/menu-item:text-dark dark:group-hover:text-white dark:group-[.active]/menu-item:text-white">
                                <path d="m3.503 5.998 5.949-2.591a.8.8 0 0 1 1.058.439l4.103 9.918a.834.834 0 0 1-.428 1.087l-5.948 2.59a.8.8 0 0 1-1.059-.438l-4.103-9.92a.833.833 0 0 1 .428-1.085ZM13 3.333h.833a.833.833 0 0 1 .834.834v2.916M17.167 5c.22.093.433.18.64.263a.833.833 0 0 1 .442 1.092l-1.915 4.478"/>
                            </svg>
                            <span>Works</span>
                        </a>
                    </li>
                    <li class=group/menu-item>
                        <a class='group inline-flex w-full items-center gap-2 rounded-lg px-3 py-2 text-center text-base font-medium text-muted transition hover:bg-light hover:text-dark group-[.active]/menu-item:bg-light group-[.active]/menu-item:text-dark dark:hover:bg-dark-2 dark:hover:text-white dark:group-[.active]/menu-item:bg-dark-2 dark:group-[.active]/menu-item:text-white' href='/contact'>
                            <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.2 class="h-6 w-6 text-[#8991A7] transition group-hover:text-dark group-[.active]/menu-item:text-dark dark:group-hover:text-white dark:group-[.active]/menu-item:text-white">
                                <path d="M6.667 7.5h6.666m-6.666 3.333h5M15 3.333a2.5 2.5 0 0 1 2.5 2.5V12.5A2.5 2.5 0 0 1 15 15h-4.167l-4.166 2.5V15H5a2.5 2.5 0 0 1-2.5-2.5V5.833a2.5 2.5 0 0 1 2.5-2.5h10Z"/>
                            </svg>
                            <span>Contact</span>
                        </a>
                    </li>
                </ul>

                <div class="flex flex-col gap-3">
                    <button data-hs-theme-click-value=dark class="hs-dark-mode flex w-full items-center justify-start gap-2 rounded-lg px-4 py-2 text-center text-sm text-muted transition hover:bg-light hs-dark-mode-active:hidden dark:hover:bg-dark dark:hover:text-white">
                        <svg xmlns=http://www.w3.org/2000/svg fill=currentColor viewBox="0 0 24 24" class="h-6 w-6">
                            <path d="M11.8 3a8.656 8.656 0 0 0-4.523 1.28A8.918 8.918 0 0 0 4.04 7.756a9.167 9.167 0 0 0 .44 9.24 8.863 8.863 0 0 0 3.553 3.137 8.633 8.633 0 0 0 4.624.824 8.69 8.69 0 0 0 4.381-1.723 8.973 8.973 0 0 0 2.892-3.78c.3-.738-.419-1.48-1.142-1.179a5.604 5.604 0 0 1-3.892.15 5.74 5.74 0 0 1-3.083-2.431 5.956 5.956 0 0 1-.848-3.886c.17-1.357.8-2.61 1.78-3.541l.069-.072c.485-.567.099-1.488-.668-1.488h-.234l-.06-.005L11.8 3Z"/>
                        </svg>

                        <span>Change appearance</span>
                    </button>

                    <button data-hs-theme-click-value=light class="hs-dark-mode hidden w-full items-center justify-start gap-2 rounded-lg px-4 py-2 text-center text-sm text-muted transition hover:bg-light hs-dark-mode-active:flex dark:hover:bg-dark dark:hover:text-white">
                        <svg xmlns=http://www.w3.org/2000/svg fill=currentColor viewBox="0 0 24 24" class="h-6 w-6">
                            <path d="M10 15.833a.833.833 0 0 1 .828.736l.005.098v.833a.833.833 0 0 1-1.66.097l-.006-.097v-.833a.833.833 0 0 1 .833-.834Zm5.26-1.741.08.069.582.583a.833.833 0 0 1-1.1 1.248l-.078-.07-.583-.583a.833.833 0 0 1 1.015-1.306l.085.059Zm-9.42.068a.833.833 0 0 1 .068 1.1l-.069.08-.583.582a.833.833 0 0 1-1.248-1.1l.07-.078.583-.583a.833.833 0 0 1 1.178 0ZM3.333 9.167a.833.833 0 0 1 .098 1.66l-.098.006H2.5a.833.833 0 0 1-.098-1.66l.098-.006h.833Zm14.167 0a.833.833 0 0 1 .098 1.66l-.098.006h-.833a.833.833 0 0 1-.098-1.66l.098-.006h.833ZM5.178 4.008l.078.07.583.583a.833.833 0 0 1-1.1 1.247l-.078-.069-.583-.583A.833.833 0 0 1 5.092 3.95l.086.058Zm10.744.069a.833.833 0 0 1 .07 1.1l-.07.079-.583.583a.833.833 0 0 1-1.247-1.1l.069-.078.583-.584a.833.833 0 0 1 1.178 0ZM10 1.667a.833.833 0 0 1 .828.736l.005.097v.833a.833.833 0 0 1-1.66.098l-.006-.098V2.5A.833.833 0 0 1 10 1.667Zm0 4.166a4.167 4.167 0 1 1-4.163 4.348L5.833 10l.004-.18A4.167 4.167 0 0 1 10 5.832Z"/>
                        </svg>

                        <span>Change appearance</span>
                    </button>

                    <a class='inline-flex w-full items-center justify-center gap-2 rounded-lg bg-dark px-6 py-4 text-center text-base font-semibold leading-tight text-white transition hover:bg-primary dark:bg-dark-2 dark:text-white dark:hover:bg-primary dark:hover:text-white' href='/contact'>
                        <span>Let's Talk</span>
                        <svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20" stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.5 class="h-5 w-5">
                            <path d="M17.5 11.667v-5h-5"/>
                            <path d="m17.5 6.667-7.5 7.5-7.5-7.5"/>
                        </svg>
                    </a>
                </div>
            </div>
        </div>


        <main class="grid grid-cols-1 gap-4 lg:grid-cols-3 lg:gap-6">
            
            <section class="rounded-2xl bg-white p-6 shadow dark:bg-black dark:shadow-dark" itemscope itemtype=https://schema.org/Person>
                <div class="aspect-6/4 overflow-hidden rounded-lg bg-light pt-4 text-center dark:bg-dark-2">
                    <img src=assets/img/profile_img.jpg alt="Laura Chirila - AI &amp; Software Engineer professional headshot" itemprop=image class="inline-block h-full w-full scale-110 object-contain object-bottom">
                </div>

                <div class=mt-6>
                    <h1 class="text-2xl font-semibold dark:text-light" itemprop=name>Laura Chirila 👋</h1>
                    <p class="mt-2 text-base text-dark dark:text-white font-semibold" itemprop=jobTitle>
                        AI &amp; Software Engineer | Entrepreneur | Data Science &amp; ML Specialist
                    </p>
                    <p class="mt-1 text-muted dark:text-light/70 text-sm" itemprop=description>
                        Bridging AI & Design to build scalable solutions for the future.
                    </p>
                    <ul class="mt-2 text-sm text-muted dark:text-light/70 space-y-1">
                        <li>💼 SWE Intern @ <span itemprop=worksFor>Meta</span></li>
                        <li>🚀 Founder, <span itemprop=worksFor>ColorGraph.AI</span></li>
                        <li>🎓 Computer Science, Data Science & Entrepreneurship @ <span itemprop=alumniOf>Rice University</span></li>
                    </ul>

                    
                    <nav class="mt-6 flex flex-nowrap gap-2 justify-start" aria-label="Primary actions">
                        <a href=assets/img/resume_LauraChirila_2025.pdf target=_blank rel="noopener noreferrer" aria-label="Download Laura Chirila's resume (PDF)" class="inline-flex items-center gap-x-2 rounded-lg border border-transparent bg-primary px-4 py-3 font-medium text-white transition hover:bg-blue-600 focus:outline-none focus:ring disabled:pointer-events-none disabled:opacity-50">
                            <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.5 class="h-4 w-4" aria-hidden=true>
                                <path d="M12 15V3m0 12-4-4m4 4 4-4M2 17l.621 2.485A2 2 0 0 0 4.561 21h14.878a2 2 0 0 0 1.94-1.515L22 17"/>
                            </svg>
                            <span>Resume</span>
                        </a>
                        <button type=button data-clipboard-text=laura.chirila@rice.edu data-clipboard-action=copy data-clipboard-success-text="Copied to clipboard" aria-label="Copy email address to clipboard" class="js-clipboard hs-tooltip inline-flex items-center gap-x-2 rounded-lg border border-light bg-transparent px-4 py-3 font-medium text-dark transition [--trigger:focus] hover:bg-light focus:outline-none focus:ring disabled:pointer-events-none disabled:opacity-50 dark:border-dark dark:text-light/70 dark:hover:bg-dark dark:hover:text-white">
                            <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.5 class="h-4 w-4" aria-hidden=true>
                                <path d="M8 10a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-8Z"/>
                                <path d="M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"/>
                            </svg>
                            <span itemprop=email>laura.chirila@rice.edu</span>

                            <span class="hs-tooltip-content invisible z-10 hidden rounded-lg bg-gray-900 px-2 py-1 text-xs font-medium text-white opacity-0 shadow-sm transition-opacity hs-tooltip-shown:visible hs-tooltip-shown:opacity-100 dark:bg-slate-700" role=tooltip>
									Copied to clipboard
								</span>
                        </button>
                    </nav>

                    
                    <nav class="mt-8 flex flex-wrap items-center gap-2" aria-label="Social media links">
                        <a href=https://www.linkedin.com/in/laura-chirila/ target=_blank rel="noopener noreferrer" aria-label="Follow Laura Chirila on LinkedIn" itemprop=sameAs class="flex h-10 w-10 items-center justify-center rounded-lg border border-slate-200 bg-transparent text-center text-slate-600 transition hover:text-primary focus:outline-none focus:ring disabled:pointer-events-none disabled:opacity-50 dark:border-transparent dark:bg-dark-2 dark:text-slate-500 dark:hover:text-primary">
                            <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24" fill=currentColor class="h-6 w-6" aria-hidden=true>
                                <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
                            </svg>
                        </a>
                        <a href=https://github.com/ChirilaLaura target=_blank rel="noopener noreferrer" aria-label="View Laura Chirila's GitHub profile" itemprop=sameAs class="flex h-10 w-10 items-center justify-center rounded-lg border border-slate-200 bg-transparent text-center text-slate-600 transition hover:text-primary focus:outline-none focus:ring disabled:pointer-events-none disabled:opacity-50 dark:border-transparent dark:bg-dark-2 dark:text-slate-500 dark:hover:text-primary">
                            <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24" fill=currentColor class="h-6 w-6" aria-hidden=true>
                                <path d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.338 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.275.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10Z"/>
                            </svg>
                        </a>
                        <a href=https://x.com/LauraChirila05 target=_blank rel="noopener noreferrer" aria-label="Follow Laura Chirila on X (Twitter)" itemprop=sameAs class="flex h-10 w-10 items-center justify-center rounded-lg border border-slate-200 bg-transparent text-center text-slate-600 transition hover:text-primary focus:outline-none focus:ring disabled:pointer-events-none disabled:opacity-50 dark:border-transparent dark:bg-dark-2 dark:text-slate-500 dark:hover:text-primary">
                            <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24" fill=currentColor class="h-6 w-6" aria-hidden=true>
                                <path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/>
                            </svg>
                        </a>
                    </nav>
                </div>
            </section>

            <div class="grid grid-cols-1 gap-4 lg:gap-6">
                
                <section class="group rounded-2xl bg-white px-6 pt-0 shadow dark:bg-black dark:shadow-dark">
                    <h2 class="relative z-10 bg-white pb-2 pt-6 text-2xl font-semibold dark:bg-black dark:text-light">
                        Work Experience
                    </h2>

                    <div class="experience-container relative h-[180px] overflow-hidden pb-6 pt-4">
                        
                        <div class="pointer-events-none absolute inset-x-0 top-0 h-6 bg-gradient-to-b from-white to-transparent dark:from-black z-10"></div>
                        <div class="pointer-events-none absolute inset-x-0 bottom-0 h-12 bg-gradient-to-t from-white to-transparent dark:from-black z-10"></div>

                        
                        <div class="experience-wrapper absolute w-full">
                            
                            <ul class="experience-list flex flex-col gap-y-6">
                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2025
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/meta.svg alt="Meta Inc. logo" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h3 class="text-base font-semibold text-dark dark:text-light/70">
                                                Meta Inc.
                                            </h3>
                                            <p class="text-sm text-muted">
                                                Software Engineering Intern
                                            </p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2024 - 2025
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/magnolia_river_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                Magnolia River Services
                                            </h6>
                                            <p class="text-sm text-muted">Data Scientist Development Intern</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2024 - Present
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/colorgraph_logo.png alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                ColorGraph.AI
                                            </h6>
                                            <p class="text-sm text-muted">Founder</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2022 - 2023
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/rice_electric_vehicle_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                Rice Electric Vehicle
                                            </h6>
                                            <p class="text-sm text-muted">Team Lead, Autonomous Driving Perception</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2022 - 2023
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/riceuniversity_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                Rice University ECE Department
                                            </h6>
                                            <p class="text-sm text-muted">
                                                Research Intern
                                            </p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2022 - 2023
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/aiaa_rice_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                American Institute of Aeronautics and Astronautics
                                            </h6>
                                            <p class="text-sm text-muted">SUAS Computer Vision Software Developer</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2022 - 2023
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/rice_robotics_club_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                Rice Robotics
                                            </h6>
                                            <p class="text-sm text-muted">Software Developer</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2020 - 2022
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/sapphire_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                Sapphire Group Romania
                                            </h6>
                                            <p class="text-sm text-muted">Co-Founder, CTO, Full Stack Developer</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2021
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/upt_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                Politehnica University Timisoara
                                            </h6>
                                            <p class="text-sm text-muted">Research Collaborator & First Author</p>
                                        </div>
                                    </div>
                                </li>
                            </ul>

                            
                            <ul class="experience-list flex flex-col gap-y-6 mt-6">
                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2025
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/meta.svg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                Meta Inc.
                                            </h6>
                                            <p class="text-sm text-muted">
                                                Software Engineering Intern
                                            </p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2024 - 2025
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/magnolia_river_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                Magnolia River Services
                                            </h6>
                                            <p class="text-sm text-muted">Data Scientist Development Intern</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2024 - Present
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/colorgraph_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                ColorGraph.AI
                                            </h6>
                                            <p class="text-sm text-muted">Founder</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2022 - 2023
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/rice_electric_vehicle_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                Rice Electric Vehicle
                                            </h6>
                                            <p class="text-sm text-muted">Team Lead, Autonomous Driving Perception</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2022 - 2023
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/riceuniversity_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                Rice University ECE Department
                                            </h6>
                                            <p class="text-sm text-muted">
                                                Research Intern
                                            </p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2022 - 2023
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/aiaa_rice_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                American Institute of Aeronautics and Astronautics
                                            </h6>
                                            <p class="text-sm text-muted">SUAS Computer Vision Software Developer</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2022 - 2023
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/rice_robotics_club_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                Rice Robotics
                                            </h6>
                                            <p class="text-sm text-muted">Software Developer</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2020 - 2022
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/sapphire_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                Sapphire Group Romania
                                            </h6>
                                            <p class="text-sm text-muted">Co-Founder, CTO, Full Stack Developer</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="flex flex-col gap-3 md:flex-row md:gap-10">
                                    <p class="w-24 shrink-0 text-sm font-medium text-muted dark:text-light/70">
                                        2021
                                    </p>
                                    <div class="flex items-start gap-3">
                                        <div class="mt-1 grid h-8 w-8 shrink-0 place-content-center rounded-lg bg-light dark:bg-dark-2">
                                            <img src=assets/img/upt_logo.jpg alt="" class="h-5 w-5">
                                        </div>
                                        <div>
                                            <h6 class="text-base font-semibold text-dark dark:text-light/70">
                                                Politehnica University Timisoara
                                            </h6>
                                            <p class="text-sm text-muted">Research Collaborator & First Author</p>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </section>

                
                <div class="rounded-2xl bg-white p-6 shadow dark:bg-black dark:shadow-dark">
                    <h3 class="text-2xl font-semibold dark:text-light">My Technical Stack</h3>

                    <div class="mt-6 grid grid-cols-2 gap-4 md:grid-cols-3">
                        <div class=text-center>
                            <div class="grid place-content-center rounded-lg bg-light p-3 dark:bg-dark-2">
                                <img src=assets/img/Python-logo.png alt="" class="h-auto w-auto max-h-8 object-contain">
                            </div>
                            <p class="mt-1 text-base font-medium text-dark dark:text-light/70">
                                Python
                            </p>
                        </div>
                        <div class=text-center>
                            <div class="grid place-content-center rounded-lg bg-light p-3 dark:bg-dark-2">
                                <img src=assets/img/Pytorch_logo_icon.png alt="" class="h-auto w-auto max-h-8 object-contain">
                            </div>
                            <p class="mt-1 text-base font-medium text-dark dark:text-light/70">
                                Pytorch
                            </p>
                        </div>
                        <div class=text-center>
                            <div class="grid place-content-center rounded-lg bg-light p-3 dark:bg-dark-2">
                                <img src=assets/img/TensorFlow_logo.png alt="" class="h-auto w-auto max-h-8 object-contain">
                            </div>
                            <p class="mt-1 text-base font-medium text-dark dark:text-light/70">
                                Tensorflow
                            </p>
                        </div>
                        <div class=text-center>
                            <div class="grid place-content-center rounded-lg bg-light p-3 dark:bg-dark-2">
                                <img src=assets/img/React-icon.png alt="" class="h-auto w-auto max-h-8 object-contain">
                            </div>
                            <p class="mt-1 text-base font-medium text-dark dark:text-light/70">
                                React
                            </p>
                        </div>
                        <div class=text-center>
                            <div class="grid place-content-center rounded-lg bg-light p-3 dark:bg-dark-2">
                                <img src=assets/img/Nodejs_logo.png alt="" class="h-auto w-auto max-h-8 object-contain">
                            </div>
                            <p class="mt-1 text-base font-medium text-dark dark:text-light/70">
                                Node.js
                            </p>
                        </div>
                        <div class=text-center>
                            <div class="grid place-content-center rounded-lg bg-light p-3 dark:bg-dark-2">
                                <img src=assets/img/OpenCV_logo.png alt="" class="h-auto w-auto max-h-8 object-contain">
                            </div>
                            <p class="mt-1 text-base font-medium text-dark dark:text-light/70">
                                OpenCV
                            </p>
                        </div>
                        <div class=text-center>
                            <div class="grid place-content-center rounded-lg bg-light p-3 dark:bg-dark-2">
                                <img src=assets/img/aws_logo.png alt="" class="h-auto w-auto max-h-8 object-contain">
                            </div>
                            <p class="mt-1 text-base font-medium text-dark dark:text-light/70">
                                AWS
                            </p>
                        </div>
                        <div class=text-center>
                            <div class="grid place-content-center rounded-lg bg-light p-3 dark:bg-dark-2">
                                <img src=assets/img/PHP_logo.png alt="" class="h-auto w-auto max-h-8 object-contain">
                            </div>
                            <p class="mt-1 text-base font-medium text-dark dark:text-light/70">
                                PHP
                            </p>
                        </div>
                        <div class=text-center>
                            <div class="grid place-content-center rounded-lg bg-light p-3 dark:bg-dark-2">
                                <img src=assets/img/java_logo.svg alt="" class="h-auto w-auto max-h-8 object-contain">
                            </div>
                            <p class="mt-1 text-base font-medium text-dark dark:text-light/70">
                                Java
                            </p>
                        </div>

                    </div>
                </div>
            </div>

            
            <div class="rounded-2xl bg-white p-6 shadow dark:bg-black dark:shadow-dark">
                <div class="flex flex-wrap items-center justify-between gap-2">
                    <h3 class="text-2xl font-semibold dark:text-light">Recent Projects</h3>
                    <a class='inline-flex items-center justify-center gap-2 border-b text-center text-base text-primary transition hover:border-b-primary dark:border-b-muted dark:hover:border-b-primary' href='/portfolio'>
                        <span>All Projects</span>
                        <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.5 class="h-5 w-5">
                            <path d="M4.167 10h11.666m-4.999 5 5-5m-5-5 5 5"/>
                        </svg>
                    </a>
                </div>

                <div class="mt-6 space-y-6">
                    <div class="group relative overflow-hidden rounded-lg bg-light p-4 pb-0 dark:bg-dark-2 md:p-6 md:pb-0">
                        <div class="relative aspect-6/4 overflow-hidden rounded-t-lg">
                            <img src=assets/img/colorgraph_project_img.png alt="" class="h-full w-full rounded-t-lg object-cover object-top transition">

                            <a href=assets/img/colorgraph_project_img.png data-gall=project-gallry-1 class="project-gallery-link absolute left-1/2 top-1/2 grid h-10 w-10 -translate-x-1/2 -translate-y-1/2 place-content-center rounded-full bg-white text-primary shadow-lg transition lg:invisible lg:-translate-y-[40%] lg:opacity-0 lg:group-hover:visible lg:group-hover:-translate-y-1/2 lg:group-hover:opacity-100">
                                <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.5 class="h-6 w-6">
                                    <path d="M10 4.167v11.666M4.167 10h11.666"/>
                                </svg>
                            </a>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 flex flex-wrap gap-2 bg-gradient-to-t from-black/20 p-4">
                            <span class="rounded bg-white px-2 py-1 text-xs font-medium text-primary shadow">
									ColorGraph.AI
								</span>
                        </div>
                    </div>
                    <div class="group relative overflow-hidden rounded-lg bg-light p-4 pb-0 dark:bg-dark-2 md:p-6 md:pb-0">
                        <div class="relative aspect-6/4 overflow-hidden rounded-t-lg">
                            <img src=assets/img/ppe_project_img.png alt="" class="h-full w-full rounded-t-lg object-cover object-top transition">

                            <a href=assets/img/ppe_project_img.png data-gall=project-gallry-2 class="project-gallery-link absolute left-1/2 top-1/2 grid h-10 w-10 -translate-x-1/2 -translate-y-1/2 place-content-center rounded-full bg-white text-primary shadow-lg transition lg:invisible lg:-translate-y-[40%] lg:opacity-0 lg:group-hover:visible lg:group-hover:-translate-y-1/2 lg:group-hover:opacity-100">
                                <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.5 class="h-6 w-6">
                                    <path d="M10 4.167v11.666M4.167 10h11.666"/>
                                </svg>
                            </a>
                        </div>

                        <div class="absolute inset-x-0 bottom-0 flex flex-wrap gap-2 bg-gradient-to-t from-black/20 p-4">
                            <span class="rounded bg-white px-2 py-1 text-xs font-medium text-primary shadow">
									AI PPE Detection System
								</span>
                        </div>
                    </div>
                </div>
            </div>

            
            <div class="rounded-2xl bg-white p-6 shadow dark:bg-black dark:shadow-dark lg:col-span-2">
                <div class="flex flex-wrap items-center justify-between gap-2">
                    <h3 class="text-2xl font-semibold dark:text-light">Core Strengths</h3>
                </div>

                <div class="mt-6 grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-5">
                    <div class="rounded-2xl bg-light p-2 text-center dark:bg-dark-2 md:p-4">
                        <div class="grid place-content-center rounded-lg bg-white p-6 dark:bg-black">
                            <img src=assets/img/machine-learning-model-svg.svg alt="AI & Machine Learning" class="h-12 w-12 lg:h-16 lg:w-16 text-primary svg-primary">
                        </div>
                        <p class="mt-3 text-base font-medium text-dark dark:text-light/70">
                            AI & Machine Learning Solutions
                        </p>
                    </div>
                    <div class="rounded-2xl bg-light p-2 text-center dark:bg-dark-2 md:p-4">
                        <div class="grid place-content-center rounded-lg bg-white p-6 dark:bg-black">
                            <img src=assets/img/rectangle-code-svg.svg alt="Full-Stack Software Development" class="h-12 w-12 lg:h-16 lg:w-16 text-primary svg-primary">
                        </div>
                        <p class="mt-3 text-base font-medium text-dark dark:text-light/70">
                            Full-Stack Software Development
                        </p>
                    </div>
                    <div class="rounded-2xl bg-light p-2 text-center dark:bg-dark-2 md:p-4">
                        <div class="grid place-content-center rounded-lg bg-white p-6 dark:bg-black">
                            <img src=assets/img/cloud-server-svg.svg alt="Full-Stack Software Development" class="h-12 w-12 lg:h-16 lg:w-16 text-primary svg-primary">
                        </div>
                        <p class="mt-3 text-base font-medium text-dark dark:text-light/70">
                            Cloud Deployment & DevOps
                        </p>
                    </div>
                    <div class="rounded-2xl bg-light p-2 text-center dark:bg-dark-2 md:p-4">
                        <div class="grid place-content-center rounded-lg bg-white p-6 dark:bg-black">
                            <img src=assets/img/research-svg.svg alt="Research & Consulting" class="h-12 w-12 lg:h-16 lg:w-16 text-primary svg-primary">
                        </div>
                        <p class="mt-3 text-base font-medium text-dark dark:text-light/70">
                            AI Research & Consulting
                        </p>
                    </div>
                    <div class="rounded-2xl bg-light p-2 text-center dark:bg-dark-2 md:p-4">
                        <div class="grid place-content-center rounded-lg bg-white p-6 dark:bg-black">
                            <img src=assets/img/management-svg.svg alt=Management class="h-12 w-12 lg:h-16 lg:w-16 text-primary svg-primary">
                        </div>
                        <p class="mt-3 text-base font-medium text-dark dark:text-light/70">
                            Product Management
                        </p>
                    </div>
                </div>
            </div>

            
            <div class="rounded-2xl bg-white p-6 shadow dark:bg-black dark:shadow-dark">
                <marquee behavior=scroll direction=left class="overflow-hidden text-nowrap rounded-lg bg-light p-3 text-lg font-medium text-muted dark:bg-dark-2">
                    🚀 Building AI Solutions for the future | Open to impactful roles, research, and partnerships 🚀
                </marquee>

                <h2 class="mt-4 text-[40px] font-semibold leading-snug text-dark dark:text-light">
                    Let's 👋 <br>
        				create the future together
                </h2>

                <a class='mt-6 inline-flex items-center justify-center gap-2 border-b text-center text-base text-primary transition hover:border-b-primary dark:border-b-muted dark:hover:border-b-primary' href='/contact'>
                    <span>Let's Talk</span>
                    <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.5 class="h-5 w-5">
                        <path d="M17.5 11.667v-5h-5"/>
                        <path d="m17.5 6.667-7.5 7.5-7.5-7.5"/>
                    </svg>
                </a>
            </div>
        </main>

        
        <footer class=text-center>
            <p class="text-sm dark:text-light/70">
                © 2025 Laura Chirila. All rights reserved.
            </p>
        </footer>
    </div>

    <div class=shapes>
        <div class="fixed -left-1/2 -top-1/2 -z-10 animate-spin-very-slow xl:-left-[20%] xl:-top-1/3">
            <img src=assets/img/gradient-1.png alt="">
        </div>

        <div class="fixed -right-[50%] top-[10%] -z-10 animate-spin-very-slow xl:-right-[15%] xl:top-[10%]">
            <img src=assets/img/gradient-2.png alt="">
        </div>

        <div class="move-with-cursor fixed left-[10%] top-[20%] -z-10">
            <img src=assets/img/object-3d-1.png alt="">
        </div>

        <div class="move-with-cursor fixed bottom-[20%] right-[10%] -z-10">
            <img src=assets/img/object-3d-2.png alt="">
        </div>
    </div>

    <script src=./assets/js/preline.js></script>
    <script src=./assets/js/swiper-bundle.min.js></script>
    <script src=./assets/js/venobox.min.js></script>
    <script src=./assets/js/clipboard.min.js></script>
    <script src=./assets/js/main.js></script>
    <script src=/assets/js/contact-form.js></script>



