From 8b85f1446a56cfd59bd00ed9e4c358dcb74c6f17 Mon Sep 17 00:00:00 2001
From: iamspdarsan <iamspdarsan@gmail.com>
Date: Tue, 23 Apr 2024 01:27:22 +0530
Subject: [PATCH] configurations and test-sample added

---
 .editorconfig                                 |  10 +
 .eslintrc                                     |   7 +
 .gitignore                                    |   1 +
 .prettierrc                                   |  15 +
 NAs.txt                                       |  24 ++
 package.json                                  |  58 ++++
 richie.config.json                            |  24 ++
 test-sample/article.html                      |  43 +++
 test-sample/breadcrumb.html                   |   9 +
 test-sample/carousels/courses.html            |  74 ++++
 test-sample/carousels/movies.html             |  71 ++++
 test-sample/carousels/recipies.html           | 322 ++++++++++++++++++
 test-sample/carousels/restaurants.html        | 258 ++++++++++++++
 test-sample/events.html                       | 234 +++++++++++++
 test-sample/faq.html                          |  68 ++++
 test-sample/localbusiness.html                | 149 ++++++++
 test-sample/org.html                          |  79 +++++
 test-sample/product.html                      | 181 ++++++++++
 test-sample/productVarient/productAge.html    | 181 ++++++++++
 test-sample/productVarient/productColor.html  | 181 ++++++++++
 .../productVarient/productCombined.html       | 181 ++++++++++
 test-sample/productVarient/productGender.html | 181 ++++++++++
 .../productVarient/productMaterial.html       | 181 ++++++++++
 .../productVarient/productPattern.html        | 181 ++++++++++
 test-sample/productVarient/productSize.html   | 181 ++++++++++
 test-sample/profilepage.html                  |  77 +++++
 test-sample/softwareapp.html                  |  64 ++++
 test-sample/videos.html                       |  48 +++
 tsconfig.json                                 |  36 ++
 29 files changed, 3119 insertions(+)
 create mode 100644 .editorconfig
 create mode 100644 .eslintrc
 create mode 100644 .gitignore
 create mode 100644 .prettierrc
 create mode 100644 NAs.txt
 create mode 100644 package.json
 create mode 100644 richie.config.json
 create mode 100644 test-sample/article.html
 create mode 100644 test-sample/breadcrumb.html
 create mode 100644 test-sample/carousels/courses.html
 create mode 100644 test-sample/carousels/movies.html
 create mode 100644 test-sample/carousels/recipies.html
 create mode 100644 test-sample/carousels/restaurants.html
 create mode 100644 test-sample/events.html
 create mode 100644 test-sample/faq.html
 create mode 100644 test-sample/localbusiness.html
 create mode 100644 test-sample/org.html
 create mode 100644 test-sample/product.html
 create mode 100644 test-sample/productVarient/productAge.html
 create mode 100644 test-sample/productVarient/productColor.html
 create mode 100644 test-sample/productVarient/productCombined.html
 create mode 100644 test-sample/productVarient/productGender.html
 create mode 100644 test-sample/productVarient/productMaterial.html
 create mode 100644 test-sample/productVarient/productPattern.html
 create mode 100644 test-sample/productVarient/productSize.html
 create mode 100644 test-sample/profilepage.html
 create mode 100644 test-sample/softwareapp.html
 create mode 100644 test-sample/videos.html
 create mode 100644 tsconfig.json

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..dd389be
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,10 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = tab
+indent_size = 4
+
diff --git a/.eslintrc b/.eslintrc
new file mode 100644
index 0000000..29aaf6f
--- /dev/null
+++ b/.eslintrc
@@ -0,0 +1,7 @@
+{
+	"parser": "@typescript-eslint/parser",
+	"plugins": ["@typescript-eslint"],
+	"rules": {
+	  "@typescript-eslint/explicit-function-return-type": "error"
+	}
+  }
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b512c09
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..3beb36c
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,15 @@
+{
+  
+  "bracketSameLine": true,
+  "semi": true,
+  "proseWrap": "always",
+  "printWidth": 75,
+  "arrowParens": "always",
+  "singleAttributePerLine": true,
+  "trailingComma": "all",
+  "embeddedLanguageFormatting": "auto",
+  "experimentalTernaries": true,
+  "parser": "typescript",
+  "tabWidth": 2,
+  "useTabs": true
+}
diff --git a/NAs.txt b/NAs.txt
new file mode 100644
index 0000000..46d439c
--- /dev/null
+++ b/NAs.txt
@@ -0,0 +1,24 @@
+!# marked item are under development
+
+Book Action !#
+DataSet
+Discussion and Forum
+Education Q&A !#
+Employer Aggregate Rating !#
+Image MetaData !#
+Job Posting !#
+Math Solver
+Practice Problem
+Q&A not FAQ
+Special Announcement
+Subscription & Pay walled content !#
+Vocational renting !#
+Vehicle Listing !#
+
+
+##########################################################################
+# Omitted Structured Data as either Not Helpful or inefficient are below #
+##########################################################################
+!warning "This is only our team opinion"
+1.Speakable 
+2.Fact Check
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..0608104
--- /dev/null
+++ b/package.json
@@ -0,0 +1,58 @@
+{
+	"name": "@cresteem/richie-js",
+	"displayName": "Richie JS",
+	"exports": {
+		".": "./dist/richie.js"
+	},
+	"description": "Rich Result Generator",
+	"version": "0.1a",
+	"main": "./dist/richie.js",
+	"types": "./dist/types/",
+	"files": [
+		"dist"
+	],
+	"directories": {
+		"lib": "./dist/lib"
+	},
+	"dist": {
+		"shasum": "not added"
+	},
+	"icon": "not added",
+	"engines": {"node": ">=21.7.3","npm":">=10.50.0"},
+	"engineStrict": false,
+	"preferGlobal": true,
+	"scripts": {
+		"build": "rimraf dist && npx tsc -b",
+		"watch": "npx tsc --watch"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/cresteem/Richie-JS.git"
+	},
+	"keywords": [
+		"Rich",
+		"Result",
+		"Generator"
+	],
+	"author": "@cresteem",
+	"license": "UNLICENCED",
+	"maintainers": ["@cresteem","@iamspdarsan"],
+	"bugs": {
+		"url": "https://github.com/cresteem/Richie-JS/issues"
+	},
+	"homepage": "https://github.com/cresteem/Richie-JS#readme",
+	"dependencies": {
+		"@prettier/sync": "^0.5.1",
+		"axios": "^1.6.7",
+		"cheerio": "^1.0.0-rc.12",
+		"country-list": "^2.3.0",
+		"luxon": "^3.4.4",
+		"puppeteer": "^22.3.0",
+		"typescript": "^5.4.5"
+	},
+	"devDependencies": {
+		"@types/country-list": "^2.1.4",
+		"@types/luxon": "^3.4.2",
+		"@typescript-eslint/eslint-plugin": "^7.7.0"
+	}
+}
diff --git a/richie.config.json b/richie.config.json
new file mode 100644
index 0000000..7fabf89
--- /dev/null
+++ b/richie.config.json
@@ -0,0 +1,24 @@
+{
+      "aggregator": {
+        "timeFormat": "yyyy-MM-dd hh:mm a",
+        "authorBasename": "rauthor",
+        "pubBasename": "rpub",
+        "movieBasename": "rmovie",
+        "domainAddress": "cresteem.com",
+        "recipeBaseID": "rrecipe",
+        "courseBaseID": "rcourse",
+        "restaurantBaseID": "rrest",
+        "faqBaseID": "rfaq",
+        "siteSearchBoxFieldName": "query_str",
+        "softwareAppBaseID": "rsapp",
+        "videoBaseID": "rvid",
+        "localBusinessBaseID": "rlb",
+        "organisationBaseID": "rorg",
+        "profileBaseID": "rpp",
+        "eventBaseID": "revent",
+        "productBaseID": "rprod",
+        "productPriceValidUntilNext": "30", 
+        "productGroupIDHashLength": "128", 
+        "producrVariableDelimiter": "|"
+      }
+}
diff --git a/test-sample/article.html b/test-sample/article.html
new file mode 100644
index 0000000..e446f61
--- /dev/null
+++ b/test-sample/article.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Article about test</title>
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
+  </head>
+
+  <body data-articletype="NewsArticle">
+    <p class="pub-dt">2024-06-06 08:37 PM</p>
+    <p class="mod-dt">2024-02-26 05:23 PM</p>
+    <main>
+      <img
+        src="https://cdn.britannica.com/22/187222-050-07B17FB6/apples-on-a-tree-branch.jpg"
+        alt=""
+        class="rich-thumb"
+      />
+      <img
+        src="https://media.licdn.com/dms/image/D5603AQEuP5Pn5X2RWQ/profile-displayphoto-shrink_800_800/0/1706536645940?e=2147483647&v=beta&t=nRJZKKhqCP76WVDDJZ71OfbbyGPpJdO79IOabHMpX_I"
+        alt=""
+        class="rich-thumb"
+      />
+      <p class="rauthor-1-name">Dr.Darsan</p>
+      <p class="rauthor-1-type">Person</p>
+      <a class="rauthor-1-url" href="https://www.instagram.com/iamspdarsan/"
+        >User Profile</a
+      >
+      <p class="rauthor-1-jobtitle">Software Engineer</p>
+
+      <p class="rauthor-2-name">Winchester</p>
+      <p class="rauthor-2-type">Organization</p>
+      <a class="rauthor-2-url" href="https://www.linkedin.com/in/iamspdarsan/"
+        >User Profile</a
+      >
+      <p class="rpub-1-name">Cresteem</p>
+      <a class="rpub-1-url" href="https://cresteem.com/blogs/"></a>
+
+      <p class="rpub-2-name">Google</p>
+      <a class="rpub-2-url" href="https://google.com/blogs/"></a>
+    </main>
+  </body>
+</html>
diff --git a/test-sample/breadcrumb.html b/test-sample/breadcrumb.html
new file mode 100644
index 0000000..7d4c441
--- /dev/null
+++ b/test-sample/breadcrumb.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Destination Page</title>
+  </head>
+  <body></body>
+</html>
diff --git a/test-sample/carousels/courses.html b/test-sample/carousels/courses.html
new file mode 100644
index 0000000..b6f5633
--- /dev/null
+++ b/test-sample/carousels/courses.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Courses</title>
+</head>
+
+<body>
+    <main>
+        <div id="rcourse-1">
+            <p class="rcourse-1-name" data-lang="English">Python Crash Course</p>
+            <!-- "By<space>" can be added or not in instructor inner text-->
+            <p class="rcourse-1-ins">By InstructorX</p>
+            <p class="rcourse-1-mode">online</p>
+            <p class="rcourse-1-desc">This course serves as an introduction to Python programming, covering essential
+                concepts and skills necessary for beginners to start coding in Python. Participants will learn about
+                basic syntax, data types, control flow structures, functions, and file handling. Additionally, the
+                course will cover key Python libraries and modules for common tasks such as data manipulation,
+                visualization, and working with external files. Throughout the course, hands-on exercises and projects
+                will reinforce learning objectives, allowing participants to apply their newfound knowledge to
+                real-world scenarios.</p>
+            <p class="rcourse-1-duration" data-freq="monthly" data-rep="8">68 Hours</p>
+            <p class="rcourse-1-price" data-currency="usd">100 USD</p>
+            <a class="rcourse-1-purl" href="https://cresteem.com/">
+                <p class="rcourse-1-pub">cresteem</p>
+            </a>
+        </div>
+
+        <div id="rcourse-2">
+            <p class="rcourse-2-name" data-lang="Tamil">Node.Js introduction</p>
+            <!-- "By<space>" can be added or not in instructor inner text-->
+            <p class="rcourse-2-ins">By InstructorZ</p>
+            <p class="rcourse-2-mode">onsite</p>
+            <p class="rcourse-2-desc">This course provides a comprehensive introduction to Node.js, a popular runtime
+                environment for executing JavaScript code server-side. Participants will learn how to build scalable,
+                high-performance web applications using Node.js, leveraging its asynchronous, event-driven architecture.
+                The course covers essential concepts such as event loops, modules, package management, and asynchronous
+                programming patterns. Additionally, participants will explore key Node.js frameworks and libraries for
+                web development, including Express.js for building web servers and handling HTTP requests. Hands-on
+                exercises and projects will reinforce learning objectives, allowing participants to apply their
+                knowledge to real-world scenarios.</p>
+            <p class="rcourse-2-duration" data-freq="daily" data-rep="4">24 Hours</p>
+            <p class="rcourse-2-price" data-currency="usd">2000 USD</p>
+            <a class="rcourse-2-purl" href="https://edureka.com/">
+                <p class="rcourse-2-pub">edureka</p>
+            </a>
+        </div>
+
+        <!-- non data option for lang -->
+        <div id="rcourse-3">
+            <p class="rcourse-3-name" data-lang="Tamil">Java Intermediate to Advanced</p>
+            <!-- "By<space>" can be added or not in instructor inner text-->
+            <p class="rcourse-3-ins">Meg</p>
+            <p class="rcourse-3-mode">online</p>
+            <p class="rcourse-3-lang">English</p>
+            <p class="rcourse-3-desc">This course offers a comprehensive introduction to Java programming, covering core
+                concepts and principles essential for beginners to embark on their journey in Java development.
+                Participants will learn about Java syntax, object-oriented programming (OOP), control flow structures,
+                exception handling, and input/output operations. Additionally, the course will cover key Java libraries
+                and frameworks, providing a solid foundation for developing robust, scalable applications. Hands-on
+                exercises and projects will reinforce learning objectives, enabling participants to apply their
+                knowledge to practical scenarios.</p>
+            <p class="rcourse-3-duration" data-freq="daily" data-rep="7">1 Months</p>
+            <p class="rcourse-3-price" data-currency="inr">2000 RS</p>
+            <a class="rcourse-3-purl" href="https://oracle.com/">
+                <p class="rcourse-3-pub">oracle</p>
+            </a>
+        </div>
+    </main>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/carousels/movies.html b/test-sample/carousels/movies.html
new file mode 100644
index 0000000..2ca8996
--- /dev/null
+++ b/test-sample/carousels/movies.html
@@ -0,0 +1,71 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Movies</title>
+  </head>
+  <body>
+    <div id="rmovie-1">
+      <p class="rmovie-1-name">Dawn of Justice</p>
+      <img
+        class="rmovie-1-img"
+        src="https://miro.medium.com/v2/resize:fit:7680/1*IC3vGBv9v2l4Pll4v3CNSw.jpeg"
+        alt=""
+      />
+      <p class="rmovie-1-dc">2016-02-05</p>
+      <p class="rmovie-1-dir">Zack Synder</p>
+      <div class="aggrate-info">
+        <!-- aggregate rate that got -->
+        <p class="rmovie-1-arv">100</p>
+
+        <!-- max possibly rate -->
+        <p class="rmovie-1-arl">100</p>
+
+        <p class="rmovie-1-arc">1000</p>
+        <div class="userreviews">
+          <div class="rmovie-1-urate">
+            <p class="rname">Darsan</p>
+            <p class="br">100</p>
+            <p class="rt">98</p>
+            <p class="rpname">IMDB</p>
+          </div>
+
+          <div class="rmovie-1-urate">
+            <p class="rname">Priya</p>
+            <p class="br">100</p>
+            <p class="rt">98</p>
+            <p class="rpname">IMDB</p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div id="rmovie-2">
+      <p class="rmovie-2-name">The Dark Knight Rises</p>
+      <img
+        class="rmovie-2-img"
+        src="https://variety.com/wp-content/uploads/2013/07/dark_knight_rises.jpg"
+        alt=""
+      />
+      <p class="rmovie-2-dc">2010-11-03</p>
+      <p class="rmovie-2-dir">C.Nolan</p>
+      <div class="aggrate-info">
+        <!-- aggregate rate that got -->
+        <p class="rmovie-2-arv">98</p>
+
+        <!-- max possibly rate -->
+        <p class="rmovie-2-arl">100</p>
+
+        <p class="rmovie-2-arc">1000</p>
+      </div>
+
+      <div class="rmovie-2-urate">
+        <p class="rname">Dean</p>
+        <p class="br">100</p>
+        <p class="rt">90</p>
+        <p class="rpname">Rotten Tomato</p>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/test-sample/carousels/recipies.html b/test-sample/carousels/recipies.html
new file mode 100644
index 0000000..53155cb
--- /dev/null
+++ b/test-sample/carousels/recipies.html
@@ -0,0 +1,322 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Recipe</title>
+  <meta name="description"
+    content="Discover the tantalizing world of Biryani: a symphony of aromatic spices, tender meats, and fluffy rice, all layered together to create a culinary masterpiece that promises an unforgettable dining experience." />
+</head>
+
+<body>
+  <main>
+    <div id="rrecipe-1">
+      <p class="rrecipe-1-name">Biryani</p>
+      <img src="https://qph.cf2.quoracdn.net/main-qimg-26474b4b7e5bd89d796d31667fe5770f-lq" />
+      <p class="rrecipe-1-author">Darsan</p>
+      <p class="rrecipe-1-dpub">2023-01-12</p>
+      <p class="rrecipe-1-desc">
+        Biryani is a flavorful and aromatic rice dish originating from the
+        Indian subcontinent. It consists of long-grain rice cooked with a
+        blend of spices such as cumin, cardamom, and saffron, layered with
+        marinated meats or vegetables. Biryani offers a rich and complex taste
+        profile and is often served with accompaniments like raita or salad.
+      </p>
+
+      <!-- ptm - m at end means minutes-->
+      <!-- pth - h at end means hours-->
+      <!-- pthm - hm at end means hours and minutes (hours should be first ex: 2 Hours and 10 minutes)-->
+      <p class="rrecipe-1-ptm">25 minutes</p>
+      <!-- <p class="rrecipe-1-pth">1 Hours</p> -->
+      <!-- <p class="rrecipe-1-pthm">1 Hours and 25 minutes</p> -->
+
+      <!-- ctm - m at end means minutes-->
+      <!-- cth - h at end means hours-->
+      <!-- cthm - hm at end means hours and minutes (hours should be first ex: 2 Hours and 10 minutes)-->
+      <p class="rrecipe-1-ctm">20 minutes</p>
+      <!-- <p class="rrecipe-1-cth">2 Hours</p>
+        <p class="rrecipe-1-cthm">1 Hours and 10 minutes</p> -->
+
+      <!-- ttm - m at end means minutes-->
+      <!-- tth - h at end means hours-->
+      <!-- tthm - hm at end means hours and minutes (hours should be first ex: 2 Hours and 10 minutes)-->
+      <p class="rrecipe-1-ttm">45 minutes</p>
+      <!-- <p class="rrecipe-1-tth">3 Hours</p>
+        <p class="rrecipe-1-tthm">1 Hours and 40 minutes</p> -->
+
+      <!-- serving counts (yeild)-->
+      <p class="rrecipe-1-serc">4</p>
+
+      <!-- category -->
+      <p class="rrecipe-1-cat">Rich Dishes</p>
+
+      <!-- cuisine -->
+      <p class="rrecipe-1-cuisine">Indian</p>
+
+      <!-- calories -->
+      <p class="rrecipe-1-cal">300</p>
+
+      <!--  ingredients -->
+      <ul class="rrecipe-1-ingred">
+        <li>Basmati Rice - 2 cups</li>
+        <li>Meat (chicken, lamb, or beef) or Vegetables - 500 grams</li>
+        <li>
+          Aromatic Spices
+        </li>
+        <li>Yogurt - 1/2 cup</li>
+        <li>Saffron - A pinch (soaked in 2 tablespoons of warm milk)</li>
+        <li>Rose Water - 1 tablespoon</li>
+      </ul>
+
+      <div id="instructions">
+        <div class="rrecipe-1-step1">
+          <p class="sname" id="step1">Prepare the Rice:</p>
+          <img class="simg"
+            src="https://www.chowhound.com/img/gallery/do-you-actually-need-to-rinse-rice-before-cooking-it/l-intro-1697489311.jpg" />
+          <p class="stxt">
+            Rinse 2 cups of basmati rice under cold water until the water runs
+            clear. Soak the rice in water for 30 minutes, then drain. In a
+            large pot, bring water to a boil and add the drained rice along
+            with a pinch of salt. Cook until the rice is 70% done, then drain
+            and set aside.
+          </p>
+        </div>
+
+        <div class="rrecipe-1-step2">
+          <p class="sname" id="step2">Prepare the Meat or Vegetables:</p>
+          <img class="simg" src="https://static.toiimg.com/photo/66555250.cms" />
+          <p class="stxt">
+            Marinate 500 grams of meat (chicken, lamb, or beef) or vegetables
+            in a mixture of yogurt and aromatic spices (cumin, cardamom,
+            cloves, cinnamon, bay leaves). Allow the meat or vegetables to
+            marinate for at least 30 minutes to absorb the flavors.
+          </p>
+        </div>
+
+        <div class="rrecipe-1-step3">
+          <p class="sname" id="step3">Layering:</p>
+          <img class="simg" src="https://i.ytimg.com/vi/yrX3JB5LIFc/maxresdefault.jpg" />
+          <p class="stxt">
+            In a heavy-bottomed pot, layer the partially cooked rice and
+            marinated meat or vegetables alternately. Drizzle saffron soaked
+            in warm milk and rose water over the layers for added fragrance
+            and color. Optionally, sprinkle fried onions and chopped mint
+            leaves between the layers.
+          </p>
+        </div>
+
+        <div class="rrecipe-1-step4">
+          <p class="sname" id="step4">Cooking:</p>
+          <img class="simg"
+            src="https://www.yellowthyme.com/wp-content/uploads/2019/07/Instant-Pot-Chicken-Biryani-5-of-11.jpg" />
+          <p class="stxt">
+            Cover the pot with a tight-fitting lid and cook on low heat for
+            20-25 minutes, allowing the flavors to meld together and the rice
+            to fully cook. Alternatively, you can place the pot in a preheated
+            oven at 350°F (180°C) for the same duration.
+          </p>
+        </div>
+
+        <div class="rrecipe-1-step5">
+          <p class="sname" id="step5">Serve:</p>
+          <img class="simg"
+            src="https://foodandroad.com/wp-content/uploads/2021/04/biryani-hyderabad-prato-final-2-2.jpg" />
+          <p class="stxt">
+            Once cooked, gently fluff the biryani with a fork, ensuring the
+            layers remain intact. Serve hot garnished with additional fried
+            onions, chopped cilantro, and a side of raita or salad for a
+            complete meal experience. Enjoy your flavorful homemade biryani!
+          </p>
+        </div>
+      </div>
+
+      <div class="rrecipe-1-agg">
+        <!-- max rate -->
+        <p class="rrecipe-1-aggmr">100</p>
+        <!-- rated value-->
+        <p class="rrecipe-1-aggrv">99</p>
+        <!-- number of ratings -->
+        <p class="rrecipe-1-aggnr">1200</p>
+      </div>
+
+      <!--embedded youtube video -->
+      <iframe class="rrecipe-1-ytv" width="560" height="315"
+        src="https://www.youtube-nocookie.com/embed/95BCU1n268w?si=I6Tdi-DXX3bVVuP3" title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+        allowfullscreen></iframe>
+
+      <!-- keywords -->
+
+      <ul class="rrecipe-1-kw">
+        <li>Biryani recipe</li>
+        <li>Authentic biryani</li>
+        <li>Homemade biryani</li>
+        <li>Indian biryani</li>
+        <li>Chicken biryani</li>
+        <li>Vegetable biryani</li>
+        <li>Spicy biryani</li>
+        <li>Easy biryani recipe</li>
+        <li>Delicious biryani</li>
+        <li>Traditional biryani dish</li>
+      </ul>
+
+    </div>
+
+    <div id='rrecipe-2'>
+      <p class="rrecipe-2-name">Biryani</p>
+      <img src="https://qph.cf2.quoracdn.net/main-qimg-26474b4b7e5bd89d796d31667fe5770f-lq" />
+      <p class="rrecipe-2-author">Darsan</p>
+      <p class="rrecipe-2-dpub">2023-01-12</p>
+      <p class="rrecipe-2-desc">
+        Biryani is a flavorful and aromatic rice dish originating from the
+        Indian subcontinent. It consists of long-grain rice cooked with a
+        blend of spices such as cumin, cardamom, and saffron, layered with
+        marinated meats or vegetables. Biryani offers a rich and complex taste
+        profile and is often served with accompaniments like raita or salad.
+      </p>
+
+      <!-- ptm - m at end means minutes-->
+      <!-- pth - h at end means hours-->
+      <!-- pthm - hm at end means hours and minutes (hours should be first ex: 2 Hours and 10 minutes)-->
+      <p class="rrecipe-2-ptm">25 minutes</p>
+      <!-- <p class="rrecipe-2-pth">1 Hours</p> -->
+      <!-- <p class="rrecipe-2-pthm">1 Hours and 25 minutes</p> -->
+
+      <!-- ctm - m at end means minutes-->
+      <!-- cth - h at end means hours-->
+      <!-- cthm - hm at end means hours and minutes (hours should be first ex: 2 Hours and 10 minutes)-->
+      <p class="rrecipe-2-ctm">20 minutes</p>
+      <!-- <p class="rrecipe-2-cth">2 Hours</p>
+        <p class="rrecipe-2-cthm">1 Hours and 10 minutes</p> -->
+
+      <!-- ttm - m at end means minutes-->
+      <!-- tth - h at end means hours-->
+      <!-- tthm - hm at end means hours and minutes (hours should be first ex: 2 Hours and 10 minutes)-->
+      <p class="rrecipe-2-ttm">45 minutes</p>
+      <!-- <p class="rrecipe-2-tth">3 Hours</p>
+        <p class="rrecipe-2-tthm">1 Hours and 40 minutes</p> -->
+
+      <!-- serving counts (yeild)-->
+      <p class="rrecipe-2-serc">4</p>
+
+      <!-- category -->
+      <p class="rrecipe-2-cat">Rich Dishes</p>
+
+      <!-- cuisine -->
+      <p class="rrecipe-2-cuisine">Indian</p>
+
+      <!-- calories -->
+      <p class="rrecipe-2-cal">300</p>
+
+      <!--  ingredients -->
+      <ul class="rrecipe-2-ingred">
+        <li>Basmati Rice - 2 cups</li>
+        <li>Meat (chicken, lamb, or beef) or Vegetables - 500 grams</li>
+        <li>
+          Aromatic Spices
+        </li>
+        <li>Yogurt - 1/2 cup</li>
+        <li>Saffron - A pinch (soaked in 2 tablespoons of warm milk)</li>
+        <li>Rose Water - 1 tablespoon</li>
+      </ul>
+
+      <div id="instructions">
+        <div class="rrecipe-2-step1">
+          <p class="sname" id="step1">Prepare the Rice:</p>
+          <img class="simg"
+            src="https://www.chowhound.com/img/gallery/do-you-actually-need-to-rinse-rice-before-cooking-it/l-intro-1697489311.jpg" />
+          <p class="stxt">
+            Rinse 2 cups of basmati rice under cold water until the water runs
+            clear. Soak the rice in water for 30 minutes, then drain. In a
+            large pot, bring water to a boil and add the drained rice along
+            with a pinch of salt. Cook until the rice is 70% done, then drain
+            and set aside.
+          </p>
+        </div>
+
+        <div class="rrecipe-2-step2">
+          <p class="sname" id="step2">Prepare the Meat or Vegetables:</p>
+          <img class="simg" src="https://static.toiimg.com/photo/66555250.cms" />
+          <p class="stxt">
+            Marinate 500 grams of meat (chicken, lamb, or beef) or vegetables
+            in a mixture of yogurt and aromatic spices (cumin, cardamom,
+            cloves, cinnamon, bay leaves). Allow the meat or vegetables to
+            marinate for at least 30 minutes to absorb the flavors.
+          </p>
+        </div>
+
+        <div class="rrecipe-2-step3">
+          <p class="sname" id="step3">Layering:</p>
+          <img class="simg" src="https://i.ytimg.com/vi/yrX3JB5LIFc/maxresdefault.jpg" />
+          <p class="stxt">
+            In a heavy-bottomed pot, layer the partially cooked rice and
+            marinated meat or vegetables alternately. Drizzle saffron soaked
+            in warm milk and rose water over the layers for added fragrance
+            and color. Optionally, sprinkle fried onions and chopped mint
+            leaves between the layers.
+          </p>
+        </div>
+
+        <div class="rrecipe-2-step4">
+          <p class="sname" id="step4">Cooking:</p>
+          <img class="simg"
+            src="https://www.yellowthyme.com/wp-content/uploads/2019/07/Instant-Pot-Chicken-Biryani-5-of-11.jpg" />
+          <p class="stxt">
+            Cover the pot with a tight-fitting lid and cook on low heat for
+            20-25 minutes, allowing the flavors to meld together and the rice
+            to fully cook. Alternatively, you can place the pot in a preheated
+            oven at 350°F (180°C) for the same duration.
+          </p>
+        </div>
+
+        <div class="rrecipe-2-step5">
+          <p class="sname" id="step5">Serve:</p>
+          <img class="simg"
+            src="https://foodandroad.com/wp-content/uploads/2021/04/biryani-hyderabad-prato-final-2-2.jpg" />
+          <p class="stxt">
+            Once cooked, gently fluff the biryani with a fork, ensuring the
+            layers remain intact. Serve hot garnished with additional fried
+            onions, chopped cilantro, and a side of raita or salad for a
+            complete meal experience. Enjoy your flavorful homemade biryani!
+          </p>
+        </div>
+      </div>
+
+      <div class="rrecipe-2-agg">
+        <!-- max rate -->
+        <p class="rrecipe-2-aggmr">100</p>
+        <!-- rated value-->
+        <p class="rrecipe-2-aggrv">99</p>
+        <!-- number of ratings -->
+        <p class="rrecipe-2-aggnr">1200</p>
+      </div>
+
+      <!--embedded youtube video -->
+      <iframe class="rrecipe-2-ytv" width="560" height="315"
+        src="https://www.youtube-nocookie.com/embed/95BCU1n268w?si=I6Tdi-DXX3bVVuP3" title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+        allowfullscreen></iframe>
+
+      <!-- keywords -->
+
+      <ul class="rrecipe-2-kw">
+        <li>Biryani recipe</li>
+        <li>Authentic biryani</li>
+        <li>Homemade biryani</li>
+        <li>Indian biryani</li>
+        <li>Chicken biryani</li>
+        <li>Vegetable biryani</li>
+        <li>Spicy biryani</li>
+        <li>Easy biryani recipe</li>
+        <li>Delicious biryani</li>
+        <li>Traditional biryani dish</li>
+      </ul>
+
+    </div>
+  </main>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/carousels/restaurants.html b/test-sample/carousels/restaurants.html
new file mode 100644
index 0000000..438ca9d
--- /dev/null
+++ b/test-sample/carousels/restaurants.html
@@ -0,0 +1,258 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Restaurants</title>
+</head>
+
+<body>
+    <main>
+        <div id="rrest-1">
+            <!-- name -->
+            <p class="rrest-1-name">Hooky Pookie 2</p>
+
+            <!-- image=[] -->
+            <div>
+                <img class="rrest-1-img"
+                    src="https://t3.ftcdn.net/jpg/06/31/36/22/360_F_631362231_5VR8Eo0R8VEflgSIfl0RgQvzyW194T5c.jpg"
+                    alt="picture of reception">
+
+                <img class="rrest-1-img"
+                    src="https://t3.ftcdn.net/jpg/06/31/36/22/360_F_631362231_5VR8Eo0R8VEflgSIfl0RgQvzyW194T5c.jpg"
+                    alt="another 1">
+                <img class="rrest-1-img"
+                    src="https://t3.ftcdn.net/jpg/06/31/36/22/360_F_631362231_5VR8Eo0R8VEflgSIfl0RgQvzyW194T5c.jpg"
+                    alt="another 1">
+            </div>
+
+            <!-- address -->
+            <!-- geo will be generated from address -->
+            <div class="rrest-1-loc">
+                <!-- loc-st for street -->
+                <!-- any number of loc-st can be created but 2 is good -->
+                <p class="loc-st">30, MGR Nagar Street</p>
+                <p class="loc-st">Office Road</p>
+
+                <!-- city -->
+                <p class="loc-ct">Nagapattinam</p>
+
+                <!-- state -->
+                <p class="loc-reg">TamilNadu</p>
+
+                <!-- pincode -->
+                <p class="loc-pc">611-002</p>
+
+                <!-- country -->
+                <p class="loc-ctry">India</p>
+            </div>
+
+            <!-- review -->
+            <section class="rrest-1-review">
+                <div class="urating">
+                    <!-- rating value -->
+                    <p class="review-rv">4.5</p>
+
+                    <!-- max rate -->
+                    <p class="review-mr">5</p>
+
+                    <!-- authorO is Organisation class - pub class prop not req-->
+                    <!-- authorP is Person class - pub class prop req-->
+                    <!-- <p class="review-authorO">Foogle</p> -->
+                    <p class="review-authorP">Dean</p>
+
+                    <p class="review-pub">Amazon</p>
+                </div>
+
+                <div class="urating">
+                    <!-- rating value -->
+                    <p class="review-rv">4.5</p>
+
+                    <!-- max rate -->
+                    <p class="review-mr">5</p>
+
+                    <!-- authorO is Organisation class - pub class prop not req-->
+                    <!-- authorP is Person class - pub class prop req-->
+                    <!-- <p class="review-authorO">Foogle</p> -->
+                    <p class="review-authorP">Someone</p>
+
+                    <p class="review-pub">Noogle</p>
+                </div>
+            </section>
+
+            <!-- telephone -->
+            <!-- data-reservation="true" for reservation accepted (Boolean)-->
+            <p class="rrest-1-tel" data-reservation="true">+91-8425937243</p>
+
+            <!-- serv cuisine - can be more than 1-->
+            <p class="rrest-1-csn">Asian</p>
+            <p class="rrest-1-csn">Mexican</p>
+
+            <!-- price range -->
+            <p class="rrest-1-pr">$200 - $500</p>
+
+            <!-- opening hour specification -->
+            <section class="rrest-1-workhrs">
+                <!-- wdr for working day range -->
+                <!-- wdr-HR  capital HR means 24 hour format specification -->
+                <!-- wdr-hr capital hr means 12 hour format specification -->
+                <!-- sepeartor should be - -->
+                <p class="wdr">Sunday - Thursday <span class="HR">(10:00 - 21:00)</span></p>
+                <!-- <p class="wdr">Sunday - Thursday <span class="wdr-hr">(10:00AM - 09:00PM)</span></p> -->
+
+                <!-- wd for single working day-->
+                <!-- wd-HR  capital HR means 24 hour format specification -->
+                <!-- wd-hr capital hr means 12 hour format specification -->
+                <p class="wd">Saturday <span class="HR">(13:00 - 18:00)</span></p>
+                <!-- <p class="wd">Saturday <span class="wd-hr">(01:00PM - 06:00PM)</span></p> -->
+
+                <p class="wd">Friday <span class="hr">(10:00AM - 06:00PM)</span></p>
+
+            </section>
+
+            <!-- menu optional menu url-->
+            <a class="rrest-1-menu" href="https://www.restaurant.com/menu">
+                <p>Menu</p>
+            </a>
+
+
+            <!-- aggregate review -->
+            <div>
+                <!-- aggregate rate that got -->
+                <p class="rrest-1-arv">100</p>
+
+                <!-- max possibly rate -->
+                <p class="rrest-1-arl">100</p>
+
+                <!-- total user rate count -->
+                <p class="rrest-1-arc">1000</p>
+            </div>
+
+        </div>
+
+        <div id="rrest-2">
+            <!-- name -->
+            <p class="rrest-2-name">Hooky Pookie</p>
+
+            <!-- image=[] -->
+            <div>
+                <img class="rrest-2-img"
+                    src="https://t3.ftcdn.net/jpg/06/31/36/22/360_F_631362231_5VR8Eo0R8VEflgSIfl0RgQvzyW194T5c.jpg"
+                    alt="picture of reception">
+
+                <img class="rrest-2-img"
+                    src="https://t3.ftcdn.net/jpg/06/31/36/22/360_F_631362231_5VR8Eo0R8VEflgSIfl0RgQvzyW194T5c.jpg"
+                    alt="another 1">
+                <img class="rrest-2-img"
+                    src="https://t3.ftcdn.net/jpg/06/31/36/22/360_F_631362231_5VR8Eo0R8VEflgSIfl0RgQvzyW194T5c.jpg"
+                    alt="another 1">
+            </div>
+
+            <!-- address -->
+            <!-- geo will be generated from address -->
+            <div class="rrest-2-loc">
+                <!-- loc-st for street -->
+                <!-- any number of loc-st can be created but 2 is good -->
+                <p class="loc-st">90, MGR Nagar Street</p>
+                <p class="loc-st">Public Office Road</p>
+
+                <!-- city -->
+                <p class="loc-ct">Nagapattinam</p>
+
+                <!-- state -->
+                <p class="loc-reg">TamilNadu</p>
+
+                <!-- pincode -->
+                <p class="loc-pc">611-001</p>
+
+                <!-- country -->
+                <p class="loc-ctry">India</p>
+            </div>
+
+            <!-- review -->
+            <section class="rrest-2-review">
+                <div class="urating">
+                    <!-- rating value -->
+                    <p class="review-rv">4.5</p>
+
+                    <!-- max rate -->
+                    <p class="review-mr">5</p>
+
+                    <!-- authorO is Organisation class - pub class prop not req-->
+                    <!-- authorP is Person class - pub class prop req-->
+                    <!-- <p class="review-authorO">Foogle</p> -->
+                    <p class="review-authorP">John</p>
+
+                    <p class="review-pub">Foogle</p>
+                </div>
+
+                <div class="urating">
+                    <!-- rating value -->
+                    <p class="review-rv">4.5</p>
+
+                    <!-- max rate -->
+                    <p class="review-mr">5</p>
+
+                    <!-- authorO is Organisation class - pub class prop not req-->
+                    <!-- authorP is Person class - pub class prop req-->
+                    <!-- <p class="review-authorO">Foogle</p> -->
+                    <p class="review-authorP">John</p>
+
+                    <p class="review-pub">Foogle</p>
+                </div>
+            </section>
+
+            <!-- telephone -->
+            <!-- data-reservation="true" for reservation accepted (Boolean)-->
+            <p class="rrest-2-tel" data-reservation="true">+91-8425937253</p>
+
+            <!-- serv cuisine - can be more than 1-->
+            <p class="rrest-2-csn">Asian</p>
+            <p class="rrest-2-csn">Mexican</p>
+
+            <!-- price range -->
+            <p class="rrest-2-pr">$100 - $500</p>
+
+            <!-- opening hour specification -->
+            <section class="rrest-2-workhrs">
+                <!-- wdr for working day range -->
+                <!-- wdr-HR  capital HR means 24 hour format specification -->
+                <!-- wdr-hr capital hr means 12 hour format specification -->
+                <!-- sepeartor should be - -->
+                <p class="wdr">Sunday - Thursday <span class="HR">(10:00 - 21:00)</span></p>
+                <!-- <p class="wdr">Sunday - Thursday <span class="wdr-hr">(10:00AM - 09:00PM)</span></p> -->
+
+                <!-- wd for single working day-->
+                <!-- wd-HR  capital HR means 24 hour format specification -->
+                <!-- wd-hr capital hr means 12 hour format specification -->
+                <p class="wd">Saturday <span class="HR">(13:00 - 18:00)</span></p>
+                <!-- <p class="wd">Saturday <span class="wd-hr">(01:00PM - 06:00PM)</span></p> -->
+
+                <p class="wd">Friday <span class="hr">(10:00AM - 06:00PM)</span></p>
+
+            </section>
+
+            <!-- menu optional menu url-->
+            <a class="rrest-2-menu" href="https://www.yourrestaurant.com/menu">
+                <p>Menu</p>
+            </a>
+
+
+            <!-- aggregate review -->
+            <div>
+                <!-- aggregate rate that got -->
+                <p class="rrest-2-arv">100</p>
+
+                <!-- max possibly rate -->
+                <p class="rrest-2-arl">100</p>
+
+                <!-- total user rate count -->
+                <p class="rrest-2-arc">1000</p>
+            </div>
+
+        </div>
+    </main>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/events.html b/test-sample/events.html
new file mode 100644
index 0000000..2fb0054
--- /dev/null
+++ b/test-sample/events.html
@@ -0,0 +1,234 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Events</title>
+</head>
+
+<body>
+
+    <main>
+
+        <div id="online-event">
+            <p class="revent-1-name">The Age of AI</p>
+
+            <!-- starting date -->
+            <p>Starting Date: <span class="revent-1-sdt">2024-02-26 05:23 PM</span></p>
+
+            <!-- optional ending date -->
+            <p>Ending Date: <span class="revent-1-edt">2024-03-26 05:23 PM</span></p>
+
+            <!-- Event mode -->
+            <p>Attendance Mode: <span class="revent-1-mode" data-mode="online">Online</span></p>
+
+            <!-- event status -->
+            <!-- <p>Event Status: <span class="revent-1-sts" data-status="postponed">Postponed</span></p> -->
+            <!-- <p>Event Status: <span class="revent-1-sts" data-status="toonline">Moved to Online</span></p> -->
+            <!-- <p>Event Status: <span class="revent-1-sts" data-status="cancelled">Cancelled</span></p> -->
+            <!-- <p>Event Status: <span class="revent-1-sts" data-status="rescheduled">Rescheduled</span></p> -->
+            <p>Event Status: <span class="revent-1-sts" data-status="scheduled">Scheduled</span></p>
+
+            <!-- location -->
+            <section class="revent-1-loc">
+                <!-- online platform link -->
+                <a class="plink" href="https://open.spotify.com/genre/0JQ5DArNBzkmxXHCqFLx2J">Spotify Podcasts</a>
+            </section>
+
+            <!-- any number of img possible-->
+            <img class="revent-1-img"
+                src="https://jdi.group/wp-content/uploads/2023/07/AI-Event-Banner_Article-1-1536x768.jpg" alt="">
+            <img class="revent-1-img"
+                src="https://neurosciencenews.com/files/2023/12/ai-life-prediction-neurosicencce.jpg.webp" alt="">
+
+
+            <!-- description -->
+            <p class="revent-1-desc"><b>Explore the cutting-edge world of Deep Learning</b> at our AI event! Dive into
+                the
+                latest advancements, breakthroughs, and applications of neural networks and deep learning algorithms.
+                Join experts, researchers, and enthusiasts as we discuss the future of AI, its impact on various
+                industries, and how deep learning is reshaping technology and society. From natural language processing
+                to computer vision and beyond, discover the power of deep learning and its potential to revolutionize
+                the way we live, work, and interact with machines.</p>
+
+            <!-- offers -->
+            <!-- <p>Event Fee: <span class="revent-1-cost">Free</span></p> -->
+            <p>Event Fee: <span class="revent-1-cost" data-currency="inr">200 INR</span></p>
+            <!-- booking link  -->
+            <a class="revent-1-blink" href="https://www.youreventsite.com/book-event">Book Here</a>
+
+            <!--any number of performer possible-->
+            <p>Actor/Performer:
+                <span class="revent-1-perf">DARSAN</span>,
+                <span class="revent-1-perf">DEAN</span>,
+                <span class="revent-1-perf">SAM</span>
+            </p>
+
+
+            <!-- organiser -->
+            <!-- hostP is person / hostO is organisation -->
+            <!-- <p>Organised By <span class="revent-1-hostP">JOHN</span></p> -->
+            <p>Organised By <a href="https://www.organisationpage.com" class="revent-1-hostO">Cresteem</a></p>
+
+
+        </div>
+
+
+        <div id="offline-event">
+            <p class="revent-2-name">The Age of Dark Web</p>
+
+            <!-- starting date -->
+            <p>Starting Date: <span class="revent-2-sdt">2024-02-26 05:23 PM</span></p>
+
+            <!-- optional ending date -->
+            <p>Ending Date: <span class="revent-2-edt">2024-03-26 05:23 PM</span></p>
+
+            <!-- Event mode -->
+            <p>Attendance Mode: <span class="revent-2-mode" data-mode="offline">Offline</span></p>
+
+            <!-- event status -->
+            <!-- <p>Event Status: <span class="revent-2-sts" data-status="postponed">Postponed</span></p> -->
+            <p>Event Status: <span class="revent-2-sts" data-status="toonline">Moved to Online</span></p>
+            <!-- <p>Event Status: <span class="revent-2-sts" data-status="cancelled">Cancelled</span></p> -->
+            <!-- <p>Event Status: <span class="revent-2-sts" data-status="rescheduled">Rescheduled</span></p> -->
+            <!-- <p>Event Status: <span class="revent-2-sts" data-status="scheduled">Scheduled</span></p> -->
+
+            <!-- location -->
+            <section class="revent-2-loc">
+                <p class="venue">The Grand Plaza</p>
+                <!-- st for street -->
+                <!-- any number of st can be created but 2 is good -->
+                <p class="st">90, MGR Nagar Street</p>
+                <p class="st">Public Office Road</p>
+
+                <!-- city -->
+                <p class="ct">Nagapattinam</p>
+
+                <!-- state -->
+                <p class="reg">TamilNadu</p>
+
+                <!-- pincode -->
+                <p class="pc">611-001</p>
+
+                <!-- country -->
+                <p class="ctry">India</p>
+            </section>
+
+            <!-- any number of img possible-->
+            <img class="revent-2-img"
+                src="https://jdi.group/wp-content/uploads/2023/07/AI-Event-Banner_Article-1-1536x768.jpg" alt="">
+            <img class="revent-2-img"
+                src="https://neurosciencenews.com/files/2023/12/ai-life-prediction-neurosicencce.jpg.webp" alt="">
+
+
+            <!-- description -->
+            <p class="revent-2-desc">Explore the mysterious realms of the <strong>Dark Web</strong> during this age of
+                digital anonymity. 💻🌐 Uncover hidden networks, encrypted communication, and clandestine marketplaces.
+                Delve into the <strong>shadows of cyberspace</strong> where anonymity reigns and secrets lurk. Discover
+                the <strong>unseen corners</strong> of the internet and unlock the secrets of the digital underworld.
+                #DarkWeb #CyberSecrecy #DigitalAge</p>
+
+            <!-- offers -->
+            <!-- <p>Event Fee: <span class="revent-2-cost">Free</span></p> -->
+            <p>Event Fee: <span class="revent-2-cost" data-currency="inr">200 INR</span></p>
+            <!-- booking link  -->
+            <a class="revent-2-blink" href="https://www.youreventsite.com/book-event">Book Here</a>
+
+            <!--any number of performer possible-->
+            <p>Actor/Performer:
+                <span class="revent-2-perf">DARSAN</span>,
+            </p>
+
+
+            <!-- organiser -->
+            <!-- hostP is person / hostO is organisation -->
+            <!-- <p>Organised By <span class="revent-2-hostP">JOHN</span></p> -->
+            <p>Organised By <a href="https://www.organisationpage.com" class="revent-2-hostO">Cresteem</a></p>
+
+
+        </div>
+
+
+        <div id="mixed-event">
+
+            <p class="revent-3-name">How to Win</p>
+
+            <!-- starting date -->
+            <p>Starting Date: <span class="revent-3-sdt">2024-02-26 05:23 PM</span></p>
+
+            <!-- optional ending date -->
+            <p>Ending Date: <span class="revent-3-edt">2024-03-26 05:23 PM</span></p>
+
+            <!-- Event mode -->
+            <p>Attendance Mode: <span class="revent-3-mode" data-mode="mixed">Online and Offline</span></p>
+
+            <!-- event status -->
+            <p>Event Status: <span class="revent-3-sts" data-status="cancelled">Cancelled</span></p>
+
+
+            <!-- location -->
+            <section class="revent-3-loc">
+                <p class="venue">The Grand Plaza</p>
+                <!-- st for street -->
+                <!-- any number of st can be created but 2 is good -->
+                <p class="st">90, MGR Nagar Street</p>
+                <p class="st">Public Office Road</p>
+
+                <!-- city -->
+                <p class="ct">Nagapattinam</p>
+
+                <!-- state -->
+                <p class="reg">TamilNadu</p>
+
+                <!-- pincode -->
+                <p class="pc">611-001</p>
+
+                <!-- country -->
+                <p class="ctry">India</p>
+
+                <!-- online platform link -->
+                <a class="plink" href="https://open.spotify.com/genre/0JQ5DArNBzkmxXHCqFLx2J">Spotify Podcasts</a>
+
+            </section>
+
+            <!-- any number of img possible-->
+            <img class="revent-3-img"
+                src="https://jdi.group/wp-content/uploads/2023/07/AI-Event-Banner_Article-1-1536x768.jpg" alt="">
+            <img class="revent-3-img"
+                src="https://neurosciencenews.com/files/2023/12/ai-life-prediction-neurosicencce.jpg.webp" alt="">
+
+
+            <!-- description -->
+            <p class="revent-3-desc">Unlock the secrets to <strong>winning your audience over in webinars!</strong> 🌟
+                <strong>Preparation is key:</strong> set clear objectives and rehearse your content. Engage with
+                <strong>interactive elements</strong> like polls and Q&A to keep participants hooked. Keep it
+                <strong>concise</strong>, <strong>visually appealing</strong>, and follow up afterward for maximum
+                impact. Ready to captivate your audience? Let's make your next webinar a hit! 💼💻 #WebinarSuccess
+                #Engagement #PreparationIsKey
+            </p>
+
+            <!-- offers -->
+            <!-- <p>Event Fee: <span class="revent-3-cost">Free</span></p> -->
+            <p>Event Fee: <span class="revent-3-cost" data-currency="inr">200 INR</span></p>
+            <!-- booking link  -->
+            <a class="revent-3-blink" href="https://www.youreventsite.com/book-event">Book Here</a>
+
+            <!--any number of performer possible-->
+            <p>Actor/Performer:
+                <span class="revent-3-perf">DEAN</span>,
+                <span class="revent-3-perf">SAM</span>
+            </p>
+
+
+            <!-- organiser -->
+            <!-- hostP is person / hostO is organisation -->
+            <p>Organised By <a href="https://www.userprofile.com" class="revent-3-hostP">JOHN</a></p>
+
+
+        </div>
+    </main>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/faq.html b/test-sample/faq.html
new file mode 100644
index 0000000..292b268
--- /dev/null
+++ b/test-sample/faq.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>FAQ Page</title>
+</head>
+
+<body>
+
+    <details class="rfaq">
+        <summary class="rfaq-1-question">
+            Can you provide a content management system (CMS) that allows me to
+            update the website easily?
+        </summary>
+        <p class="rfaq-1-answer">
+            <b>Certainly! We take pride in crafting custom Content Management
+                Systems (CMS) tailored exclusively to your requirements.</b>
+            Unlike common pre-made template CMS, our solutions are designed with
+            your unique needs in mind. With Cresteem, managing your website's
+            content is not only simple but also seamlessly integrated for a
+            truly
+            <b>personalized experience.</b>
+        </p>
+    </details>
+
+
+    <details class="rfaq">
+        <summary class="rfaq-2-question">
+            Do you offer any additional services, such as digital marketing,
+            SEO, or social media management, to help promote the website?
+        </summary>
+        <p class="rfaq-2-answer">
+            <b>Absolutely! Beyond website development,</b> Cresteem offers an
+            array of comprehensive services. Our immersive
+            <b>digital marketing strategies are finely tuned to captivate your
+                potential clients</b>, ensuring rapid growth. We deploy strategic operations to optimize
+            your website's performance, and our expertise extends to captivating
+            your target audience on various social media platforms.
+            <b>We're your one-stop solution for a powerful online presence.</b>
+        </p>
+    </details>
+
+
+    <details class="rfaq">
+        <summary class="rfaq-3-question">
+            Will the website be optimized for fast loading times and
+            performance?
+        </summary>
+        <p class="rfaq-3-answer">
+            At Cresteem,
+            <b>yes optimizing website performance is our top priority.</b> We're
+            dedicated to creating
+            <b>highly accessible, lightning-fast, and reliable web applications,
+                landing pages, or e-commerce platforms</b>
+            tailored to your business. Our commitment is evident in our
+            <b>track record of achieving load times consistently below 2
+                seconds.</b>
+            We employ a range of cutting-edge tools and techniques, including
+            Google PageSpeed Insights, responsive design, and emulated devices,
+            to ensure your website maintains the highest quality and speed.
+        </p>
+    </details>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/localbusiness.html b/test-sample/localbusiness.html
new file mode 100644
index 0000000..4ba5bc7
--- /dev/null
+++ b/test-sample/localbusiness.html
@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Local Business</title>
+</head>
+
+<body>
+    <main>
+        <div id="lc1">
+            <!-- name -->
+            <p class="rlb-1-name">Business X</p>
+
+            <!-- image=[] -->
+            <div>
+                <img class="rlb-1-img"
+                    src="https://t3.ftcdn.net/jpg/06/31/36/22/360_F_631362231_5VR8Eo0R8VEflgSIfl0RgQvzyW194T5c.jpg"
+                    alt="picture of reception">
+
+                <img class="rlb-1-img"
+                    src="https://t3.ftcdn.net/jpg/06/31/36/22/360_F_631362231_5VR8Eo0R8VEflgSIfl0RgQvzyW194T5c.jpg"
+                    alt="another 1">
+                <img class="rlb-1-img"
+                    src="https://t3.ftcdn.net/jpg/06/31/36/22/360_F_631362231_5VR8Eo0R8VEflgSIfl0RgQvzyW194T5c.jpg"
+                    alt="another 1">
+            </div>
+
+            <!-- address -->
+            <!-- geo will be generated from address -->
+            <div class="rlb-1-loc">
+                <!-- loc-st for street -->
+                <!-- any number of loc-st can be created but 2 is good -->
+                <p class="loc-st">90, MGR Nagar Street</p>
+                <p class="loc-st">Public Office Road</p>
+
+                <!-- city -->
+                <p class="loc-ct">Nagapattinam</p>
+
+                <!-- state -->
+                <p class="loc-reg">TamilNadu</p>
+
+                <!-- pincode -->
+                <p class="loc-pc">611-001</p>
+
+                <!-- country -->
+                <p class="loc-ctry">India</p>
+            </div>
+
+            <!-- review -->
+            <section class="rlb-1-review">
+                <div class="urating">
+                    <!-- rating value -->
+                    <p class="review-rv">4.5</p>
+
+                    <!-- max rate -->
+                    <p class="review-mr">5</p>
+
+                    <!-- authorO is Organisation class - pub class prop not req-->
+                    <!-- authorP is Person class - pub class prop req-->
+                    <!-- <p class="review-authorO">Foogle</p> -->
+                    <p class="review-authorP">John</p>
+
+                    <p class="review-pub">Foogle</p>
+                </div>
+
+                <div class="urating">
+                    <!-- rating value -->
+                    <p class="review-rv">4.5</p>
+
+                    <!-- max rate -->
+                    <p class="review-mr">5</p>
+
+                    <!-- authorO is Organisation class - pub class prop not req-->
+                    <!-- authorP is Person class - pub class prop req-->
+                    <!-- <p class="review-authorO">Foogle</p> -->
+                    <p class="review-authorP">John</p>
+
+                    <p class="review-pub">Foogle</p>
+                </div>
+            </section>
+
+            <!-- telephone -->
+            <!-- data-reservation="true" for reservation accepted (Boolean)-->
+            <p class="rlb-1-tel" data-reservation="true">+91-8425937253</p>
+
+            <!-- price range -->
+            <p class="rlb-1-pr">$100 - $500</p>
+
+            <!-- opening hour specification -->
+            <section class="rlb-1-workhrs">
+                <!-- wdr for working day range -->
+                <!-- wdr-HR  capital HR means 24 hour format specification -->
+                <!-- wdr-hr capital hr means 12 hour format specification -->
+                <!-- sepeartor should be - -->
+                <p class="wdr">Sunday - Thursday <span class="HR">(10:00 - 21:00)</span></p>
+                <!-- <p class="wdr">Sunday - Thursday <span class="wdr-hr">(10:00AM - 09:00PM)</span></p> -->
+
+                <!-- wd for single working day-->
+                <!-- wd-HR  capital HR means 24 hour format specification -->
+                <!-- wd-hr capital hr means 12 hour format specification -->
+                <p class="wd">Saturday <span class="HR">(13:00 - 18:00)</span></p>
+                <!-- <p class="wd">Saturday <span class="wd-hr">(01:00PM - 06:00PM)</span></p> -->
+
+                <p class="wd">Friday <span class="hr">(10:00AM - 06:00PM)</span></p>
+
+            </section>
+
+            <!-- menu optional menu url-->
+            <a class="rlb-1-menu" href="https://www.yourbusiness.com/menu">
+                <p>Menu</p>
+            </a>
+
+
+            <!-- aggregate review -->
+            <div>
+                <!-- aggregate rate that got -->
+                <p class="rlb-1-arv">100</p>
+
+                <!-- max possibly rate -->
+                <p class="rlb-1-arl">100</p>
+
+                <!-- total user rate count -->
+                <p class="rlb-1-arc">1000</p>
+            </div>
+
+            <p class="rlb-1-keywords">
+                <span>#Tag1</span>
+                <span>#Tag2</span>
+                <span>#Tag3</span>
+                <span>#Tag4</span>
+            </p>
+<!-- 
+            <p class="rlb-1-availablearea">
+                <span>Nagapattinam</span>
+                <span>Karaikal</span>
+                <span>Thiruvarur</span>
+            </p> -->
+
+            <p class="rlb-1-availablearea">
+                Nagapattinam
+            </p>
+
+        </div>
+    </main>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/org.html b/test-sample/org.html
new file mode 100644
index 0000000..4823510
--- /dev/null
+++ b/test-sample/org.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Organisation</title>
+</head>
+
+<body>
+    <main>
+        <div id="org1">
+            <!-- name -->
+            <p class="rorg-1-name">Organisation X</p>
+
+            <img class="rorg-1-logo" src="https://www.cresteem.com/img/logo.webp" alt="">
+
+            <!-- image=[] -->
+            <div>
+                <img class="rorg-1-img"
+                    src="https://t3.ftcdn.net/jpg/06/31/36/22/360_F_631362231_5VR8Eo0R8VEflgSIfl0RgQvzyW194T5c.jpg"
+                    alt="picture of reception">
+
+                <img class="rorg-1-img"
+                    src="https://t3.ftcdn.net/jpg/06/31/36/22/360_F_631362231_5VR8Eo0R8VEflgSIfl0RgQvzyW194T5c.jpg"
+                    alt="another 1">
+                <img class="rorg-1-img"
+                    src="https://t3.ftcdn.net/jpg/06/31/36/22/360_F_631362231_5VR8Eo0R8VEflgSIfl0RgQvzyW194T5c.jpg"
+                    alt="another 1">
+            </div>
+
+            <!-- address -->
+            <div class="rorg-1-loc">
+                <!-- loc-st for street -->
+                <!-- any number of loc-st can be created but 2 is good -->
+                <p class="loc-st">90, MGR Nagar Street</p>
+                <p class="loc-st">Public Office Road</p>
+
+                <!-- city -->
+                <p class="loc-ct">Nagapattinam</p>
+
+                <!-- state -->
+                <p class="loc-reg">TamilNadu</p>
+
+                <!-- pincode -->
+                <p class="loc-pc">611-001</p>
+
+                <!-- country -->
+                <p class="loc-ctry">India</p>
+            </div>
+
+            <!-- telephone -->
+            <p class="rorg-1-tel">+91-8425937253</p>
+
+            <section id="social-media-links">
+                <a href="https://www.instagram.com/iamspdarsan/" class="rorg-1-plink">Instagram</a>
+                <a href="https://www.linkedin.com/in/iamspdarsan/" class="rorg-1-plink">LinkedIN</a>
+                <a href="https://www.youtube.com/channel" class="rorg-1-plink">Youtube</a>
+            </section>
+
+            <p class="rorg-1-desc">
+                We are a premier <b>software company</b>, offering top-notch web, mobile, and desktop development, SEO,
+                digital
+                marketing, UI/UX, and software solutions. With advanced <span>AI integration</span>, we deliver
+                excellence on time,
+                creatively, and affordably.
+            </p>
+
+            <p class="rorg-1-email">yourmail@domain.com</p>
+
+            <p class="rorg-1-taxid">IN8E679878</p>
+
+            <p class="rorg-1-fdate">2023</p>
+
+        </div>
+    </main>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/product.html b/test-sample/product.html
new file mode 100644
index 0000000..27f1b4e
--- /dev/null
+++ b/test-sample/product.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Product Page</title>
+</head>
+
+<body>
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-1-name" data-var="color">Denim Jacket | Black</h1>
+
+        <!-- images -->
+        <img class="rprod-1-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-1-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-1-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-1-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-1-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-1-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-1-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-1-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-1-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-1-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-1-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-1-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-1-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-1-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-1-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-1-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-2-name" data-var="color">Denim Jacket | Blue</h1>
+
+        <!-- images -->
+        <img class="rprod-2-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-2-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-2-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-2-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-2-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-2-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-2-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-2-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-2-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-2-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-2-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-2-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-2-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-2-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-2-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-2-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/productVarient/productAge.html b/test-sample/productVarient/productAge.html
new file mode 100644
index 0000000..969d1ff
--- /dev/null
+++ b/test-sample/productVarient/productAge.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Product Page</title>
+</head>
+
+<body>
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-1-name" data-var="audage">Denim Jacket | 6</h1>
+
+        <!-- images -->
+        <img class="rprod-1-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-1-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-1-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-1-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-1-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-1-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-1-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-1-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-1-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-1-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-1-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-1-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-1-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-1-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-1-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-1-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-2-name" data-var="audage">Denim Jacket | 18</h1>
+
+        <!-- images -->
+        <img class="rprod-2-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-2-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-2-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-2-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-2-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-2-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-2-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-2-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-2-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-2-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-2-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-2-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-2-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-2-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-2-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-2-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/productVarient/productColor.html b/test-sample/productVarient/productColor.html
new file mode 100644
index 0000000..27f1b4e
--- /dev/null
+++ b/test-sample/productVarient/productColor.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Product Page</title>
+</head>
+
+<body>
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-1-name" data-var="color">Denim Jacket | Black</h1>
+
+        <!-- images -->
+        <img class="rprod-1-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-1-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-1-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-1-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-1-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-1-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-1-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-1-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-1-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-1-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-1-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-1-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-1-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-1-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-1-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-1-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-2-name" data-var="color">Denim Jacket | Blue</h1>
+
+        <!-- images -->
+        <img class="rprod-2-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-2-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-2-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-2-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-2-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-2-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-2-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-2-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-2-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-2-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-2-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-2-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-2-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-2-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-2-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-2-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/productVarient/productCombined.html b/test-sample/productVarient/productCombined.html
new file mode 100644
index 0000000..b84ca85
--- /dev/null
+++ b/test-sample/productVarient/productCombined.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Product Page</title>
+</head>
+
+<body>
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-1-name" data-var="color-audage-gender">Denim Jacket | Black | Age 20 | Male</h1>
+
+        <!-- images -->
+        <img class="rprod-1-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-1-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-1-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-1-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-1-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-1-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-1-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-1-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-1-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-1-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-1-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-1-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-1-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-1-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-1-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-1-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-2-name" data-var="color-audage-gender">Denim Jacket | Brown | Age 10 | Female</h1>
+
+        <!-- images -->
+        <img class="rprod-2-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-2-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-2-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-2-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-2-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-2-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-2-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-2-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-2-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-2-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-2-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-2-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-2-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-2-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-2-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-2-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/productVarient/productGender.html b/test-sample/productVarient/productGender.html
new file mode 100644
index 0000000..3fb7981
--- /dev/null
+++ b/test-sample/productVarient/productGender.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Product Page</title>
+</head>
+
+<body>
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-1-name" data-var="gender">Denim Jacket | Male</h1>
+
+        <!-- images -->
+        <img class="rprod-1-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-1-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-1-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-1-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-1-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-1-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-1-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-1-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-1-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-1-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-1-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-1-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-1-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-1-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-1-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-1-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-2-name" data-var="gender">Denim Jacket | M</h1>
+
+        <!-- images -->
+        <img class="rprod-2-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-2-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-2-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-2-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-2-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-2-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-2-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-2-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-2-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-2-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-2-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-2-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-2-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-2-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-2-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-2-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/productVarient/productMaterial.html b/test-sample/productVarient/productMaterial.html
new file mode 100644
index 0000000..d440669
--- /dev/null
+++ b/test-sample/productVarient/productMaterial.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Product Page</title>
+</head>
+
+<body>
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-1-name" data-var="material">Denim Jacket | Jeans</h1>
+
+        <!-- images -->
+        <img class="rprod-1-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-1-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-1-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-1-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-1-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-1-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-1-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-1-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-1-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-1-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-1-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-1-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-1-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-1-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-1-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-1-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-2-name" data-var="material">Denim Jacket | Jeans</h1>
+
+        <!-- images -->
+        <img class="rprod-2-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-2-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-2-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-2-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-2-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-2-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-2-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-2-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-2-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-2-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-2-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-2-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-2-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-2-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-2-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-2-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/productVarient/productPattern.html b/test-sample/productVarient/productPattern.html
new file mode 100644
index 0000000..9882fb4
--- /dev/null
+++ b/test-sample/productVarient/productPattern.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Product Page</title>
+</head>
+
+<body>
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-1-name" data-var="pattern">Denim Jacket | Solid</h1>
+
+        <!-- images -->
+        <img class="rprod-1-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-1-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-1-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-1-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-1-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-1-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-1-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-1-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-1-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-1-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-1-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-1-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-1-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-1-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-1-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-1-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-2-name" data-var="pattern">Denim Jacket | Ripped</h1>
+
+        <!-- images -->
+        <img class="rprod-2-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-2-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-2-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-2-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-2-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-2-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-2-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-2-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-2-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-2-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-2-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-2-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-2-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-2-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-2-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-2-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/productVarient/productSize.html b/test-sample/productVarient/productSize.html
new file mode 100644
index 0000000..7664d18
--- /dev/null
+++ b/test-sample/productVarient/productSize.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Product Page</title>
+</head>
+
+<body>
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-1-name" data-var="size">Denim Jacket | S</h1>
+
+        <!-- images -->
+        <img class="rprod-1-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-1-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-1-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-1-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-1-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-1-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-1-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-1-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-1-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-1-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-1-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-1-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-1-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-1-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-1-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-1-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+    <div class="product">
+
+        <!-- name -->
+        <h1 class="rprod-2-name" data-var="size">Denim Jacket | M</h1>
+
+        <!-- images -->
+        <img class="rprod-2-img" src="https://example.com/image1.jpg" alt="Product Image 1">
+        <img class="rprod-2-img" src="https://example.com/image2.jpg" alt="Product Image 2">
+
+        <!-- description -->
+        <p class="rprod-2-desc">Product Description Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+        <!-- skuid -->
+        <p>SKU ID: <span class="rprod-2-sku">123456789</span></p>
+
+        <!--mpn code  -->
+        <p>MPN Code: <span class="rprod-2-mpn">ABC123</span></p>
+
+        <!-- brand name -->
+        <p>Brand: <span class="rprod-2-brand">XYZ Brand</span></p>
+
+
+        <p>Price: <span class="rprod-2-price" data-currency="inr">990</span></p>
+
+        <p>Availability: <span class="rprod-2-availability" data-stock="true">In Stock</span></p>
+
+
+        <p>Item Condition: <span class="rprod-2-condition" data-new="true">New</span></p>
+
+
+        <p>Return Policy: <span class="rprod-2-returnin">30 days</span></p>
+
+        <p>Return Fees: <span class="rprod-2-returnFees">Free</span></p>
+
+        <!-- delivery across and return policy applicable country -->
+        <p>Shipping Cost: <span class="rprod-2-shippingCost" data-dacountry="india">80</span></p>
+
+        <p class="rprod-2-processingTime" data-prange="1-3">Processing Time: 1-3 business days</p>
+
+        <p class="rprod-2-deliveryTime" data-drange="3-5">Estimated Delivery Time: 3-5 business days</p>
+
+
+        <!-- review -->
+        <section class="rprod-2-review">
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorP">John</p>
+            </div>
+
+            <div class="urating">
+                <!-- rating value -->
+                <p class="rv">4.5</p>
+
+                <!-- max rate -->
+                <p class="mr">5</p>
+
+                <!-- authorO is Organisation class - pub class prop not req-->
+                <!-- authorP is Person class - pub class prop req-->
+                <p class="authorO">Foogle</p>
+            </div>
+        </section>
+
+        <!-- aggregate review -->
+        <div class="rprod-2-agg">
+            <!-- aggregate rate that got -->
+            <p class="rv">100</p>
+
+            <!-- max possibly rate -->
+            <p class="rl">100</p>
+
+            <!-- total user rate count -->
+            <p class="rc">1000</p>
+        </div>
+
+
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/profilepage.html b/test-sample/profilepage.html
new file mode 100644
index 0000000..19979be
--- /dev/null
+++ b/test-sample/profilepage.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Profile Page</title>
+</head>
+
+<body>
+
+    <main>
+        <div>
+
+            <!-- datecreated -->
+            <p class="rpp-dc">2024-06-06 08:37 PM</p>
+
+            <!-- datemodified -->
+            <p class="rpp-dm">2024-02-26 05:23 PM</p>
+
+            <img class="rpp-img" src="https://cresteem.com/img/team/darsanpng" alt="">
+
+            <!-- agentself interaction -->
+            <p>Author Written Posts: <span class="rpp-awritten">87</span></p>
+            <p>Number of Liked Post: <span class="rpp-aliked">1002</span></p>
+            <p>Author Follows: <span class="rpp-afollows">35</span></p>
+            <p>Shared/Reposted Contents: <span class="rpp-ashared">30</span></p>
+
+            <!-- second-party interaction -->
+            <p>Author Followers: <span class="rpp-ufollows">391080</span></p>
+            <p>Cummulative Likes: <span class="rpp-ulikes">9873221</span></p>
+            <p>Mutual Connections: <span class="rpp-ubicon">33</span></p>
+
+            <!-- name -->
+            <p class="rpp-name">DARSAN</p>
+
+            <p class="rpp-altname">iamspdarsan</p>
+
+            <p class="rpp-id">@iamspdarsan</p>
+
+            <p class="rpp-desc"><b>Seasoned Web Developer</b> skilled in turning design concepts into flawless,
+                high-performance websites. Proficient in multiple languages and frameworks, I excel in crafting
+                clean, maintainable and user-centric code. My expertise in <b>SEO and UI/UX</b> ensures
+                captivating, user-focused experiences</p>
+
+            <div id="social-pp">
+                <a href="https://www.instagram.com/iamspdarsan/" class="rpp-plink">instagram</a>
+                <a href="https://www.linkedin.com/in/iamspdarsan/" class="rpp-plink">linkedin</a>
+                <a href="https://www.youtube.com/iamspdarsan" class="rpp-plink">youtube</a>
+            </div>
+        </div>
+
+        <div id="recent-post">
+            <!-- ra - recent activity -->
+            <div class="rpp-ra">
+                <img class="thumbnail"
+                    src="https://incubator.ucf.edu/wp-content/uploads/2023/07/artificial-intelligence-new-technology-science-futuristic-abstract-human-brain-ai-technology-cpu-central-processor-unit-chipset-big-data-machine-learning-cyber-mind-domination-generative-ai-scaled-1.jpg"
+                    alt="">
+                <p class="headline">This is example 1 headline</p>
+                <p class="dtpub">2024-06-06 08:37 PM</p>
+                <a href="https://www.example.com/article-1" class="link">Read More</a>
+            </div>
+
+            <div class="rpp-ra">
+                <img class="thumbnail"
+                    src="https://imageio.forbes.com/specials-images/imageserve/64b5825a5b9b4d3225e9bd15/artificial-intelligence--ai/960x0.jpg?format=jpg&width=1440"
+                    alt="">
+                <p class="headline">This is example 2 headline</p>
+                <p class="dtpub">2024-06-09 11:27 PM</p>
+                <a href="https://www.example.com/article-2" class="link">Read More</a>
+            </div>
+        </div>
+
+    </main>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/softwareapp.html b/test-sample/softwareapp.html
new file mode 100644
index 0000000..fd7dee4
--- /dev/null
+++ b/test-sample/softwareapp.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Software X - HomePage</title>
+</head>
+
+<body>
+
+</body>
+
+<main>
+
+    <div>
+        <p class="rsapp-1-name">God of War</p>
+
+        <p>
+            Category: <span class="rsapp-1-category">Games</span>
+        </p>
+
+        <p>
+            Supported on: <span class="rsapp-1-os">Windows, PS4</span>
+        </p>
+
+        <div class="rsapp-1-agg">
+            <!-- rating value --> <!-- br- max rate possible -->
+            <p><span class="rv">99</span> / <span class="br">100</span></p>
+            <!-- rating counts -->
+            <p>Number of rating: <span class="rc">90864000</span></p>
+        </div>
+
+        <p class="rsapp-1-price" data-currency="inr">2000</p>
+
+    </div>
+
+
+
+    <div>
+        <p class="rsapp-2-name">Supernatural</p>
+
+        <p>
+            Category: <span class="rsapp-2-category">Games</span>
+        </p>
+
+        <p>
+            Supported on: <span class="rsapp-2-os">Android</span>
+        </p>
+
+        <div class="rsapp-2-agg">
+            <!-- rating value --> <!-- br- max rate possible -->
+            <p><span class="rv">95</span> / <span class="br">100</span></p>
+            <!-- rating counts -->
+            <p>Number of rating: <span class="rc">764000</span></p>
+        </div>
+
+        <p class="rsapp-2-price" data-currency="usd">100</p>
+
+    </div>
+
+</main>
+
+</html>
\ No newline at end of file
diff --git a/test-sample/videos.html b/test-sample/videos.html
new file mode 100644
index 0000000..a129ffb
--- /dev/null
+++ b/test-sample/videos.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Videos</title>
+</head>
+
+<body>
+
+    <main>
+
+        <div id="video-1">
+
+            <ul class="rvid-1-index">
+                <li data-startoffset="30">Photo Testing</li>
+                <li data-startoffset="200">Video Testing</li>
+                <li data-startoffset="800">Cinematic Testing</li>
+            </ul>
+
+            <iframe class="rvid-1-frame" width="560" height="315"
+                src="https://www.youtube.com/embed/pI4TnpCMgP8?si=wPfEdco5EIZ9oaMW" title="YouTube video player"
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                allowfullscreen></iframe>
+        </div>
+
+
+        <div id="video-2">
+            <ul class="rvid-2-index">
+                <li data-startoffset="2">Bruce Wayne Entry</li>
+                <li data-startoffset="10">Clark Messing Around</li>
+                <li data-startoffset="30">Batman Prep time</li>
+            </ul>
+
+            <iframe class="rvid-2-frame" width="560" height="315"
+                src="https://www.youtube.com/embed/IHZDKOH624s?si=tG9q9eY3lhT7fTQi" title="YouTube video player"
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                allowfullscreen></iframe>
+        </div>
+
+    </main>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..e487b70
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "CommonJS",
+    "moduleResolution": "Node10",
+	"sourceMap": false,
+    "baseUrl": ".",
+    "rootDir": ".",
+    "outDir": "dist",
+    "declaration": true,
+    "declarationDir": "dist/types",
+    "typeRoots": ["dist/types"],
+    "noImplicitOverride": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedParameters": true,
+    "noUncheckedIndexedAccess": true,
+    "strict": true,
+    "strictBindCallApply": true,
+    "strictNullChecks": true,
+    "alwaysStrict": true,
+    "strictFunctionTypes": true,
+    "allowUmdGlobalAccess": true,
+    "allowUnreachableCode": false,
+    "allowUnusedLabels": false,
+    "preserveConstEnums": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "pretty": true,
+    "allowSyntheticDefaultImports": true  
+  },
+  "exclude": ["node_modules"]
+}