{"id":2,"date":"2026-02-25T09:59:45","date_gmt":"2026-02-25T09:59:45","guid":{"rendered":"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/?page_id=2"},"modified":"2026-04-03T19:46:50","modified_gmt":"2026-04-03T19:46:50","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/","title":{"rendered":"AuraLink Ana Sayfa"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>AuraLink &#8211; Smart Home System<\/title>\n    <style>\n        \/* WordPress otomatik navigasyon blockunu ve sayfa ba\u015fl\u0131\u011f\u0131n\u0131 gizlemek i\u00e7in *\/\n        .wp-block-navigation,\n        .wp-block-site-title,\n        .wp-block-post-title,\n        header#masthead,\n        .site-header,\n        .entry-title,\n        .page-title,\n        .entry-header {\n            display: none !important;\n        }\n\n        \/* Premium Smart Home Theme *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;800&display=swap');\n\n        :root {\n            --bg-color: #0b0f19;\n            --card-bg: rgba(20, 26, 40, 0.8);\n            --text-color: #e2e8f0;\n            --accent: #00e5ff;\n            --accent-glow: rgba(0, 229, 255, 0.4);\n            --lux-color: #f59e0b;\n            --mid-color: #a855f7;\n            --base-color: #10b981;\n        }\n\n        html,\n        body {\n            margin: 0;\n            padding: 0;\n            scroll-behavior: smooth;\n            font-family: 'Outfit', sans-serif;\n            background-color: var(--bg-color);\n            color: var(--text-color);\n            overflow-x: hidden;\n        }\n\n        \/* Header *\/\n        header#main-header {\n            position: fixed;\n            width: 100vw;\n            left: 0;\n            right: 0;\n            top: 0;\n            margin: 0;\n            background: rgba(11, 15, 25, 0.9);\n            backdrop-filter: blur(10px);\n            display: flex;\n            justify-content: flex-start;\n            gap: 25px;\n            align-items: center;\n            padding: 20px 5vw;\n            box-sizing: border-box;\n            z-index: 1000;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n            transition: transform 0.3s ease-in-out;\n        }\n\n        .logo-container {\n            display: flex;\n            align-items: center;\n        }\n\n        .logo-container img {\n            height: 50px;\n            \/* Logo b\u00fcy\u00fct\u00fcld\u00fc *\/\n            width: auto;\n        }\n\n        .nav-links {\n            display: flex;\n            gap: 25px;\n        }\n\n        .nav-links a {\n            color: #94a3b8;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 15px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            transition: 0.3s;\n        }\n\n        .nav-links a:hover {\n            color: var(--accent);\n        }\n\n        \/* Sections - Each covers full height *\/\n        section {\n            min-height: 100vh;\n            padding: 100px 20px 40px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            box-sizing: border-box;\n        }\n\n        .container {\n            max-width: 1200px;\n            width: 100%;\n            margin: 0 auto;\n        }\n\n        h1,\n        h2 {\n            color: white;\n            text-align: center;\n        }\n\n        h2 {\n            font-size: 42px;\n            margin-bottom: 50px;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }\n\n        \/* Home Section *\/\n        #home {\n            background: radial-gradient(circle at 50% 50%, rgba(0, 229, 255, 0.1) 0%, rgba(11, 15, 25, 1) 50%);\n            text-align: center;\n        }\n\n        .hero-title {\n            font-size: 64px;\n            font-weight: 800;\n            line-height: 1.1;\n            margin-bottom: 20px;\n        }\n\n        .hero-title span {\n            color: var(--accent);\n            text-shadow: 0 0 20px var(--accent-glow);\n        }\n\n        .hero-subtitle {\n            font-size: 20px;\n            color: #94a3b8;\n            max-width: 700px;\n            margin: 0 auto 40px;\n            line-height: 1.6;\n        }\n\n        .action-buttons {\n            display: flex;\n            gap: 20px;\n            justify-content: center;\n        }\n\n        .btn {\n            padding: 16px 32px;\n            border-radius: 8px;\n            font-weight: 600;\n            text-decoration: none;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            transition: 0.3s;\n            border: none;\n            cursor: pointer;\n        }\n\n        .btn-primary {\n            background: var(--accent);\n            color: #000;\n            box-shadow: 0 4px 15px var(--accent-glow);\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px var(--accent-glow);\n        }\n\n        .btn-secondary {\n            background: transparent;\n            color: white;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n        }\n\n        .btn-secondary:hover {\n            border-color: var(--accent);\n            color: var(--accent);\n        }\n\n        \/* About Section *\/\n        #about {\n            background: #0d1323;\n        }\n\n        .about-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 50px;\n            align-items: center;\n        }\n\n        .about-text {\n            text-align: center;\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n\n        .about-text p {\n            font-size: 19px;\n            line-height: 1.8;\n            color: #cbd5e1;\n            margin-bottom: 20px;\n        }\n\n        .about-image {\n            background: linear-gradient(45deg, var(--card-bg), rgba(0, 229, 255, 0.1));\n            width: 100%;\n            height: auto;\n            aspect-ratio: 16 \/ 9;\n            border-radius: 20px;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            color: rgba(255, 255, 255, 0.3);\n            overflow: hidden;\n            padding: 0;\n        }\n\n        \/* Packages Section *\/\n        .plans-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n        }\n\n        .plan-card {\n            background: var(--card-bg);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            border-radius: 20px;\n            padding: 40px 30px;\n            transition: 0.4s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .plan-card:hover {\n            transform: translateY(-10px);\n        }\n\n        .plan-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n        }\n\n        .plan-card.base::before {\n            background: var(--base-color);\n        }\n\n        .plan-card.mid::before {\n            background: var(--mid-color);\n        }\n\n        .plan-card.lux::before {\n            background: var(--lux-color);\n        }\n\n        .plan-name {\n            font-size: 28px;\n            font-weight: 800;\n            margin-bottom: 20px;\n        }\n\n        .plan-card.base .plan-name {\n            color: var(--base-color);\n        }\n\n        .plan-card.mid .plan-name {\n            color: var(--mid-color);\n        }\n\n        .plan-card.lux .plan-name {\n            color: var(--lux-color);\n        }\n\n        .feature-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .feature-list li {\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n            font-size: 16px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .feature-list li::before {\n            content: '\u2713';\n            color: var(--accent);\n            font-weight: bold;\n        }\n\n        \/* Team Section *\/\n        #team {\n            background: #0d1323;\n        }\n\n        .team-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 40px;\n        }\n\n        .team-member {\n            background: var(--card-bg);\n            border-radius: 20px;\n            padding: 30px;\n            text-align: center;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .member-avatar {\n            width: 120px;\n            height: 120px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.1);\n            margin: 0 auto 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 40px;\n        }\n\n        .team-member h3 {\n            margin: 0 0 5px 0;\n            font-size: 22px;\n            color: white;\n        }\n\n        .team-member p {\n            color: var(--accent);\n            font-size: 14px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin: 0;\n        }\n\n        @media (max-width: 900px) {\n\n            .about-grid,\n            .plans-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .hero-title {\n                font-size: 48px;\n            }\n\n            header#main-header {\n                flex-direction: column;\n                padding: 15px 5%;\n                gap: 15px;\n            }\n\n            .logo-container img {\n                height: 40px;\n            }\n\n            .nav-links {\n                display: flex;\n                gap: 15px;\n                flex-wrap: wrap;\n                justify-content: center;\n                margin-top: 5px;\n            }\n\n            .nav-links a {\n                font-size: 14px;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n\n    <header id=\"main-header\">\n        <div class=\"logo-container\">\n            <img decoding=\"async\" src=\"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_w5nbw0w5nbw0w5nb.jpeg\"\n                alt=\"AuraLink Logo\" onerror=\"this.style.display='none'\">\n        <\/div>\n        <nav class=\"nav-links\">\n            <a href=\"#home\">Home<\/a>\n            <a href=\"#about\">About Project<\/a>\n            <a href=\"#packages\">Packages<\/a>\n            <a href=\"#team\">Our Team<\/a>\n        <\/nav>\n    <\/header>\n\n    <section id=\"home\">\n        <div class=\"container\">\n            <h1 class=\"hero-title\">Welcome to the <span>Future<\/span><br>of Smart Living<\/h1>\n            <p class=\"hero-subtitle\">Auralink is designed to elevate how you live. By bringing lighting, climate, and\n                security together, it creates a home that responds intelligently and seamlessly.<\/p>\n\n            <div class=\"action-buttons\">\n                <a href=\"#packages\" class=\"btn btn-primary\">View Product<\/a>\n                <a href=\"#team\" class=\"btn btn-secondary\">Meet The Team<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"about\">\n        <div class=\"container\">\n            <h2>About AuraLink.OS<\/h2>\n            <div class=\"about-grid\">\n                <div class=\"about-text\">\n                    <p\n                        style=\"text-align: left; margin-bottom: 25px; line-height: 1.8; color: #cbd5e1; font-size: 19px;\">\n                        <strong style=\"color: white; font-size: 22px;\">Introduction<\/strong><br>\n                        &emsp;<strong>Auralink.OS<\/strong> is a smart home system designed to improve quality of life\n                        through intelligent monitoring, automation, and safety-focused technology. By integrating\n                        multiple essential functions into a single platform, it enhances everyday living by making\n                        environments safer, more comfortable, and more responsive to changing conditions.\n                    <\/p>\n                    <p\n                        style=\"text-align: left; margin-bottom: 25px; padding: 25px; border-radius: 15px; background: linear-gradient(rgba(11, 15, 25, 0.4), rgba(11, 15, 25, 0.6)), url('https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/04\/fire_alarm_bg.jpg') center\/cover; line-height: 1.8; color: #cbd5e1; font-size: 19px; border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: 0 4px 6px rgba(0,0,0,0.3);\">\n                        <strong style=\"color: white; font-size: 22px;\">Fire Alarm<\/strong><br>\n                        &emsp;A built-in fire detection system continuously monitors for signs of smoke and heat. In the\n                        event of a potential fire, immediate alerts are delivered, enabling rapid response and helping\n                        to minimize risk to both occupants and property.\n                    <\/p>\n                    <p\n                        style=\"text-align: left; margin-bottom: 25px; padding: 25px; border-radius: 15px; background: linear-gradient(rgba(11, 15, 25, 0.4), rgba(11, 15, 25, 0.6)), url('https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/04\/earthquake_alarm_bg.jpg') center\/cover; line-height: 1.8; color: #cbd5e1; font-size: 19px; border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: 0 4px 6px rgba(0,0,0,0.3);\">\n                        <strong style=\"color: white; font-size: 22px;\">Earthquake Alarm<\/strong><br>\n                        &emsp;Seismic activity detection provides early warnings when possible, allowing users to take\n                        precautionary actions quickly. This feature is designed to improve safety during unexpected\n                        events where every second is critical.\n                    <\/p>\n                    <p\n                        style=\"text-align: left; margin-bottom: 25px; padding: 25px; border-radius: 15px; background: linear-gradient(rgba(11, 15, 25, 0.4), rgba(11, 15, 25, 0.6)), url('https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/04\/window_control_bg.jpg') center\/cover; line-height: 1.8; color: #cbd5e1; font-size: 19px; border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: 0 4px 6px rgba(0,0,0,0.3);\">\n                        <strong style=\"color: white; font-size: 22px;\">Window Control<\/strong><br>\n                        &emsp;Automated window control improves indoor air circulation and environmental balance. By\n                        responding to real-time conditions, the system optimizes ventilation, contributing to both\n                        comfort and energy efficiency.\n                    <\/p>\n                    <p\n                        style=\"text-align: left; margin-bottom: 25px; padding: 25px; border-radius: 15px; background: linear-gradient(rgba(11, 15, 25, 0.4), rgba(11, 15, 25, 0.6)), url('https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/04\/humidity_monitor_bg.jpg') center\/cover; line-height: 1.8; color: #cbd5e1; font-size: 19px; border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: 0 4px 6px rgba(0,0,0,0.3);\">\n                        <strong style=\"color: white; font-size: 22px;\">Humidity Monitoring<\/strong><br>\n                        &emsp;Indoor humidity levels are tracked to maintain a balanced environment. Proper humidity\n                        control supports better air quality, prevents mold growth, and contributes to overall comfort\n                        and health.\n                    <\/p>\n                    <p\n                        style=\"text-align: left; margin-bottom: 25px; padding: 25px; border-radius: 15px; background: linear-gradient(rgba(11, 15, 25, 0.4), rgba(11, 15, 25, 0.6)), url('https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/04\/temp_monitor_bg.jpg') center\/cover; line-height: 1.8; color: #cbd5e1; font-size: 19px; border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: 0 4px 6px rgba(0,0,0,0.3);\">\n                        <strong style=\"color: white; font-size: 22px;\">Temperature Monitoring<\/strong><br>\n                        &emsp;Real-time temperature tracking provides accurate insight into indoor conditions. This\n                        enables better climate management and helps maintain consistent comfort throughout the day.\n                    <\/p>\n                    <p\n                        style=\"text-align: left; margin-bottom: 25px; padding: 25px; border-radius: 15px; background: linear-gradient(rgba(11, 15, 25, 0.4), rgba(11, 15, 25, 0.6)), url('https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/04\/gas_sensor_bg.jpg') center\/cover; line-height: 1.8; color: #cbd5e1; font-size: 19px; border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: 0 4px 6px rgba(0,0,0,0.3);\">\n                        <strong style=\"color: white; font-size: 22px;\">Gas Sensor<\/strong><br>\n                        &emsp;Gas detection capabilities identify potential leaks or hazardous gas levels. When a risk\n                        is detected, immediate alerts help prevent dangerous situations and ensure a safer living space.\n                    <\/p>\n                <\/div>\n                <div class=\"about-image\">\n                    <img decoding=\"async\" src=\"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_z7qco3z7qco3z7qc.jpeg\"\n                        alt=\"AuraLink.OS Product Image\"\n                        style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 20px;\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"packages\">\n        <div class=\"container\">\n            <h2>Our Packages<\/h2>\n            <div class=\"plans-grid\">\n                <div class=\"plan-card base\">\n                    <div class=\"plan-name\">Base Plan<\/div>\n                    <p style=\"color: #94a3b8; margin-bottom: 25px;\">The perfect foundation for your smart home journey.\n                    <\/p>\n                    <ul class=\"feature-list\">\n                        <li>Smart Lighting Control<\/li>\n                        <li>Mobile App Access<\/li>\n                        <li>Energy Usage Tracking<\/li>\n                        <li>Basic Scheduling<\/li>\n                        <li>Secure Local Network<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"plan-card mid\">\n                    <div class=\"plan-name\">Mid Plan<\/div>\n                    <p style=\"color: #94a3b8; margin-bottom: 25px;\">Advanced climate control and intuitive night-time\n                        routines.<\/p>\n                    <ul class=\"feature-list\">\n                        <li>All Base Features<\/li>\n                        <li><strong>Smart Heating Control<\/strong><\/li>\n                        <li><strong>Night Mode Integration<\/strong><\/li>\n                        <li>Thermostat Integration<\/li>\n                        <li>Time-based Automations<\/li>\n                        <li>Voice Assistant Support<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"plan-card lux\">\n                    <div class=\"plan-name\">Lux Plan<\/div>\n                    <p style=\"color: #94a3b8; margin-bottom: 25px;\">The ultimate, fully-automated luxury living\n                        experience.<\/p>\n                    <ul class=\"feature-list\">\n                        <li>All Mid Features<\/li>\n                        <li><strong>Automated Curtains\/Blinds<\/strong><\/li>\n                        <li><strong>Advanced Night\/Day Illumination<\/strong><\/li>\n                        <li>Presence Detection<\/li>\n                        <li>Custom Scene Creations<\/li>\n                        <li>24\/7 Premium Support<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"team\">\n        <div class=\"container\">\n            <h2>Our Team<\/h2>\n            <div class=\"team-grid\">\n\n                <div class=\"team-member\">\n                    <img decoding=\"async\" class=\"member-avatar\"\n                        src=\"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/03\/mehmet-kaan.png\"\n                        style=\"object-fit: cover;\" alt=\"Mehmet Kaan\">\n                    <h3>Mehmet Kaan<br>Asdemir<\/h3>\n                    <p>CS<br><span style=\"font-size: 11px; color: #94a3b8; font-weight: normal; letter-spacing: 0;\">Lead\n                            Software Engineer<\/span><\/p>\n                <\/div>\n\n                <div class=\"team-member\">\n                    <img decoding=\"async\" class=\"member-avatar\"\n                        src=\"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/03\/efe.png\"\n                        style=\"object-fit: cover;\" alt=\"Mehmet Efe\">\n                    <h3>Mehmet Efe<br>Sak<\/h3>\n                    <p>CS<br><span\n                            style=\"font-size: 11px; color: #94a3b8; font-weight: normal; letter-spacing: 0;\">Backend\n                            Architect<\/span><\/p>\n                <\/div>\n\n                <div class=\"team-member\">\n                    <img decoding=\"async\" class=\"member-avatar\"\n                        src=\"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/03\/samil.png\"\n                        style=\"object-fit: cover;\" alt=\"\u0130brahim \u015eamil\">\n                    <h3>\u0130brahim \u015eamil<br>Bacac\u0131<\/h3>\n                    <p>EE<br><span\n                            style=\"font-size: 11px; color: #94a3b8; font-weight: normal; letter-spacing: 0;\">Hardware\n                            Lead<\/span><\/p>\n                <\/div>\n\n                <div class=\"team-member\">\n                    <img decoding=\"async\" class=\"member-avatar\"\n                        src=\"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/03\/boran.png\"\n                        style=\"object-fit: cover;\" alt=\"Mustafa Boran\">\n                    <h3>Mustafa Boran<br>Kaya<\/h3>\n                    <p>EE<br><span\n                            style=\"font-size: 11px; color: #94a3b8; font-weight: normal; letter-spacing: 0;\">Embedded\n                            Systems Engineer<\/span><\/p>\n                <\/div>\n\n                <div class=\"team-member\">\n                    <img decoding=\"async\" class=\"member-avatar\"\n                        src=\"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/03\/muhlis.png\"\n                        style=\"object-fit: cover;\" alt=\"Muhammet Muhlis\">\n                    <h3>Muhammet Muhlis<br>Yetkin<\/h3>\n                    <p>EE<br><span style=\"font-size: 11px; color: #94a3b8; font-weight: normal; letter-spacing: 0;\">IoT\n                            Integration Specialist<\/span><\/p>\n                <\/div>\n\n                <div class=\"team-member\">\n                    <img decoding=\"async\" class=\"member-avatar\"\n                        src=\"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/03\/metin.png\"\n                        style=\"object-fit: cover;\" alt=\"Metin Can\">\n                    <h3>Metin Can<br>Ar\u0131c\u0131o\u011flu<\/h3>\n                    <p>MAN<br><span\n                            style=\"font-size: 11px; color: #94a3b8; font-weight: normal; letter-spacing: 0;\">Project\n                            Manager<\/span><\/p>\n                <\/div>\n\n                <div class=\"team-member\">\n                    <img decoding=\"async\" class=\"member-avatar\"\n                        src=\"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/wp-content\/uploads\/2026\/03\/cinar.png\"\n                        style=\"object-fit: cover;\" alt=\"Halil \u00c7\u0131nar\">\n                    <h3>Halil \u00c7\u0131nar<br>Ba\u015far<\/h3>\n                    <p>MAN<br><span\n                            style=\"font-size: 11px; color: #94a3b8; font-weight: normal; letter-spacing: 0;\">Business\n                            Strategist<\/span><\/p>\n                <\/div>\n\n            <\/div>\n\n            <div style=\"margin-top: 60px; text-align: center; max-width: 800px; margin-left: auto; margin-right: auto;\">\n                <p style=\"color: #cbd5e1; font-size: 18px; line-height: 1.7; font-weight: 300;\">\n                    As an interdisciplinary team combining our expertise in Computer Science, Electrical Engineering,\n                    and Management, we are fully committed to disrupting the modern smart home ecosystem. AuraLink\n                    represents our collective vision: translating complex IoT systems into elegant, unified, and highly\n                    accessible user experiences that seamlessly integrate into the daily rhythm of life.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        let lastScrollTop = 0;\n        const header = document.getElementById(\"main-header\");\n        \n        window.addEventListener(\"scroll\", function() {\n            let scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n            if (scrollTop > lastScrollTop) {\n                \/\/ Scroll Down\n                if(scrollTop > 80) { \/\/ Don't hide immediately at the absolute top\n                    header.style.transform = \"translateY(-100%)\";\n                }\n            } else {\n                \/\/ Scroll Up\n                header.style.transform = \"translateY(0)\";\n            }\n            lastScrollTop = scrollTop;\n        });\n    <\/script>\n<\/body>\n\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>AuraLink &#8211; Smart Home System Home About Project Packages Our Team Welcome to the Futureof Smart Living Auralink is designed to elevate how you live. By bringing lighting, climate, and security together, it creates a home that responds intelligently and seamlessly. View Product Meet The Team About AuraLink.OS Introduction &emsp;Auralink.OS is a smart home system [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":57,"href":"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/ge401ge402.bilkent.edu.tr\/Auralink\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}