{"id":10,"date":"2025-06-15T11:27:23","date_gmt":"2025-06-15T11:27:23","guid":{"rendered":"https:\/\/digital.fraidm.in\/?page_id=10"},"modified":"2025-07-20T14:46:06","modified_gmt":"2025-07-20T14:46:06","slug":"home","status":"publish","type":"page","link":"https:\/\/digital.fraidm.in\/?page_id=10","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ad9db8 e-flex e-con-boxed e-con e-parent\" data-id=\"3ad9db8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3fce09 elementor-widget elementor-widget-html\" data-id=\"a3fce09\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Luxe Interiors - Transform Your Space<\/title>\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Portfolio Preview Styles *\/\r\n        .portfolio-preview {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\r\n        }\r\n\r\n        .portfolio-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 25px;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .portfolio-item {\r\n            position: relative;\r\n            border-radius: 15px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .portfolio-item:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 25px 50px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .portfolio-image {\r\n            height: 300px;\r\n            background-size: cover;\r\n            background-position: center;\r\n            position: relative;\r\n        }\r\n\r\n        .portfolio-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(45deg, rgba(212, 175, 55, 0.9), rgba(44, 62, 80, 0.8));\r\n            color: white;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            text-align: center;\r\n            opacity: 0;\r\n            transition: all 0.4s ease;\r\n            padding: 20px;\r\n        }\r\n\r\n        .portfolio-item:hover .portfolio-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .portfolio-overlay h4 {\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .portfolio-overlay p {\r\n            font-size: 1rem;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* Mobile Responsive Updates *\/\r\n        @media (max-width: 768px) {\r\n            .portfolio-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n            \r\n            .portfolio-image {\r\n                height: 250px;\r\n            }\r\n        }\r\n\r\n        body {\r\n            font-family: 'Arial', sans-serif;\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Header Styles *\/\r\n        .header {\r\n            background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(248,250,252,0.95) 100%);\r\n            backdrop-filter: blur(10px);\r\n            position: fixed;\r\n            top: 0;\r\n            width: 100%;\r\n            z-index: 1000;\r\n            box-shadow: 0 8px 32px rgba(0,0,0,0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .header-content {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .header-top {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 15px 0;\r\n            border-bottom: 1px solid rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .logo {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .logo i {\r\n            font-size: 2rem;\r\n            background: linear-gradient(45deg, #d4af37, #f4e4bc);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .logo h1 {\r\n            font-size: 1.8rem;\r\n            color: #2c3e50;\r\n            font-weight: 700;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .contact-info {\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: center;\r\n        }\r\n\r\n        .contact-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: #555;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .contact-item i {\r\n            color: #d4af37;\r\n        }\r\n\r\n        .social-links {\r\n            display: flex;\r\n            gap: 15px;\r\n        }\r\n\r\n        .social-links a {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 35px;\r\n            height: 35px;\r\n            background: linear-gradient(45deg, #d4af37, #f4e4bc);\r\n            color: white;\r\n            border-radius: 50%;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .social-links a:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 20px rgba(212, 175, 55, 0.3);\r\n        }\r\n\r\n        \/* Navigation Styles *\/\r\n        .navbar {\r\n            padding: 15px 0;\r\n        }\r\n\r\n        .nav-menu {\r\n            display: flex;\r\n            justify-content: center;\r\n            list-style: none;\r\n            gap: 40px;\r\n        }\r\n\r\n        .nav-menu li a {\r\n            text-decoration: none;\r\n            color: #2c3e50;\r\n            font-weight: 500;\r\n            font-size: 1rem;\r\n            padding: 10px 0;\r\n            position: relative;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .nav-menu li a:hover {\r\n            color: #d4af37;\r\n        }\r\n\r\n        .nav-menu li a::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 0;\r\n            height: 2px;\r\n            bottom: 0;\r\n            left: 50%;\r\n            background: linear-gradient(45deg, #d4af37, #f4e4bc);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .nav-menu li a:hover::after {\r\n            width: 100%;\r\n            left: 0;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .hero {\r\n            height: 100vh;\r\n            background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), \r\n                        url('https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\r\n            background-size: cover;\r\n            background-position: center;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            color: white;\r\n            position: relative;\r\n            margin-top: 120px;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(45deg, rgba(212, 175, 55, 0.1), rgba(244, 228, 188, 0.1));\r\n        }\r\n\r\n        .hero-content {\r\n            max-width: 800px;\r\n            z-index: 2;\r\n            position: relative;\r\n        }\r\n\r\n        .hero h2 {\r\n            font-size: 4rem;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\r\n            animation: fadeInUp 1s ease;\r\n        }\r\n\r\n        .hero p {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 30px;\r\n            opacity: 0.9;\r\n            animation: fadeInUp 1s ease 0.3s both;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-block;\r\n            padding: 15px 40px;\r\n            background: linear-gradient(45deg, #d4af37, #f4e4bc);\r\n            color: white;\r\n            text-decoration: none;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            transition: all 0.3s ease;\r\n            animation: fadeInUp 1s ease 0.6s both;\r\n            text-align: center;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 30px rgba(212, 175, 55, 0.4);\r\n        }\r\n\r\n        .primary-cta {\r\n            font-size: 1.2rem;\r\n            padding: 18px 45px;\r\n        }\r\n\r\n        .secondary-cta {\r\n            background: linear-gradient(45deg, #2c3e50, #34495e);\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .secondary-cta:hover {\r\n            box-shadow: 0 15px 30px rgba(44, 62, 80, 0.3);\r\n        }\r\n\r\n        .service-cta {\r\n            font-size: 0.9rem;\r\n            padding: 12px 30px;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        \/* Introduction Section *\/\r\n        .introduction {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\r\n        }\r\n\r\n        .intro-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n        }\r\n\r\n        .intro-text h3 {\r\n            font-size: 2.5rem;\r\n            color: #2c3e50;\r\n            margin-bottom: 25px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .intro-text p {\r\n            font-size: 1.1rem;\r\n            color: #666;\r\n            line-height: 1.8;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .intro-features {\r\n            display: flex;\r\n            gap: 30px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .feature-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .feature-item i {\r\n            font-size: 2rem;\r\n            color: #d4af37;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .feature-item span {\r\n            font-weight: 600;\r\n            color: #2c3e50;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .intro-image {\r\n            position: relative;\r\n        }\r\n\r\n        .intro-image img {\r\n            width: 100%;\r\n            border-radius: 20px;\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .intro-image:hover img {\r\n            transform: scale(1.02);\r\n            box-shadow: 0 30px 60px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        \/* Featured Services *\/\r\n        .featured-services {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);\r\n        }\r\n\r\n        .featured-services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 40px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .featured-service-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.08);\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .featured-service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 25px 50px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .service-icon {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            width: 50px;\r\n            height: 50px;\r\n            background: linear-gradient(45deg, #d4af37, #f4e4bc);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 2;\r\n        }\r\n\r\n        .service-icon i {\r\n            color: white;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .service-image-featured {\r\n            height: 220px;\r\n            background-size: cover;\r\n            background-position: center;\r\n            position: relative;\r\n        }\r\n\r\n        .service-image-featured::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(44, 62, 80, 0.1));\r\n        }\r\n\r\n        .service-content-featured {\r\n            padding: 35px;\r\n        }\r\n\r\n        .service-content-featured h4 {\r\n            font-size: 1.6rem;\r\n            color: #2c3e50;\r\n            margin-bottom: 15px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .service-content-featured p {\r\n            color: #666;\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .service-highlights {\r\n            list-style: none;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .service-highlights li {\r\n            color: #555;\r\n            padding: 5px 0;\r\n            font-size: 0.9rem;\r\n            position: relative;\r\n            padding-left: 20px;\r\n        }\r\n\r\n        .service-highlights li::before {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            left: 0;\r\n            color: #d4af37;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* Services Preview *\/\r\n        .services-preview {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .section-title h3 {\r\n            font-size: 3rem;\r\n            color: #2c3e50;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .section-title p {\r\n            font-size: 1.2rem;\r\n            color: #666;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Responsive Design Updates *\/\r\n        @media (max-width: 768px) {\r\n            .intro-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n                text-align: center;\r\n            }\r\n\r\n            .intro-features {\r\n                flex-direction: column;\r\n                gap: 20px;\r\n            }\r\n\r\n            .intro-text h3 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .featured-services-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n\r\n            .service-content-featured {\r\n                padding: 25px;\r\n            }\r\n        }\r\n        .mobile-toggle {\r\n            display: none;\r\n            flex-direction: column;\r\n            cursor: pointer;\r\n            gap: 4px;\r\n        }\r\n\r\n        .mobile-toggle span {\r\n            width: 25px;\r\n            height: 3px;\r\n            background: #2c3e50;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .header-top {\r\n                flex-direction: column;\r\n                gap: 15px;\r\n                text-align: center;\r\n            }\r\n\r\n            .contact-info {\r\n                flex-direction: column;\r\n                gap: 10px;\r\n            }\r\n\r\n            .nav-menu {\r\n                display: none;\r\n                flex-direction: column;\r\n                position: absolute;\r\n                top: 100%;\r\n                left: 0;\r\n                width: 100%;\r\n                background: white;\r\n                box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n                padding: 20px 0;\r\n            }\r\n\r\n            .mobile-toggle {\r\n                display: flex;\r\n            }\r\n\r\n            .hero {\r\n                margin-top: 160px;\r\n            }\r\n\r\n            .hero h2 {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .hero p {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .services-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .section-title h3 {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Header -->\r\n    <header class=\"header\">\r\n        <div class=\"header-content\">\r\n            <!-- Top Header -->\r\n            <div class=\"header-top\">\r\n                <div class=\"logo\">\r\n                    <i class=\"fas fa-home\"><\/i>\r\n                    <h1>Luxe Interiors<\/h1>\r\n                <\/div>\r\n                \r\n                <div class=\"contact-info\">\r\n                    <div class=\"contact-item\">\r\n                        <i class=\"fas fa-phone\"><\/i>\r\n                        <span>+1 (555) 123-4567<\/span>\r\n                    <\/div>\r\n                    <div class=\"contact-item\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                        <span>hello@luxeinteriors.com<\/span>\r\n                    <\/div>\r\n                    <div class=\"social-links\">\r\n                        <a href=\"#\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                        <a href=\"#\" aria-label=\"Pinterest\"><i class=\"fab fa-pinterest\"><\/i><\/a>\r\n                        <a href=\"#\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Navigation -->\r\n            <nav class=\"navbar\">\r\n                <ul class=\"nav-menu\">\r\n                    <li><a href=\"#home\">Home<\/a><\/li>\r\n                    <li><a href=\"#about\">About Us<\/a><\/li>\r\n                    <li><a href=\"#services\">Services<\/a><\/li>\r\n                    <li><a href=\"#packages\">Packages<\/a><\/li>\r\n                    <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\r\n                    <li><a href=\"#testimonials\">Testimonials<\/a><\/li>\r\n                    <li><a href=\"#blog\">Blog<\/a><\/li>\r\n                    <li><a href=\"#contact\">Contact Us<\/a><\/li>\r\n                <\/ul>\r\n                \r\n                <div class=\"mobile-toggle\">\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                <\/div>\r\n            <\/nav>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Main Banner Hero Section -->\r\n    <section id=\"home\" class=\"hero\">\r\n        <div class=\"hero-content\">\r\n            <h2>Transform Your Space Into Art<\/h2>\r\n            <p>Discover the perfect blend of luxury, comfort, and style with our award-winning interior design services<\/p>\r\n            <a href=\"#contact\" class=\"cta-button primary-cta\">Get Your Dream Space Today<\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Introduction Section -->\r\n    <section class=\"introduction\">\r\n        <div class=\"container\">\r\n            <div class=\"intro-content\">\r\n                <div class=\"intro-text\">\r\n                    <h3>Crafting Spaces That Inspire<\/h3>\r\n                    <p>At Luxe Interiors, we believe every space tells a story. Our team of passionate designers combines creativity with functionality to create personalized solutions that reflect your unique style and enhance your lifestyle. From initial concept to final installation, we're committed to delivering exceptional results that exceed your expectations.<\/p>\r\n                    <div class=\"intro-features\">\r\n                        <div class=\"feature-item\">\r\n                            <i class=\"fas fa-palette\"><\/i>\r\n                            <span>Creative Excellence<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-item\">\r\n                            <i class=\"fas fa-cogs\"><\/i>\r\n                            <span>Functional Design<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-item\">\r\n                            <i class=\"fas fa-user-friends\"><\/i>\r\n                            <span>Personalized Solutions<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#services\" class=\"cta-button secondary-cta\">Explore Our Services<\/a>\r\n                <\/div>\r\n                <div class=\"intro-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618219908412-a29a1bb7b86e?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Interior Design Process\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Featured Services -->\r\n    <section id=\"services\" class=\"featured-services\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h3>Our Featured Services<\/h3>\r\n                <p>Comprehensive interior design solutions tailored to your vision and lifestyle<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"featured-services-grid\">\r\n                <div class=\"featured-service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-home\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"service-image-featured\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1560448204-e02f11c3d0e2?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80')\"><\/div>\r\n                    <div class=\"service-content-featured\">\r\n                        <h4>Residential Design<\/h4>\r\n                        <p>Transform your home into a sanctuary with our comprehensive residential design services. From concept to completion, we create personalized living spaces that reflect your style.<\/p>\r\n                        <ul class=\"service-highlights\">\r\n                            <li>Living Room & Bedroom Design<\/li>\r\n                            <li>Space Planning & Layout<\/li>\r\n                            <li>Color Consultation<\/li>\r\n                        <\/ul>\r\n                        <a href=\"#residential\" class=\"cta-button service-cta\">Learn More<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"featured-service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-building\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"service-image-featured\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1549497538-303791108f95?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80')\"><\/div>\r\n                    <div class=\"service-content-featured\">\r\n                        <h4>Commercial Design<\/h4>\r\n                        <p>Elevate your business environment with sophisticated commercial spaces that enhance productivity and reinforce your brand identity.<\/p>\r\n                        <ul class=\"service-highlights\">\r\n                            <li>Office & Workspace Design<\/li>\r\n                            <li>Retail Space Planning<\/li>\r\n                            <li>Brand Integration<\/li>\r\n                        <\/ul>\r\n                        <a href=\"#commercial\" class=\"cta-button service-cta\">Learn More<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"featured-service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-cube\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"service-image-featured\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80')\"><\/div>\r\n                    <div class=\"service-content-featured\">\r\n                        <h4>3D Visualization<\/h4>\r\n                        <p>See your future space before construction begins with our cutting-edge 3D visualization and virtual reality services.<\/p>\r\n                        <ul class=\"service-highlights\">\r\n                            <li>Photorealistic 3D Renders<\/li>\r\n                            <li>Virtual Reality Tours<\/li>\r\n                            <li>Material & Color Previews<\/li>\r\n                        <\/ul>\r\n                        <a href=\"#3d-viz\" class=\"cta-button service-cta\">Learn More<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"featured-service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-utensils\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"service-image-featured\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80')\"><\/div>\r\n                    <div class=\"service-content-featured\">\r\n                        <h4>Kitchen & Bath Design<\/h4>\r\n                        <p>Reimagine your most important spaces with luxurious kitchen and bathroom designs that seamlessly blend beauty with functionality.<\/p>\r\n                        <ul class=\"service-highlights\">\r\n                            <li>Custom Kitchen Design<\/li>\r\n                            <li>Luxury Bathroom Suites<\/li>\r\n                            <li>Fixture & Appliance Selection<\/li>\r\n                        <\/ul>\r\n                        <a href=\"#kitchen-bath\" class=\"cta-button service-cta\">Learn More<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Portfolio Preview Section -->\r\n    <section id=\"portfolio\" class=\"portfolio-preview\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h3>Our Latest Projects<\/h3>\r\n                <p>Explore our curated collection of luxury interior transformations that showcase our commitment to excellence<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"portfolio-grid\">\r\n                <div class=\"portfolio-item\">\r\n                    <div class=\"portfolio-image\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80')\">\r\n                        <div class=\"portfolio-overlay\">\r\n                            <h4>Modern Penthouse<\/h4>\r\n                            <p>Luxury Living Room Design<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"portfolio-item\">\r\n                    <div class=\"portfolio-image\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80')\">\r\n                        <div class=\"portfolio-overlay\">\r\n                            <h4>Executive Office<\/h4>\r\n                            <p>Corporate Interior Design<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"portfolio-item\">\r\n                    <div class=\"portfolio-image\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80')\">\r\n                        <div class=\"portfolio-overlay\">\r\n                            <h4>Master Bedroom Suite<\/h4>\r\n                            <p>Elegant Bedroom Design<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"portfolio-item\">\r\n                    <div class=\"portfolio-image\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1584622650111-993a426fbf0a?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80')\">\r\n                        <div class=\"portfolio-overlay\">\r\n                            <h4>Gourmet Kitchen<\/h4>\r\n                            <p>Contemporary Kitchen Design<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"portfolio-item\">\r\n                    <div class=\"portfolio-image\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1631679706909-1844bbd07221?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80')\">\r\n                        <div class=\"portfolio-overlay\">\r\n                            <h4>Spa Bathroom<\/h4>\r\n                            <p>Luxury Bathroom Design<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"portfolio-item\">\r\n                    <div class=\"portfolio-image\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80')\">\r\n                        <div class=\"portfolio-overlay\">\r\n                            <h4>Dining Room<\/h4>\r\n                            <p>Sophisticated Dining Space<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Mobile menu toggle\r\n        document.querySelector('.mobile-toggle').addEventListener('click', function() {\r\n            const navMenu = document.querySelector('.nav-menu');\r\n            navMenu.style.display = navMenu.style.display === 'flex' ? 'none' : 'flex';\r\n        });\r\n\r\n        \/\/ Smooth scrolling for navigation links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Header scroll effect\r\n        window.addEventListener('scroll', function() {\r\n            const header = document.querySelector('.header');\r\n            if (window.scrollY > 100) {\r\n                header.style.background = 'rgba(255,255,255,0.98)';\r\n                header.style.backdropFilter = 'blur(15px)';\r\n            } else {\r\n                header.style.background = 'linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(248,250,252,0.95) 100%)';\r\n                header.style.backdropFilter = 'blur(10px)';\r\n            }\r\n        });\r\n\r\n        \/\/ Add hover effects to service cards\r\n        document.querySelectorAll('.service-card').forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                this.style.transform = 'translateY(-15px) scale(1.02)';\r\n            });\r\n            \r\n            card.addEventListener('mouseleave', function() {\r\n                this.style.transform = 'translateY(0) scale(1)';\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3d2e20 e-flex e-con-boxed e-con e-parent\" data-id=\"a3d2e20\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56e55b0 elementor-widget elementor-widget-html\" data-id=\"56e55b0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Our Services - Elite Interior Design<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .hero {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            color: white;\r\n            padding: 100px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -50%;\r\n            width: 100%;\r\n            height: 200%;\r\n            background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\") repeat;\r\n            animation: float 20s infinite linear;\r\n        }\r\n\r\n        @keyframes float {\r\n            0% { transform: translateX(0) translateY(0); }\r\n            100% { transform: translateX(-60px) translateY(-60px); }\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            opacity: 0;\r\n            animation: fadeInUp 1s ease forwards;\r\n        }\r\n\r\n        .hero p {\r\n            font-size: 1.3rem;\r\n            opacity: 0.9;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            opacity: 0;\r\n            animation: fadeInUp 1s ease 0.2s forwards;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Services Grid *\/\r\n        .services-section {\r\n            padding: 100px 0;\r\n            background: #f8fafc;\r\n        }\r\n\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\r\n            gap: 40px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .service-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            transition: all 0.4s ease;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: slideInUp 0.8s ease forwards;\r\n        }\r\n\r\n        .service-card:nth-child(1) { animation-delay: 0.1s; }\r\n        .service-card:nth-child(2) { animation-delay: 0.2s; }\r\n        .service-card:nth-child(3) { animation-delay: 0.3s; }\r\n        .service-card:nth-child(4) { animation-delay: 0.4s; }\r\n        .service-card:nth-child(5) { animation-delay: 0.5s; }\r\n        .service-card:nth-child(6) { animation-delay: 0.6s; }\r\n\r\n        @keyframes slideInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .service-image {\r\n            height: 250px;\r\n            background: linear-gradient(45deg, #FF6B6B, #4ECDC4);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .service-card:nth-child(1) .service-image {\r\n            background: linear-gradient(135deg, #FF6B6B, #FF8E53);\r\n        }\r\n\r\n        .service-card:nth-child(2) .service-image {\r\n            background: linear-gradient(135deg, #4ECDC4, #44A08D);\r\n        }\r\n\r\n        .service-card:nth-child(3) .service-image {\r\n            background: linear-gradient(135deg, #A8E6CF, #7FCDCD);\r\n        }\r\n\r\n        .service-card:nth-child(4) .service-image {\r\n            background: linear-gradient(135deg, #FFD93D, #FF6B6B);\r\n        }\r\n\r\n        .service-card:nth-child(5) .service-image {\r\n            background: linear-gradient(135deg, #6C5CE7, #A29BFE);\r\n        }\r\n\r\n        .service-card:nth-child(6) .service-image {\r\n            background: linear-gradient(135deg, #FD79A8, #E84393);\r\n        }\r\n\r\n        .service-image::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url(\"data:image\/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M0 0h20v20H0V0zm10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16z'\/%3E%3C\/g%3E%3C\/svg%3E\") repeat;\r\n        }\r\n\r\n        .service-icon {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            font-size: 4rem;\r\n            color: white;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .service-content {\r\n            padding: 30px;\r\n        }\r\n\r\n        .service-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            color: #2d3748;\r\n        }\r\n\r\n        .service-description {\r\n            color: #666;\r\n            margin-bottom: 25px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            color: white;\r\n            padding: 12px 25px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n            transition: left 0.5s ease;\r\n        }\r\n\r\n        .cta-button:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            color: #2d3748;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .section-subtitle {\r\n            font-size: 1.2rem;\r\n            color: #666;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .hero h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .services-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .service-card {\r\n                margin: 0 10px;\r\n            }\r\n        }\r\n\r\n        \/* Loading Animation *\/\r\n        .service-card {\r\n            position: relative;\r\n        }\r\n\r\n        .service-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n            animation: shimmer 2s infinite;\r\n        }\r\n\r\n        @keyframes shimmer {\r\n            0% { left: -100%; }\r\n            50% { left: 100%; }\r\n            100% { left: 100%; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Hero Section -->\r\n    <section class=\"hero\">\r\n        <div class=\"container\">\r\n            <div class=\"hero-content\">\r\n                <h1>Our Premium Services<\/h1>\r\n                <p>Transform your space with our comprehensive interior design solutions. From concept to completion, we bring your vision to life.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Services Section -->\r\n    <section class=\"services-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <h2 class=\"section-title\">What We Offer<\/h2>\r\n                <p class=\"section-subtitle\">Discover our range of professional interior design services tailored to your unique needs and style preferences.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"services-grid\">\r\n                <!-- Residential Design -->\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-image\">\r\n                        <div class=\"service-icon\">\ud83c\udfe0<\/div>\r\n                    <\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\">Residential Design<\/h3>\r\n                        <p class=\"service-description\">Transform your home into a personalized sanctuary. We specialize in designing beautiful, functional living spaces for homes, apartments, and villas that reflect your unique style and lifestyle needs.<\/p>\r\n                        <button class=\"cta-button\" onclick=\"bookConsultation('Residential Design')\">Book a Free Consultation<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Commercial Design -->\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-image\">\r\n                        <div class=\"service-icon\">\ud83c\udfe2<\/div>\r\n                    <\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\">Commercial Design<\/h3>\r\n                        <p class=\"service-description\">Create impressive commercial spaces that drive business success. From modern office environments to stunning retail outlets and inviting restaurants, we design spaces that enhance productivity and customer experience.<\/p>\r\n                        <button class=\"cta-button\" onclick=\"bookConsultation('Commercial Design')\">Book a Free Consultation<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 3D Visualization -->\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-image\">\r\n                        <div class=\"service-icon\">\ud83c\udfa8<\/div>\r\n                    <\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\">3D Visualization<\/h3>\r\n                        <p class=\"service-description\">See your space before it's built with our cutting-edge 3D rendering and virtual tour services. Experience photorealistic visualizations that help you make informed design decisions with confidence.<\/p>\r\n                        <button class=\"cta-button\" onclick=\"bookConsultation('3D Visualization')\">Book a Free Consultation<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Renovation & Remodeling -->\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-image\">\r\n                        <div class=\"service-icon\">\ud83d\udd28<\/div>\r\n                    <\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\">Renovation & Remodeling<\/h3>\r\n                        <p class=\"service-description\">Breathe new life into existing spaces with our expert renovation services. We specialize in reimagining and redesigning spaces to maximize their potential while preserving their character and charm.<\/p>\r\n                        <button class=\"cta-button\" onclick=\"bookConsultation('Renovation & Remodeling')\">Book a Free Consultation<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Custom Furniture Design -->\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-image\">\r\n                        <div class=\"service-icon\">\ud83e\ude91<\/div>\r\n                    <\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\">Custom Furniture Design<\/h3>\r\n                        <p class=\"service-description\">Get perfectly tailored furniture pieces that match your exact style and space requirements. Our custom furniture design service ensures every piece complements your interior while maximizing functionality.<\/p>\r\n                        <button class=\"cta-button\" onclick=\"bookConsultation('Custom Furniture Design')\">Book a Free Consultation<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Space Planning & Consultation -->\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-image\">\r\n                        <div class=\"service-icon\">\ud83d\udcd0<\/div>\r\n                    <\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\">Space Planning & Consultation<\/h3>\r\n                        <p class=\"service-description\">Optimize your space with expert planning and consultation services. We help you make the most of every square foot through strategic layout planning and professional design guidance.<\/p>\r\n                        <button class=\"cta-button\" onclick=\"bookConsultation('Space Planning & Consultation')\">Book a Free Consultation<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Smooth scrolling and interactive effects\r\n        function bookConsultation(service) {\r\n            \/\/ Simulate booking process\r\n            const button = event.target;\r\n            const originalText = button.textContent;\r\n            \r\n            button.style.background = 'linear-gradient(135deg, #10B981, #059669)';\r\n            button.textContent = 'Booking...';\r\n            \r\n            setTimeout(() => {\r\n                button.textContent = '\u2713 Consultation Requested';\r\n                button.style.background = 'linear-gradient(135deg, #10B981, #059669)';\r\n                \r\n                setTimeout(() => {\r\n                    button.textContent = originalText;\r\n                    button.style.background = 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)';\r\n                }, 2000);\r\n            }, 1500);\r\n            \r\n            \/\/ In a real application, you would integrate with a booking system\r\n            console.log(`Booking consultation for: ${service}`);\r\n        }\r\n\r\n        \/\/ Intersection Observer for scroll animations\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.animationPlayState = 'running';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Observe all service cards\r\n        document.querySelectorAll('.service-card').forEach(card => {\r\n            observer.observe(card);\r\n        });\r\n\r\n        \/\/ Add hover effects for enhanced interactivity\r\n        document.querySelectorAll('.service-card').forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                this.style.transform = 'translateY(-15px) scale(1.02)';\r\n            });\r\n            \r\n            card.addEventListener('mouseleave', function() {\r\n                this.style.transform = 'translateY(0) scale(1)';\r\n            });\r\n        });\r\n\r\n        \/\/ Parallax effect for hero section\r\n        window.addEventListener('scroll', () => {\r\n            const scrolled = window.pageYOffset;\r\n            const hero = document.querySelector('.hero');\r\n            if (hero) {\r\n                hero.style.transform = `translateY(${scrolled * 0.5}px)`;\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Luxe Interiors &#8211; Transform Your Space Luxe Interiors +1 (555) 123-4567 hello@luxeinteriors.com Home About Us Services Packages Portfolio Testimonials Blog Contact Us Transform Your Space Into Art Discover the perfect blend of luxury, comfort, and style with our award-winning interior design services Get Your Dream Space Today Crafting Spaces That Inspire At Luxe Interiors, we [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digital.fraidm.in\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital.fraidm.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digital.fraidm.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digital.fraidm.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digital.fraidm.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":7,"href":"https:\/\/digital.fraidm.in\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/digital.fraidm.in\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/digital.fraidm.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}