diff --git a/.harness/Build_devops0014_one_1703763628407-pr-trigger-input-set-1703763629453.yaml b/.harness/Build_devops0014_one_1703763628407-pr-trigger-input-set-1703763629453.yaml
new file mode 100644
index 000000000..de041fa4a
--- /dev/null
+++ b/.harness/Build_devops0014_one_1703763628407-pr-trigger-input-set-1703763629453.yaml
@@ -0,0 +1,14 @@
+inputSet:
+  name: Build_devops0014_one_1703763628407-pr-trigger-input-set
+  identifier: Build_devops0014_one_1703763628407prtriggerinputset
+  orgIdentifier: default
+  projectIdentifier: default_project
+  pipeline:
+    identifier: Build_devops0014_one_1703763628407
+    properties:
+      ci:
+        codebase:
+          build:
+            type: PR
+            spec:
+              number: <+trigger.prNumber>
diff --git a/.harness/Build_devops0014_one_1703763628407-push-trigger-input-set-1703763630823.yaml b/.harness/Build_devops0014_one_1703763628407-push-trigger-input-set-1703763630823.yaml
new file mode 100644
index 000000000..a04296c44
--- /dev/null
+++ b/.harness/Build_devops0014_one_1703763628407-push-trigger-input-set-1703763630823.yaml
@@ -0,0 +1,14 @@
+inputSet:
+  name: Build_devops0014_one_1703763628407-push-trigger-input-set
+  identifier: Build_devops0014_one_1703763628407pushtriggerinputset
+  orgIdentifier: default
+  projectIdentifier: default_project
+  pipeline:
+    identifier: Build_devops0014_one_1703763628407
+    properties:
+      ci:
+        codebase:
+          build:
+            type: branch
+            spec:
+              branch: <+trigger.branch>
diff --git a/.harness/pipelines/one-1703763620205.yaml b/.harness/pipelines/one-1703763620205.yaml
new file mode 100644
index 000000000..b3979845c
--- /dev/null
+++ b/.harness/pipelines/one-1703763620205.yaml
@@ -0,0 +1,33 @@
+pipeline:
+  identifier: Build_devops0014_one_1703763628407
+  name: Build one
+  orgIdentifier: default
+  projectIdentifier: default_project
+  properties:
+    ci:
+      codebase:
+        build: <+input>
+        connectorRef: account.Github
+        repoName: devops0014/one
+  stages:
+    - stage:
+        identifier: build
+        name: build
+        spec:
+          cloneCodebase: true
+          execution:
+            steps:
+              - step:
+                  identifier: echo
+                  name: echo
+                  spec:
+                    command: echo hello world
+                  timeout: ""
+                  type: Run
+          platform:
+            arch: Amd64
+            os: Linux
+          runtime:
+            spec: {}
+            type: Cloud
+        type: CI
diff --git a/README.md b/README.md
new file mode 100644
index 000000000..55f8b727b
--- /dev/null
+++ b/README.md
@@ -0,0 +1 @@
+# one
\ No newline at end of file
diff --git a/dockerfile b/dockerfile
new file mode 100644
index 000000000..aa1501cdf
--- /dev/null
+++ b/dockerfile
@@ -0,0 +1,7 @@
+FROM ubuntu
+RUN touch file1 file2 aws
+HELLO THIS IS EXTRA DATA WE ARE ADDING TO THIS FILE
+ADDING SOME MORE CONTENT
+THIS IS JENKINS CLASS, THANKS FOR JOINING
+475683973023@#$%^&*()
+ADDING SOME NEW CONTENT BY DEV-4
diff --git a/index.html b/index.html
new file mode 100644
index 000000000..5e1db9302
--- /dev/null
+++ b/index.html
@@ -0,0 +1,4 @@
+hello buddy
+this is automation work with jenkins 
+we are implementing webhooks for making automation
+thanks 
diff --git a/new b/new
new file mode 100644
index 000000000..7dc80fb01
--- /dev/null
+++ b/new
@@ -0,0 +1,2 @@
+my name is anil
+855452222
diff --git a/pom.xml b/pom.xml
index 1f5d3c472..2ea02ba4d 100644
--- a/pom.xml
+++ b/pom.xml
@@ -4,7 +4,7 @@
 	<groupId>in.javahome</groupId>
 	<artifactId>myweb</artifactId>
 	<packaging>war</packaging>
-	<version>8.6.9</version>
+	<version>8.7.3</version>
 	<name>Java Home myweb</name>
 	<url>http://maven.apache.org</url>
 	
@@ -33,7 +33,7 @@
 		
 		<repository>
 		    <id>nexusRepo</id>
-		    <url>http://44.202.251.20:8081/repository/flm-releases/</url>
+		    <url>http://44.210.238.199:8081/repository/myrepo/</url>
 		</repository>
   	</distributionManagement>
 	
@@ -44,6 +44,15 @@
 		<url>http://repo1.maven.org/maven2</url>
 	    </pluginRepository>
 	</pluginRepositories>
+	<build>
+		<plugins>
+			<plugin>
+				<groupId>org.apache.maven.plugins</groupId>
+				<artifactId>maven-war-plugin</artifactId>
+				<version>3.4.0</version> <!-- or latest stable -->
+			</plugin>
+		</plugins>
+	</build>
 
 	
 </project>
diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp
index 1c2a93f52..077deb01d 100644
--- a/src/main/webapp/index.jsp
+++ b/src/main/webapp/index.jsp
@@ -1,70 +1,1028 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
+
 <head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>SRCAS</title>
-  <link rel="stylesheet" href="styles.css">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>NexusShop — Modern E‑Commerce</title>
+
+    <!-- Fonts & Icons -->
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="" crossorigin="anonymous">
+
+    <style>
+        :root {
+            --bg: #ffffff;
+            --primary: #0a2540;
+            --accent: #00d4ff;
+            --muted: #7a7a7a;
+            --card: #ffffff;
+            --surface: #f6f9fc;
+            --success: #28a745;
+            --radius: 12px;
+            --container: 1200px;
+        }
+
+        * {
+            box-sizing: border-box
+        }
+
+        html,
+        body {
+            height: 100%
+        }
+
+        body {
+            margin: 0;
+            font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
+            color: var(--primary);
+            background: var(--bg);
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+            line-height: 1.4;
+        }
+
+        a {
+            color: inherit;
+            text-decoration: none
+        }
+
+        .container {
+            width: 100%;
+            max-width: var(--container);
+            margin: 0 auto;
+            padding: 0 20px;
+        }
+
+        /* Header */
+        header {
+            position: sticky;
+            top: 0;
+            z-index: 40;
+            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.95));
+            border-bottom: 1px solid rgba(10, 37, 64, 0.04);
+            backdrop-filter: blur(4px);
+        }
+
+        .header-inner {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            gap: 16px;
+            padding: 14px 0;
+        }
+
+        .brand {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            font-family: Poppins, sans-serif;
+            font-weight: 700;
+            font-size: 20px;
+            color: var(--primary);
+        }
+
+        .brand .accent {
+            color: var(--accent)
+        }
+
+        nav.main-nav {
+            display: flex;
+            align-items: center;
+            gap: 18px;
+        }
+
+        nav.main-nav ul {
+            display: flex;
+            gap: 8px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+            align-items: center;
+        }
+
+        nav.main-nav li a {
+            display: flex;
+            gap: 8px;
+            align-items: center;
+            padding: 8px 10px;
+            border-radius: 8px;
+            color: var(--primary);
+            font-weight: 500;
+        }
+
+        nav.main-nav li a:hover {
+            background: var(--surface);
+            color: var(--accent)
+        }
+
+        .search {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            background: var(--surface);
+            padding: 8px 12px;
+            border-radius: 999px;
+            min-width: 240px;
+        }
+
+        .search input {
+            border: 0;
+            background: transparent;
+            outline: none;
+            width: 100%;
+            font-size: 14px;
+        }
+
+        .icon-btn {
+            background: transparent;
+            border: 0;
+            cursor: pointer;
+            color: var(--primary);
+            font-size: 16px;
+        }
+
+        .header-actions {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+
+        .cart {
+            position: relative;
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            padding: 6px 8px;
+            border-radius: 8px;
+        }
+
+        .cart-count {
+            position: absolute;
+            top: -6px;
+            right: -6px;
+            background: var(--accent);
+            color: white;
+            font-size: 11px;
+            font-weight: 700;
+            width: 20px;
+            height: 20px;
+            border-radius: 50%;
+            display: inline-grid;
+            place-items: center;
+        }
+
+        .mobile-toggle {
+            display: none;
+            border: 0;
+            background: transparent;
+            font-size: 20px;
+            cursor: pointer;
+        }
+
+        /* Hero */
+        .hero {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+            background:
+                linear-gradient(180deg, rgba(10, 37, 64, 0.6), rgba(10, 37, 64, 0.6)),
+                url('https://images.unsplash.com/photo-1555529669-e69e7aa0ba9a?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat;
+            color: white;
+            min-height: 420px;
+            padding: 56px 20px;
+            border-bottom-left-radius: var(--radius);
+            border-bottom-right-radius: var(--radius);
+        }
+
+        .hero h1 {
+            font-family: Poppins;
+            font-size: 40px;
+            margin: 0 0 12px;
+            letter-spacing: -0.02em;
+        }
+
+        .hero p {
+            margin: 0 0 22px;
+            opacity: 0.95;
+            max-width: 820px;
+        }
+
+        .btn {
+            display: inline-flex;
+            align-items: center;
+            gap: 10px;
+            padding: 10px 18px;
+            border-radius: 999px;
+            font-weight: 600;
+            cursor: pointer;
+            border: 0;
+        }
+
+        .btn-primary {
+            background: var(--accent);
+            color: #042233;
+        }
+
+        .btn-ghost {
+            background: transparent;
+            border: 2px solid rgba(255, 255, 255, 0.18);
+            color: white;
+        }
+
+        /* Sections */
+        .section {
+            padding: 48px 0;
+        }
+
+        .section .title {
+            text-align: center;
+            margin-bottom: 18px;
+        }
+
+        .grid {
+            display: grid;
+            gap: 20px;
+        }
+
+        /* Categories */
+        .categories {
+            grid-template-columns: repeat(6, 1fr);
+        }
+
+        .cat-card {
+            background: var(--card);
+            border-radius: 12px;
+            padding: 18px;
+            text-align: center;
+            box-shadow: 0 8px 20px rgba(10, 37, 64, 0.04);
+            transition: transform .18s ease, box-shadow .18s ease;
+        }
+
+        .cat-card:hover {
+            transform: translateY(-6px);
+            box-shadow: 0 20px 40px rgba(10, 37, 64, 0.06);
+        }
+
+        .cat-card .icon {
+            font-size: 28px;
+            color: var(--accent);
+            margin-bottom: 8px;
+        }
+
+        .cat-card h4 {
+            margin: 6px 0 0;
+            font-size: 15px;
+        }
+
+        /* Products */
+        .products {
+            grid-template-columns: repeat(4, 1fr);
+        }
+
+        .product {
+            background: var(--card);
+            border-radius: 12px;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+            box-shadow: 0 8px 20px rgba(10, 37, 64, 0.04);
+        }
+
+        .product img {
+            width: 100%;
+            height: 200px;
+            object-fit: cover;
+            display: block;
+        }
+
+        .product-body {
+            padding: 12px 14px;
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+            flex: 1;
+        }
+
+        .product h5 {
+            margin: 0;
+            font-size: 15px;
+        }
+
+        .price-row {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            gap: 8px;
+        }
+
+        .price {
+            font-weight: 700;
+            color: var(--primary);
+        }
+
+        .old-price {
+            color: var(--muted);
+            text-decoration: line-through;
+            font-weight: 500;
+            font-size: 13px;
+        }
+
+        .rating {
+            color: #ffc107;
+            font-size: 13px;
+        }
+
+        .product-footer {
+            padding: 12px;
+            display: flex;
+            gap: 10px;
+        }
+
+        .add-btn {
+            flex: 1;
+            background: var(--primary);
+            color: white;
+            border: 0;
+            padding: 10px;
+            border-radius: 8px;
+            cursor: pointer;
+            font-weight: 600;
+        }
+
+        .wish-btn {
+            background: transparent;
+            border: 1px solid rgba(10, 37, 64, 0.06);
+            padding: 8px;
+            border-radius: 8px;
+            cursor: pointer;
+        }
+
+        /* Deal */
+        .deal {
+            display: flex;
+            gap: 18px;
+            background: var(--surface);
+            border-radius: 12px;
+            overflow: hidden;
+            align-items: center;
+        }
+
+        .deal img {
+            width: 50%;
+            height: 320px;
+            object-fit: cover;
+            display: block;
+        }
+
+        .deal .content {
+            padding: 28px;
+            flex: 1;
+        }
+
+        .timer {
+            display: flex;
+            gap: 12px;
+            margin: 18px 0;
+        }
+
+        .time-box {
+            background: var(--primary);
+            color: white;
+            padding: 12px 16px;
+            border-radius: 8px;
+            min-width: 76px;
+            text-align: center;
+        }
+
+        .deal .price {
+            font-size: 26px;
+        }
+
+        /* Testimonials */
+        .testimonials {
+            display: flex;
+            gap: 14px;
+            overflow-x: auto;
+            padding: 12px 4px;
+        }
+
+        .testimonial {
+            min-width: 320px;
+            background: white;
+            padding: 18px;
+            border-radius: 12px;
+            box-shadow: 0 8px 20px rgba(10, 37, 64, 0.04);
+        }
+
+        /* Newsletter */
+        .newsletter {
+            background: var(--primary);
+            color: white;
+            border-radius: 12px;
+            padding: 32px;
+            text-align: center;
+        }
+
+        .newsletter input {
+            padding: 12px 14px;
+            border-radius: 999px;
+            border: 0;
+            width: 320px;
+            max-width: 100%;
+            margin-right: 8px;
+        }
+
+        /* Footer */
+        footer {
+            margin-top: 24px;
+            padding: 36px 0;
+            border-top: 1px solid rgba(10, 37, 64, 0.04);
+            color: var(--muted);
+            font-size: 14px;
+        }
+
+        /* Responsive */
+        @media (max-width:1200px) {
+            .categories {
+                grid-template-columns: repeat(3, 1fr);
+            }
+
+            .products {
+                grid-template-columns: repeat(3, 1fr);
+            }
+        }
+
+        @media (max-width:900px) {
+            nav.main-nav {
+                display: none;
+            }
+
+            .mobile-toggle {
+                display: inline-block;
+            }
+
+            .products {
+                grid-template-columns: repeat(2, 1fr);
+            }
+
+            .categories {
+                grid-template-columns: repeat(2, 1fr);
+            }
+
+            .deal img {
+                height: 220px;
+                width: 40%;
+            }
+        }
+
+        @media (max-width:600px) {
+            .hero h1 {
+                font-size: 28px;
+            }
+
+            .products {
+                grid-template-columns: 1fr;
+            }
+
+            .categories {
+                grid-template-columns: 1fr;
+            }
+
+            .deal {
+                flex-direction: column;
+            }
+
+            .deal img {
+                width: 100%;
+                height: 220px;
+            }
+        }
+
+        /* small utilities */
+        .muted {
+            color: var(--muted);
+        }
+
+        .text-center {
+            text-align: center
+        }
+    </style>
 </head>
+
 <body>
-  <!-- Hero Section -->
-  <header class="hero">
-    <div class="hero-content">
-      <h1>Welcome to Home Of Beauty</h1>
-      <p>Transforming spaces into your dream home</p>
-      <a href="#contact" class="btn">Get Started</a>
-    </div>
-  </header>
-
-  <!-- Services Section -->
-  <section class="services" id="services">
-    <h2>Our Services</h2>
-    <div class="service-cards">
-      <div class="card">
-        <img src="https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1600&q=80" alt="Residential Design">
-        <h3>Residential Design</h3>
-        <p>We create beautiful and functional living spaces tailored to your needs.</p>
-      </div>
-      <div class="card">
-        <img src="https://images.unsplash.com/photo-1497366858526-0766cadbe8fa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1600&q=80" alt="Commercial Design">
-        <h3>Commercial Design</h3>
-        <p>Designing workspaces that inspire productivity and creativity.</p>
-      </div>
-      <div class="card">
-        <img src="https://images.unsplash.com/photo-1524758631624-e2822e304c36?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1600&q=80" alt="Consultation">
-        <h3>Consultation</h3>
-        <p>Expert advice to help you make the best design decisions.</p>
-      </div>
-    </div>
-  </section>
-
-  <!-- Gallery Section -->
-  <section class="gallery" id="gallery">
-    <h2>Our Work</h2>
-    <div class="gallery-images">
-      <img src="https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=1600" alt="Design 1">
-      <img src="https://images.pexels.com/photos/276724/pexels-photo-276724.jpeg?auto=compress&cs=tinysrgb&w=1600" alt="Design 2">
-      <img src="https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=1600" alt="Design 3">
-      <img src="https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=1600" alt="Design 4">
-    </div>
-  </section>
-
-  <!-- Contact Section -->
-  <section class="contact" id="contact">
-    <h2>Contact Us</h2>
-    <form id="contact-form">
-      <input type="text" id="name" placeholder="Your Name" required>
-      <input type="email" id="email" placeholder="Your Email" required>
-      <textarea id="message" placeholder="Your Message" required></textarea>
-      <button type="submit">Send Message</button>
-    </form>
-  </section>
-
-  <!-- Footer -->
-  <footer>
-    <p>&copy; 2023 Interior Design Studio. All rights reserved.</p>
-  </footer>
-
-  <script src="script.js"></script>
+    <header>
+        <div class="container header-inner" role="banner">
+            <div style="display:flex;align-items:center;gap:18px;">
+                <button class="mobile-toggle" id="mobileToggle" aria-label="Open menu"><em> class="fas fa-bars"></i></button>
+                <a class="brand" href="#">
+                    <span>Nexus<span class="accent">Shop</span></span>
+                </a>
+            </div>
+
+            <nav class="main-nav" id="mainNav" aria-label="Primary navigation">
+                <ul>
+                    <li><a href="#"><em> class="fas fa-home"></i> Home</a></li>
+                    <li class="has-dropdown" aria-haspopup="true">
+                        <a href="#" id="catMenuBtn"><em> class="fas fa-th-large"></i> Categories <em> class="fas fa-chevron-down" style="font-size:12px;"></i></a>
+                    </li>
+                    <li><a href="#"><em> class="fas fa-fire"></i> Trending</a></li>
+                    <li><a href="#deals"><em> class="fas fa-tag"></i> Deals</a></li>
+                    <li><a href="#about"><em> class="fas fa-info-circle"></i> About</a></li>
+                </ul>
+            </nav>
+
+            <div style="display:flex;align-items:center;gap:14px;">
+                <div class="search" role="search" aria-label="Product search">
+                    <em>nput type="search" id="searchInput" placeholder="Search products, categories..." aria-label="Search products" />
+                    <button class="icon-btn" id="searchBtn" aria-label="Search"><em> class="fas fa-search"></i></button>
+                </div>
+
+                <div class="header-actions" role="group" aria-label="Header actions">
+                    <a class="icon-btn" title="Account" href="#"><em> class="far fa-user"></i></a>
+                    <a class="icon-btn" title="Wishlist" href="#"><em> class="far fa-heart"></i></a>
+                    <a class="cart" href="#" id="cartBtn" title="View cart" aria-label="Cart">
+                        <em> class="fas fa-shopping-cart"></i>
+                        <span class="cart-count" id="cartCount">0</span>
+                    </a>
+                </div>
+            </div>
+        </div>
+
+        <!-- Mobile menu (hidden on desktop) -->
+        <div id="mobileMenu" style="display:none; background:var(--bg); border-top:1px solid rgba(10,37,64,0.04);">
+            <div class="container" style="padding:12px 0;">
+                <nav aria-label="Mobile navigation">
+                    <ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;">
+                        <li><a href="#">Home</a></li>
+                        <li><a href="#">Categories</a></li>
+                        <li><a href="#">Trending</a></li>
+                        <li><a href="#deals">Deals</a></li>
+                        <li><a href="#about">About</a></li>
+                    </ul>
+                </nav>
+            </div>
+        </div>
+    </header>
+
+    <main>
+        <!-- Hero -->
+        <section class="hero" role="img" aria-label="Hero banner">
+            <div class="container">
+                <h1>Summer Collection — Premium Picks</h1>
+                <p>Discover the latest trends in fashion, technology and accessories — curated just for you. Enjoy limited-time deals and free shipping on selected items.</p>
+                <div>
+                    <button class="btn btn-primary" id="shopNow">Shop Now <em> class="fas fa-arrow-right"></i></button>
+                    <button class="btn btn-ghost" id="exploreDeals">Explore Deals</button>
+                </div>
+            </div>
+        </section>
+
+        <!-- Categories -->
+        <section class="section container" aria-labelledby="cat-title">
+            <div class="title" id="cat-title">
+                <h2 class="section-title">Shop by Category</h2>
+                <p class="muted">Browse through our wide range of products across curated categories.</p>
+            </div>
+
+            <div class="grid categories" id="categoriesGrid" aria-live="polite"></div>
+        </section>
+
+        <!-- Products -->
+        <section class="section container" aria-labelledby="prod-title">
+            <div class="title" id="prod-title">
+                <h2>Trending Products</h2>
+                <p class="muted">Popular picks based on recent activity.</p>
+            </div>
+
+            <div class="grid products" id="productsGrid" aria-live="polite"></div>
+        </section>
+
+        <!-- Deals -->
+        <section id="deals" class="section container" aria-labelledby="deals-title">
+            <div class="title" id="deals-title">
+                <h2>Flash Sale</h2>
+                <p class="muted">Limited-time offers — don't miss out!</p>
+            </div>
+
+            <div class="deal" style="align-items:stretch;">
+                <em>mg src="https://images.unsplash.com/photo-1517336714731-489689fd1ca8?auto=format&fit=crop&w=1200&q=80" alt="Deal product">
+                <div class="content">
+                    <h3>MacBook Air M2</h3>
+                    <p class="muted">Thin, light and powerful — now with M2 performance.</p>
+
+                    <div class="timer" aria-hidden="false">
+                        <div class="time-box">
+                            <div id="dealDays">0</div>
+                            <div style="font-size:12px;opacity:.85">Days</div>
+                        </div>
+                        <div class="time-box">
+                            <div id="dealHours">00</div>
+                            <div style="font-size:12px;opacity:.85">Hours</div>
+                        </div>
+                        <div class="time-box">
+                            <div id="dealMinutes">00</div>
+                            <div style="font-size:12px;opacity:.85">Minutes</div>
+                        </div>
+                        <div class="time-box">
+                            <div id="dealSeconds">00</div>
+                            <div style="font-size:12px;opacity:.85">Seconds</div>
+                        </div>
+                    </div>
+
+                    <div style="display:flex;align-items:center;gap:12px;">
+                        <div class="price">$999 <span class="old-price" style="font-size:16px">$1,199</span></div>
+                        <div class="deal-discount" style="background:#ff4757;color:white;padding:6px 10px;border-radius:8px;font-weight:700">-17%</div>
+                    </div>
+
+                    <p style="margin-top:10px;">Only <strong>12</strong> items left at this price!</p>
+                    <div style="margin-top:18px;">
+                        <button class="btn btn-primary" id="buyDeal">Buy Now</button>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- Testimonials -->
+        <section class="section container" aria-labelledby="test-title">
+            <div class="title" id="test-title">
+                <h2>What our customers say</h2>
+                <p class="muted">Real reviews from verified buyers.</p>
+            </div>
+
+            <div class="testimonials" id="testimonials">
+                <div class="testimonial">
+                    <div class="rating">★★★★★</div>
+                    <p>"Fast shipping and excellent customer support. The product exceeded my expectations!"</p>
+                    <div style="display:flex;align-items:center;gap:10px">
+                        <em>mg src="https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=80&q=80" alt="avatar" style="width:40px;height:40px;border-radius:50%;object-fit:cover">
+                        <div>
+                            <div style="font-weight:700">Ava Martin</div>
+                            <div class="muted" style="font-size:13px">Verified buyer</div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="testimonial">
+                    <div class="rating">★★★★☆</div>
+                    <p>"Great selection and the checkout was smooth. Will shop again."</p>
+                    <div style="display:flex;align-items:center;gap:10px">
+                        <em>mg src="https://images.unsplash.com/photo-1546456073-6712f79251bb?auto=format&fit=crop&w=80&q=80" alt="avatar" style="width:40px;height:40px;border-radius:50%;object-fit:cover">
+                        <div>
+                            <div style="font-weight:700">Michael Lee</div>
+                            <div class="muted" style="font-size:13px">Frequent buyer</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- Newsletter -->
+        <section class="section container" aria-labelledby="news-title">
+            <div class="newsletter" id="newsletter">
+                <h3 id="news-title">Stay in the loop</h3>
+                <p>Subscribe to get exclusive offers & new arrivals</p>
+                <form id="newsletterForm" style="display:flex;justify-content:center;gap:8px;flex-wrap:wrap;" onsubmit="return false;">
+                    <em>nput id="newsletterEmail" type="email" placeholder="Enter your email" aria-label="Email address" required>
+                    <button class="btn btn-primary" id="subscribeBtn">Subscribe</button>
+                </form>
+                <div id="newsletterMsg" style="margin-top:10px;font-size:14px;display:none"></div>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="container" style="display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;justify-content:space-between">
+            <div style="max-width:360px">
+                <div style="font-weight:700;font-size:18px">NexusShop</div>
+                <p class="muted" style="margin-top:8px">A modern e-commerce demo built with HTML, CSS & JavaScript.</p>
+                <div style="margin-top:14px;display:flex;gap:10px">
+                    <a class="icon-btn" href="#" title="Facebook"><em> class="fab fa-facebook"></i></a>
+                    <a class="icon-btn" href="#" title="Twitter"><em> class="fab fa-twitter"></i></a>
+                    <a class="icon-btn" href="#" title="Instagram"><em> class="fab fa-instagram"></i></a>
+                </div>
+            </div>
+
+            <div style="display:flex;gap:40px;flex:1;justify-content:flex-end;flex-wrap:wrap">
+                <div>
+                    <div style="font-weight:700;margin-bottom:8px">Company</div>
+                    <div class="muted" style="line-height:1.8">About<br>Careers<br>Press</div>
+                </div>
+                <div>
+                    <div style="font-weight:700;margin-bottom:8px">Support</div>
+                    <div class="muted" style="line-height:1.8">Help Center<br>Shipping & Returns<br>Contact</div>
+                </div>
+            </div>
+        </div>
+
+        <div style="text-align:center;margin-top:22px;color:var(--muted);font-size:13px">© <span id="year"></span> NexusShop. All rights reserved.</div>
+    </footer>
+
+    <script>
+        // --- Sample data (can be replaced by server-side data or API) ---
+        const CATEGORIES = [{
+                id: 'phones',
+                name: 'Smartphones',
+                icon: 'fa-mobile-alt'
+            },
+            {
+                id: 'laptops',
+                name: 'Laptops',
+                icon: 'fa-laptop'
+            },
+            {
+                id: 'clothing',
+                name: 'Clothing',
+                icon: 'fa-tshirt'
+            },
+            {
+                id: 'gadgets',
+                name: 'Gadgets',
+                icon: 'fa-headphones'
+            },
+            {
+                id: 'footwear',
+                name: 'Footwear',
+                icon: 'fa-shoe-prints'
+            },
+            {
+                id: 'accessories',
+                name: 'Accessories',
+                icon: 'fa-watch'
+            }
+        ];
+
+        const PRODUCTS = [{
+                id: 1,
+                title: 'iPhone 14 Pro Max',
+                price: 1099,
+                oldPrice: 1199,
+                rating: 5,
+                reviews: 128,
+                badge: 'New',
+                img: 'https://images.unsplash.com/photo-1601784551446-20c9e07cdbdb?auto=format&fit=crop&w=600&q=80',
+                category: 'phones'
+            },
+            {
+                id: 2,
+                title: 'MacBook Pro 14"',
+                price: 1999,
+                rating: 4,
+                reviews: 86,
+                img: 'https://images.unsplash.com/photo-1593642632823-8f785ba67e45?auto=format&fit=crop&w=600&q=80',
+                category: 'laptops'
+            },
+            {
+                id: 3,
+                title: 'Apple Watch Series 8',
+                price: 349,
+                oldPrice: 399,
+                rating: 5,
+                reviews: 214,
+                badge: '-25%',
+                img: 'https://images.unsplash.com/photo-1529374255404-311a2a4f1fd9?auto=format&fit=crop&w=600&q=80',
+                category: 'accessories'
+            },
+            {
+                id: 4,
+                title: 'Nike Air Max 270',
+                price: 150,
+                rating: 4,
+                reviews: 53,
+                img: 'https://images.unsplash.com/photo-1542272604-787c3835535d?auto=format&fit=crop&w=600&q=80',
+                category: 'footwear'
+            },
+            {
+                id: 5,
+                title: 'Sony A7 IV Camera',
+                price: 2499,
+                rating: 5,
+                reviews: 42,
+                img: 'https://images.unsplash.com/photo-1526170375885-4d8ecf77b99f?auto=format&fit=crop&w=600&q=80',
+                category: 'gadgets'
+            },
+            {
+                id: 6,
+                title: 'Chanel No. 5',
+                price: 120,
+                rating: 5,
+                reviews: 189,
+                img: 'https://images.unsplash.com/photo-1585386959984-a4155224a1ad?auto=format&fit=crop&w=600&q=80',
+                category: 'accessories'
+            },
+            {
+                id: 7,
+                title: 'Travel Backpack',
+                price: 79,
+                oldPrice: 99,
+                rating: 4,
+                reviews: 67,
+                img: 'https://images.unsplash.com/photo-1551232864-3f0890e580d9?auto=format&fit=crop&w=600&q=80',
+                category: 'accessories'
+            },
+            {
+                id: 8,
+                title: 'Sony WH-1000XM5',
+                price: 399,
+                rating: 5,
+                reviews: 156,
+                img: 'https://images.unsplash.com/photo-1600185365483-26d7a4cc7519?auto=format&fit=crop&w=600&q=80',
+                category: 'gadgets'
+            }
+        ];
+
+        // --- Render categories & products ---
+        const categoriesGrid = document.getElementById('categoriesGrid');
+        const productsGrid = document.getElementById('productsGrid');
+        const cartCountEl = document.getElementById('cartCount');
+        const searchInput = document.getElementById('searchInput');
+
+        let cartCount = 0;
+
+        function renderCategories() {
+            categoriesGrid.innerHTML = '';
+            CATEGORIES.forEach(cat => {
+                const el = document.createElement('div');
+                el.className = 'cat-card';
+                el.innerHTML = `
+                    <div class="icon"><em> class="fas ${cat.icon}"></i></div>
+                    <h4>${cat.name}</h4>
+                    <div class="muted" style="font-size:13px;margin-top:6px">Explore ${cat.name}</div>
+                `;
+                el.addEventListener('click', () => {
+                    searchInput.value = cat.name;
+                    filterProducts(cat.name);
+                    window.scrollTo({
+                        top: document.getElementById('prod-title').offsetTop - 60,
+                        behavior: 'smooth'
+                    });
+                });
+                categoriesGrid.appendChild(el);
+            });
+        }
+
+        function renderProducts(list) {
+            productsGrid.innerHTML = '';
+            list.forEach(p => {
+                const el = document.createElement('article');
+                el.className = 'product';
+                el.innerHTML = `
+                    ${p.badge ? `<div style="position:absolute;margin:12px"><span style="background:${p.badge.startsWith('-')? '#ff4757' : 'var(--success)'};color:white;padding:6px 8px;border-radius:8px;font-weight:700;font-size:12px">${p.badge}</span></div>` : ''}
+                    <em>mg src="${p.img}" alt="${escapeHtml(p.title)}">
+                    <div class="product-body">
+                        <h5>${escapeHtml(p.title)}</h5>
+                        <div class="muted">${p.category}</div>
+                        <div class="price-row">
+                            <div>
+                                <div class="price">$${p.price.toLocaleString()}</div>
+                                ${p.oldPrice ? `<div class="old-price">${p.oldPrice ? '$'+p.oldPrice.toLocaleString() : ''}</div>` : ''}
+                            </div>
+                            <div class="rating">${'★'.repeat(Math.round(p.rating))} <span style="font-size:12px;color:var(--muted)">(${p.reviews})</span></div>
+                        </div>
+                    </div>
+                    <div class="product-footer">
+                        <button class="add-btn" data-id="${p.id}"><em> class="fas fa-cart-plus"></i> Add</button>
+                        <button class="wish-btn" aria-label="Add to wishlist"><em> class="far fa-heart"></i></button>
+                    </div>
+                `;
+                productsGrid.appendChild(el);
+            });
+
+            // attach listeners to add buttons
+            productsGrid.querySelectorAll('.add-btn').forEach(btn => {
+                btn.addEventListener('click', (e) => {
+                    const id = Number(btn.dataset.id);
+                    addToCart(id);
+                });
+            });
+        }
+
+        // --- Utilities ---
+        function escapeHtml(text) {
+            return String(text).replace(/[&<>"']/g, s => ({
+                '&': '&amp;',
+                '<': '&lt;',
+                '>': '&gt;',
+                '"': '&quot;',
+                "'": '&#39;'
+            } [s]));
+        }
+
+        function addToCart(productId) {
+            const p = PRODUCTS.find(x => x.id === productId);
+            if (!p) return;
+            cartCount++;
+            cartCountEl.textContent = cartCount;
+            // Simple feedback
+            const btn = document.querySelector(`.add-btn[data-id="${productId}"]`);
+            if (btn) {
+                const original = btn.innerHTML;
+                btn.innerHTML = 'Added ✓';
+                btn.disabled = true;
+                setTimeout(() => {
+                    btn.innerHTML = original;
+                    btn.disabled = false;
+                }, 1200);
+            }
+        }
+
+        function updateCartCount() {
+            cartCountEl.textContent = cartCount;
+        }
+
+        function filterProducts(query) {
+            const q = String(query || '').trim().toLowerCase();
+            if (!q) {
+                renderProducts(PRODUCTS);
+                return;
+            }
+            const filtered = PRODUCTS.filter(p =>
+                p.title.toLowerCase().includes(q) ||
+                p.category.toLowerCase().includes(q)
+            );
+            renderProducts(filtered);
+        }
+
+        // --- Search handling ---
+        document.getElementById('searchBtn').addEventListener('click', () => filterProducts(searchInput.value));
+        searchInput.addEventListener('keydown', (e) => {
+            if (e.key === 'Enter') filterProducts(e.target.value);
+        });
+
+        // --- Mobile menu toggle ---
+        const mobileToggle = document.getElementById('mobileToggle');
+        const mobileMenu = document.getElementById('mobileMenu');
+        mobileToggle.addEventListener('click', () => {
+            mobileMenu.style.display = mobileMenu.style.display === 'none' || !mobileMenu.style.display ? 'block' : 'none';
+        });
+
+        // --- Simple dropdown (desktop) ---
+        const catMenuBtn = document.getElementById('catMenuBtn');
+        catMenuBtn && catMenuBtn.addEventListener('click', (e) => {
+            e.preventDefault();
+            alert('Use the category tiles below to filter — this is a demo.');
+        });
+
+        // --- Newsletter subscribe (demo) ---
+        document.getElementById('newsletterForm').addEventListener('submit', (e) => {
+            e.preventDefault();
+            const email = document.getElementById('newsletterEmail').value.trim();
+            const msg = document.getElementById('newsletterMsg');
+            if (!email || !email.includes('@')) {
+                msg.style.display = 'block';
+                msg.textContent = 'Please enter a valid email address.';
+                msg.style.color = '#ffb3b3';
+                return;
+            }
+            msg.style.display = 'block';
+            msg.style.color = '#cce7ff';
+            msg.textContent = 'Thanks! You are subscribed.';
+            document.getElementById('newsletterEmail').value = '';
+            setTimeout(() => msg.style.display = 'none', 3000);
+        });
+
+        // --- Countdown timer for deal ---
+        (function setupDealTimer() {
+            // Target: 1 day from now (demo)
+            const now = new Date();
+            const target = new Date(now.getTime() + (24 * 60 + 36) * 60 * 1000); // 24h36m
+            function tick() {
+                const diff = target - new Date();
+                const days = Math.floor(diff / (24 * 3600 * 1000));
+                const hours = Math.floor((diff % (24 * 3600 * 1000)) / (3600 * 1000));
+                const mins = Math.floor((diff % (3600 * 1000)) / (60 * 1000));
+                const secs = Math.floor((diff % (60 * 1000)) / 1000);
+                document.getElementById('dealDays').textContent = days;
+                document.getElementById('dealHours').textContent = String(hours).padStart(2, '0');
+                document.getElementById('dealMinutes').textContent = String(mins).padStart(2, '0');
+                document.getElementById('dealSeconds').textContent = String(secs).padStart(2, '0');
+                if (diff <= 0) clearInterval(timer);
+            }
+            tick();
+            const timer = setInterval(tick, 1000);
+        })();
+
+        // --- Small UI bindings ---
+        document.getElementById('shopNow').addEventListener('click', () => window.scrollTo({
+            top: document.getElementById('prod-title').offsetTop - 60,
+            behavior: 'smooth'
+        }));
+        document.getElementById('exploreDeals').addEventListener('click', () => window.location.hash = '#deals');
+        document.getElementById('buyDeal').addEventListener('click', () => {
+            cartCount += 1;
+            updateCartCount();
+            alert('Deal added to cart (demo).');
+        });
+
+        // --- Initialization ---
+        (function init() {
+            renderCategories();
+            renderProducts(PRODUCTS);
+            updateCartCount();
+            document.getElementById('year').textContent = new Date().getFullYear();
+        })();
+    </script>
 </body>
+
 </html>