{"id":107,"date":"2026-11-01T08:10:22","date_gmt":"2026-11-01T08:10:22","guid":{"rendered":"https:\/\/3d360.store\/?page_id=107"},"modified":"2026-11-01T17:44:22","modified_gmt":"2026-11-01T17:44:22","slug":"welcome","status":"publish","type":"page","link":"https:\/\/3d360.store\/","title":{"rendered":"3D360"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"107\" class=\"elementor elementor-107\">\n\t\t\t\t<div class=\"elementor-element elementor-element-279f9e19 e-flex e-con-boxed e-con e-parent\" data-id=\"279f9e19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15fc73fa elementor-widget elementor-widget-text-editor\" data-id=\"15fc73fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<div style=\"position: relative; width: 100%; height: 0; padding-top: 56.2225%; padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; border-radius: 8px; will-change: transform;\"><iframe style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0; margin: 0;\" src=\"https:\/\/www.canva.com\/design\/DAHZqHMwVZY\/LVyD32Bnf7By0OfoeyfEug\/view?embed\" allowfullscreen=\"allowfullscreen\">\n  <\/iframe><\/div>\n<p><a href=\"https:\/\/www.canva.com\/design\/DAHZqHMwVZY\/LVyD32Bnf7By0OfoeyfEug\/view?utm_content=DAHZqHMwVZY&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link\" target=\"_blank\" rel=\"noopener\"> <\/a><\/p>\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex\"> <a href=\"https:\/\/share.google\/HHKytatdmBnhvM66E\"><style data-wp-block-html=\"css\">\n.google-reviews-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 900px;\n  margin: 40px auto;\n  padding: 20px;\n  background: #f8f9fa;\n  border-radius: 12px;\n}\n\n.reviews-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 24px;\n  flex-wrap: wrap;\n  gap: 15px;\n}\n\n.header-title {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.header-title h2 {\n  margin: 0;\n  font-size: 1.5rem;\n  color: #202124;\n}\n\n.direct-google-link {\n  background-color: #1a73e8;\n  color: #ffffff;\n  text-decoration: none;\n  padding: 10px 20px;\n  border-radius: 24px;\n  font-weight: 500;\n  font-size: 0.95rem;\n  transition: background-color 0.2s ease;\n}\n\n.direct-google-link:hover {\n  background-color: #1557b0;\n}\n\n.review-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n}\n\n.review-card {\n  background: #ffffff;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 6px rgba(0,0,0,0.08);\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.reviewer-info {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.reviewer-avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #e8eaed;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.reviewer-avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.reviewer-name {\n  margin: 0;\n  font-weight: 600;\n  color: #202124;\n}\n\n.review-stars {\n  color: #fbbc04; \/* Google Star Yellow *\/\n  font-size: 1.2rem;\n  letter-spacing: 2px;\n}\n\n.review-text {\n  margin: 0;\n  color: #5f6368;\n  font-size: 0.95rem;\n  line-height: 1.5;\n}\n<\/style> <script data-wp-block-html=\"js\">\n<script>\n  const reviewsData = [\n    {\n      name: \"Sarah Jenkins\",\n      rating: 5,\n      text: \"Absolutely fantastic service! The team was highly responsive and delivered exactly what was promised. Highly recommend.\",\n      imageUrl: \"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop&crop=faces&auto=format&q=80\"\n    },\n    {\n      name: \"Michael Chen\",\n      rating: 5,\n      text: \"Very professional and easy to work with. The final product exceeded my expectations.\",\n      imageUrl: \"https:\/\/images.unsplash.com\/photo-1599566150163-29194dcaad36?w=150&h=150&fit=crop&crop=faces&auto=format&q=80\" \n    },\n    {\n      name: \"Elena Rodriguez\",\n      rating: 5,\n      text: \"Great experience overall. The quality is top-notch and exactly as described.\",\n      imageUrl: \"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop&crop=faces&auto=format&q=80\" \n    }\n  ];\n\n  function renderReviews() {\n    const container = document.getElementById('review-grid');\n    \n    reviewsData.forEach(review => {\n      const stars = '\u2605'.repeat(review.rating) + '\u2606'.repeat(5 - review.rating);\n      \n      const card = document.createElement('div');\n      card.className = 'review-card';\n      card.innerHTML = `\n        <div class=\"reviewer-info\">\n          <div class=\"reviewer-avatar\">\n            <img decoding=\"async\" src=\"${review.imageUrl}\" alt=\"${review.name}\">\n          <\/div>\n          <p class=\"reviewer-name\">${review.name}<\/p>\n        <\/div>\n        <div class=\"review-stars\">${stars}<\/div>\n        <p class=\"review-text\">\"${review.text}\"<\/p>\n      `;\n      \n      container.appendChild(card);\n    });\n  }\n\n  document.addEventListener('DOMContentLoaded', renderReviews);\n<\/script><\/a>\n<div class=\"header-title\"><!-- Official Google SVG Logo -->\n<h2>Google Reviews<\/h2>\n<\/div>\n <style data-wp-block-html=\"css\">\n.google-reviews-slider-container {\n  font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n  max-width: 1100px;\n  margin: 40px auto;\n  padding: 0 20px;\n}\n\n\/* Header Styles *\/\n.slider-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 25px;\n}\n.header-logo {\n  height: 32px;\n  width: auto;\n}\n.header-text {\n  font-size: 1.4rem;\n  color: #000033; \/* Dark navy *\/\n  margin: 0;\n  font-weight: 600;\n  white-space: nowrap;\n}\n.header-line {\n  flex-grow: 1;\n  height: 1px;\n  background-color: #e0e0e0;\n  margin-left: 15px;\n}\n\n\/* Carousel Wrapper & Buttons *\/\n.carousel-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.carousel-track {\n  display: flex;\n  gap: 20px;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  scroll-snap-type: x mandatory;\n  padding: 10px 5px;\n  \/* Hide scrollbar *\/\n  -ms-overflow-style: none;  \n  scrollbar-width: none; \n}\n.carousel-track::-webkit-scrollbar {\n  display: none;\n}\n.nav-btn {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: white;\n  border: 1px solid #e0e0e0;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n  cursor: pointer;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #5f6368;\n  font-size: 1.2rem;\n}\n.prev-btn { left: -20px; }\n.next-btn { right: -20px; }\n.nav-btn:hover { background: #f8f9fa; color: #202124; }\n\n\/* Cards Base *\/\n.card {\n  min-width: 280px;\n  height: 160px;\n  background: white;\n  border: 1px solid #e0e0e0;\n  border-radius: 12px;\n  padding: 24px;\n  box-sizing: border-box;\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n\/* Summary Card Gradient Styling *\/\n.summary-card {\n  border: 2px solid #e8f0fe;\n  border-left: 4px solid #4285f4;\n  background: linear-gradient(135deg, rgba(66,133,244,0.05) 0%, rgba(255,255,255,1) 50%, rgba(251,188,4,0.05) 100%);\n  justify-content: center;\n}\n.summary-card h3 {\n  margin: 15px 0 5px 0;\n  color: #202124;\n  font-size: 1.15rem;\n  font-weight: 600;\n}\n\n\/* Standard Review Card Styles *\/\n.review-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 12px;\n}\n.avatar {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-weight: 600;\n  font-size: 1rem;\n  overflow: hidden;\n}\n.avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.reviewer-info {\n  display: flex;\n  flex-direction: column;\n}\n.reviewer-name {\n  margin: 0;\n  font-weight: 600;\n  font-size: 0.95rem;\n  color: #202124;\n}\n.review-date {\n  margin: 0;\n  font-size: 0.75rem;\n  color: #9aa0a6;\n}\n.small-g-logo {\n  position: absolute;\n  top: 24px;\n  right: 24px;\n  width: 18px;\n  height: 18px;\n}\n\n\/* Stars & Text *\/\n.rating-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.stars {\n  color: #fbbc04;\n  letter-spacing: 2px;\n  font-size: 1.2rem;\n  line-height: 1;\n}\n.verified-icon {\n  width: 14px;\n  height: 14px;\n  fill: #1a73e8; \/* Google Blue *\/\n}\n.review-text {\n  margin: 0;\n  font-size: 0.9rem;\n  color: #3c4043;\n  line-height: 1.4;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n<\/style> <script data-wp-block-html=\"js\">\n<script>\n  \/\/ 1. Review Data (Matching the provided image)\n  const reviews = [\n    {\n      name: \"Niraj Kumar Maurya\",\n      date: \"2026-04-21\",\n      text: \"Better service.\",\n      rating: 5,\n      avatarColor: \"#00897b\", \/\/ Teal\n      initial: \"N\",\n      avatarImg: \"\" \n    },\n    {\n      name: \"Small Idea\",\n      date: \"2026-04-20\",\n      text: \"Best place for all hobbyist\",\n      rating: 5,\n      avatarColor: \"#ffca28\",\n      initial: \"S\",\n      avatarImg: \"https:\/\/images.unsplash.com\/photo-1611162617474-5b21e879e113?w=150&h=150&fit=crop&crop=faces&q=80\" \/\/ Placeholder icon\n    },\n    {\n      name: \"Harkeet Singh\",\n      date: \"2026-04-19\",\n      text: \"Very good person and polite\",\n      rating: 5,\n      avatarColor: \"#ef6c00\", \/\/ Orange\n      initial: \"H\",\n      avatarImg: \"\" \n    }\n  ];\n\n  \/\/ Verified Checkmark SVG\n  const verifiedBadge = `<svg class=\"verified-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>`;\n  \n  \/\/ Small Top-Right G Logo SVG\n  const smallGLogo = `<svg class=\"small-g-logo\" viewBox=\"0 0 48 48\"><path fill=\"#EA4335\" d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\/><path fill=\"#4285F4\" d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\/><path fill=\"#FBBC05\" d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\/><path fill=\"#34A853\" d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\/><\/svg>`;\n\n  function renderCarousel() {\n    const track = document.getElementById('carousel-track');\n    \n    reviews.forEach(review => {\n      const stars = '\u2605'.repeat(review.rating) + '\u2606'.repeat(5 - review.rating);\n      const avatarHtml = review.avatarImg \n        ? `<img decoding=\"async\" src=\"${review.avatarImg}\" alt=\"${review.name}\">` \n        : review.initial;\n\n      const card = document.createElement('div');\n      card.className = 'card';\n      card.innerHTML = `\n        ${smallGLogo}\n        <div class=\"review-header\">\n          <div class=\"avatar\" style=\"background-color: ${review.avatarColor}\">${avatarHtml}<\/div>\n          <div class=\"reviewer-info\">\n            <p class=\"reviewer-name\">${review.name}<\/p>\n            <p class=\"review-date\">${review.date}<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"rating-row\">\n          <div class=\"stars\">${stars}<\/div>\n          ${verifiedBadge}\n        <\/div>\n        <p class=\"review-text\">${review.text}<\/p>\n      `;\n      track.appendChild(card);\n    });\n  }\n\n  \/\/ Handle Carousel Scrolling\n  function setupSliderLogic() {\n    const track = document.getElementById('carousel-track');\n    const prevBtn = document.getElementById('prevBtn');\n    const nextBtn = document.getElementById('nextBtn');\n    const scrollAmount = 300; \/\/ Scrolls roughly one card at a time\n\n    nextBtn.addEventListener('click', () => {\n      track.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n    });\n\n    prevBtn.addEventListener('click', () => {\n      track.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\n    });\n  }\n\n  document.addEventListener('DOMContentLoaded', () => {\n    renderCarousel();\n    setupSliderLogic();\n  });\n<\/script>\n<div class=\"google-reviews-slider-container\"><!-- Header Section -->\n<div class=\"slider-header\">\n<h2 class=\"header-text\">Backed Trust in Every Order<\/h2>\n<div class=\"header-line\">\u00a0<\/div>\n<\/div>\n<!-- Slider Wrapper -->\n<div class=\"carousel-wrapper\"><br \/>\n<div id=\"carousel-track\" class=\"carousel-track\"><!-- Summary Card (Always first) -->\n<div class=\"card summary-card\">\n<h3><a href=\"https:\/\/share.google\/HHKytatdmBnhvM66E\">Customer Reviews<\/a><\/h3>\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<\/div>\n<!-- Dynamic Review Cards will be placed here --><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.canva.com\/design\/DAHZqHMwVZY\/LVyD32Bnf7By0OfoeyfEug\/view?utm_content=DAHZqHMwVZY&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n<p class=\"wp-block-paragraph\">\u00a0<\/p>\n<p><a href=\"https:\/\/www.canva.com\/design\/DAHZqHMwVZY\/LVyD32Bnf7By0OfoeyfEug\/view?utm_content=DAHZqHMwVZY&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\t\t\t\t\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>Google Reviews Backed Trust in Every Order \u00a0 Customer Reviews \u2605\u2605\u2605\u2605\u2605 \u00a0<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-107","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/3d360.store\/index.php\/wp-json\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3d360.store\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3d360.store\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3d360.store\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3d360.store\/index.php\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":16,"href":"https:\/\/3d360.store\/index.php\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/3d360.store\/index.php\/wp-json\/wp\/v2\/pages\/107\/revisions\/159"}],"wp:attachment":[{"href":"https:\/\/3d360.store\/index.php\/wp-json\/wp\/v2\/media?parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}